/*.is-homepage * {
  margin: 0;
  padding: 0;*/
  /* Font Responsive Calculation */
  /*--responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 320px) / (1200 - 320)));*/
  /* Ranges from 421px to 1199px */ /*}*/

/**** Colors ****/
/**** Font Family ****/
.is-homepage html {
  overflow-x: hidden;
  scroll-behavior: smooth; }

/**** Custom Responsive Col ****/
@media (max-width: 768px) {
  .is-homepage .col-xs-6 {
    width: 50%; } }

@media (min-width: 1140px) {
  .is-homepage .container {
    max-width: 1200px; } }

/**** Custom Responsive Fonts ****/
@media (min-width: 1200px) {
  .is-homepage h1, .is-homepage h2, .is-homepage h3, .is-homepage h4, .is-homepage h5, .is-homepage h6, .is-homepage p {
    font-size: calc(var(--max-font) * 1px); } }

@media (max-width: 420px) {
  .is-homepage h1, .is-homepage h2, .is-homepage h3, .is-homepage h4, .is-homepage h5, .is-homepage h6, .is-homepage p {
    font-size: calc(var(--min-font) * 1px); } }

/**** Hide Elements ****/
.is-homepage .mob-none {
  display: block; }
  @media (max-width: 992) {
    .is-homepage .mob-none {
      display: none; } }

.is-homepage .mob-block {
  display: none; }
  @media (max-width: 992px) {
    .is-homepage .mob-block {
      display: block; } }

/**** Typography ****/
.is-homepage h1 {
  color: #F7D300;
  margin-bottom: 0;
  line-height: 1.3;
  padding-bottom: 15px;
  font-family: "Roboto-Bold";
  /* Set max and min font sizes */
  --max-font: 80;
  --min-font: 35;
  font-size: var(--responsive); }

.is-homepage h2 {
  color: #0061A3;
  line-height: 1.3;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: "Roboto-Bold";
  /* Set max and min font sizes */
  --max-font: 60;
  --min-font: 40;
  font-size: var(--responsive); }

.is-homepage h3 {
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-family: "Roboto-Medium";
  /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 18;
  font-size: var(--responsive);
  letter-spacing: -0.8px; }

.is-homepage h4 {
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: "Roboto-Bold";
  font-size: 16px;
  text-transform: uppercase; }

.is-homepage h5 {
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: "Roboto-Bold";
  /* Set max and min font sizes */
  --max-font: 28;
  --min-font: 20;
  font-size: var(--responsive); }

.is-homepage h6 {
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: "Roboto-Bold";
  /* Set max and min font sizes */
  --max-font: 22;
  --min-font: 18;
  font-size: var(--responsive); }

.is-homepage p {
  color: #5F5F5F;
  margin-bottom: 0;
  line-height: 1.2;
  font-family: "Roboto-Regular";
  padding-bottom: 15px;
  font-size: 14px; }

.is-homepage .text-upper {
  text-transform: uppercase; }

.is-homepage strong {
  font-family: "Roboto-Bold"; }

/**** Color Classes ****/
.is-homepage .black-color {
  color: #000000; }

.is-homepage .white-color {
  color: #ffffff; }

.is-homepage .orange-color {
  color: #e07000; }

.is-homepage .red-color {
  color: #F30000; }

.is-homepage .blue-color {
  color: #0061A3; }

.is-homepage .green-color {
  color: #13902A; }

.is-homepage .yellow-color {
  color: #F7D300; }

.is-homepage .grey-color {
  color: #5F5F5F; }

/**** Custom Columns Responsive ****/
.is-homepage .col-2dot4, .is-homepage .col-sm-2dot4, .is-homepage .col-md-2dot4, .is-homepage .col-lg-2dot4, .is-homepage .col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.is-homepage .col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

@media (min-width: 575px) {
  .is-homepage .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

@media (min-width: 768px) {
  .is-homepage .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; } }

@media (min-width: 960px) {
  .is-homepage .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; } }

@media (min-width: 1280px) {
  .is-homepage .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

/**** Header ****/
.is-homepage header {
  padding: 20px 0 30px; }
  .is-homepage header p {
    color: #000000; }
  .is-homepage header .navbar {
    background: #F30000;
    border-radius: 8px;
    padding: 0; }
    .is-homepage header .navbar ul li {
      padding-left: 15px;
      padding-right: 15px;
      border-right: 1px solid #ffffff; }
      .is-homepage header .navbar ul li a {
        color: #ffffff !important;
        font-family: "Roboto-Bold";
        text-transform: uppercase;
        text-decoration: none;
        font-size: 16px;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .is-homepage header .navbar ul li a:hover {
          text-decoration: underline;
          opacity: 1; }
      .is-homepage header .navbar ul li a.active {
        text-decoration: underline; }
  .is-homepage header .language {
    margin-left: -15px; }
    @media (max-width: 992px) {
      .is-homepage header .language {
        margin-left: 10px;
        width: 30%; } }
    .is-homepage header .language a {
      text-decoration: none; }
  .is-homepage header .account-link li {
    padding-right: 0 !important; }
    .is-homepage header .account-link li a {
      background: #0061A3;
      border-radius: 8px; }
      .is-homepage header .account-link li a:hover {
        text-decoration: none !important;
        opacity: 0.8 !important; }
    .is-homepage header .account-link li .nav-link {
      padding-top: 6px !important;
      padding-bottom: 6px !important;
      padding-left: 40px !important;
      padding-right: 40px !important; }
  @media (max-width: 768px) {
    .is-homepage header .logo {
      width: 220px; } }
  .is-homepage header .menu-right .backBtn {
    text-align: left; }
  .is-homepage header .menu-top .backBtn, .is-homepage header .menu-bottom .backBtn {
    text-align: left; }
  .is-homepage header .menu {
    background-color: #ffffff;
    -webkit-box-shadow: 4px 4px 9px 0px #d9d9d9;
    box-shadow: 4px 4px 9px 0px #d9d9d9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 50%;
    height: 100%; }
    @media (max-width: 575px) {
      .is-homepage header .menu {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none; } }
    .is-homepage header .menu a {
      color: #000000;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-transform: uppercase;
      text-decoration: none;
      font-family: "Roboto-Medium";
      padding: 15px 10px !important;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .is-homepage header .menu a:hover {
        text-decoration: none;
        color: #F30000; }
      .is-homepage header .menu a img {
        margin-right: 10px; }
    .is-homepage header .menu a.active {
      background: #ffffff;
      color: #F30000; }
    .is-homepage header .menu .account-link a {
      background: #0061A3;
      border-radius: 8px;
      color: #ffffff; }
      .is-homepage header .menu .account-link a:hover {
        text-decoration: none !important; }
    .is-homepage header .menu .account-link .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important; }
  .is-homepage header .backBtn {
    background: url("../img/header-bg.jpg") no-repeat center;
    background-size: cover;
    text-align: right;
    border-top: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: none !important; }
    .is-homepage header .backBtn:hover {
      opacity: 0.8;
      background: url("../img/header-bg.jpg") no-repeat center !important; }
  .is-homepage header .menu-left {
    left: -100%; }
    .is-homepage header .menu-left.left-open {
      left: 0; }
  .is-homepage header .social-media-language {
    margin-right: 25px; }
  .is-homepage header .user-info {
    margin-left: 40px; }
    @media (max-width: 992px) {
      .is-homepage header .user-info {
        margin-left: 0px; } }

/**** Custom Link ****/
.is-homepage a {
  color: #0061A3;
  font-family: "Roboto-Medium";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-decoration: underline; }
  .is-homepage a:hover {
    color: #0061A3;
    opacity: 0.8;
    text-decoration: none; }

/**** Custom Button ****/
.is-homepage .custom-btn {
  color: #000000;
  text-decoration: none;
  border-radius: 8px;
  background-color: #F7D300;
  padding: 10px 0px;
  line-height: 1.1;
  border: 1px solid #F7D300;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Roboto-Medium";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  width: 90%; }
  @media (max-width: 575px) {
    .is-homepage .custom-btn {
      width: 100%; } }
  .is-homepage .custom-btn:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.8; }
  .is-homepage .custom-btn:focus {
    outline: none; }

/***** Toggle Show Hide *****/
.is-homepage .showBtn {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative; }
  .is-homepage .showBtn::after {
    content: "";
    background: url("../img/arrow-bottom.png") no-repeat;
    display: block;
    width: 12px;
    height: 8px;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -20px; }
    @media (max-width: 992px) {
      .is-homepage .showBtn::after {
        top: -33px; } }
  .is-homepage .showBtn:hover {
    opacity: 0.8; }

.is-homepage .showBtn.active {
  position: relative; }
  .is-homepage .showBtn.active::after {
    content: "";
    background: url("../img/arrow-top.png") no-repeat;
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    right: -10px;
    top: -20px; }
    @media (max-width: 992px) {
      .is-homepage .showBtn.active::after {
        top: -33px; } }

.is-homepage .hideme {
  display: none; }
  .is-homepage .hideme p {
    padding-bottom: 0; }

.is-homepage .row-box {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  background: #ffffff; }
  .is-homepage .row-box .box-padd {
    padding: 5px 5px 0px 5px; }
    @media (max-width: 768px) {
      .is-homepage .row-box .box-padd {
        padding: 10px 10px 0px 10px; } }

.is-homepage .red-banner {
  background: #F30000;
  border-radius: 8px;
  padding: 10px 0;
  margin-bottom: 15px; }
  .is-homepage .red-banner p {
    padding-bottom: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff; }
    @media (max-width: 768px) {
      .is-homepage .red-banner p {
        font-size: 16px; } }

/**** Home ****/
.is-homepage #banner-row {
  margin-top: 30px; }

@media (max-width: 575px) {
    .is-homepage #banner-row {
        margin-top: 0;
    }
}

  .is-homepage #banner-row .row-box {
    min-height: 105px;
    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; }
    .is-homepage #banner-row .row-box .box-padd {
      padding: 5px 15px 0px 5px; }
      @media (max-width: 768px) {
        .is-homepage #banner-row .row-box .box-padd {
          padding: 10px 15px 0px 10px; } }
  @media (max-width: 575px) {
    .is-homepage #banner-row a {
      font-size: 12px; } }

.is-homepage #upcoming {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 992px) {
    .is-homepage #upcoming {
      padding-top: 35px;
      padding-bottom: 35px; } }
  @media (max-width: 768px) {
    .is-homepage #upcoming {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .is-homepage #upcoming .value {
    margin-top: 10px; }
    .is-homepage #upcoming .value p {
      color: #13902A;
      text-transform: uppercase;
      font-size: 26px;
      text-align: center;
      padding-bottom: 0; }
  .is-homepage #upcoming .blue-box {
    background: #0061A3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 45px 10px 10px; }
    .is-homepage #upcoming .blue-box p {
      color: #ffffff;
      padding-bottom: 0;
      font-size: 18px; }
    .is-homepage #upcoming .blue-box .custom-btn {
      margin-right: 15px;
      width: 55%; }

.is-homepage #upcoming-online {
  padding-bottom: 75px; }
  @media (max-width: 992px) {
    .is-homepage #upcoming-online {
      padding-bottom: 35px; } }
  @media (max-width: 768px) {
    .is-homepage #upcoming-online {
      padding-bottom: 30px; } }
  .is-homepage #upcoming-online .star {
    text-align: right;
    padding-right: 10px;
    margin-bottom: -15px; }
  .is-homepage #upcoming-online .icon {
    margin-bottom: 25px; }
  .is-homepage #upcoming-online .value-online p {
    font-size: 20px;
    color: #000000;
    padding-bottom: 10px; }
    @media (max-width: 768px) {
      .is-homepage #upcoming-online .value-online p {
        font-size: 18px; } }
  .is-homepage #upcoming-online .clock-time {
    color: #0061A3;
    line-height: 1;
    font-family: "Roboto-Medium"; }
  .is-homepage #upcoming-online a {
    font-size: 18px; }
    @media (max-width: 768px) {
      .is-homepage #upcoming-online a {
        font-size: 16px; } }
  @media (max-width: 575px) {
    .is-homepage #upcoming-online .text-upper {
      font-size: 12px; } }

.is-homepage #winners {
  padding-bottom: 60px; }
  @media (max-width: 992px) {
    .is-homepage #winners {
      padding-bottom: 35px; } }
  @media (max-width: 768px) {
    .is-homepage #winners {
      padding-bottom: 30px; } }
  .is-homepage #winners .win-title {
    padding: 10px 0 30px; }
    .is-homepage #winners .win-title p {
      color: #0061A3;
      text-transform: uppercase;
      font-family: "Roboto-Bold";
      padding-bottom: 0;
      font-size: 36px; }
      @media (max-width: 1199px) {
        .is-homepage #winners .win-title p {
          font-size: 32px; } }
      @media (max-width: 768px) {
        .is-homepage #winners .win-title p {
          font-size: 27px; } }
      .is-homepage #winners .win-title p span {
        color: #000000;
        text-transform: uppercase;
        font-family: "Roboto-Medium";
        font-size: 28px; }
        @media (max-width: 768px) {
          .is-homepage #winners .win-title p span {
            font-size: 27px; } }
  .is-homepage #winners .win-desc {
    width: 80%; }
    @media (max-width: 992px) {
      .is-homepage #winners .win-desc {
        width: 100%; } }
    @media (max-width: 768px) {
      .is-homepage #winners .win-desc .title {
        text-align: center; } }
    .is-homepage #winners .win-desc p {
      color: #000000;
      line-height: 1.5; }
      .is-homepage #winners .win-desc p strong {
        font-size: 16px; }
    .is-homepage #winners .win-desc .custom-btn {
      width: 100%;
      margin-top: 10px;
      font-size: 14px; }
      @media (max-width: 992px) {
        .is-homepage #winners .win-desc .custom-btn {
          width: 55%; } }
  .is-homepage #winners .win-score {
    margin-top: 20px; }
    .is-homepage #winners .win-score p {
      color: #000000; }
    .is-homepage #winners .win-score .win-score-desc .red-ball {
      background: red;
      margin: 0 2px;
      border-radius: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 20px;
      width: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .is-homepage #winners .win-score .win-score-desc .red-ball p {
        padding-bottom: 0;
        color: #ffffff;
        font-size: 12px;
        line-height: 1; }
    .is-homepage #winners .win-score .win-score-desc .date {
      margin-top: 10px; }
      .is-homepage #winners .win-score .win-score-desc .date p {
        font-size: 12px; }
  .is-homepage #winners .last-winners {
    text-align: center; }
    .is-homepage #winners .last-winners p {
      color: #000000;
      font-size: 18px; }
      .is-homepage #winners .last-winners p span {
        font-size: 26px;
        font-family: "Roboto-Bold"; }
    .is-homepage #winners .last-winners .value p {
      color: #13902A;
      text-transform: uppercase;
      font-size: 26px;
      text-align: center;
      padding-bottom: 0; }
  .is-homepage #winners .single-winner .date p {
    color: #000000; }
  .is-homepage #winners .single-winner .box-padd {
    padding: 9px; }

.is-homepage #faq h3 {
  padding-bottom: 35px; }

.is-homepage #faq .showBtn {
  color: #0061A3;
  font-family: "Roboto-Bold";
  font-size: 18px;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-left: 15px; }
  .is-homepage #faq .showBtn::after {
    top: 5px;
    right: 0; }

.is-homepage #faq .showBtn.active::after {
  top: 5px;
  right: 0; }

.is-homepage #faq .hideme {
  margin-bottom: 20px;
  padding-left: 15px; }

/**** Wrapp ****/
/**** Footer ****/
.is-homepage footer {
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
  z-index: 1;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fffefe 33%, #e1e1e1 68%, #e0e0e0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fffefe 33%, #e1e1e1 68%, #e0e0e0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(33%, #fffefe), color-stop(68%, #e1e1e1), to(#e0e0e0));
  background: -o-linear-gradient(top, #ffffff 0%, #fffefe 33%, #e1e1e1 68%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fffefe 33%, #e1e1e1 68%, #e0e0e0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
  /* IE6-9 */ }
  @media (max-width: 992px) {
    .is-homepage footer {
      padding-top: 35px; } }
  @media (max-width: 768px) {
    .is-homepage footer {
      padding-top: 30px;
      padding-bottom: 25px; } }
  @media (max-width: 575px) {
    .is-homepage footer {
      padding-top: 30px;
      padding-bottom: 10px; } }
  @media (min-width: 992px) {
    .is-homepage footer .container.cont-w {
      max-width: 992px; } }
  .is-homepage footer .bg-stars {
    background: url("../img/footer-stars.png") no-repeat center top;
    background-size: 100%;
    height: 275px;
    margin-bottom: -120px; }
    @media (max-width: 992px) {
      .is-homepage footer .bg-stars {
        background: url("../img/footer-stars.png") no-repeat center top;
        background-size: 100%;
        margin-bottom: -200px;
        height: 275px; } }
    @media (max-width: 768px) {
      .is-homepage footer .bg-stars {
        background: url("../img/footer-stars.png") no-repeat center top -10px;
        background-size: 100%;
        margin-bottom: -255px;
        height: 275px; } }
    @media (max-width: 575px) {
      .is-homepage footer .bg-stars {
        margin-top: -35px; } }
  .is-homepage footer p {
    color: #000000; }
  .is-homepage footer .whatsup {
    margin-bottom: 40px; }
    .is-homepage footer .whatsup p {
      padding-bottom: 0; }
      .is-homepage footer .whatsup p strong {
        font-size: 16px; }
        @media (max-width: 992px) {
          .is-homepage footer .whatsup p strong {
            font-size: 14px; } }
  .is-homepage footer .footer-title p {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    font-family: "Roboto-Bold"; }
    @media (max-width: 992px) {
      .is-homepage footer .footer-title p {
        font-size: 14px; } }
  @media (max-width: 768px) {
    .is-homepage footer .footer-links {
      -webkit-column-count: 2;
      column-count: 2; } }
  .is-homepage footer .footer-links p {
    padding-bottom: 7px; }
    .is-homepage footer .footer-links p a {
      font-size: 16px;
      color: #000000;
      text-decoration: none;
      font-family: "Roboto-Regular";
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .is-homepage footer .footer-links p a:hover {
        font-weight: bold; }
      @media (max-width: 992px) {
        .is-homepage footer .footer-links p a {
          font-size: 14px; } }
  .is-homepage footer .mob-foot {
    width: 75%;
    margin-left: auto; }
    @media (max-width: 768px) {
      .is-homepage footer .mob-foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%; } }
@charset "UTF-8";
.identity_table_wrap {
  margin: 0 auto;
  width: fit-content;
}

/*Links*/
.picker_links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
}

.picker_links_text {
  display: flex;
  flex-wrap: wrap;
  line-height: 120%;
  font-size: 1.4em;
  margin-bottom: 5px;
}

#smartpicker {
  line-height: inherit;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #004877;
}

#smartpicker:hover {
  color: #ffb400;
}

#smartpicker:hover span {
  color: #004877;
}

#smartpicker span {
  color: #ffb400;
}

.how_it_work {
  display: flex;
  color: #0065a7;
  margin: 0 10px;
}

.how_it_work:hover {
  color: #004877;
}

.how_it_work_img {
  width: 16px;
  height: 16px;
}

.how_it_work_text {
  line-height: 120%;
  text-decoration: underline;
}

/*Lines*/
.picker_lines {
  width: 100%;
  margin: 0;
}

.lines_item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}

.lines_item:hover {
  border: 2px solid #ce0000;
}

.lines_item.active {
  border: 2px solid #ce0000;
}

.lines_item_content {
  display: flex;
  align-items: center;
}

.lines_text {
  line-height: 110%;
  font-size: 1.6em;
  margin-right: 10px;
  text-transform: capitalize;
}

.lines_list {
  display: flex;
}

.list_number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 36px;
  height: 36px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 28px;
  font-size: 1.3em;
  font-weight: bold;
}

.list_number:last-child {
  margin-right: 0;
}

.linenumber {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 10px 5px;
  width: 36px;
  height: 36px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 28px;
  font-size: 1.3em;
  font-weight: bold;
}

.stars {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.lines_clear {
  margin-left: 15px;
  font-size: 1.6em;
  text-decoration: underline;
  line-height: 110%;
  color: #0065a7;
  cursor: pointer;
  text-transform: capitalize;
}

.lines_clear:hover {
  color: #004877;
}

/*Choose*/
.lines_choose {
  display: none;
  justify-content: space-between;
  padding: 15px 0;
}

.choose_item {
  display: flex;
  flex-direction: column;
}

.choose_text {
  line-height: 29px;
  font-size: 1.6em;
  text-indent: 10px;
}

.choose_field {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 10px;
}

.choose_field li {
  cursor: pointer;
}

#accountLink {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 16px;
  margin-top: 10px;
}

@media (min-width: 500px) {
  .choose_field li:hover {
    color: #fff;
    background: linear-gradient(180deg, #004877, #0065a7);
    border: 1px solid #08598d;
    border-radius: 50%;
  }
}
.choose_field li.active {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
  border-radius: 50%;
}

.field_left {
  width: 60%;
  border-right: 2px solid #e0e0e0;
}

.field_rigth {
  width: 40%;
}

/*Controls*/
.picker_controls {
  display: flex;
  padding: 30px 0;
}

.controls_text {
  margin-right: 30px;
  color: #08598e;
  font-size: 2.2em;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.controls_text:last-child {
  margin-right: 0;
}

.controls_text:hover {
  color: #004877;
  text-decoration: underline;
}

.controls_text:after {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  background-color: #000;
  position: absolute;
  top: 0;
  right: -15px;
  border-radius: 8px;
}

.controls_text:last-child.controls_text:after {
  display: none;
}

/*Tickets*/
.picker_tickets {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  margin: 15px 0;
  background: #f5f5f5;
  border-radius: 5px;
}

.tickets_content {
  width: 350px;
  height: 58px;
}

.tickets_content_item {
  display: flex;
}

.tickets_content_item:first-child {
  border-bottom: 2px solid #e0e0e0;
}

.content_item_text {
  font-size: 1.3em;
  line-height: 28px;
}

.content_item_text:first-child {
  width: 120px;
}

.tickets_arrow {
  width: 80px;
  margin: 0 30px;
}

.tickets_link {
  width: 100px;
  height: 30px;
  background: #f7d300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 15px;
  color: #444;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  text-transform: capitalize;
  text-decoration: none;
  box-shadow: 0px 2px #a68d00;
}

.tickets_link:hover {
  background: #ff5a00;
  box-shadow: 0px 2px #812e00;
}

/*Draw*/
.picker_draw {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.draw_logo {
  width: 200px;
  margin: 0 0;
}

.draw_title {
  margin: 15px 0 10px;
  font-size: 1.6em;
  color: #444;
  font-weight: bold;
  text-transform: uppercase;
}

.paragraf_text {
  font-size: 1.3em;
  color: #777;
  line-height: 18px;
  text-align: justify;
}

.draw_schedule {
  display: flex;
}

.draw_schedule_list {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

.draw_schedule_list:last-child {
  margin-right: 0px;
}

.schedule_list_content {
  display: flex;
  justify-content: center;
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f5f5f5 url(../images/picker/x-draw-list.png) center center no-repeat;
}

.draw_schedule_list img {
  display: block;
}

.draw_schedule_list span {
  text-align: center;
  width: 36px;
  font-size: 1.3em;
  color: #777;
}

/*question*/
.picker_question {
  margin: 15px 0 0;
  padding: 0;
  width: 100%;
}

.picker_accordion {
  max-width: 100%;
  margin: 0;
}

/*Last Draw*/
.picker_last_draw {
  margin: 30px 0;
  padding: 10px;
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 2px solid #e5e5e5;
}

.last_draw_inner {
  display: flex;
  padding: 10px 0 20px;
}

.last_draw_list {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  background: #e5e5e5;
  border-radius: 50%;
}

.last_draw_list:last-child {
  margin-right: 0px;
}

.last_draw_stars {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.last_draw_table {
  width: 100%;
  padding: 15px 0;
}

.draw_table_head {
  display: flex;
  justify-content: space-between;
}

.draw_table_title {
  color: #08598e;
  font-weight: normal;
  font-size: 1.4em;
  text-align: center;
}

.draw_table_body {
  display: flex;
  justify-content: space-between;
}

.draw_table_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 30px;
}

.draw_table_text {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}

.picker_paragraf {
  margin: 0 0;
}

/*benefit*/
.picker_benefits {
  margin: 30px 0 15px;
  padding: 0px 15px;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
}

.benefit_title {
  margin-bottom: 10px;
  height: 36px;
  line-height: 36px;
  font-size: 1.6em;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px solid #e5e5e5;
}

.benefits_list li {
  position: relative;
  line-height: 20px;
  font-size: 1.3em;
  margin: 0 0 10px 30px;
}

.benefits_list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -30px;
  background: url(../images/picker/v-why-play.png) center center no-repeat;
}

/*Promo page*/
.promo_header {
  display: flex;
  align-items: center;
}

.promo_title {
  margin: 0;
}

.picker_lines_promo {
  width: 100%;
  margin: 20px 0;
  border-bottom: 2px solid #e0e0e0;
}

.promo_subtitle {
  font-size: 1.6em;
  font-weight: bold;
}

.promo_inner {
  margin-top: 20px;
  height: 500px;
  overflow: auto;
}

.promo_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 700px;
  height: 54px;
  margin: 0 auto;
  padding: 10px 40px 10px 10px;
  position: relative;
  cursor: pointer;
  border-top: 2px solid #e0e0e0;
  text-decoration: none;
  color: #333;
}

.promo_item:hover {
  border: 2px solid #ce0000;
}

.promo_item.active {
  border: 2px solid #ce0000;
}

.promo_contet {
  display: flex;
  position: relative;
  height: 100%;
}

.promo_contet:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-top: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
  position: absolute;
  top: 10px;
  right: -20px;
  transform: rotate(45deg);
}

.promo_discount {
  line-height: 29px;
  font-size: 1.8em;
}

.promo_price {
  line-height: 29px;
  font-size: 1.8em;
  margin-left: 20px;
}

.red {
  color: #d92840;
}

.blue {
  color: #08598e;
}

/*Picker Number */
.picker_lines_number {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lines_number_title {
  margin-bottom: 20px;
  font-size: 1.8em;
  color: #444;
  font-weight: bold;
  color: #000;
}

.lines_number_item {
  padding: 0 70px;
  margin-bottom: 10px;
  width: 700px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.lines_number_item:last-child {
  margin-bottom: 0;
}

.lines_number_item:last-child p {
  font-size: 1.8em;
}

.lines_number_item:hover {
  cursor: pointer;
}

.lines_number_text {
  color: #000;
  line-height: 110%;
  font-size: 1.6em;
  text-transform: capitalize;
}

.red_arrow {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  border: 1px solid #000;
  border-radius: 50%;
}

.white_arrow {
  width: 20px;
  height: 6px;
  background-color: white;
  border-radius: 2px 100% 100% 2px;
  position: relative;
}

.white_arrow:before,
.white_arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  height: 5px;
  width: 15px;
  background-color: white;
  border-radius: 2px 0px 0 2px;
}

.white_arrow:before {
  top: -4px;
  transform: rotate(45deg);
}

.white_arrow:after {
  bottom: -4px;
  transform: rotate(-45deg);
}

.gray_arrow {
  margin-right: 5px;
  width: 14px;
  height: 4px;
  background-color: #444;
  border-radius: 100% 3px 3px 100%;
  position: relative;
}

.gray_arrow:before,
.gray_arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  height: 3px;
  width: 10px;
  background-color: #444;
  border-radius: 0px 2px 2px 0;
}

.gray_arrow:before {
  top: -2px;
  transform: rotate(-45deg);
}

.gray_arrow:after {
  bottom: -2px;
  transform: rotate(45deg);
}

.lines_number_button {
  margin-top: 60px;
  width: 130px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #444;
  border-radius: 8px;
  text-decoration: none;
  color: #444;
  transition: 0.2s linear;
}

.lines_number_button:hover {
  color: #fff;
  background-color: #444;
}

.lines_number_button:hover .gray_arrow {
  background-color: #fff;
}

.lines_number_button:hover .gray_arrow:before {
  background-color: #fff;
}

.lines_number_button:hover .gray_arrow:after {
  background-color: #fff;
}

.lines_number_button:hover p {
  color: #fff;
}

/*payment_lines*/
.payment_lines_inner {
  padding-top: 50px;
}

.payment_lines_inner .total {
  margin-top: 30px;
}

.payment_lines_item {
  display: flex;
  margin-bottom: 15px;
}

.payment_lines_item:last-child {
  margin-bottom: 0;
}

.lines_change {
  margin-left: 15px;
  font-size: 1.6em;
  text-decoration: underline;
  line-height: 110%;
  color: #0065a7;
  cursor: pointer;
  text-transform: capitalize;
}

.lines_change:hover {
  color: #004877;
}

/*about us */
.about {
  padding-top: 30px;
  margin: 0 auto;
}

.team {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.team_item {
  margin-top: 20px;
  width: 22%;
}

.team_photo {
  width: auto;
  height: 150px;
  overflow: hidden;
  border-radius: 5px;
  background: url(../images/team/no-photos.png) #bbb center no-repeat;
  background-size: contain;
  box-shadow: 0px 0px 10px #000;
}

.team_img {
  width: 100%;
}

.team_name {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 0;
}

.team_country {
  display: flex;
  justify-content: center;
}

.team_country_logo {
  display: flex;
  margin-right: 10px;
  width: 26px;
}

.team_country_img {
  width: 100%;
}

.team_country_text {
  line-height: 110%;
  font-size: 1.6em;
}

.play_instruction {
  padding-top: 60px;
}

.play_instruction .draw_title {
  margin: 0;
  text-align: center;
}

.instruction_inner {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}

.instruction_item {
  width: 250px;
  position: relative;
}

.instruction_item:after {
  content: "";
  display: block;
  background: url(../images/team/blue_arrow.png) center no-repeat;
  background-size: contain;
  width: 70px;
  height: 40px;
  position: absolute;
  bottom: 30px;
  right: -100px;
  z-index: 2;
}

.instruction_item:last-child:after {
  display: none;
}

.instruction_img {
  width: 100%;
}

.instruction_text {
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  margin-top: 5px;
}

/*language*/
.language_box {
  display: flex;
  justify-content: center;
  padding: 60px 0 30px 0;
}

.language_link {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 20px;
  font-size: 1.4em;
  text-indent: 1px;
  color: #0065a7;
}

.language_link:last-child {
  margin-right: 0px;
}

.language_link:hover {
  text-decoration: underline;
  color: #444;
}

.language_logo {
  width: 30px;
}

.highest_text {
  font-size: 20px;
}

.highest_inner {
  display: flex;
  justify-content: space-evenly;
  padding-top: 20px;
}

.highest_item {
  width: 300px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}

.highest_item_top {
  padding: 10px;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.highest_item_jackpot {
  font-size: 24px;
  font-weight: bold;
}

.highest_item_link {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 100px;
}

.highest_item_bottom {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: linear-gradient(180deg, #004877, #0065a7);
  border-radius: 0 0 5px 5px;
}

.highest_item_img {
  width: 100%;
}

.highest_timer {
  display: flex;
  align-items: center;
}

.highest_timer img {
  width: 26px;
}

@media (max-width: 1000px) {
  .team_photo {
    height: 120px;
  }
  .deposit_currency:after {
    top: 25px;
  }
  .team_img {
    height: 100%;
  }
  .team_country_text {
    font-size: 1.4em;
  }
  .instruction_item {
    width: 190px;
  }
  .highest_item {
    width: 270px;
    margin-right: 10px;
  }
  .highest_item:last-child {
    margin-right: 0;
  }
  .instruction_item:after {
    right: -65px;
  }
  .highest_inner {
    justify-content: space-between;
  }
}
@media (max-width: 880px) {
  .play_instruction {
    padding-top: 40px;
  }
  .jackpot_win {
    font-size: 16px !important;
  }
  .highest_inner {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .highest_item {
    width: 300px;
    margin: 0;
    margin-bottom: 20px;
  }
  .team_country {
    flex-direction: column;
    align-items: center;
  }
  .team_country_logo {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 700px) {
  .picker_wraper {
    max-width: 100%;
    margin-top: 20px;
  }
  .picker_title {
    font-size: 3em;
  }
  .picker_steps {
    justify-content: space-between;
    padding-right: 50px;
  }
  .steps_item {
    width: auto;
  }
  .steps_text {
    text-align: center;
  }
  .jackpot_number {
    font-size: 2.2em;
  }
  .jackpot_text {
    font-size: 2.2em;
  }
  .timer_logo {
    width: 20px;
    height: 20px;
  }
  .picker_links_text {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .picker_tickets {
    width: 100%;
  }
  .tickets_content {
    width: auto;
  }
  .content_item_text:first-child {
    width: 50px;
  }
  .linenumber {
    width: 30px;
    height: 30px;
    margin: 0 4px 8px 4px;
  }
  .last_draw_list {
    width: 30px;
    height: 30px;
  }
  .lines_number_item {
    width: 500px;
    padding: 0 30px;
  }
  /*    payment  */
  .picker_subtitle {
    font-size: 1.2em;
  }
  .payment_lines_inner {
    width: 500px;
    padding: 50px 15px 0;
  }
  .payment_lines_item {
    position: relative;
  }
  .payment_lines_item .lines_text {
    font-size: 1.2em;
  }
  .lines_change {
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
  }
  .payment_lines_inner .total {
    font-size: 1.6em;
  }
  /*    team   */
  .team {
    justify-content: space-around;
  }
  .team_item {
    width: 28%;
  }
  .team_photo {
    height: 100px;
  }
  .instruction_inner {
    flex-direction: column;
    align-items: center;
  }
  .instruction_item {
    width: 250px;
    margin-bottom: 20px;
  }
  .instruction_item:last-child {
    margin: 0;
  }
  .instruction_item:after {
    left: 0px;
    bottom: -40px;
    width: 40px;
    transform: rotate(90deg);
  }
  .language_box {
    padding: 30px 0;
  }
  .language_link {
    margin-right: 10px;
  }
}
@media (max-width: 500px) {
  .picker_wraper {
    margin-top: 30px;
  }
  .picker_title {
    margin-bottom: 0px;
    font-size: 2.5em;
  }
  .picker_steps {
    justify-content: space-between;
    height: 22px;
    padding-right: 10px;
  }
  .steps_number {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .steps_number:after {
    width: 24px;
    height: 24px;
    font-size: 1.2em;
    line-height: 20px;
    border: 1px solid #fff;
  }
  .steps_item {
    display: flex;
    flex-wrap: wrap;
  }
  .steps_text {
    line-height: 1.1em;
  }
  .picker_jackpot {
    justify-content: center;
    width: 100%;
  }
  .picker_jackpot_item {
    margin-right: 10px;
  }
  .picker_select {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .select_text {
    margin-bottom: 10px;
  }
  .select_box {
    width: 100%;
  }
  .select_box:after {
    top: 18px;
  }
  #lines_select {
    width: 100%;
    height: 40px;
  }
  .lines_item {
    height: auto;
    padding: 10px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 2px solid #e0e0e0;
  }
  .lines_item_content {
    flex-direction: column;
    align-items: flex-start;
  }
  .lines_text {
    margin: 0;
  }
  .lines_list {
    margin-top: 10px;
  }
  .lines_clear {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.4em;
    margin: 0;
  }
  .lines_choose {
    flex-wrap: wrap;
  }
  .choose_item {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
  }
  .field_left {
    width: 100%;
    border-right: none;
  }
  .choose_field {
    justify-content: center;
  }
  .field_rigth {
    width: 100%;
  }
  .controls_text {
    font-size: 2em;
    margin-right: 20px;
  }
  .controls_text:after {
    right: -10px;
  }
  .picker_tickets {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px;
    z-index: 2;
  }
  .tickets_content {
    height: auto;
    margin-right: 10px;
  }
  .tickets_content_item {
    padding: 5px 0;
    justify-content: flex-start;
  }
  .content_item_text {
    line-height: 120%;
  }
  .tickets_arrow {
    height: 80px;
    display: none;
    align-items: center;
    transform: rotate(90deg);
  }
  .tickets_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 35px;
  }
  .picker_last_draw {
    width: 100%;
    margin: 15px 0;
  }
  .picker_benefits {
    margin: 15px 0 0;
  }
  .lines_number_item {
    width: 400px;
  }
  .lines_number_item p {
    width: 225px;
  }
  /*    payment  */
  .picker_payment .picker_subtitle {
    font-size: 0.9em;
  }
  .picker_payment .picker_title {
    font-size: 2em;
  }
  .payment_lines_inner {
    width: 100%;
    padding-top: 30px;
  }
  .payment_lines_item .lines_text {
    font-size: 1em;
  }
  .payment_lines_item .lines_text:first-child {
    margin-right: 5px;
  }
  .lines_change {
    margin-left: 0;
    font-size: 1em;
  }
  .payment_lines_inner .total {
    font-size: 1.4em;
  }
  .picker_payment .paymethod_mobil_title {
    margin-top: 0;
  }
  /*    about us */
  .team_item {
    width: 45%;
  }
  .language_box {
    justify-content: space-between;
  }
  .language_link {
    flex-direction: column;
    margin: 0;
  }
  .highest_item {
    width: 100%;
  }
  .highest_text {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .picker_jackpot_logo {
    width: 70px;
  }
  .picker_subtitle {
    font-size: 1.5em;
  }
  .picker_steps {
    height: 20px;
  }
  .steps_number {
    width: 26px;
    height: 26px;
  }
  .steps_number:after {
    width: 22px;
    height: 22px;
  }
  .steps_text {
    font-size: 1em;
    line-height: 1em;
  }
  .jackpot_number {
    font-size: 2em;
  }
  .jackpot_text {
    font-size: 2em;
  }
  .picker_links_text {
    font-size: 1.3em;
  }
  #smartpicker {
    line-height: inherit;
  }
  .lines_choose {
    padding: 0;
  }
  .choose_item {
    padding-top: 0;
  }
  .choose_field {
    padding: 5px 0;
  }
  .controls_text {
    font-size: 1.8em;
  }
  .draw_schedule_list {
    margin-right: 10px;
  }
  .content_item_text:first-child {
    width: 40px;
    margin-right: 10px;
  }
  .lines_number_item {
    width: 340px;
    padding: 0 20px;
  }
  /*    payment  */
  .payment_lines_item {
    align-items: center;
  }
  .payment_lines_item .lines_text {
    width: 130px;
  }
  .payment_lines_item .lines_text:first-child {
    margin-right: 0px;
  }
}
/*!* Работает в Firefox *!
* {
    scrollbar-width: thin; !* "auto" или "thin" *!
    scrollbar-color: #08598e #e0e0e0; !* цвет бегунка и зоны отслеживания *!
}

!* Работает в Chrome, Edge и Safari *!
*::-webkit-scrollbar {
    width: 8px; !* ширина всей полосы прокрутки *!
}

*::-webkit-scrollbar-track {
    background: #e0e0e0; !* цвет зоны отслеживания *!
}

*::-webkit-scrollbar-thumb {
    background-color: #08598e; !* цвет бегунка *!
    border-radius: 20px; !* округлось бегунка *!
    border: 2px solid #e0e0e0; !* отступ вокруг бегунка *!
}*/
.error {
  border-color: #ef0505 !important;
}

/*Links*/
.picker_links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
}

.picker_links_text {
  display: flex;
  flex-wrap: wrap;
  line-height: 120%;
  font-size: 1.4em;
  margin-bottom: 5px;
}

#smartpicker {
  line-height: inherit;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #004877;
}

#smartpicker:hover {
  color: #ffb400;
}

#smartpicker:hover span {
  color: #004877;
}

#smartpicker span {
  color: #ffb400;
}

.how_it_work {
  display: flex;
  color: #0065a7;
  margin: 0 10px;
}

.how_it_work:hover {
  color: #004877;
}

.how_it_work_img {
  width: 16px;
  height: 16px;
}

.how_it_work_text {
  line-height: 120%;
  text-decoration: underline;
}

/*Lines*/
.picker_lines {
  width: 100%;
  margin: 0;
}

.lines_item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  border: 2px solid transparent;
  height: fit-content;
  text-wrap: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}

.lines_item:hover {
  border: 2px solid #ce0000;
}

.lines_item.active {
  border: 2px solid #ce0000;
}

.lines_item_content {
  display: flex;
  align-items: center;
}

.lines_text {
  line-height: 110%;
  font-size: 1.6em;
  margin-right: 10px;
  text-transform: capitalize;
}

.lines_list {
  display: flex;
}

.list_number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 36px;
  height: 36px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 28px;
  font-size: 1.3em;
  font-weight: bold;
}

.list_number:last-child {
  margin-right: 0;
}

.linenumber {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 10px 5px;
  width: 36px;
  height: 36px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 28px;
  font-size: 1.3em;
  font-weight: bold;
}

.stars {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.lines_clear {
  margin-left: 15px;
  font-size: 1.6em;
  text-decoration: underline;
  line-height: 110%;
  color: #0065a7;
  cursor: pointer;
  text-transform: capitalize;
}

.lines_clear:hover {
  color: #004877;
}

/*Choose*/
.lines_choose {
  display: none;
  justify-content: space-between;
  padding: 15px 0;
}

.choose_item {
  display: flex;
  flex-direction: column;
}

.choose_text {
  line-height: 29px;
  font-size: 1.6em;
  text-indent: 10px;
}

.choose_field {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 10px;
}

.choose_field li {
  cursor: pointer;
}

@media (min-width: 881px) {
  .choose_field li:hover {
    color: #fff;
    background: linear-gradient(180deg, #004877, #0065a7);
    border: 1px solid #08598d;
    border-radius: 50%;
  }
}
.choose_field li.active {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
  border-radius: 50%;
}

.field_left {
  width: 60%;
  border-right: 2px solid #e0e0e0;
}

.field_rigth {
  width: 40%;
}

/*Controls*/
.picker_controls {
  display: flex;
  padding: 30px 0;
}

.controls_text {
  margin-right: 30px;
  color: #08598e;
  font-size: 2.2em;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.controls_text:last-child {
  margin-right: 0;
}

.controls_text:hover {
  color: #004877;
  text-decoration: underline;
}

.controls_text:after {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  background-color: #000;
  position: absolute;
  top: 0;
  right: -15px;
  border-radius: 8px;
}

.controls_text:last-child.controls_text:after {
  display: none;
}

/*Tickets*/
.picker_tickets {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  margin: 15px 0;
  background: #f5f5f5;
  border-radius: 5px;
}

.tickets_content {
  width: 350px;
  height: 58px;
}

.tickets_content_item {
  display: flex;
}

.tickets_content_item:first-child {
  border-bottom: 2px solid #e0e0e0;
}

.content_item_text {
  font-size: 1.3em;
  line-height: 28px;
}

.content_item_text:first-child {
  width: 120px;
}

.tickets_arrow {
  width: 80px;
  margin: 0 30px;
}

.tickets_link {
  width: 100px;
  height: 30px;
  background: #f7d300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.5em;
  color: #444;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  text-transform: capitalize;
  text-decoration: none;
  box-shadow: 0px 2px #a68d00;
}

.tickets_link:hover {
  background: #ff5a00;
  box-shadow: 0px 2px #812e00;
}

/*Draw*/
.picker_draw {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.draw_logo {
  width: 200px;
  margin: 0 0;
}

.draw_title {
  margin: 15px 0 10px;
  font-size: 1.6em;
  color: #444;
  font-weight: bold;
  text-transform: uppercase;
}

.paragraf_text {
  font-size: 1.3em;
  color: #777;
  line-height: 18px;
  text-align: justify;
}

.draw_schedule {
  display: flex;
}

.draw_schedule_list {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

.draw_schedule_list:last-child {
  margin-right: 0px;
}

.schedule_list_content {
  display: flex;
  justify-content: center;
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f5f5f5 url(../images/picker/x-draw-list.png) center center no-repeat;
}

.draw_schedule_list img {
  display: block;
}

.draw_schedule_list span {
  text-align: center;
  width: 36px;
  font-size: 1.3em;
  color: #777;
}

/*question*/
.picker_question {
  margin: 15px 0 0;
  padding: 0;
  width: 100%;
}

.picker_accordion {
  max-width: 100%;
  margin: 0;
}

/*Last Draw*/
.picker_last_draw {
  margin: 30px 0;
  padding: 10px;
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 2px solid #e5e5e5;
}

.last_draw_inner {
  display: flex;
  padding: 10px 0 20px;
}

.last_draw_list {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  background: #e5e5e5;
  border-radius: 50%;
}

.last_draw_list:last-child {
  margin-right: 0px;
}

.last_draw_stars {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.last_draw_table {
  width: 100%;
  padding: 15px 0;
}

.draw_table_head {
  display: flex;
  justify-content: space-between;
}

.draw_table_title {
  color: #08598e;
  font-weight: normal;
  font-size: 1.4em;
  text-align: center;
}

.draw_table_body {
  display: flex;
  justify-content: space-between;
}

.draw_table_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 30px;
}

.draw_table_text {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}

.picker_paragraf {
  margin: 0 0;
}

/*benefit*/
.picker_benefits {
  margin: 30px 0 15px;
  padding: 0px 15px;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
}

.benefit_title {
  margin-bottom: 10px;
  height: 36px;
  line-height: 36px;
  font-size: 1.6em;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px solid #e5e5e5;
}

.benefits_list li {
  position: relative;
  line-height: 20px;
  font-size: 1.3em;
  margin: 0 0 10px 30px;
}

.benefits_list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -30px;
  background: url(../images/picker/v-why-play.png) center center no-repeat;
}

/*Promo page*/
.promo_header {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.promo_title {
  margin: 0;
}

.picker_lines_promo {
  width: 100%;
  margin: 20px 0;
  border-bottom: 2px solid #e0e0e0;
}

.promo_subtitle {
  font-size: 1.6em;
  font-weight: bold;
}

.promo_inner {
  margin-top: 20px;
  height: 500px;
  overflow: auto;
}

.promo_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 700px;
  height: 54px;
  margin: 0 auto;
  padding: 10px 40px 10px 10px;
  position: relative;
  cursor: pointer;
  border-top: 2px solid #e0e0e0;
  text-decoration: none;
  color: #333;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

.promo_item:hover {
  border: 2px solid #ce0000;
}

.promo_item.active {
  border: 2px solid #ce0000;
}

.promo_contet {
  display: flex;
  position: relative;
  height: 100%;
}

.promo_contet:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-top: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
  position: absolute;
  top: 10px;
  right: -20px;
  transform: rotate(45deg);
}

.promo_discount {
  line-height: 29px;
  font-size: 1.8em;
}

.promo_price {
  line-height: 29px;
  font-size: 1.8em;
  margin-left: 20px;
}

.red {
  color: #d92840;
}

.blue {
  color: #08598e;
}

/*Picker Number */
.picker_lines_number {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lines_number_title {
  margin-bottom: 20px;
  font-size: 1.8em;
  color: #444;
  font-weight: bold;
  color: #000;
}

.lines_number_item {
  padding: 0 70px;
  margin-bottom: 10px;
  width: 700px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.lines_number_item:last-child {
  margin-bottom: 0;
}

.lines_number_item:last-child p {
  font-size: 1.8em;
}

.lines_number_item:hover {
  cursor: pointer;
}

.lines_number_text {
  color: #000;
  line-height: 110%;
  font-size: 1.6em;
  text-transform: capitalize;
}

.red_arrow {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  border: 1px solid #000;
  border-radius: 50%;
}

.white_arrow {
  width: 20px;
  height: 6px;
  background-color: white;
  border-radius: 2px 100% 100% 2px;
  position: relative;
}

.white_arrow:before,
.white_arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  height: 5px;
  width: 15px;
  background-color: white;
  border-radius: 2px 0px 0 2px;
}

.white_arrow:before {
  top: -4px;
  transform: rotate(45deg);
}

.white_arrow:after {
  bottom: -4px;
  transform: rotate(-45deg);
}

.gray_arrow {
  margin-right: 5px;
  width: 14px;
  height: 4px;
  background-color: #444;
  border-radius: 100% 3px 3px 100%;
  position: relative;
}

.gray_arrow:before,
.gray_arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  height: 3px;
  width: 10px;
  background-color: #444;
  border-radius: 0px 2px 2px 0;
}

.gray_arrow:before {
  top: -2px;
  transform: rotate(-45deg);
}

.gray_arrow:after {
  bottom: -2px;
  transform: rotate(45deg);
}

.lines_number_button {
  margin-top: 60px;
  width: 130px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #444;
  border-radius: 8px;
  text-decoration: none;
  color: #444;
  transition: 0.2s linear;
}

.lines_number_button:hover {
  color: #fff;
  background-color: #444;
}

.lines_number_button:hover .gray_arrow {
  background-color: #fff;
}

.lines_number_button:hover .gray_arrow:before {
  background-color: #fff;
}

.lines_number_button:hover .gray_arrow:after {
  background-color: #fff;
}

.lines_number_button:hover p {
  color: #fff;
}

/*payment_lines*/
.payment_lines_inner {
  padding-top: 50px;
}

.payment_lines_inner .total {
  margin-top: 30px;
}

.payment_lines_item {
  display: flex;
  margin-bottom: 15px;
}

.payment_lines_item:last-child {
  margin-bottom: 0;
}

.lines_change {
  margin-left: 15px;
  font-size: 1.6em;
  text-decoration: underline;
  line-height: 110%;
  color: #0065a7;
  cursor: pointer;
  text-transform: capitalize;
}

.lines_change:hover {
  color: #004877;
}

/*about us */
.about {
  padding-top: 30px;
  margin: 0 auto;
}

.team {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.team_item {
  margin-top: 20px;
  width: 22%;
}

.team_photo {
  width: auto;
  height: 150px;
  overflow: hidden;
  border-radius: 5px;
  background: url(../images/team/no-photos.png) #bbb center no-repeat;
  background-size: contain;
  box-shadow: 0px 0px 10px #000;
}

.team_img {
  width: 100%;
}

.team_name {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 0;
}

.team_country {
  display: flex;
  justify-content: center;
}

.team_country_logo {
  display: flex;
  margin-right: 10px;
  width: 26px;
}

.team_country_img {
  width: 100%;
}

.team_country_text {
  line-height: 110%;
  font-size: 1.6em;
}

.play_instruction {
  padding-top: 60px;
}

.play_instruction .draw_title {
  margin: 0;
  text-align: center;
}

.instruction_inner {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}

.instruction_item {
  width: 250px;
  position: relative;
}

.instruction_item:after {
  content: "";
  display: block;
  background: url(../images/team/blue_arrow.png) center no-repeat;
  background-size: contain;
  width: 70px;
  height: 40px;
  position: absolute;
  bottom: 30px;
  right: -90px;
  z-index: 2;
}

.instruction_item:last-child:after {
  display: none;
}

.instruction_img {
  width: 100%;
}

.instruction_text {
  font-size: 1.3em;
  line-height: 120%;
  text-align: center;
  margin-top: 5px;
}

/*language*/
.language_box {
  display: flex;
  justify-content: center;
  padding: 60px 0 30px 0;
}

.language_link {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 20px;
  font-size: 1.4em;
  text-indent: 1px;
  color: #0065a7;
}

.language_link:last-child {
  margin-right: 0px;
}

.language_link:hover {
  text-decoration: underline;
  color: #444;
}

.language_logo {
  width: 30px;
}

.highest_inner {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.highest_item {
  width: 300px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}

.highest_item_top {
  padding: 10px;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.highest_item_jackpot {
  font-size: 2.4em;
  font-weight: bold;
}

.highest_item_link {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 100px;
}

.highest_item_bottom {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: linear-gradient(180deg, #004877, #0065a7);
  border-radius: 0 0 5px 5px;
}

.highest_item_img {
  width: 100%;
}

.highest_timer {
  display: flex;
  align-items: center;
}

.highest_timer img {
  width: 26px;
}

@media (max-width: 1000px) {
  .team_photo {
    height: 120px;
  }
  .team_img {
    height: 100%;
  }
  .team_country_text {
    font-size: 1.4em;
  }
  .instruction_item {
    width: 190px;
  }
  .highest_item {
    width: 270px;
    margin-right: 10px;
  }
  .highest_item:last-child {
    margin-right: 0;
  }
  .instruction_item:after {
    right: -60px;
  }
}
@media (max-width: 880px) {
  .play_instruction {
    padding-top: 40px;
  }
  .highest_inner {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .highest_item {
    width: 300px;
    margin: 0;
    margin-bottom: 20px;
  }
  .team_country {
    flex-direction: column;
    align-items: center;
  }
  .team_country_logo {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 700px) {
  .picker_wraper {
    max-width: 100%;
    margin-top: 20px;
  }
  .picker_title {
    font-size: 3em;
  }
  .picker_steps {
    justify-content: space-between;
    padding-right: 50px;
  }
  .steps_item {
    width: auto;
  }
  .steps_text {
    text-align: center;
  }
  .jackpot_number {
    font-size: 2.2em;
  }
  .jackpot_text {
    font-size: 2.2em;
  }
  .timer_logo {
    width: 20px;
    height: 20px;
  }
  .picker_links_text {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .picker_tickets {
    width: 100%;
  }
  .tickets_content {
    width: auto;
  }
  .content_item_text:first-child {
    width: 50px;
  }
  .linenumber {
    width: 30px;
    height: 30px;
    margin: 0 4px 8px 4px;
  }
  .last_draw_list {
    width: 30px;
    height: 30px;
  }
  .lines_number_item {
    width: 500px;
    padding: 0 30px;
  }
  /*    payment  */
  .picker_subtitle {
    font-size: 1.2em;
  }
  .payment_lines_inner {
    width: 500px;
    padding: 50px 15px 0;
  }
  .payment_lines_item {
    position: relative;
  }
  .payment_lines_item .lines_text {
    font-size: 1.2em;
  }
  .lines_change {
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
  }
  .payment_lines_inner .total {
    font-size: 1.6em;
  }
  /*    team   */
  .team {
    justify-content: space-around;
  }
  .team_item {
    width: 28%;
  }
  .team_photo {
    height: 100px;
  }
  .instruction_inner {
    flex-direction: column;
    align-items: center;
  }
  .instruction_item {
    width: 250px;
    margin-bottom: 20px;
  }
  .instruction_item:last-child {
    margin: 0;
  }
  .instruction_item:after {
    left: 0px;
    bottom: -40px;
    width: 40px;
    transform: rotate(90deg);
  }
  .language_box {
    padding: 30px 0;
  }
  .language_link {
    margin-right: 10px;
  }
}
.inactive-number {
  pointer-events: none !important;
  color: rgba(51, 51, 51, 0.2) !important;
  background-color: rgba(51, 51, 51, 0.2) !important;
}

.lottery_header_jackpot_wrapper {
  width: 264px;
  margin: 0 auto;
}

@media (max-width: 500px) {
  .picker_wraper {
    margin-top: 30px;
  }
  .your_choise {
    flex-direction: column;
    align-items: center;
    margin: 30px auto 0 auto;
    text-align: center;
  }
  .your_choise-item:nth-child(n+2) {
    margin-top: 30px;
  }
  .picker_title {
    margin-bottom: 0px;
    font-size: 2.5em;
  }
  .picker_steps {
    justify-content: space-between;
    height: 22px;
    padding-right: 10px;
  }
  .steps_number {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .steps_number:after {
    width: 24px;
    height: 24px;
    font-size: 1.2em;
    line-height: 20px;
    border: 1px solid #fff;
  }
  .steps_item {
    display: flex;
    flex-wrap: wrap;
  }
  .steps_text {
    line-height: 1.1em;
  }
  .picker_jackpot {
    justify-content: center;
    width: 100%;
  }
  .picker_jackpot_item {
    margin-right: 10px;
  }
  .picker_select {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .select_text {
    margin-bottom: 10px;
  }
  .select_box {
    width: 100%;
  }
  .select_box:after {
    top: 18px;
  }
  #lines_select {
    width: 100%;
    height: 40px;
  }
  .lines_item {
    height: auto;
    padding: 10px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 2px solid #e0e0e0;
  }
  .lines_item_content {
    flex-direction: column;
    align-items: flex-start;
  }
  .lines_text {
    margin: 0;
  }
  .lines_list {
    margin-top: 10px;
  }
  .lines_clear {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.4em;
    margin: 0;
  }
  .lines_choose {
    flex-wrap: wrap;
  }
  .choose_item {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
  }
  .field_left {
    width: 100%;
    border-right: none;
  }
  .choose_field {
    justify-content: center;
  }
  .field_rigth {
    width: 100%;
  }
  .controls_text {
    font-size: 2em;
    margin-right: 20px;
  }
  .controls_text:after {
    right: -10px;
  }
  .picker_tickets {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 2px 15px;
    z-index: 2;
  }
  .tickets_content {
    height: auto;
    margin-right: 10px;
  }
  .tickets_content_item {
    padding: 5px 0;
    justify-content: flex-start;
  }
  .content_item_text {
    line-height: 120%;
  }
  .tickets_arrow {
    height: 80px;
    display: none;
    align-items: center;
    transform: rotate(90deg);
  }
  .tickets_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 35px;
  }
  .picker_last_draw {
    width: 100%;
    margin: 15px 0;
  }
  .picker_benefits {
    margin: 15px 0 0;
  }
  .lines_number_item {
    width: 400px;
  }
  .lines_number_item p {
    width: 225px;
  }
  /*    payment  */
  .picker_payment .picker_subtitle {
    font-size: 0.9em;
  }
  .picker_payment .picker_title {
    font-size: 2em;
  }
  .payment_lines_inner {
    width: 100%;
    padding-top: 30px;
  }
  .payment_lines_item .lines_text {
    font-size: 1em;
  }
  .payment_lines_item .lines_text:first-child {
    margin-right: 5px;
  }
  .lines_change {
    margin-left: 0;
    font-size: 1em;
  }
  .payment_lines_inner .total {
    font-size: 1.4em;
  }
  .picker_payment .paymethod_mobil_title {
    margin-top: 0;
  }
  /*    about us */
  .team_item {
    width: 45%;
  }
  .language_box {
    justify-content: space-between;
  }
  .language_link {
    flex-direction: column;
    margin: 0;
  }
  .highest_item {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .picker_jackpot_logo {
    width: 70px;
  }
  .picker_subtitle {
    font-size: 1.5em;
  }
  .picker_steps {
    height: 20px;
  }
  .steps_number {
    width: 26px;
    height: 26px;
  }
  .steps_number:after {
    width: 22px;
    height: 22px;
  }
  .steps_text {
    font-size: 1em;
    line-height: 1em;
  }
  .jackpot_number {
    font-size: 2em;
  }
  .jackpot_text {
    font-size: 2em;
  }
  .picker_links_text {
    font-size: 1.3em;
  }
  #smartpicker {
    line-height: inherit;
  }
  .lines_choose {
    padding: 0;
  }
  .choose_item {
    padding-top: 0;
  }
  .choose_field {
    padding: 5px 0;
  }
  .controls_text {
    font-size: 1.8em;
  }
  .draw_schedule_list {
    margin-right: 10px;
  }
  .content_item_text:first-child {
    width: 40px;
    margin-right: 10px;
  }
  .lines_number_item {
    width: 340px;
    padding: 0 20px;
  }
  /*    payment  */
  .payment_lines_item {
    align-items: center;
  }
  .payment_lines_item .lines_text {
    width: 130px;
  }
  .payment_lines_item .lines_text:first-child {
    margin-right: 0px;
  }
}
html, html a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  color: #333;
}

input {
  outline: none;
}

/* header */
.header_inner {
  height: 80px;
  display: flex;
  justify-content: space-between;
}

.header_item {
  display: flex;
  align-items: flex-end;
}

.header_account {
  margin-left: 30px;
  padding-bottom: 14px;
  font-weight: 400;
}

.mobil_acount {
  display: none;
}

.account_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.acount_logout {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  color: #0061A3;
}

.account_balance {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5px;
}

.social {
  width: 100px;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  margin-top: 20px;
}

.header_social {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_social_link {
  display: flex;
}

.header_social_img {
  width: 20px;
}

.header_language {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  justify-content: flex-end;
}

.country {
  border-radius: 2px;
  margin-right: 5px;
}

.lang_img {
  margin-right: 5px;
}

.lang_choice {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 10px;
  background-size: 12px;
}

.button_back {
  font-size: 22px;
  background: none;
  border: none;
  text-decoration: underline;
  color: #142DB1;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 0 0 0 30px;
  position: relative;
}

.button_back:before {
  content: "<<";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.button_back:hover {
  cursor: pointer;
}

/*section baner*/
.baner_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 0 0;
  width: 100%;
  height: 462px;
  color: #fff;
  margin: 30px auto 0;
  background: url(../images/banner-bg.png) center no-repeat;
  background-size: cover;
}

.baner_top {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 360px;
  justify-content: space-between;
}

.baner_title {
  max-width: 490px;
}

.baner_subtitle {
  font-weight: 500;
  font-size: 50px !important;
  line-height: 36px;
}

.baner_price {
  font-weight: 600;
  font-size: 55px !important;
  line-height: 0.8em;
}

.baner_text {
  font-weight: 500;
  font-size: 34px !important;
  line-height: 36px;
}

.baner_button {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 18px;
  background: linear-gradient(to bottom, #fea501, #ff2d00);
}

.baner_button:hover {
  cursor: pointer;
}

.baner_bottom {
  padding: 0 20px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.baner_item {
  display: flex;
  align-items: center;
}

.baner_logo {
  width: 30px;
  display: flex;
}

.baner img {
  width: 100%;
}

.baner_item_text {
  font-size: 24px;
  font-weight: 700;
  margin: 0 10px;
}

.baner_timer {
  font-size: 28px;
}

/*section card*/
.card {
  margin-top: 25px;
}

.card_inner {
  display: flex;
  padding: 0 15px;
}

.card_item {
  margin-left: 15px;
  width: 380px;
  display: flex;
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
}

.card_item:first-child {
  margin-left: 0px;
}

.card_img {
  margin-left: 5px;
  width: 70px;
  height: auto;
}

.card_info {
  padding: 5px;
}

.card_title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.card_description {
  padding-top: 10px;
  color: #5F5F5F;
}

.card_link {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  color: #0061A3;
  position: absolute;
  top: 5px;
  right: 15px;
}

/*select_card*/
.select_card {
  width: 100%;
  position: relative;
}

.select {
  width: 80px;
  height: 68px;
  position: absolute;
  bottom: 15px;
  padding-top: 20px;
  right: 20px;
  z-index: 1;
}

.select:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.select_body {
  display: flex;
  flex-direction: column;
  height: 32px;
  overflow: hidden;
}

.select_body.active {
  overflow: visible;
}

.select_option {
  margin-bottom: 5px;
}

.select_img {
  height: 100%;
}

/*section lottery*/
.lottery {
  margin-top: 75px;
}

.lottery_title {
  padding-left: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.lottery_inner {
  display: flex;
  margin-top: 0px;
  justify-content: space-between;
}

.lottery_item {
  margin-left: 15px;
  width: 380px;
  height: 150px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.lottery_item:first-child {
  margin-left: 0;
}

.lottery_top {
  display: flex;
}

.lottery_content {
  display: flex;
  align-items: center;
}

.lottery_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 20px;
  width: 141px;
  height: 80px;
  border: 1px solid #E0E0E0;
  border-radius: 50%;
}

.lottery_info {
  margin-top: 0px;
}

.lottery_description {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  padding-left: 12px;
}

.lottery_price {
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  color: #13902A;
  padding-top: 14px;
  margin-left: -5px;
}

.lottery_bottom {
  height: initial;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #0061A3;
  border-radius: 0 0 8px 8px;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F7D300;
  border-radius: 8px;
}

.lottery_button {
  margin-left: 12px;
  width: 171px;
  height: 36px;
}

.button_link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  text-decoration: none;
}

.lottery_timer {
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.lottery_time {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  padding-left: 4px;
}

/*section play*/
.play {
  margin-top: 75px;
}

.red_title {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  background-color: #F30000;
  border-radius: 8px;
}

.play_title {
  margin: 15px 0;
}

.play_inner {
  padding: 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.play_item {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 5px 15px;
  width: 208px;
  height: 270px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.favorites {
  position: absolute;
  top: 10px;
  right: 15px;
}

.play_img {
  width: 92px;
  height: 92px;
  display: flex;
  margin: 10px auto;
  border: 2px solid #E0E0E0;
  border-radius: 100%;
}

.play_img img {
  width: 100%;
}

.play_content {
  margin-top: 18px;
}

.play_description {
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
  max-width: 140px;
  height: 17px;
}

.play_price {
  margin-top: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
}

.play_timer {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.play_time {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #0061A3;
}

.play_button {
  margin-top: 12px;
  width: 182px;
  height: 38px;
}

.details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.details_link {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 50px;
  color: #0061A3;
  text-decoration: none;
}

.details_link:hover {
  text-decoration: underline;
}

/* section winners*/
.winners_inner {
  height: fit-content;
  overflow: hidden;
  margin-top: 75px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.biggest_winners {
  width: 775px;
}

.latest_winners {
  width: 380px;
}

.winners_title {
  font-size: 15px;
  margin-bottom: 15px;
}

.biggest_winners_inner {
  height: 392px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.inner_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.title_logo {
  margin-left: -60px;
}

.title_text {
  margin-left: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.title_text span {
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  color: #0061A3;
}

.biggest_winners_info {
  display: flex;
  flex-wrap: wrap;
}

.inner_content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20px;
}

.content_info {
  padding: 0 15px;
}

.info_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}

.info_description {
  width: 232px;
  font-weight: 500;
  line-height: 21px;
}

.info_more {
  margin-top: 14px;
  padding-right: 10px;
  margin-bottom: 14px;
}

.info_link {
  font-size: 14px;
}

.content_button {
  width: 232px;
  height: 40px;
  margin-left: 0px;
  margin-top: 30px;
}

.content_link {
  font-size: 14px;
}

/*results*/
.inner_results {
  padding: 20px 0px 0px 18px;
  display: flex;
  flex-direction: column;
}

.results_group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-left: 50px;
}

.results_text {
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 15px;
}

.results_number {
  display: flex;
  margin-top: -3px;
  margin-left: -1px;
}

.results_number img {
  margin-right: 3px;
}

.results_info {
  margin-left: 10px;
}

.results_date {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  padding-left: 12px;
  margin-top: 5px;
}

/*latest winners*/
.latest_winners_prizes {
  height: 98px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.prizes_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 5px;
}

.prizes_wins {
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  color: #13902A;
  margin-top: 5px;
}

.prizes_tickets {
  display: flex;
  margin-top: 5px;
}

.tickets_sum {
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  margin-right: 10px;
}

.tickets_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 8px;
}

.latest_winners_item {
  height: 78px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.latest_winners_logo {
  margin-left: 14px;
  align-items: center;
  display: flex;
}

.latest_winners_content {
  height: 100%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}

.winners_date {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 13px;
}

.winners_text {
  display: flex;
}

.winners_text img {
  margin-top: -2px;
  height: 15px;
}

.winners_name {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  margin-top: -5px;
  margin-left: 5px;
}

.winners_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 1.1px;
  color: #5F5F5F;
}

.activate_subscription {
  background-color: #00a604;
  border: 1px solid #00a604;
}

/*section question*/
.question {
  margin: 75px 0;
}

.question_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-left: 5px;
}

.question_inner {
  padding: 0 15px;
}

/* accordion*/
.accordion {
  max-width: 776px;
  margin-top: 15px;
}

.accordion_item {
  border-bottom: 1px solid #E0E0E0;
  width: 750px;
}

@media (max-width: 1230px) {
  .accordion_item {
    width: initial;
  }
  .lottery_item:nth-child(n+1) {
    margin-left: 15px;
  }
}
.accordion_item.active .accordion_content {
  display: block;
}

.accordion_item.active .accordion_header {
  border-bottom-color: #E0E0E0;
}

.accordion_item.active .accordion_header:after {
  transform: rotate(-45deg);
}

.accordion_header {
  padding: 18px 10px 8px 20px;
  border-bottom: 1px solid transparent;
  position: relative;
  cursor: pointer;
}

.accordion_header:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.accordion_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.accordion_content {
  padding: 15px 20px;
  display: none;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
}

/*footer*/
.footer_inner {
  padding: 136px 0px 0 0;
}

.footer_social {
  display: flex;
  justify-content: space-between;
}

.social_left {
  display: flex;
  align-items: flex-start;
}

.social_text {
  padding-left: 8px;
}

.social_title {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.sosial_subtitle {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #5F5F5F;
}

.social_link {
  margin-right: 9px;
  text-decoration: none;
}

.social_link:last-child {
  margin-right: 20px;
}

.footer_info {
  display: flex;
  justify-content: space-between;
}

.footer_col {
  display: flex;
  flex-direction: column;
  margin-top: 34px;
  width: initial;
}

.footer_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}

.col_links {
  display: flex;
  flex-direction: column;
}

.footer_link {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  color: #000;
  padding-top: 5px;
}

.footer_link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.home_link {
  display: none;
}

.footer_link:last-child {
  font-weight: bold;
}

.second_col {
  padding-left: 12px;
}

.footer_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  width: 250px;
  margin: 5px 0px 0px -3px;
}

.footer_address {
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  width: 250px;
  margin: 3px 0px 0px -3px;
}

.third_col {
  align-items: flex-end;
}

.payment_title {
  padding-right: 15px;
}

.pay_methots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 152px;
  margin: -6px 15px 23px 0px;
}

.pay_link {
  padding-top: 5px;
}

.security_title {
  padding-right: 25px;
}

.footer_security {
  display: flex;
  width: 152px;
  margin: -4px 16px 0 0;
}

.footer_security .footer_link:first-child {
  margin-right: 10px;
}

.subtitle_page {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  /* or 19px */
  text-transform: uppercase;
}

.page_link {
  margin: 0;
  position: absolute;
  top: 0px;
  right: 15px;
}

.search_box {
  position: relative;
  margin-bottom: 55px;
}

.search_title {
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.search {
  position: relative;
  padding: 0 15px;
  margin-top: 8px;
  font-size: 18px;
  width: 100%;
  height: 52px;
  /* SW/grey/light */
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.search_button {
  font-size: 16px;
  border: none;
  color: #5F5F5F;
  background-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.page_item {
  min-height: 300px;
  height: auto;
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.page_item:last-child {
  margin-bottom: 0;
}

.item_account {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 250px;
  padding: 40px 20px;
}

.account_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  padding: 15px;
}

.account_title {
  margin: 5px 0 0 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  /* identical to box height, or 22px */
  text-align: center;
  text-transform: uppercase;
}

.account_text {
  margin: 5px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
}

.account_link {
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  /* identical to box height, or 17px */
  text-decoration-line: underline;
  /* SW/blue */
  color: #0061A3;
}

.item_content {
  width: 627px;
  display: flex;
  margin: 30px 0;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.content_title {
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  padding-bottom: 8px;
  /*border-bottom: 1px solid #E0E0E0;*/
}

.content_title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 570px;
  height: 1px;
  background-color: #E0E0E0;
}

.content_information {
  margin: 12px 32px;
}

.info_text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #5F5F5F;
  margin-bottom: 15px;
}

.info_item {
  display: flex;
  margin-bottom: 12px;
}

.info_item:last-child {
  margin-bottom: 0;
}

.info_item img {
  width: 50px;
  height: 25px;
}

.content_text {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  margin-left: 12px;
}

.content_number {
  color: #13902A;
}

.item_statistics {
  display: flex;
  flex-direction: column;
  padding: 30px 0 0 45px;
}

.statistics_jackpot {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  margin-top: -5px;
  text-transform: uppercase;
  color: #13902A;
}

.statistics_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  width: 200px;
  margin: 10px 0 15px 3px;
}

.statistics_button {
  margin-top: 10px;
  width: 180px;
  height: 40px;
}

.statistics_link {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}

.pagination {
  margin-top: 30px;
}

.pagination_inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination_item {
  margin-right: 60px;
  cursor: pointer;
}

.pagination_item:last-child {
  margin-right: 0px;
}

.pagination_link {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  color: #000;
}

/*syndicate_details page*/
.syndicate_details {
  margin-top: -10px;
  margin-bottom: 65px;
}

.syndicate_details_inner {
  display: flex;
  justify-content: space-between;
}

.syndicate_details_title {
  margin: 10px 0 0 30px;
}

.draw_inner {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-left: 30px;
}

.draw_item {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 15px;
  width: 781px;
  height: 68px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
}

.draw_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  padding-left: 30px;
  width: 500px;
}

.draw_prise {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  margin-left: 40px;
  text-wrap: nowrap;
}

.draw_button {
  min-width: 90px;
  height: 30px;
  margin: auto 20px;
}

.draw_link {
  text-transform: uppercase;
}

.best_deal {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-left: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.draw_days {
  margin-top: 60px;
}

.draw_days_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.draw_days_inner {
  display: flex;
}

.draw_days_item {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-right: 35px;
}

.draw_days_item:last-child {
  margin-right: 0;
}

.draw_days_text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.draw_days_img {
  margin: 10px 0 5px 0;
  text-align: center;
}

.question_syndicate_details {
  margin-top: 25px;
  padding-left: 20px;
}

.package {
  margin-right: 15px;
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  padding-bottom: 20px;
}

.package_account {
  position: relative;
}

.package_account:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 290px;
  height: 1px;
  background-color: #E0E0E0;
}

.package_logo {
  margin: 15px 40px 0 40px;
}

.package_title {
  font-size: 20px;
  margin: 10px 0 0 0px;
}

.package_text {
  margin: 5px 0 18px 0px;
}

.package_statistics {
  padding: 20px 0 0 45px;
}

.about_package {
  margin-top: 20px;
  width: 200px;
}

.about_package_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about_package_text {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-left: 20px;
  margin-bottom: 10px;
}

.about_package_text:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-top: 1px solid #13902A;
  border-right: 1px solid #13902A;
  position: absolute;
  top: 10px;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.about_package_item img {
  margin-right: 10px;
}

.lotteries_included {
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  margin: 30px 15px 0 35px;
}

.lotteries_included_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
}

.lotteries_included_item {
  border-bottom: 2px solid #e0e0e0;
}

.lotteries_included_item:last-child {
  border-bottom: none;
}

.included_top {
  padding-left: 30px;
}

.included_img {
  border: none;
  margin: 5px 0 0 15px;
  width: 80px;
}

.included_img img {
  width: 80px;
}

.included_info {
  padding-left: 10px;
  margin-top: 20px;
}

.included_content img {
  width: 17px;
}

.included_description {
  font-size: 12px;
  padding-left: 5px;
}

.lotteries_included_line {
  margin-top: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.lotteries_included_text {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
}

.modal_window_form_lottery {
  margin-left: auto;
  margin-right: auto;
  width: 790px;
  height: 96vh;
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  align-self: center;
}

@media (max-width: 790px) {
  .modal_window_form_lottery {
    width: 96vw;
  }
}
.your_choise-item-syndicate-img {
  border: 2px solid #e0e0e0;
  border-radius: 100px;
  padding: 10px;
  flex-basis: initial;
  height: fit-content;
}

.your_choise_flex {
  justify-content: center;
  max-width: 936px;
  margin: 30px auto 0;
}

.your_choise-item_syndicate_img_wrapper {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
}

.your_choise-item-syndicate:nth-child(n+2) {
  text-align: center;
  align-self: baseline;
  margin: 50px 50px 0;
}

.your_choise-item-syndicate-lotteries {
  margin-left: 20px !important;
}

.your_choise-item-group-name {
  margin-right: 0px !important;
}

.syndicate_lottery_images {
  width: 90px;
  padding: 10px;
  height: 282px;
}

.syndicate_name_payment {
  font-size: 18px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.9019607843);
  text-transform: uppercase;
  text-wrap: nowrap;
}

.you_will_play {
  text-align: left;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.7098039216);
}

.group_name_text {
  font-weight: 500;
  color: rgba(51, 51, 51, 0.7098039216);
  font-size: 14px;
  margin-top: 5px;
}

.syndicate_img_payment {
  width: 120px;
}

.close_modal {
  position: absolute;
  align-self: flex-end;
}

.content_modal {
  display: flex;
  flex-direction: column;
}

.user_played_lottery_img {
  width: 100px;
  align-self: center;
}

.syndicate_lottery_images_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1000px) {
  .you_will_play {
    text-align: center;
  }
}
@media (max-width: 701px) {
  .your_choise-item-syndicate:nth-child(n+2) {
    flex-basis: 100%;
    margin: 0;
  }
  .your_choise {
    justify-content: center;
  }
  .your_choise-item-group-name {
    margin-bottom: 40px !important;
  }
  .your_choise_flex {
    justify-content: center;
  }
  .your_choise-item-syndicate-img {
    margin-bottom: 20px;
  }
}
#submit_crypto_startajob_syndicate {
  width: 340px;
}

.played_lines_header {
  display: flex;
  flex-direction: column;
}

.played_lines_header_description {
  font-size: 30px;
  color: #08598e;
  text-align: center;
  font-weight: 500;
}

.lottery_number {
  width: 27px;
  height: 27px;
  display: flex;
  color: black;
  justify-content: center;
  align-items: center;
  background-color: rgb(247, 247, 247);
  border-radius: 6px;
}

.lottery_lines_description {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.played_lines_no_and_nums_header {
  display: flex;
  justify-content: flex-start;
  flex-basis: 50%;
  margin-left: 21.5px;
  padding-left: 21.5px;
}

.played_lines_no_and_nums_header:nth-child(even) {
  padding-left: 0;
  margin-left: 125px !important;
}

.row_number {
  margin-right: 25.5px;
}

.line_number {
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lottery_number_stars {
  background-color: #08598e;
}

.user_played_lotteries_wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.lottery_line {
  display: flex;
  flex-direction: row;
  padding: 10px;
  border-bottom: 1px dotted #999;
  width: 345px;
  justify-content: space-evenly;
  margin: 0 10px;
}

@media (max-width: 760px) {
  .user_played_lotteries_wrapper {
    justify-content: center;
  }
  .played_lines_no_and_nums_header {
    justify-self: center;
    flex-basis: 100%;
    max-width: 345px;
    padding: 0;
    margin-left: 65px;
  }
  .played_lines_no_and_nums_header:nth-child(even) {
    display: none;
  }
  .lottery_lines_description {
    justify-content: center;
  }
}
.included_bottom {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  justify-content: space-between !important;
  max-width: 300px;
}

.included_price {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: -2px 0 0 50px;
}

.included_timer {
  margin-left: 40px;
  display: flex;
  align-items: center;
}

.included_timer img {
  width: 13px;
}

.included_time {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #0061A3;
}

/* right side*/
.my_account_right {
  width: 755px;
  padding: 15px 0;
}

/*personality*/
.personality {
  padding-top: 97px;
}

.personality_item {
  position: relative;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  border-bottom: 2px solid #e0e0e0;
}

.personality_info {
  display: flex;
  align-items: center;
}

.personality_logo {
  width: 50px;
  height: 50px;
}

.personality_img {
  width: 100%;
}

.personality_text {
  margin-left: 5px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

.personality_money {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  margin-left: 10px;
  text-transform: uppercase;
  color: #13902A;
}

.personality_links {
  display: flex;
  flex-direction: column;
  width: 120px;
}

.personality_link {
  font-size: 16px;
}

.personality_error:hover {
  cursor: pointer;
}

.error_text {
  display: block;
  width: 115px;
  padding: 3px 0px;
  text-align: center;
  position: absolute;
  top: -30px;
  right: 0px;
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
  opacity: 0;
  color: #F30000;
  border: 2px solid #F30000;
  transition: opacity 0.1s linear;
}

.error_text:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #F30000;
  border-right: 2px solid #F30000;
  background-color: #fff;
  position: absolute;
  bottom: -10px;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

/* entries */
.entries_title {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  margin-top: 34px;
  text-transform: uppercase;
}

.entries {
  padding: 24px 30px;
}

.table {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-radius: 8px 8px 0px 0px;
}

.table_head {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}

.table_title {
  min-width: 143px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  border-left: 1px solid #e0e0e0;
}

.table_title:first-child {
  width: 174px;
  border-left: none;
}

.table_title:nth-child(2) {
  width: 234px;
}

.table_inner {
  display: flex;
  height: 65px;
  border-bottom: 1px solid #e0e0e0;
}

.table_inner:last-child {
  border-bottom: none;
}

.table_item {
  min-width: 143px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #e0e0e0;
}

.table_item:first-child {
  width: 174px;
  border-left: none;
}

.table_item:nth-child(2) {
  width: 234px;
}

.table_logo {
  width: 80px;
}

.table_link {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #0061A3;
  cursor: pointer;
}

.table_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #5F5F5F;
  margin-top: 2px;
}

.table_view_all {
  float: right;
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #0061A3;
}

.personal_information_mb {
  margin-bottom: 60px;
}

/* personal_information */
.personal_help_link:hover {
  text-decoration: underline;
}

.personal_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.personal_information_inner {
  position: relative;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}

.personal_information_left {
  width: 30%;
  padding: 8px 30px 0 0;
  border-right: 2px solid #e0e0e0;
}

.information_item {
  padding: 25px 15px;
  height: 79px;
  color: #5F5F5F;
  border-bottom: 2px solid #e0e0e0;
}

.information_item:hover {
  cursor: pointer;
}

.information_item.active {
  color: #000;
}

.information_text {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-transform: uppercase;
}

.personal_information_right {
  position: relative;
  padding: 20px 0 40px 0px;
  width: 760px;
}

.personal_help_link {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  position: absolute;
  padding-right: 20px;
  color: #0061A3;
  text-decoration: none;
  margin: 0;
  top: 0px;
  right: 40px;
}

/* form */
.information_form {
  display: block;
}

#personal_information_form {
  display: block;
}

#address_information_form {
  display: none;
}

#login_information_form {
  display: none;
}

#card_information_empty {
  display: none;
  justify-content: space-between;
  padding: 40px 30px 20px 15px;
}

#card_information_form {
  display: none;
}

.flex_box {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.login_text {
  width: auto;
}

.card_text {
  width: auto;
}

.box_text {
  width: auto;
}

.personal_date {
  position: relative;
  width: 233px;
  background-color: #fff;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.selected_wrap {
  position: relative;
}

.phone_box {
  position: relative;
}

.personal_country_code {
  display: flex;
  align-items: center;
  height: 60px;
  position: absolute;
  left: 20px;
  top: 5%;
  border-right: 2px solid #e0e0e0;
  background-color: #fff;
}

.card_information_text {
  width: 130px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-align: right;
  text-decoration-line: underline;
  color: #5F5F5F;
}

.default {
  color: #000;
}

.verified {
  color: #13902A;
}

.not_verified {
  color: #F30000;
}

.personal_button {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-top: 15px;
  text-transform: uppercase;
  width: 320px;
  height: 52px;
  background: #F7D300;
  border-radius: 8px;
  border: none;
}

.personal_button:hover {
  cursor: pointer;
}

#pesonal_cancel {
  width: 233px;
  background: #E0E0E0;
  color: #5F5F5F;
}

#personal_phone_number {
  padding-left: 145px;
}

#personal_login_number {
  padding-left: 145px;
}

#personal_password {
  margin: 0 0 5px 0;
}

#personal_re-enter_password {
  margin: 0 0 5px 0;
}

.personal_pasword_text {
  margin-bottom: 16px;
}

#personal_card_year {
  margin-left: 15px;
}

.checbox {
  display: flex;
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
}

.checkbox_input {
  width: 30px;
  height: 30px;
}

.checkbox_label {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-right: 30px;
}

.add_card_link {
  width: 350px;
  text-align: right;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #0061A3;
  text-transform: uppercase;
}

.add_card_title {
  margin-bottom: 65px;
}

.checkbox_card_information {
  display: flex;
  align-items: center;
}

#checkbox_card {
  left: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.checkbox_label_card {
  margin-left: 15px;
}

.card_information_button {
  width: 340px;
  margin-top: 45px;
}

/*card_information_filled*/
#card_information_filled {
  display: none;
  padding: 25px 0px;
}

.card_information_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  height: 68px;
}

.card_information_desc {
  display: flex;
  align-items: center;
  padding: 22px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  height: 100%;
}

.card_information_logo {
  display: flex;
}

.card_information_name {
  font-size: 20px;
  margin-left: 30px;
}

.add_card {
  margin-top: 18px;
  float: right;
}

/* IDENTITY VERIFICATION */
.identity {
  padding: 0px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.button_back_identity {
  align-self: flex-start;
}

.identity_wrap {
  padding: 30px 0px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.identity_table_wrap {
  padding: 30px 25px 0 10px;
  direction: ltr;
}

.identity_table {
  display: flex;
  border: 2px solid #e0e0e0;
}

.identity_table_head {
  border: 2px solid #e0e0e0;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}

.identity_table_inner {
  display: flex;
  flex-direction: column;
  width: 180px;
  border-right: 2px solid #e0e0e0;
}

.identity_table_inner:first-child {
  width: 383px;
}

.identity_table_inner:last-child {
  width: 200px;
  border-right: none;
}

.identity_table_title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  border-bottom: 2px solid #e0e0e0;
  text-align: center;
}

.pasport_title {
  display: none;
}

.identity_table_item {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
}

.identity_table_card {
  display: flex;
}

.identity_card_logo {
  display: flex;
  width: 30px;
}

.identity_table_logo {
  display: flex;
  width: 20px;
}

.identity_card_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin-left: 10px;
  text-transform: uppercase;
}

.not_verified_table_text {
  text-align: center;
  color: #F30000;
}

.upload_file {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.visible {
  display: block;
}

.invisible {
  display: none;
}

.identity_table_text {
  font-size: 16px;
}

.status_text {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

.pending_verification {
  color: #ffe133;
}

.id_image_validation_param {
  text-align: center;
  color: #F30000;
  display: none;
}

.identity_table_link {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-decoration-line: underline !important;
  color: #ffffff !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.pasport_head {
  display: none;
}

/*withdraw*/
.withdraw_right {
  padding: 30px 50px 0;
  width: 70%;
}

.withdraw_item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px;
  height: 60px;
  color: #5F5F5F;
  border-bottom: 2px solid #e0e0e0;
}

.withdraw_item:hover {
  cursor: pointer;
}

.withdraw_item.active {
  color: #000;
}

.withdraw_item:after {
  content: "";
  display: none;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.withdraw_logo {
  display: flex;
  width: 30px;
  margin-right: 8px;
}

.withdraw_img {
  width: 100%;
}

.withdraw_request {
  text-align: center;
}

.withdraw_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_text {
  /*margin: 30px 0 10px;*/
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_price {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: #13902A;
}

.withdraw_box {
  position: relative;
  margin-bottom: 10px;
}

.withdraw_currency {
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
}

.withdraw_currency:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  right: 40px;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%) rotate(135deg);
}

.withdraw_currency_choice {
  position: relative;
  text-align: center;
  height: 100%;
  width: 145px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 0 8px 8px 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#withdrawable_balance {
  height: 52px;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #000000;
}

.withdraw_balance_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #5F5F5F;
  margin-bottom: 30px;
}

.withdraw_details_text {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #5F5F5F;
}

.withdraw_information_item {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  align-items: flex-end;
}

.withdraw_information_desc {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 22px 30px;
  height: 68px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
}

.withdraw_card_name {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin-left: 30px;
}

.withdraw_operation {
  width: 420px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
}

.withdraw {
  color: #0061A3;
}

.withdraw_information_logo {
  width: 24px;
  height: 24px;
}

.withdraw_information_img {
  width: 100%;
}

#withdraw_form {
  display: block;
}

#transactions_form {
  display: none;
}

.transactions_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.transactions_table {
  padding: 30px 15px 42px 0;
}

.transactions_table_wrap {
  display: flex;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  width: fit-content;
  margin: 0 auto;
}

.transactions_table_inner {
  width: auto !important;
  border: 0;
  border-left: 2px solid #e0e0e0;
}

.transactions_table_inner:first-child {
  width: 130px;
  border-left: none;
}

.transactions_table_inner:nth-child(3) {
  width: 280px;
}

.transactions_table_head {
  padding: 16px 0;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_table_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

.transactions_table_item {
  padding: 15px;
  height: 74px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_table_item:last-child {
  border-bottom: none;
}

.transactions_table_text {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_table_subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}

/*transaction_information*/
.transaction_information {
  position: relative;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}

.button_back_history {
  align-self: flex-start;
}

.transaction_help_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: #0061A3;
  position: absolute;
  top: 8px;
  right: 60px;
  text-decoration: none;
}

.transaction_help_link:hover {
  text-decoration: underline;
}

.transaction_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.transaction_information_inner {
  position: relative;
  padding: 25px 15px;
}

.transactions_history_table {
  padding: 15px 30px;
  margin-bottom: 30px;
}

.transactions_history_inner {
  width: 262px;
  border-right: 2px solid #e0e0e0;
}

.transactions_history_inner:last-child {
  border-right: none;
}

.transactions_history_title {
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_history_item {
  padding: 15px;
  height: 52px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_history_item:last-child {
  border-bottom: none;
}

/* lottery_syndicate */
.lottery_syndicate {
  padding: 0 30px;
  position: relative;
}

.lottery_syndicate_title {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_subtitle {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  text-decoration-line: underline;
  position: absolute;
  top: 5px;
  right: 30px;
  color: #0061A3;
}

.lottery_syndicate_help_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #0061A3;
  text-decoration: none;
  position: absolute;
  top: 35px;
  right: 90px;
}

.lottery_syndicate_help_link:hover {
  text-decoration: underline;
}

.lottery_syndicate_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.lottery_syndicate_wrap {
  position: relative;
  padding: 30px 8px;
}

.lottery_syndicate_table {
  margin-top: 15px;
  display: flex;
  border: 2px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.lottery_syndicate_inner {
  width: 120px;
  border-right: 2px solid #e0e0e0;
}

.lottery_syndicate_inner:first-child {
  width: 235px;
}

.lottery_syndicate_inner:nth-child(2) {
  width: 190px;
}

.lottery_syndicate_inner:nth-child(3) {
  width: 160px;
}

.lottery_syndicate_inner:nth-child(6) {
  width: 190px;
}

.lottery_syndicate_inner:last-child {
  width: 110px;
  border-right: none;
}

.lottery_syndicate_head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
}

.syndicate_table_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 125px;
}

.syndicate_table_content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.syndicate_table_logo {
  display: flex;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  min-width: 60px;
}

.syndicate_table_img {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
}

.syndicate_table_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.upper {
  text-transform: uppercase;
}

.second_syndicate_table {
  margin: 0;
  border-top: none;
  border-radius: 0;
}

.second_syndicate_table .lottery_syndicate_head {
  display: none;
}

.discount {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paymethod_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  /* or 31px */
  text-transform: uppercase;
}

.payment_inner {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.payment_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.payment_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 40px;
}

.payment_img img {
  height: 100%;
}

.payment_text {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  margin-left: 20px;
}

.total {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-top: 50px;
}

.payment_method {
  margin: 75px 0;
  padding-left: 15px;
}

.payment_back {
  display: none;
  margin: 0 0 20px 22px;
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  text-decoration: none;
  letter-spacing: -0.4px;
  color: #0061A3;
}

.included_middle {
  display: flex;
  flex-direction: column;
  padding: 20px 50px;
}

.payment_back:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(-135deg);
}

.payment_method_inner {
  display: flex;
  justify-content: space-between;
}

.payment_method_item {
  padding-top: 30px;
}

.method_choice {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  cursor: pointer;
}

.method_choice.active {
  color: #0061A3;
}

/*.method_choice.active:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0061A3;
    border-right: 2px solid #0061A3;
    position: absolute;
    top: 50%;
    right: -85px;
    z-index: 1;
    transform: translateY(-50%) rotate(45deg);
}*/
.method_choice.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 350px;
  height: 2px;
  background-color: #E0E0E0;
}

.method_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}

.form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 30px 0 30px 28px;
  width: 760px;
  border-left: 2px solid #E0E0E0;
}

.form_title {
  display: none;
}

.form_text {
  width: 100%;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 10px;
}

.form_input {
  width: 730px;
  height: 68px;
  padding: 14px 30px;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 120%;
  margin-bottom: 15px;
  border: 2px solid #E0E0E0;
  background-color: #fff;
  border-radius: 8px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

#month {
  width: 357px;
  margin-right: 0px;
}

#year {
  margin-left: 15px;
  width: 357px;
}

#cvv {
  margin-bottom: 30px;
}

.form_button {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  height: 52px;
  text-align: center;
  letter-spacing: -0.41px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

#submit {
  margin-right: 155px;
  width: 340px;
}

#cancel {
  width: 233px;
  background: #E0E0E0;
  color: #5F5F5F;
}

#first_form {
  display: flex;
}

#second_form {
  display: none;
  margin-bottom: 10px;
}

.form_subtitle {
  margin: 10px 0 15px;
  width: 700px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

#email {
  margin-bottom: 10px;
}

#password {
  margin-bottom: 5px;
}

.pasword_text {
  width: 700px;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  color: #5F5F5F;
}

#login {
  margin: 30px 350px 10px 0;
  width: 340px;
}

.privacy_link {
  margin-right: 240px;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #5F5F5F;
  text-decoration: none;
}

.privacy_link:hover {
  color: #F7D300;
  text-decoration: underline;
}

.have_link {
  margin-right: 35px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0061A3;
}

.signup_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #0061A3;
}

/*payment*/
.wraper {
  position: relative;
  margin: 0 auto 105px;
  max-width: 1012px;
}

.payment_wraper_item {
  text-align: center;
  padding: 60px 0 45px;
}

.payment_wraper_item:first-child {
  border-bottom: 2px solid #E0E0E0;
}

.green {
  color: #13902A;
}

.payment_description {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 15px;
}

.payment_jackpot {
  font-weight: 500;
  font-size: 36px;
  line-height: 120%;
  margin: 45px 0 30px;
}

.payment_wraper_text {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 15px;
  /* or 31px */
  text-transform: uppercase;
}

.payment_button {
  width: 320px;
  height: 52px;
  margin: 55px auto 0;
  text-transform: uppercase;
}

.payment_button a {
  font-size: 24px;
}

.verification_button {
  width: 328px;
  height: 52px;
  margin: 30px auto 105px;
  text-transform: uppercase;
}

.verification_button a {
  font-size: 24px;
}

/*Sign Up*/
.wraper_title {
  padding: 30px 0 0 30px;
}

.help_link {
  font-size: 22px;
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 0;
  color: var(--link-green);
}
.help_link:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--link-green);
  border-right: 2px solid var(--link-green);
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.green-link {
  color: var(--link-green);
}
.green-link .arrow:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--link-green);
  border-right: 2px solid var(--link-green);
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.blue-link {
  color: var(--link-blue);
}
.blue-link .arrow:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--link-blue);
  border-right: 2px solid var(--link-blue);
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

#signup {
  position: relative;
  padding: 30px 0px 0px 0px;
  margin: 0;
  width: 100%;
  border: none;
  margin-bottom: 0px;
}

.country_code {
  display: flex;
  align-items: center;
  height: 60px !important;
  position: absolute;
  left: 50px;
  top: 73px !important;
  border-right: 2px solid #e0e0e0;
}

.country_img {
  display: flex;
  border-radius: 2px;
  width: 31px;
}

.country_code_choice {
  padding-right: 5px;
  margin-right: 10px;
  border: none !important;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  font-weight: 300;
  line-height: 110%;
  background-color: #fff;
}

#phone_number {
  width: 100%;
  padding: 0 50px 0 195px;
}

#email_address {
  width: 100%;
  padding: 24px;
}

.agree_text {
  text-align: center;
  margin-top: 30px;
}

.agree_link {
  text-decoration: none;
  color: var(--link-green);
}

.agree_link:hover {
  text-decoration: underline;
}

.create_account {
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-top: 60px;
}

.create_account:before,
.create_account:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 177px;
  height: 1px;
  background-color: #e0e0e0;
}

.create_account:before {
  left: 160px;
}

.create_account:after {
  right: 160px;
}

.create_button {
  width: 388px;
  height: 52px;
  margin: 30px auto 0;
  background: #0061A3;
  border-radius: 8px;
}

.create_link {
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

/*Welcome*/
#welcome {
  border: none;
  width: 100%;
  margin: 0;
  padding: 30px 8px 0 30px;
}

.your_number {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.change_link {
  font-weight: 400;
  font-size: 22px;
  margin: 0 auto;
}

.phone_number {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  text-transform: uppercase;
  margin-left: 25px;
  margin-bottom: 10px;
}

#sigin_password {
  width: 100%;
  margin: 0;
  margin-right: 20px;
}

.password_link {
  font-size: 22px;
  width: 100%;
  margin-right: 20px;
  text-align: end;
}

.welcome_button {
  width: 320px;
  height: 52px;
  margin: 30px auto 0;
  text-transform: uppercase;
}

.welcome_button a {
  font-size: 24px;
}

/*create_account*/
#create_account {
  position: relative;
  border: none;
  width: 100%;
  margin: 0 0 80px 0;
  padding: 30px;
}

.full {
  width: 100%;
}

#country {
  width: 952px;
}

.shift {
  margin-bottom: 20px;
}

.signin_already {
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 0;
  padding-top: 25px;
  border-top: 1px solid #e0e0e0;
}

.already_text {
  width: auto;
  margin: 0;
}

.arrow {
  position: relative;
  padding-right: 10px;
}

.arrow:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

/*verification*/
#verification {
  text-align: center;
  border: none;
  margin: 0 auto;
  padding: 30px;
}

.change_number {
  margin: 0 auto 62px;
}

.verification_number {
  width: 100%;
  margin: 5px auto 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: lowercase;
}

.sms_code {
  width: 190px;
  margin: 18px auto 18px;
}

.number_input {
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.send_again {
  display: flex;
  margin: 47px auto 30px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.select_lottery {
  margin: 0 auto 40px auto;
  width: 250px;
}

.send_again:hover {
  cursor: pointer;
}

.send_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.22px;
  margin-left: 20px;
}

.question_verification {
  max-width: 830px;
  margin: 0 auto;
}

.confirmation {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 20px;
}

/* currency */
.deposit_currency {
  position: relative;
  display: flex;
  justify-content: center;
}

/*All Lotteries*/
.page_lottery {
  padding: 0 15px;
}

.lotteries {
  padding-top: 20px;
}

.lotteries_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 3px solid #f30000;
}

.lotteries_title {
  font-size: 16px;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  color: #000;
}

.lotteries_title:first-child {
  width: 20%;
}

.lotteries_title:nth-child(2) {
  width: 8%;
  text-align: end;
}

.lotteries_title:last-child {
  width: 32%;
  text-align: start;
}

.lotteries_item {
  margin-top: 5px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  transition: 0.3s;
}

.lotteries_item:hover {
  cursor: pointer;
  box-shadow: 0px 0px 100px 100px #e0e0e0;
}

.lotteries_item:hover .lotteries_button {
  /*    background: #fd34da;*/
}

.lotteries_country {
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lotteries_county-logo {
  width: 30px;
  height: auto;
}

.lotteries_country-name {
  text-align: center;
}

.lotteries_lotto {
  display: flex;
  align-items: center;
  width: 270px;
}

.lotteries_lotto-logo {
  width: 80px;
  height: auto;
}

.lotteries_lotto-name {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  color: #444;
  margin-left: 10px;
}

.lotteries_price {
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  color: #08598e;
  width: 140px;
}

.lotteries_text {
  font-weight: bold;
  font-size: 16px;
  line-height: normal;
  color: #000;
  width: 80px;
}

.lotteries_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  color: #000;
  background: #F7D300;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  border: none;
  border-radius: 8px;
}

.lotteries_button:hover {
  background: #F7d000;
  cursor: pointer;
}

.lottery_join {
  padding-top: 40px;
}

.lottery_join-title {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 120%;
  color: #000;
  border-bottom: 3px solid #f30000;
}

.join_question-title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}

.join_pick-lottery {
  display: flex;
  justify-content: space-between;
}

/*Slot Mashine*/
#PageContainer, #PageContainerInner {
  height: auto;
}

#PageContainerInner {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}

#PageContainer {
  background: none;
}

#prizes_list {
  position: relative;
  left: 0;
  top: 30px;
  background: url(../images/WinChart.png) center no-repeat;
  padding: 55px 10px 0;
  width: 400px;
  height: 440px;
}

#prizes_list .tdPayout {
  display: flex;
  align-items: center;
}

.tdPayout img {
  display: flex;
}

.tdPayout b {
  margin: 0 5px;
}

#slotMachineContainer {
  position: relative;
  left: 0;
  top: 0;
  width: 525px;
  height: 525px;
  background: url(../images/Won.png) center no-repeat;
}

#slotMachineContainer #ReelContainer {
  position: absolute;
  left: 45px;
  top: 120px;
}

#slotMachineContainer #loggedOutMessage,
#slotMachineContainer #failedRequestMessage {
  top: 214px;
  left: 82px;
}

#slotMachineContainer #betContainer {
  top: 453px;
  left: 30px;
}

#slotMachineContainer #spinButton {
  left: 372px;
  top: 443px;
}

/*Promotions get more*/
.get_more_spin .card_description {
  font-size: 16px;
}

.get_more_spin .lotteries_button {
  width: 350px;
  height: 50px;
  margin: 30px auto 30px;
  font-size: 20px;
}

.promotion_inner {
  border-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*    padding-top: 20px;*/
  margin: 0 auto;
  margin: 0 auto;
}

.promotion_item {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  display: flex;
  width: 870px;
  justify-content: space-between;
  padding: 10px 20px 10px 60px;
  /*   border: 1px solid #e2e2e2;*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 40px;
  margin-left: 85px;
}

.promotion_left-col {
  display: flex;
  flex-direction: column;
}

.promo_offer {
  position: absolute;
  left: -87px;
  top: 10px;
}

.promotions_social {
  width: 135px;
}

.promotion_discount {
  width: 120px;
}

.promotion_left-col .join_question-title {
  margin: 0;
  text-align: center;
}

.promotion_left-col img {
  margin-top: 10px;
}

.promotion_middle-col {
  width: 300px;
}

.promotion_right-list {
  display: flex;
  align-items: center;
  margin-top: 10px;
  position: relative;
}

.number_list {
  width: 30px;
  height: 30px;
  background-color: #f30000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-right: 50px;
}

.hand {
  position: absolute;
  top: 0;
  width: 30px;
}

.promotion_right_link {
  height: 30px;
  margin-right: 10px;
}

.promotion_right-list .lotteries_button {
  width: 180px;
  height: 30px;
  color: #777;
  background: #cecece;
}

.promotion_right-list .lotteries_button:hover {
  cursor: not-allowed;
}

/*Lottery result*/
.lottery-winners-page .lotteries_title:last-child {
  width: 43%;
}

.lottery_result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
}

.lottery_result-item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  background: #e5e5e5;
  border-radius: 50%;
}

.lottery_result-blue {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.lottery_winners {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}

.lottery_winners-item {
  position: relative;
  width: 310px;
  height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lottery_winners-content {
  position: relative;
}

.winner {
  position: absolute;
  left: 0;
  top: 0;
}

.winners_photo {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  width: 310px;
  height: 150px;
}

.lottery_winners-description {
  position: relative;
  padding: 10px 0;
}

.lotto_logo {
  position: absolute;
  top: 15px;
  right: 15px;
}

.lottery_winners-name {
  width: 250px;
  height: 36px;
  font-size: 15px;
}

.lottery_winners-text {
  font-size: 22px;
}

.lottery_winners-item .lotteries_button {
  width: 100px;
  height: 40px;
  position: absolute;
  bottom: 0;
}

@media (max-width: 960px) {
  #PageContainerInner {
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 60px;
  }
}
@media (max-width: 880px) {
  .baner_inner {
    max-width: 100%;
    height: 300px;
  }
  .baner_top {
    height: 220px;
  }
  .baner_title {
    max-width: 300px;
  }
  .baner_subtitle {
    font-size: 34px;
  }
  .baner_price {
    font-size: 36px;
  }
  .baner_text {
    font-size: 22px;
    line-height: 20px;
  }
  .baner_button {
    width: 200px;
    height: 48px;
    font-size: 22px;
    border-radius: 10px;
  }
  .baner_bottom {
    padding: 0 20px 0px;
  }
  .baner_item_text {
    font-size: 16px;
  }
  .baner_timer {
    font-size: 18px;
  }
  /*header*/
  .header_inner {
    height: auto;
  }
  .header_item {
    padding-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .header_item:first-child {
    width: 450px;
    justify-content: space-between;
  }
  .social {
    margin: 0;
  }
  .header_logo {
    width: 182px;
  }
  .header_logo img {
    width: 100%;
  }
  .nav-toggle {
    display: block;
  }
  .nav-toggle.active .nav-toggle__item:before,
  .nav-toggle.active .nav-toggle__item:after {
    background-color: #000;
  }
  .mobil_acount {
    display: block;
  }
  .mobil_acount_link {
    display: flex;
  }
  .header_account {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
  }
  .account_name {
    margin: 0;
  }
  .account_balance {
    margin: 0;
  }
  /*navigation*/
  .header_nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #fff;
    height: 350px;
    margin: 0;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
    box-shadow: 0px 10px 10px #eee;
  }
  .nav {
    display: none;
  }
  .nav.active {
    width: 100vw;
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  .nav_link {
    font-weight: 600;
    font-size: 20px;
    padding: 10px 25px;
    text-transform: capitalize;
    border: none;
    color: #000;
  }
  .nav_link:hover {
    color: #0061A3;
  }
  .account {
    display: none;
  }
  .account.active {
    width: 343px;
    height: 52px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    border-radius: 0;
  }
  .account a {
    color: #fff;
  }
  .biggest_winners_inner {
    height: auto;
  }
  .content_button {
    margin-bottom: 15px;
  }
  /*syndycate*/
  .page_item {
    height: auto;
  }
  .content_title {
    flex-wrap: wrap;
  }
  /*    payment*/
  .payment_method_choice {
    margin-right: 0;
  }
  .method_choice.active:before {
    right: 30px;
  }
  .payment_method_inner {
    flex-direction: column;
  }
  .form {
    border: none;
    width: 100%;
    padding-left: 0;
  }
  .selected_wrap {
    width: 100%;
  }
  #month {
    width: 100%;
  }
  #year {
    width: 100%;
    margin-left: 0;
  }
  #submit {
    margin: 0 100px 20px;
  }
  #cancel {
    width: 100%;
    margin: 0 100px;
  }
  .form_subtitle {
    width: 100%;
  }
  .pasword_text {
    width: 100%;
  }
  #login {
    margin: 30px 120px 10px;
    width: 100%;
  }
  .create_account:before {
    left: 30px;
  }
  .create_account:after {
    right: 30px;
  }
  /*    transaction   */
  .withdraw_card_name {
    font-size: 16px;
  }
  .withdraw_details_text {
    font-size: 14px;
  }
  .transactions_table_item {
    height: 56px;
  }
  .transactions_table_title {
    font-size: 14px;
  }
  .transactions_table_text {
    font-size: 12px;
  }
  .picker_payment .method_choice {
    width: 100%;
  }
  /*    Promotions */
  .promotion_item {
    flex-direction: column;
    align-items: center;
    width: 500px;
    padding: 20px;
  }
  .promotion_middle-col {
    width: auto;
    margin: 10px 0;
  }
  /*Lottery result*/
  .lotteries_title:first-child {
    width: 28%;
  }
  .lottery_winners {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .lottery_winners-item {
    width: 330px;
    height: 360px;
    padding: 0 10px;
    margin-bottom: 15px;
  }
  .lottery_winners-item:last-child {
    margin-bottom: 0px;
  }
  .winners_photo {
    width: 310px;
  }
  .lottery_winners-name {
    width: 250px;
  }
  .page_lottery {
    padding: 0;
  }
}
.dropdown_languages_mobile {
  margin: 0 !important;
  display: none;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media (max-width: 530px) {
  .info_item {
    width: auto;
  }
  .item_content {
    margin: 0;
  }
  .content_information {
    align-items: flex-start;
    margin: 0;
  }
  .info_item img {
    width: 40px;
  }
  .question_title {
    padding: 0;
    font-size: 20px;
  }
  .footer_info {
    flex-direction: column;
    align-items: center;
  }
  .footer_col {
    margin-top: 20px;
    width: 100%;
    align-items: center;
  }
  .footer_links {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 160px;
    text-wrap: nowrap;
  }
  .second_col {
    padding-left: 0;
  }
  .footer_text {
    width: 340px;
    margin: 0;
  }
  .footer_address {
    width: 340px;
    margin: 10px 0 0 0;
  }
  .third_col {
    justify-content: space-evenly;
    align-items: flex-start;
  }
  .footer_security {
    margin: 0;
    justify-content: space-between;
  }
  .pay_methots {
    margin: 0;
  }
  .footer_title {
    padding: 0;
    width: 160px;
  }
  .col_links {
    width: 160px;
  }
  /*    payment: ;*/
  .paymethod_title {
    font-size: 24px;
  }
}
.language-items-mobile {
  right: 0 !important;
  left: initial !important;
}

.button:hover {
  text-decoration: none;
  /*color: #0061A3 !important;*/
  background: #FFB400 !important;
  /*border: 1px solid #0061A3 !important;*/
  transition: 0.3s;
  overflow: hidden;
  border-width: 1px;
}

.button_link:hover {
  text-decoration: none;
  /*    color: #0061A3 !important;*/
}

#submit_crypto_startajob {
  width: 340px;
}

@media (max-width: 500px) {
  .lottery_item:nth-child(n+1) {
    margin-left: 0px;
  }
  .scan_img {
    width: 300px;
  }
  #submit_crypto_startajob {
    height: 48px;
    margin: 0 auto 20px;
    font-size: 18px;
  }
  .affiliate_text {
    margin-left: 48px;
  }
  .balance_money_deposit {
    margin-left: 0;
  }
}
#submit_crypto_startajob_deposit {
  width: 340px;
}

@media (max-width: 500px) {
  #submit_crypto_startajob_deposit {
    height: 48px;
    margin: 0 auto 20px;
    font-size: 18px;
  }
  .mtl_0 {
    margin-left: 0 !important;
  }
  .balance_title_text {
    margin-left: 0;
  }
  .balance_item {
    display: flex;
    width: 100%;
    text-align: left;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.lottery_price {
  padding-top: 0px;
}

.lottery_item {
  width: 380px;
  margin-right: 0;
  max-height: 147.6px;
}

.lottery_bottom {
  height: 56px;
}

@media (max-width: 500px) {
  .withdraw_title {
    font-size: 16px;
  }
  .payment_method_choice {
    margin-bottom: 20px;
  }
}
@media (max-width: 880px) and (min-width: 610px) {
  .identity {
    margin-top: 60px;
  }
}
.ticketsLink {
  text-wrap: nowrap;
}

.social_img {
  border: 0;
}

.social_link {
  border: 0;
}

.social_right {
  border: 0;
}

.affiliate_program {
  text-align: center;
}

.included_time {
  margin-left: 5px;
}

@media (max-width: 372px) {
  .syndicate_details_item {
    margin-top: 40px;
  }
}
.lottery_syndicate_img {
  width: 60px !important;
  height: 30px !important;
  margin-left: 10px !important;
}

.disabled_lottery {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: initial !important;
}

.disabled_lottery_no_op {
  pointer-events: none !important;
  cursor: initial !important;
}

.disabled_lottery_all_lotteries {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: initial !important;
}

.select_arrow_bottom {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgNC45NSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojNDQ0O308L3N0eWxlPgogIDwvZGVmcz4KICA8dGl0bGU+YXJyb3dzPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyLjM5MiIgaGVpZ2h0PSIxLjczIiBzdHlsZT0iIiB5PSI1LjE3NSIgeD0iMS4yNDEiLz4KICA8cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+Cjwvc3ZnPg==") no-repeat;
  background-position: right -5px;
}

#syndicate_submit {
  width: 340px;
}

.subscriptions_table_row {
  border-bottom: 1px solid #e0e0e0;
}

.subscriptions_table_data {
  padding: 20px 40px;
  text-align: center;
  text-wrap: nowrap;
}

#subscriptions_table_wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  width: fit-content;
  margin: 50px auto;
}

@media (max-width: 900px) {
  .subscriptions_table_data {
    padding: 20px 15px;
  }
}
@media (max-width: 600px) {
  .subscriptions_table_data {
    padding: 10px 7px;
  }
  #checkbox_2 {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 485px) {
  .subscriptions_table_data {
    padding: 10px 5px;
  }
  .subscriptions_table_data {
    font-size: 12px;
  }
  .subscription_table_head {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .subscriptions_table_data {
    padding: 10px 2px;
  }
}
.withdraw_text_intendant {
  padding: 0 20px;
  margin-bottom: 40px;
}

.voucher_gif {
  width: 30px;
  margin-left: -5px;
}

.account_free_vouchers_text {
  color: #01d301;
  align-self: flex-end;
  padding-bottom: 3px;
  font-weight: bold;
}

.account_free_vouchers {
  display: flex;
  position: relative;
  cursor: pointer;
}

.free_gifts_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: ltr;
}

.select_voucher {
  border-radius: 4px !important;
  border: 2px solid #e0e0e0;
  width: fit-content;
  padding: 5px 30px;
  font-size: 12px;
}

.voucher_select_gif {
  height: 50px;
}

.voucher_text_combo_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.vouchers_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.vouchers_text {
  color: #01d301;
  font-size: 14px;
  font-weight: bold;
}

.account_free_vouchers:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  height: fit-content;
  position: relative;
  margin-top: 16px;
  margin-left: 5px;
  cursor: pointer;
}

.voucher_list_wrapper {
  position: absolute;
  right: initial;
  top: 25px;
  height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  z-index: 200;
  overflow-y: auto;
  max-height: 150px;
  display: block;
}

.voucher_dropdown {
  padding: 5px 20px;
  text-align: center;
  display: block;
  transition: 0.2s ease-in-out;
}

.voucher_dropdown:hover {
  background-color: #16181b;
}

.voucher_dropdown_item:hover {
  background-color: #16181b;
}

.voucher_dropdown_item {
  transition: 0.2s ease-in-out;
  display: block;
  width: fit-content;
}

.dropdown-vouchers {
  top: 80px;
  overflow-y: auto;
}

.header_account_mobile {
  display: none;
  padding: 10px 25px;
  height: fit-content;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

.account_balance:nth-child(n+1) {
  margin-top: 5px;
}

@media (max-width: 880px) {
  .header_account {
    display: none;
  }
  .header_account_mobile {
    display: flex;
  }
}
/*@media (max-width: 500px) {
    .country_code {
        font-size: 16px !important;
        padding-left: 0;
        padding-right: 0;
    }

    #ddlCountryButton {
        padding-bottom: 0;
    }

    #country-flag {
        bottom: initial;
        bottom: 4px !important;
    }

    #country-code {
        font-size: 16px !important;
    }

    #phone_number {
        padding-left: 140px;
        padding-right: 30px;
        font-size: 16px !important;
    }

    .your_choise-jackpot {
        font-size: 40px;
    }
}*/
@media (max-width: 800px) {
  .landing_wrapper {
    width: 50% !important;
  }
}
@media (max-width: 700px) {
  .landing_wrapper {
    width: 60% !important;
  }
  .mtl_0 {
    text-align: center;
    white-space: nowrap;
    text-wrap: nowrap;
  }
}
@media (max-width: 600px) {
  .landing_wrapper {
    width: 75% !important;
  }
}
.header {
  position: relative;
}

@media (max-width: 500px) {
  .landing_wrapper {
    width: 100% !important;
  }
  .dropdown-vouchers {
    left: initial !important;
    right: 0 !important;
  }
  /*
      .form_input {
          font-size: 16px !important;
      }*/
  .your_choise_flex {
    flex-direction: row;
  }
}
.lines_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
}

.list_number {
  margin-top: 10px;
}

.dropdown-vouchers-mobile {
  right: initial !important;
}

.total_free {
  display: flex;
  flex-direction: row;
}

@media (max-width: 360px) {
  #change-password {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .free_play_inner {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .payment_lines_item_free {
    flex-direction: column;
    width: 220px;
    margin: 10px auto 0;
  }
  .lines_change_free {
    position: relative;
  }
  .free_lines_text {
    width: 100% !important;
    margin-top: 10px;
    position: initial;
  }
  .total_free {
    flex-direction: column;
  }
}
.card_table_mobile {
  display: none !important;
}

.card_table {
  display: block;
}

@media (max-width: 1000px) {
  .card_table_mobile {
    display: block !important;
  }
  .card_table {
    display: none;
  }
  .card_status_item_mobile {
    width: 100%;
  }
  .status_text_mobile {
    font-size: 20px;
  }
}
.lottery_history_table {
  width: 100%;
}

.lottery_history_table_data {
  padding: 10px 10px;
}

.lottery_history_table_wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.lottery_transaction_list {
  display: none;
}

.lottery_history_table_row {
  border-bottom: 1px solid #e0e0e0;
}

.lottery_history_table_row:last-child {
  border-bottom: 0;
}

@media (max-width: 865px) {
  .lottery_history_table_wrapper {
    display: none;
  }
  .lottery_transaction_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    width: 100%;
  }
  .lottery_transaction_list_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e0e0e0;
    align-items: center;
    padding: 20px;
  }
  .lottery_transaction_list_item .list_sub_item:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) {
  .card_table_mobile {
    display: none !important;
    width: 0 !important;
    border: 0;
  }
  .identity_table_inner_mobile {
    width: 200px;
  }
}
@media (max-width: 1000px) {
  .border_bottom_mobile {
    border-bottom: 0;
  }
}
.mult_wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  width: 400px;
  justify-content: space-evenly;
}

.mult {
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  width: 62px;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/images/gold-coin.png") 0 -62px no-repeat;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
  z-index: -10;
  position: relative;
}

.mult_mask {
  cursor: pointer;
}

.mult_mask:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.mult_active {
  background: url("/images/gold-coin.png") 0 0 no-repeat;
}

.mult_active:hover {
  background: url("/images/gold-coin.png") 0 0 no-repeat !important;
}

@media (max-width: 880px) {
  .game__header--img {
    display: none;
  }
}
.send_again_text_telegram {
  font-size: 26px;
}

@media (max-width: 500px) {
  .send_again_text_telegram {
    font-size: 20px;
  }
  .send_again_icon_resize_telegram {
    width: 30px !important;
    height: 30px !important;
  }
}
.iwin_banner {
  width: 100%;
  height: 462px;
  border-radius: 6px;
}

.after_faq_wrapper {
  max-width: 1000px;
  margin-top: 15px;
  display: flex;
}

.after_faq_topic {
  /*flex-basis: 50%;*/
}

.after_faq_topic:first-child {
  margin-right: 10px;
}

.after_faq_topic p {
  padding-right: 5px;
}

.after_faq_topic p {
  font-size: 15px;
  color: #5F5F5F;
  font-weight: 300;
}

.after_faq_title {
  color: #333;
}

.after_faq_wrapper {
  padding-left: 20px;
}

.card_inner {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.lottery_title {
  padding: 0;
}

@media (max-width: 1020px) {
  .card_inner {
    justify-content: space-evenly;
  }
  .card_item {
    margin-top: 10px !important;
  }
}
.card_item {
  margin: 0;
}

.syndicate_entries {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  justify-content: center;
}

.syndicate_entry {
  width: 33%;
  padding: 20px 50px;
  border-right: 1px solid #e0e0e0;
  text-align: center;
}

.syndicate_entry:last-child {
  border-right: 0;
}

.plus_separator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lotteries_separator {
  position: absolute;
}

.plus_separator_img {
  z-index: 5;
}

.syndicate_img_wrapper {
  width: 130px;
  height: 130px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.syndicate_title {
  color: black;
}

.syndicate_description_wrapper {
  margin-top: 10px;
}

.lottery_syndicate_description {
  text-align: left;
  margin-top: 20px;
}

.jackpot_syndicate {
  text-align: right;
  color: #a9a7a7;
  font-size: 12px;
  margin-bottom: 5px;
}

.syndicate_lotteries_wrapper {
  margin-top: 40px;
}

.lotteries_syndicate_link {
  color: blue;
  font-size: 40px;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 40px;
}

.syndicate_lottery_info_wrapper {
  display: flex;
}

.syndicate_lottery_timer_price_wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}

.one_entry_wrap {
  width: 33%;
}

.one_entry {
  width: 100%;
}

.two_entries_wrap {
  width: 66%;
}

.two_entries {
  width: 50%;
}

.lottery_syndicate_price {
  color: #6d43f5;
  font-weight: 600;
  font-size: 16px;
}

.timer_syndicate {
  color: grey;
  font-weight: 500;
  opacity: 0.4;
  padding: 0 5px 0 0;
}

.timer_img_syndicate {
  filter: grayscale(1);
  opacity: 0.4;
}

.play_timer_syndicate {
  margin-top: 0;
}

.syndicate_lottery_info_wrapper {
  margin-top: 20px;
}

.price_profit {
  line-height: 20px;
  font-size: 15px;
}

.prev_price {
  font-weight: 600;
  text-decoration: line-through;
}

.price_per_lottery {
  font-size: 15px;
  margin-top: 10px;
}

.button_syndicate {
  margin: 10px auto 0 auto;
  font-size: 20px;
  border-radius: 6px;
  width: fit-content;
  padding: 0 20px;
}

.lotteries_separator_bottom {
  margin: 10px 0;
}

@media (max-width: 1060px) {
  .syndicate_entries {
    flex-direction: column;
    align-items: center;
    border: 0;
  }
  .one_entry_wrap {
    width: initial;
  }
  .one_entry {
    width: initial;
  }
  .two_entries_wrap {
    width: initial;
  }
  .two_entries {
    width: initial;
  }
  .syndicate_entry {
    width: 50%;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    margin-top: 20px;
  }
  .syndicate_entry:first-child {
    margin-top: 0;
  }
  .syndicate_entry:last-child {
    border-right: 1px solid #e0e0e0;
  }
}
.footer_title_underline:hover {
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 800px) {
  .syndicate_entry {
    width: 400px;
  }
}
@media (max-width: 400px) {
  .syndicate_entry {
    width: 100%;
    padding: 20px 20px;
  }
}
.lottery_entry_img {
  width: 120px;
  height: 70px;
}

.iwinWinnersImg {
  height: 190px;
  width: 370px;
}

.iwin_banner_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iwin_button {
  z-index: 1000;
  position: absolute;
  background-color: yellow;
  padding: 3px 20px;
  margin-bottom: 30px;
  border: 3px solid rgba(253, 187, 66, 0.8196078431);
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: ease-in-out 0.3s;
}

.iwin_button:hover {
  text-decoration: underline;
}

.baner_button_iwin {
  position: absolute !important;
  left: initial !important;
  top: initial !important;
}

.biggest_winners_inner_iwin {
  height: initial;
}

.biggest_winners_info_iwin {
  height: initial;
  max-height: 392px;
}

.not_allowed_img {
  width: 30%;
}

.apologize_text_wrapper {
  max-width: 1000px;
  margin: 20px auto;
}

.apologize_text {
  font-weight: 400;
}

.not_allowed_text, .apologize_country_text {
  font-weight: 800;
  text-decoration: underline;
}

.apologize_country_text {
  color: red;
}

.apologize_text:last-child {
  margin-top: 20px;
  margin-bottom: 40px;
}

.apologize_text_wrapper {
  padding: 0 20px;
}

@media (max-width: 500px) {
  .apologize_text {
    font-size: 18px;
  }
}
.lottery_header_sorry {
  margin-bottom: 20px;
}

@media (max-width: 1000px) {
  .results_img_iwin {
    width: 100% !important;
  }
}
@media (max-width: 730px) {
  .biggest_winners_info_iwin {
    max-height: initial;
  }
  /* .info_description_iwin{
       width: 232px;    
   }*/
  /*    .info_title_iwin, .info_title_reg{
          text-align: center;
      }
      .content_link_iwin, .info_link_reg{
          text-align: center;
          margin-right: 0;
          width: 100%;
      }*/
}
.content_info_iwin {
  padding: 0 15px;
}

@media (max-width: 500px) {
  .info_description_iwin {
    width: 100%;
  }
  .content_info_iwin {
    padding: 0;
  }
}
@media (max-width: 365px) {
  .iwinWinnersImg {
    width: 90% !important;
  }
  .results_img_iwin {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.syndicate_info_wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}

.general_syndicate_info_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.syndicate_detailed_info_wrapper {
  width: 100%;
  padding: 0 30px;
}

.syndicate_main_title {
  text-align: left;
  display: flex;
  justify-content: center;
  width: 100%;
}

.syndicate_info_text_wrapper {
  margin-left: 50px;
}

.lotteries_included_line {
  margin: 0;
  width: 40% !important;
  height: 2px;
}

.lotteries_included_title_new {
  margin-top: 0;
  padding: 0 10px;
}

.included_lotteries_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.included_lotteries_title {
  margin-top: 20px;
}

.syndicate_profit_info_wrapper {
  margin-top: 20px;
  width: 100%;
}

.syndicate_detailed_info_wrapper {
  margin-top: 40px;
}

.included_lottery_main_info_wrapper {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.statistics_jackpot {
  font-size: 26px;
}

.lottery_flag_name_wrapper {
  display: flex;
  margin: 5px 0;
  align-items: center;
}

.line_through_lotteries_included {
  text-decoration: line-through;
}

.included_price_new {
  margin: 0px 0 0 0;
}

.underline {
  text-decoration: underline;
}

.green_underline_text {
  text-decoration: underline;
  color: #039703;
  filter: contrast(2);
}

.syndicate_payment_type_wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 700px;
}

.draw_days_new {
  padding: 0 35px;
}

.after_payment_details_syndicate {
  padding: 0 65px;
}

.syndicate_payment_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  flex-direction: column;
}

.syndicate_page_container {
  padding: 0 100px;
}

.syndicate_payment_type:last-child {
  flex-wrap: wrap;
}

.join_button_syndicate {
  margin-top: 30px;
  font-size: 24px;
  padding: 3px 100px;
  width: initial;
  height: initial;
  border-radius: 10px;
  text-transform: uppercase;
}

.year_join_gift_wrapper {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  padding: 10px 50px 0;
}

.syndicate_payment_type {
  display: flex;
  padding-top: 20px;
}

.included_lottery_img {
  max-width: 100px;
}

.year_git_text_wrapper {
  display: flex;
  font-size: 16px;
  margin-left: 10px;
}

.year_git_text_wrapper a {
  margin-left: 5px;
}

.gift_img {
  width: 30px;
}

.syndicate_payment_type_radio {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.syndicate_img_wrapper_syndicate_page {
  width: 150px;
  height: 150px;
}

.included_lottery_general_info {
  display: flex;
  justify-content: space-between;
  padding: 0 40px 0 20px;
  width: 50%;
}

#to_pay_sum {
  margin-left: 5px;
}

.included_lotteries_wrapper {
  display: flex;
  flex-direction: column;
}

.syndicate_payment_type_info_wrapper {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
}

.show_numbers {
  margin-top: 10px;
  display: block;
  color: blue !important;
  cursor: pointer;
  font-weight: 500;
}

.show_numbers:hover {
  text-decoration: underline;
}

.included_lottery_secondary_main_info_wrapper {
  font-size: 16px;
  width: 50%;
  padding-left: 20px;
  min-width: 200px;
}

.included_lottery_description {
  font-size: 18px;
  width: 50%;
  min-width: 200px;
}

.lines_per_draw_big {
  font-size: 24px;
  font-weight: 700;
}

.lines_per_month_big {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.included_lottery_wrapper {
  display: flex;
  padding-top: 20px;
}

.included_lottery_wrapper:nth-child(n+2) {
  display: flex;
  padding-top: 40px;
}

.you_save_text {
  font-size: 16px;
  color: #9b9b9b;
  font-style: italic;
  margin-left: 10px;
}

@media (max-width: 1230px) {
  .syndicate_page_container {
    padding: 0;
  }
  .draw_days_new {
    padding: 0;
  }
  .included_lottery_general_info {
    padding: 0;
  }
  .after_payment_details_syndicate {
    padding: 0;
  }
}
.syndicate_entries_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.syndicate_details_title {
  text-align: center;
  display: block;
  width: fit-content;
  margin: 0 auto 20px;
}

.jackpot_text_title {
  margin-bottom: 5px;
}

@media (max-width: 1000px) {
  .syndicate_details_title {
    position: initial;
  }
  .lotteries_included_line {
    width: 35% !important;
  }
  .year_join_gift_wrapper {
    padding: 10px 0;
  }
  .syndicate_info_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .syndicate_profit_info_wrapper {
    width: initial;
  }
  .syndicate_main_title {
    width: initial;
    flex-direction: column;
    align-items: center;
  }
  .syndicate_info_text_wrapper {
    margin-top: 20px;
  }
  .general_syndicate_info_wrapper {
    flex-direction: column;
    width: initial;
  }
  .included_lottery_general_info {
    padding: 0;
  }
  .syndicate_detailed_info_wrapper {
    width: 100%;
  }
}
@media (max-width: 760px) {
  .join_text {
    font-size: 18px;
  }
  .lotteries_included_line {
    width: 30% !important;
  }
  .you_save_text {
    flex-basis: 100%;
    margin-left: 0;
  }
  .syndicate_payment_type_info_wrapper {
    align-items: center;
  }
  .you_save_text {
    font-size: 14px;
  }
  .join_button_syndicate {
    font-size: 16px;
    padding: 3px 50px;
  }
  .syndicate_payment_type_radio {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
  }
}
@media (max-width: 610px) {
  .included_lottery_wrapper {
    flex-direction: column;
    align-items: center;
  }
  .syndicate_payment_type {
    align-items: center;
  }
  .included_lottery_general_info {
    width: initial;
    flex-direction: column;
    align-items: center;
  }
  .included_lottery_secondary_main_info_wrapper {
    margin-top: 20px;
    padding-left: 0;
    max-width: 320px;
  }
  .included_lottery_description {
    width: initial;
    margin-top: 20px;
  }
  .draw_days_inner_new {
    width: fit-content;
    margin: 0 auto;
  }
  .draw_days_title_new {
    text-align: center;
  }
  .syndicate_payment_type_info_wrapper {
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 5px;
  }
}
.tickets_arrow_mobile {
  display: none;
}

.content_inline {
  display: flex;
}

@media (max-width: 500px) {
  .lotteries_included_line {
    width: 25% !important;
  }
  .lotteries_included_title_new {
    margin-bottom: 0;
  }
  .tickets_arrow_mobile {
    display: initial;
    transform: rotate(0deg);
    height: fit-content;
    margin: 0;
  }
  .price_arrow {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 400px) {
  .lotteries_included_line {
    width: 20% !important;
  }
}
.isr_prom_form {
  flex-direction: column;
  border-left: 0;
}

.lottery_time_prom {
  color: #CCC;
}

.syndicate_footer {
  text-align: center;
  margin: 0 -20px;
}

.lotteries_separator_bottom {
  max-width: 282px;
  margin: 10px auto;
}

.lotteries_separator {
  max-width: 282px;
}

#phone {
  width: 100%;
  padding: 0 50px 0 195px;
}

.country_code_wrapper {
  height: 66px !important;
  width: 134px;
  position: absolute;
  border-right: 2px solid #e0e0e0;
}

@media (max-width: 1000px) {
  #phone {
    height: 66px !important;
  }
}
@media (max-width: 500px) {
  .country_code_wrapper {
    height: 52px !important;
    width: 134px;
    left: 0px !important;
  }
}
@media (max-width: 475px) {
  #phone {
    height: 52px !important;
  }
  .country_code_wrapper {
    width: 134px !important;
    height: 52px !important;
    left: 0px !important;
  }
}
.landing_faq_wrap {
  text-align: left;
  margin-top: 100px;
}

/*@media (max-width: 500px) {
    #phone{
        padding-left: 140px;
        padding-right: 10px;
        height: 52px !important;
        font-size: 16px !important;
    }
    #country-code{
        font-size: 16px !important;
    }
}*/
.join_syn_text {
  margin: 5px auto;
}

.join_info_price {
  font-size: 18px;
}

.baner_button_iwin {
  margin-top: 200px !important;
}

@media (max-width: 700px) {
  .baner_button_iwin {
    margin-top: 100px !important;
  }
}
@media (max-width: 800px) {
  #banner {
    display: none;
  }
}
.syndicate_img_wrapper_home {
  margin: 0 auto;
}

.telegram_faq_click {
  cursor: pointer;
}

.telegram_faq_click:hover {
  text-decoration: underline;
}

.package-price {
  max-width: 700px;
  margin: 0 auto;
}

.lottery_name_included {
  font-size: 11px;
}

.card_item {
  height: 110px;
}

@media (min-width: 880px) {
  #lottery_logo {
    display: none;
  }
}
@media (max-width: 880px) {
  #logo {
    display: none;
  }
  #lottery_img {
    display: none;
  }
  #lottery_logo {
    display: block;
    position: initial !important;
    margin: 0 auto;
    height: 60px;
  }
}
.my_account_logo, .my_account_link {
  cursor: pointer;
}

.my_account_link_change_img {
  color: #0061A3 !important;
}

.my_account_link_change_img:hover {
  text-decoration: underline !important;
}

.personality_logo_img {
  display: flex;
  height: fit-content;
}

.personality_img {
  max-width: 50px;
  max-height: 50px;
}

.img-text-wrap {
  display: flex;
  align-items: center;
}

.cookie-container-message {
  margin: 0;
  border-radius: 0;
  border: 1px solid #f4f4f4;
  background-color: #FFFFFF;
  box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3019607843);
  width: 100%;
  padding: 16.5px 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cookie-container-message a {
  white-space: nowrap;
}

.cookie-container-message button {
  min-width: 200px;
  color: #FFFFFF;
  border-color: #1863dc;
  background-color: #1863dc;
  padding: 8px 27px;
  outline: none;
  font-weight: 500;
}

.cookie-container-message button:hover {
  background-color: #4A7BD3;
}

@media (max-width: 1000px) {
  .cookie-container-message button {
    padding: 8px 6px;
    min-width: 100px;
  }
  .cookie-container-message {
    font-size: 14px;
  }
  .cookie-container-message p {
    padding-right: 10px;
  }
}
.cards-table th, .cards-table td {
  padding: 16px;
  font-size: 20px;
}

.cards-table tr td:nth-child(-n+1), .cards-table tr th:nth-child(-n+1) {
  border-right: 1px solid #e0e0e0;
}

.cards-table tr:nth-child(n+1) {
  border-bottom: 1px solid #e0e0e0;
}

.cards-table tr:last-child {
  border-bottom: 0;
}

.cards-table thead {
  border-bottom: 1px solid #e0e0e0;
}

.cards-table, .cards-table-wrap {
  width: 100%;
}

.cards-table-wrap {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

@media (max-width: 500px) {
  .cards-table-wrap td, .cards-table-wrap th {
    font-size: 16px !important;
  }
  .personal_information_right {
    padding-right: 10px;
    padding-left: 10px;
  }
}
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@charset "UTF-8";
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-teal-950: oklch(27.7% 0.046 192.524);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-neutral-300: oklch(87% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-none\! {
    pointer-events: none !important;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-\[-28px\] {
    top: -28px;
  }
  .top-\[56px\] {
    top: 56px;
  }
  .top-full {
    top: 100%;
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .-left-10 {
    left: calc(var(--spacing) * -10);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-999 {
    z-index: 999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 360px) {
      max-width: 360px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .my-20\! {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\! {
    margin-top: calc(var(--spacing) * 3) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-6\! {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-12\! {
    margin-top: calc(var(--spacing) * 12) !important;
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-14\! {
    margin-top: calc(var(--spacing) * 14) !important;
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }
  .mt-30\! {
    margin-top: calc(var(--spacing) * 30) !important;
  }
  .mt-60 {
    margin-top: calc(var(--spacing) * 60);
  }
  .mt-\[12\.5cqw\] {
    margin-top: 12.5cqw;
  }
  .mt-\[clamp\(0\.1\,1cqw\,0\.625rem\)\] {
    margin-top: clamp(0.1, 1cqw, 0.625rem);
  }
  .mt-\[clamp\(0\.1rem\,1cqw\,0\.625rem\)\] {
    margin-top: clamp(0.1rem, 1cqw, 0.625rem);
  }
  .mt-\[clamp\(0\.1rem\,2\.04cqw\,1\.25rem\)\] {
    margin-top: clamp(0.1rem, 2.04cqw, 1.25rem);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\! {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\! {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-8\! {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-10\! {
    margin-bottom: calc(var(--spacing) * 10) !important;
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-12\! {
    margin-bottom: calc(var(--spacing) * 12) !important;
  }
  .mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-20\! {
    margin-bottom: calc(var(--spacing) * 20) !important;
  }
  .mb-\[clamp\(0\.1rem\,1\.02cqw\,0\.75rem\)\] {
    margin-bottom: clamp(0.1rem, 1.02cqw, 0.75rem);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-auto {
    margin-left: auto;
  }
  .no-scrollbar {
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .contents\! {
    display: contents !important;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[2\.5\/1\] {
    aspect-ratio: 2.5/1;
  }
  .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
  }
  .aspect-\[11\/9\] {
    aspect-ratio: 11/9;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\/10 {
    height: calc(9/10 * 100%);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[95\%\] {
    height: 95%;
  }
  .h-\[410px\] {
    height: 410px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[800px\] {
    height: 800px;
  }
  .h-\[clamp\(0\.1rem\,6\.12cqw\,3\.75rem\)\] {
    height: clamp(0.1rem, 6.12cqw, 3.75rem);
  }
  .h-\[clamp\(20px\,3\.2cqw\,42px\)\] {
    height: clamp(20px, 3.2cqw, 42px);
  }
  .h-\[clamp\(190px\,90vw\,493px\)\] {
    height: clamp(190px, 90vw, 493px);
  }
  .h-\[clamp\(226px\,50vw\,348px\)\] {
    height: clamp(226px, 50vw, 348px);
  }
  .h-\[clamp\(250px\,50vw\,600px\)\] {
    height: clamp(250px, 50vw, 600px);
  }
  .h-\[clamp\(317px\,70vw\,493px\)\] {
    height: clamp(317px, 70vw, 493px);
  }
  .h-\[clamp\(400px\,70vw\,493px\)\] {
    height: clamp(400px, 70vw, 493px);
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-4 {
    max-height: calc(var(--spacing) * 4);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[100px\] {
    max-height: 100px;
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[17\%\] {
    width: 17%;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[424px\] {
    width: 424px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[auto\] {
    width: auto;
  }
  .w-\[clamp\(190px\,55\%\,300px\)\] {
    width: clamp(190px, 55%, 300px);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fit\! {
    width: fit-content !important;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4 {
    max-width: calc(var(--spacing) * 4);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[496px\] {
    max-width: 496px;
  }
  .max-w-\[670px\] {
    max-width: 670px;
  }
  .max-w-\[740px\] {
    max-width: 740px;
  }
  .max-w-\[818px\] {
    max-width: 818px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[1330px\] {
    max-width: 1330px;
  }
  .max-w-\[1920px\] {
    max-width: 1920px;
  }
  .max-w-\[clamp\(365px\,45cqw\,880px\)\] {
    max-width: clamp(365px, 45cqw, 880px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-fit\! {
    min-width: fit-content !important;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[3\.5rem_1fr\] {
    grid-template-columns: 3.5rem 1fr;
  }
  .grid-cols-\[6rem_1fr_6rem_1fr_6rem_1fr_6rem_1fr_6rem_1fr\] {
    grid-template-columns: 6rem 1fr 6rem 1fr 6rem 1fr 6rem 1fr 6rem 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .\[grid-template-rows\:repeat\(4\,1fr_auto\)\] {
    grid-template-rows: repeat(4,1fr auto);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-between\! {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-start\! {
    justify-content: flex-start !important;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[min\(1\.04cqw\,1\.25rem\)\] {
    gap: min(1.04cqw, 1.25rem);
  }
  .gap-\[min\(11\.5cqw\,7\.5rem\)\] {
    gap: min(11.5cqw, 7.5rem);
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .self-auto {
    align-self: auto;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[clamp\(0\.1rem\,0\.9cqw\,0\.5rem\)\] {
    border-radius: clamp(0.1rem, 0.9cqw, 0.5rem);
  }
  .rounded-\[clamp\(14px\,5vw\,20px\)\] {
    border-radius: clamp(14px, 5vw, 20px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-\[\#05191c\] {
    border-color: #05191c;
  }
  .border-\[\#EAB347\] {
    border-color: #EAB347;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/20 {
    border-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/20\! {
    border-color: color-mix(in srgb, #fff 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
    }
  }
  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .bg-\(--c-teal-action\) {
    background-color: var(--c-teal-action);
  }
  .bg-\(--c-teal-strong\) {
    background-color: var(--c-teal-strong);
  }
  .bg-\(--c-teal-strong\)\! {
    background-color: var(--c-teal-strong) !important;
  }
  .bg-\(--header-bg\) {
    background-color: var(--header-bg);
  }
  .bg-\[\#3b3b3b\] {
    background-color: #3b3b3b;
  }
  .bg-\[\#7A8789\] {
    background-color: #7A8789;
  }
  .bg-\[\#011F26\] {
    background-color: #011F26;
  }
  .bg-\[\#022b32\] {
    background-color: #022b32;
  }
  .bg-\[\#07575b\] {
    background-color: #07575b;
  }
  .bg-\[\#12423d\] {
    background-color: #12423d;
  }
  .bg-\[\#050505\] {
    background-color: #050505;
  }
  .bg-\[\#CAC7A6\] {
    background-color: #CAC7A6;
  }
  .bg-\[\#EAB347\] {
    background-color: #EAB347;
  }
  .bg-\[\#EAB347\]\/10 {
    background-color: color-mix(in oklab, #EAB347 10%, transparent);
  }
  .bg-\[\#f1f1f1\] {
    background-color: #f1f1f1;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-blue-900\/10 {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-100\! {
    background-color: var(--color-gray-100) !important;
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-teal-500\/5 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 5%, transparent);
    }
  }
  .bg-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(90deg\,\#F3B026_0\%\,\#FCF28D_50\%\,\#D2991E_100\%\)\] {
    background-image: linear-gradient(90deg,#F3B026 0%,#FCF28D 50%,#D2991E 100%);
  }
  .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,rgba\(22\,50\,55\,0\.7\)_0\%\,rgba\(8\,37\,41\,0\.7\)_100\%\)\,url\(\'\/images\/casino\/lets-get-started-bg\.png\'\)\] {
    background-image: radial-gradient(50% 50% at 50% 50%,rgba(22,50,55,0.7) 0%,rgba(8,37,41,0.7) 100%),url('/images/casino/lets-get-started-bg.png');
  }
  .from-gray-400 {
    --tw-gradient-from: var(--color-gray-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-teal-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-gray-500 {
    --tw-gradient-to: var(--color-gray-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-size-\[65\%\]\! {
    background-size: 65% !important;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-black {
    fill: var(--color-black);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[clamp\(0\.1rem\,1\.22cqw\,0\.75rem\)\] {
    padding: clamp(0.1rem, 1.22cqw, 0.75rem);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-12\! {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  .px-\[clamp\(16px\,3vw\,24px\)\] {
    padding-inline: clamp(16px, 3vw, 24px);
  }
  .px-\[clamp\(18px\,3vw\,28px\)\] {
    padding-inline: clamp(18px, 3vw, 28px);
  }
  .px-\[clamp\(20px\,5cqw\,28px\)\]\! {
    padding-inline: clamp(20px, 5cqw, 28px) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[clamp\(8px\,1\.5vw\,12px\)\] {
    padding-block: clamp(8px, 1.5vw, 12px);
  }
  .py-\[clamp\(10px\,1\.6vw\,14px\)\] {
    padding-block: clamp(10px, 1.6vw, 14px);
  }
  .py-\[clamp\(12px\,2cqw\,14px\)\]\! {
    padding-block: clamp(12px, 2cqw, 14px) !important;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .text-center {
    text-align: center;
  }
  .text-center\! {
    text-align: center !important;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-\[\'Digital_Numbers\'\]\! {
    font-family: 'Digital Numbers' !important;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\/12 {
    font-size: var(--text-2xl);
    line-height: calc(var(--spacing) * 12);
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-3xl\/10 {
    font-size: var(--text-3xl);
    line-height: calc(var(--spacing) * 10);
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-4xl\/12 {
    font-size: var(--text-4xl);
    line-height: calc(var(--spacing) * 12);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\/6\! {
    font-size: var(--text-lg) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xl\/6 {
    font-size: var(--text-xl);
    line-height: calc(var(--spacing) * 6);
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[120px\] {
    font-size: 120px;
  }
  .text-\[clamp\(0\.1rem\,2\.85cqw\,1\.5rem\)\] {
    font-size: clamp(0.1rem, 2.85cqw, 1.5rem);
  }
  .text-\[clamp\(0\.1rem\,2\.85cqw\,1\.75rem\)\] {
    font-size: clamp(0.1rem, 2.85cqw, 1.75rem);
  }
  .text-\[clamp\(0\.1rem\,4\.1cqw\,2\.5rem\)\] {
    font-size: clamp(0.1rem, 4.1cqw, 2.5rem);
  }
  .text-\[clamp\(0\.1rem\,9\.1cqw\,5\.625rem\)\] {
    font-size: clamp(0.1rem, 9.1cqw, 5.625rem);
  }
  .text-\[clamp\(1\.5rem\,3\.1cqw\,3\.75rem\)\] {
    font-size: clamp(1.5rem, 3.1cqw, 3.75rem);
  }
  .text-\[clamp\(1\.125rem\,1\.88cqw\,2\.25rem\)\] {
    font-size: clamp(1.125rem, 1.88cqw, 2.25rem);
  }
  .text-\[clamp\(14px\,2\.2cqw\,18px\)\] {
    font-size: clamp(14px, 2.2cqw, 18px);
  }
  .text-\[clamp\(14px\,2vw\,14px\)\] {
    font-size: clamp(14px, 2vw, 14px);
  }
  .text-\[clamp\(14px\,2vw\,16px\)\] {
    font-size: clamp(14px, 2vw, 16px);
  }
  .text-\[clamp\(14px\,2vw\,18px\)\] {
    font-size: clamp(14px, 2vw, 18px);
  }
  .text-\[clamp\(16px\,2vw\,20px\)\] {
    font-size: clamp(16px, 2vw, 20px);
  }
  .text-\[clamp\(18px\,4cqw\,28px\)\] {
    font-size: clamp(18px, 4cqw, 28px);
  }
  .text-\[clamp\(20px\,3\.5cqw\,45px\)\] {
    font-size: clamp(20px, 3.5cqw, 45px);
  }
  .text-\[clamp\(22px\,3vw\,28px\)\] {
    font-size: clamp(22px, 3vw, 28px);
  }
  .text-\[clamp\(24px\,4vw\,36px\)\] {
    font-size: clamp(24px, 4vw, 36px);
  }
  .text-\[clamp\(25px\,6cqw\,80px\)\] {
    font-size: clamp(25px, 6cqw, 80px);
  }
  .text-\[clamp\(26px\,4\.2cqw\,44px\)\] {
    font-size: clamp(26px, 4.2cqw, 44px);
  }
  .text-\[clamp\(30px\,3\.85cqw\,70px\)\]\! {
    font-size: clamp(30px, 3.85cqw, 70px) !important;
  }
  .text-\[clamp\(32px\,4vw\,36px\)\] {
    font-size: clamp(32px, 4vw, 36px);
  }
  .text-\[clamp\(42px\,6vw\,64px\)\] {
    font-size: clamp(42px, 6vw, 64px);
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
  .tracking-\[0\.25em\] {
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
  }
  .tracking-\[0\.35em\] {
    --tw-tracking: 0.35em;
    letter-spacing: 0.35em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#3d2b0f\] {
    color: #3d2b0f;
  }
  .text-\[\#6f6f6f\] {
    color: #6f6f6f;
  }
  .text-\[\#9EA4AE\] {
    color: #9EA4AE;
  }
  .text-\[\#16DB2A\]\! {
    color: #16DB2A !important;
  }
  .text-\[\#004347\] {
    color: #004347;
  }
  .text-\[\#101010\] {
    color: #101010;
  }
  .text-\[\#202020\]\! {
    color: #202020 !important;
  }
  .text-\[\#EAB347\] {
    color: #EAB347;
  }
  .text-\[\#F3F8F8\] {
    color: #F3F8F8;
  }
  .text-\[\#b8b8b8\] {
    color: #b8b8b8;
  }
  .text-\[\#e4c26a\] {
    color: #e4c26a;
  }
  .text-\[\#e9f3f5\] {
    color: #e9f3f5;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\! {
    color: var(--color-black) !important;
  }
  .text-black\/50\! {
    color: color-mix(in srgb, #000 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
    }
  }
  .text-black\/80 {
    color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .text-black\/90 {
    color: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-teal-100 {
    color: var(--color-teal-100);
  }
  .text-teal-100\/70 {
    color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-100) 70%, transparent);
    }
  }
  .text-teal-100\/90 {
    color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-100) 90%, transparent);
    }
  }
  .text-teal-900 {
    color: var(--color-teal-900);
  }
  .text-teal-900\/40 {
    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
    }
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/20 {
    color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-yellow-100 {
    color: var(--color-yellow-100);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-black {
    &::placeholder {
      color: var(--color-black);
    }
  }
  .placeholder-black\/50 {
    &::placeholder {
      color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .placeholder-black\/60 {
    &::placeholder {
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder-gray-700 {
    &::placeholder {
      color: var(--color-gray-700);
    }
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-50\! {
    opacity: 50% !important;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .mix-blend-lighten {
    mix-blend-mode: lighten;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.25\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_40px_rgba\(15\,23\,42\,0\.35\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(15,23,42,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-black {
    --tw-ring-color: var(--color-black);
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }
  .ring-red-500\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[150px\] {
    --tw-blur: blur(150px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-70 {
    --tw-brightness: brightness(70%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-size\] {
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\*\:text-gray-900 {
    :is(& > *) {
      color: var(--color-gray-900);
    }
  }
  .peer-checked\:translate-x-0 {
    &:is(:where(.peer):checked ~ *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-checked\:rotate-90 {
    &:is(:where(.peer):checked ~ *) {
      rotate: 90deg;
    }
  }
  .placeholder\:text-base {
    &::placeholder {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .placeholder\:text-\[\#161616\] {
    &::placeholder {
      color: #161616;
    }
  }
  .first\:rounded-tl-xl {
    &:first-child {
      border-top-left-radius: var(--radius-xl);
    }
  }
  .last\:rounded-tr-xl {
    &:last-child {
      border-top-right-radius: var(--radius-xl);
    }
  }
  .focus-within\:border-green-500 {
    &:focus-within {
      border-color: var(--color-green-500);
    }
  }
  .focus-within\:ring-1 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-\[\#0FA1B8\] {
    &:focus-within {
      --tw-ring-color: #0FA1B8;
    }
  }
  .focus-within\:ring-green-500 {
    &:focus-within {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-\(--c-teal-action-h\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--c-teal-action-h);
      }
    }
  }
  .hover\:bg-\(--c-teal-strong\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--c-teal-strong);
      }
    }
  }
  .hover\:bg-\(--c-teal-strong-h\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--c-teal-strong-h);
      }
    }
  }
  .hover\:bg-\(--c-teal-strong-h\)\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--c-teal-strong-h) !important;
      }
    }
  }
  .hover\:bg-\[\#06484a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #06484a;
      }
    }
  }
  .hover\:bg-black\/85 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-500);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-teal-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-950);
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:bg-size-\[75\%\]\! {
    &:hover {
      @media (hover: hover) {
        background-size: 75% !important;
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:no-underline\! {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none !important;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:shadow {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_20px_rgba\(191\,149\,63\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(191,149,63,0.4));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .focus\:border-black {
    &:focus {
      border-color: var(--color-black);
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[\#fcf6ba\] {
    &:focus {
      --tw-ring-color: #fcf6ba;
    }
  }
  .focus\:ring-black\/10 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:ring-offset-\[\#011F26\] {
    &:focus {
      --tw-ring-offset-color: #011F26;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[\#0FA1B8\] {
    &:focus-visible {
      --tw-ring-color: #0FA1B8;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:scale-\[\.98\] {
    &:active {
      scale: .98;
    }
  }
  .max-\[1920px\]\:mt-\[calc\(100vw\*7\/25\)\] {
    @media (width < 1920px) {
      margin-top: calc(100vw * 7 / 25);
    }
  }
  .max-xs\:hidden {
    @media (width < 360px) {
      display: none;
    }
  }
  .max-md\:mt-6 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:hidden\! {
    @media (width < 48rem) {
      display: none !important;
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:max-w-\[450px\] {
    @media (width < 48rem) {
      max-width: 450px;
    }
  }
  .max-md\:flex-col-reverse {
    @media (width < 48rem) {
      flex-direction: column-reverse;
    }
  }
  .max-md\:justify-between {
    @media (width < 48rem) {
      justify-content: space-between;
    }
  }
  .max-md\:justify-center {
    @media (width < 48rem) {
      justify-content: center;
    }
  }
  .max-md\:self-end {
    @media (width < 48rem) {
      align-self: flex-end;
    }
  }
  .max-md\:bg-\(--c-teal-strong\) {
    @media (width < 48rem) {
      background-color: var(--c-teal-strong);
    }
  }
  .max-md\:p-2 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .max-sm\:mt-\[calc\(100vw\*1\/2\)\] {
    @media (width < 40rem) {
      margin-top: calc(100vw * 1 / 2);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:hidden\! {
    @media (width < 40rem) {
      display: none !important;
    }
  }
  .max-sm\:h-7 {
    @media (width < 40rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .max-sm\:h-full {
    @media (width < 40rem) {
      height: 100%;
    }
  }
  .max-sm\:min-h-0\! {
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 0) !important;
    }
  }
  .max-sm\:w-full {
    @media (width < 40rem) {
      width: 100%;
    }
  }
  .max-sm\:max-w-none {
    @media (width < 40rem) {
      max-width: none;
    }
  }
  .max-sm\:max-w-none\! {
    @media (width < 40rem) {
      max-width: none !important;
    }
  }
  .max-sm\:flex-1 {
    @media (width < 40rem) {
      flex: 1;
    }
  }
  .max-sm\:justify-center {
    @media (width < 40rem) {
      justify-content: center;
    }
  }
  .max-sm\:gap-1 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .max-sm\:p-0\! {
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .max-sm\:p-1\! {
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 1) !important;
    }
  }
  .max-sm\:px-0\! {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .max-sm\:px-2\! {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 2) !important;
    }
  }
  .max-sm\:py-1\! {
    @media (width < 40rem) {
      padding-block: calc(var(--spacing) * 1) !important;
    }
  }
  .max-sm\:text-sm\! {
    @media (width < 40rem) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .xs\:h-10 {
    @media (width >= 360px) {
      height: calc(var(--spacing) * 10);
    }
  }
  .xs\:h-10\! {
    @media (width >= 360px) {
      height: calc(var(--spacing) * 10) !important;
    }
  }
  .xs\:grid-cols-3 {
    @media (width >= 360px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xs\:gap-3 {
    @media (width >= 360px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .xs\:px-2 {
    @media (width >= 360px) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .xs\:text-lg {
    @media (width >= 360px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .min-\[1920px\]\:mt-\[calc\(1920px\*7\/25\)\] {
    @media (width >= 1920px) {
      margin-top: calc(1920px * 7 / 25);
    }
  }
  .sm\:my-15 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 15);
    }
  }
  .sm\:mt-15 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .sm\:mt-20 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:mt-\[6\.25cqw\] {
    @media (width >= 40rem) {
      margin-top: 6.25cqw;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:grid {
    @media (width >= 40rem) {
      display: grid;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:aspect-\[192\/85\] {
    @media (width >= 40rem) {
      aspect-ratio: 192/85;
    }
  }
  .sm\:h-8 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .sm\:h-8\! {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .sm\:h-9\! {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 9) !important;
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:w-\[min\(51cqw\,980px\)\] {
    @media (width >= 40rem) {
      width: min(51cqw, 980px);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-4 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-\[24px\] {
    @media (width >= 40rem) {
      font-size: 24px;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:top-0 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .md\:z-10 {
    @media (width >= 48rem) {
      z-index: 10;
    }
  }
  .md\:my-16 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .md\:mt-2 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-15 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:ml-2 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .md\:ml-4 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .md\:ml-\[clamp\(20px\,8cqw\,120px\)\] {
    @media (width >= 48rem) {
      margin-left: clamp(20px, 8cqw, 120px);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:flex\! {
    @media (width >= 48rem) {
      display: flex !important;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:h-15 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 15);
    }
  }
  .md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:h-25 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 25);
    }
  }
  .md\:h-28 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .md\:h-\[21px\] {
    @media (width >= 48rem) {
      height: 21px;
    }
  }
  .md\:h-\[460px\] {
    @media (width >= 48rem) {
      height: 460px;
    }
  }
  .md\:h-\[494px\] {
    @media (width >= 48rem) {
      height: 494px;
    }
  }
  .md\:min-h-9 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 9);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .md\:w-15 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 15);
    }
  }
  .md\:w-28 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .md\:w-44 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 44);
    }
  }
  .md\:w-\[18px\] {
    @media (width >= 48rem) {
      width: 18px;
    }
  }
  .md\:w-\[300px\] {
    @media (width >= 48rem) {
      width: 300px;
    }
  }
  .md\:w-\[496px\] {
    @media (width >= 48rem) {
      width: 496px;
    }
  }
  .md\:w-\[818px\] {
    @media (width >= 48rem) {
      width: 818px;
    }
  }
  .md\:w-\[clamp\(120px\,90\%\,280px\)\] {
    @media (width >= 48rem) {
      width: clamp(120px, 90%, 280px);
    }
  }
  .md\:w-\[clamp\(220px\,90\%\,380px\)\] {
    @media (width >= 48rem) {
      width: clamp(220px, 90%, 380px);
    }
  }
  .md\:w-\[clamp\(320px\,90vw\,424px\)\] {
    @media (width >= 48rem) {
      width: clamp(320px, 90vw, 424px);
    }
  }
  .md\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:max-w-70 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 70);
    }
  }
  .md\:max-w-\[342px\] {
    @media (width >= 48rem) {
      max-width: 342px;
    }
  }
  .md\:max-w-\[540px\] {
    @media (width >= 48rem) {
      max-width: 540px;
    }
  }
  .md\:max-w-\[1330px\] {
    @media (width >= 48rem) {
      max-width: 1330px;
    }
  }
  .md\:min-w-\[960px\] {
    @media (width >= 48rem) {
      min-width: 960px;
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1;
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-\[clamp\(5px\,3\.5vw\,56px\)\] {
    @media (width >= 48rem) {
      gap: clamp(5px, 3.5vw, 56px);
    }
  }
  .md\:overflow-visible {
    @media (width >= 48rem) {
      overflow: visible;
    }
  }
  .md\:rounded-\[20px\] {
    @media (width >= 48rem) {
      border-radius: 20px;
    }
  }
  .md\:border-b {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .md\:border-white\/20 {
    @media (width >= 48rem) {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .md\:bg-\[\#032830\] {
    @media (width >= 48rem) {
      background-color: #032830;
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-30 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-5xl\/16 {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: calc(var(--spacing) * 16);
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-base\! {
    @media (width >= 48rem) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-lg\! {
    @media (width >= 48rem) {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-\[140px\] {
    @media (width >= 48rem) {
      font-size: 140px;
    }
  }
  .md\:font-normal {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .md\:font-semibold {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .md\:placeholder\:text-xl {
    @media (width >= 48rem) {
      &::placeholder {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
  }
  .lg\:top-16 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 16);
    }
  }
  .lg\:top-\[64px\] {
    @media (width >= 64rem) {
      top: 64px;
    }
  }
  .lg\:my-24 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 24);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-15 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-32 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 32);
    }
  }
  .lg\:h-\[64px\] {
    @media (width >= 64rem) {
      height: 64px;
    }
  }
  .lg\:w-32 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .lg\:w-\[400px\] {
    @media (width >= 64rem) {
      width: 400px;
    }
  }
  .lg\:grid-cols-7 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-7 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-\[32px\] {
    @media (width >= 64rem) {
      font-size: 32px;
    }
  }
  .xl\:min-w-\[1200px\] {
    @media (width >= 80rem) {
      min-width: 1200px;
    }
  }
  .dark\:text-white {
    @media (prefers-color-scheme: dark) {
      color: var(--color-white);
    }
  }
  .peer-checked\:\[\&_\.burger\]\:hidden {
    &:is(:where(.peer):checked ~ *) {
      & .burger {
        display: none;
      }
    }
  }
  .peer-checked\:\[\&_\.close\]\:block {
    &:is(:where(.peer):checked ~ *) {
      & .close {
        display: block;
      }
    }
  }
  .\[\&\>a\]\:text-\(--link-blue\)\! {
    &>a {
      color: var(--link-blue) !important;
    }
  }
  .\[\&\>b\]\:text-base\! {
    &>b {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .md\:\[\&\>b\]\:text-lg\! {
    @media (width >= 48rem) {
      &>b {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
      }
    }
  }
  .\[\&\>span\]\:text-sm\! {
    &>span {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .md\:\[\&\>span\]\:text-base\! {
    @media (width >= 48rem) {
      &>span {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      }
    }
  }
}
@import url("https://fonts.cdnfonts.com/css/digital-numbers");
.plus18 {
  aspect-ratio: 64/64;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAADeUlEQVR42s1Zf2/aMBA1qEBJS0dLpaXRFqShLkNpN4QQ7WjL2gotlKbf/+O8acS+2OQXTpMm8T8k2L5n++7es82Y5oMOLDiYYokV1vDhY40VlpjCgYUOK+9BHy4e8ZZRHuGiX7TpA4zwlGlaLk8Y4aAY4y04WGsZF2UNB633GW/Ahhfp+AEuhhjAQBtNNNGGgQGGcPEQqevBRiOveQP3Smc+5rDSx4QWLMzhK+3uYeQxf6aM/RVjtDUiZYxXZR7OdM3byigm6GoPoIuJMnu2zsq7UtMb9HL7UA83Uk/uXt6ABuZSo8t3R9Gl1Nt8DwjS6DcwCwlkE5twFrLXXlRd4aSwRHaCFfVrp3u+T+YLzeroEAQ/MSJgUOBtihu9NAsbCkoj3vnCtGOyEh6YUmpqpK3+JSvpkSLCjqZQMf03JTI6o7zg7aR0OIStVyqAHtlxVL4XhDthJT+UoNeSXsCIKKdbOoAu0dQo/CjUzph9wIOxUE2h1hMpov0hADqU7vpq9p8nNmniCEfR9IEuBrjAqS5woruAGUjpWgnVD3EXhI7ydcC/BmWqo3pgCQUdTIjoJFZs4RR/RexKX893ZJcWe6BFrTohmofYqkPJkAzgiXPGFWzM4qgWRzBhJklzkq9WmILcmJX/ReSkAKAR8KjBn+3bndL62/abkaE6HIYp/zmMVLrg//zgdTyJuDw5kvE7msQyAAyF7zAs+c9BTLWfeMVXxvgky0sw5ev+SXIpUwPAgLdZMhIKRmz4nUhh48Wwu48FidemBgBDuC4jFmhncpi3Ex0rSXQ7wjxusdiWZ878wZuz02NbMAIjL29qAjjnJoJyLfxd2ZCEZRaZWw49JwB8IV5f0H54mwewxOO2BNnjmb+5yQByLAEO+Dhvcbh1wsAfFho+IC1BihMmAjD5yncUY2+ylN3fCVPCMBHANQ+hkJSCPi7yhGFiIkoB8F0dMQmaXp5E5GRvmiIAznibF8zgECs+y2Ibx7BgJXKBlIpTySgxCpxIoL3gWIOQJTLKoOPEPPBZ0gMvuPofD7noOFuQpHTUhIG+/i5SEST7SLLCVeGOJKtalFYuy+uwMal6a1b55rQG2/PKDyhqcERT+SFVDY7panBQWYOj2hocVld+XF+DCwuKiCqvbFj1l1as+ms7GlN1F5eSXqju6laCUd3l9Y6HF3p9/w9nilSFOu/QkgAAAABJRU5ErkJggg==);
}
.gamcare {
  aspect-ratio: 58/64;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABACAMAAAB83JS9AAAA6lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Le70HAAAATnRSTlMAJk1INw9MFEMKEw4aJTA7JAkNERUiLzxJCB0yRiggSwEYOQQZOkRKPichHBYCEEVCLRcqCzgFM0cpMR8GNgc0EkAsKx4DDDUbPSM/LkHrbPfbAAADa0lEQVR4Ad3W5WLiWADF8dMDpOgQXFMyzUIa3KFGcEbf/3X25oYaUsm33T8uv7jhfBc8m88fADxRkXLpmTLonTLknYb/JzQSjX2Lq4lEIplKRzPZXP5ztFAslemk4aXQlb/yAdW/X1N0REXGP9V3qKHW+JR5o17FrHqjGWnhqXZJOUOjHbp1e/3Cy2Iy44OmDrf0STocUWb2ksdLuDzYf3lzgoZ9LoyNz6ycSQiAMT2mDYVO/tD59Vq5DRl3PKL3lKlf3yRSCkVKA1+mD+46yeDrNEunR3ydzioUKQkP1KKTDQ/UndO+B1qgbOiBzinTPdAmZYb3sQY80ARl9x4o3N104YXeUtY8R3PL1UHL+J4mFHd3np2mA5xo7VJMKLtunaKKgVPFXZqY7u34BOUGp8q6FE26LbYnaAz7WniVf09h0a1ibY4oq727x/iis4vgpU1FUDeV+2qZ8QF1yzXxujSfKX5UuM/spTcHtGsd7hyrVxSpBZ8z/RfRpEUq0+7PR6s/w1GL1xStXyZfp+G45BqyxOE5p9Az36WhOxYhWx9QkXG1OEdb/ZJC5QEy+5iKAr/85hEdN7M+iuKQ6T6XHtear7VSXNUB/WHYbqqTLvdlIUt9eC1hmjxoAdnAy2XIBUTbvBfKhXU/8NETfS7lnRqeaQ9e6cTAO4UvzlZv4z/arDmErGAAMEIG5MsYQCt86e4r49AGQCIUKsgPIvF5eE2yG3akUgKQ4QSiHjXx3iSVb2MAI+cjpiSDUWju1jTr3PRn84kSAdSpUgAyNXMMbHwdDSqFJKs6QqRv41BToRK6pTktz9GrGQD02Qbo1n9bglZH90A0aGuFCu2QXiejsEg2HNo08mwMOICoY2FfWBn/6uiCRnPAo2VrUfegkEpv9Rr/cOTQxqXCyxVr1Wob5XtEr0U7fKsaSTYFbU23D8rQ1q5YhtslgwUyJKgo2Fq585r7g7aqqvHfhkmRLSiWtxfXsLW23D2MwWo+Ybw4pSrp3y2W9DebD2hUAvKEVV+b21DoSpkJGilPvwuKHMv1/m9yXiEdJOiO5QdBd+22AfTM1f2gPGqJ0QObvCooamXdoduaJGqGZixmkfMp+zf0C7rf1fuPP6uZ1tiOQJTR+hZQXAO/osBM+x20w7DsOoCevc7agYhtt9WRKPAvYZVqxpGk1lEAAAAASUVORK5CYII=);
}
.gamblers-anonimus {
  aspect-ratio: 104/64;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABACAQAAABc6vpxAAADaElEQVR42t3aaVvaQBAH8EHlUMEK2mp5vAtF0dYbLd4nAub7f5x/X7T2gcyE3U12c5R5Zzab/NwQZmeXyMIHp/CU0SFCMfBoD3lKyweLGhwVyMNeekC/rIAGKKWD80WLowZ5OEwDJ4c7a6B3lJMHrWlydEAezpPmTOHJKshDNVnQjnBLXVT+xnsIUDdJzgx6wi0t/juuBvVxy85fSQ60K3BORo6rQW9YZj3cI5cMp4QBu5kh5sxAROiwXtaTAf0Uxqc91kIPVGG9PGM6fk7Zd7t/HqC8OUj81zTiB50J47Pja6ML4g/vW8ypKqoC5wlT4UBEaE1+eN2DugKozlrpg2bwyl4vs/FxVgTOjdBOG0SETdbjUXzp6L0AqkUE5fDA+qzEA1rXTSpNQOK4d+LgTONZN+03A4nfzJp70DdhfH4EtDUF8an8tWtOHm/son0U7YCIcMJ6X3UL2hPGpxnY2hw0h6GvxYPDVBUldjkPL8F5F6bGQw0iQptdYcMd6FAYH6PMWAPEH+oXR6mqkBV7uDN7INQgcRbcdAM6F0CfDfvQAfE6RR8F+5yawLk07kUDRIQ6u9K+fdCVAFpwAyLCzaSZsA3OqsA58rWoK6ImgAYBbfm77thuOvogVKJnFeBwdbngWLAH2hC631Xm37ZBF/bS0RdhNWfGuBwcFeRhyQ6oIXS9FaIcHB10Y4NTENLRx9HqAbas1rYnRz06qC10u6p4IN2BHv2FGFPOrJCOXvkSolZgqEHDCWe30MLRpIc9DOg4yoKH+fRBo37xOvo6spGOnhqcHxkkVhq+hwddCNWD+XhBQqUhcIas6mhJGB+jJNESiFcaDsKBroXqQSF+kLCt4z1EqoqvwvgYrglYA82zlY4TG+mo8aqNLRARDtjdfDK7lU1hfNaMR9keqIh+hMmlsBbgYYAmGobh2QIRocnuaJkinGwjooF4inWrWaBBgQ1vCkDirEwvVcW+E050EH9RPWmkqkIxNiUgMQ3aDpeOpgQk1J56ilQVC844dkB8sbplmo6mCiRsJxhMSFUxh0uH0SJC3ve3M2PQPOvX+Ac/qx+UUctoVOV0p+fw++M6+B47YXNKlsK/xw5FYe9btmJ8JVHc+5atGJ2tiXvfsheN4B+rbMbHHjtx71s2o/2R7gz+k+ihRPQbbWulc6Z3ksIAAAAASUVORK5CYII=);
}
.plus18, .gamcare, .gamblers-anonimus {
  display: inline-block;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
:root {
  --fg: #e6edf3;
  --fg-muted: #9aa4b2;
  --border: rgba(255,255,255,.08);
  --card-bg: rgba(255,255,255,.04);
  --accent-2: #14b8a6;
  --code-bg: #0f172a;
  --pre-bg: #0b1220;
  --ring: rgba(20,184,166,.25);
  --r-xl: 16px;
  --r-2xl: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --link-green: #16DB2A;
  --link-blue: #3656F9;
  --ink: #F3F8F8;
  --bg: #05191c;
  --lang-panel-bg-open: #0A343A;
  --header-bg: #0D0D0D;
  --footer-bg: #022b32;
  --text: #F3F8F8;
  --muted: #9EA4AE;
  --link: #E6F1F1;
  --accent: #0FA1B8;
  --c-teal-action: #07535e;
  --c-teal-action-h: #036470;
  --g-teal-linear: linear-gradient(0.5turn, #07535e 0%, #66666600 100%);
  --c-teal-strong: #022b32;
  --c-teal-strong-h: #093d46;
  --c-white: #fefefe;
  --border: rgba(255,255,255,.10);
  --g-gold: linear-gradient(0.25turn, #deb04c 19%, #f7d167 50%, #d7a945 100%);
  --g-gold-hover: linear-gradient(0.25turn, #ca9c38 19%, #ffdb71 50%, #c39531 100%);
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: #05191c;
  font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #e7f4f4;
  display: flex;
  flex-direction: column;
}
.drawer-main-wrap {
  flex: 1 0 auto;
}
.site-header {
  background: #0D0D0D;
  width: 100%;
  position: sticky;
  top: 0;
}
.site-header .left-group {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 20px;
}
.site-header .center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.site-footer {
  background: #022b32;
  color: #F3F8F8;
}
.site-footer .container {
  max-width: 1370px;
  margin-inline: auto;
  padding: 24px 20px;
}
.site-footer .footer-top {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title title" "socials lang" "links badges";
  column-gap: 24px;
  row-gap: 18px;
  align-items: center;
}
.site-footer .support, .site-footer .right-rail {
  display: contents;
}
.site-footer .support h3 {
  grid-area: title;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}
.site-footer .socials {
  grid-area: socials;
  justify-self: start;
  display: flex;
  gap: 16px;
}
.site-footer .socials a {
  display: grid;
  place-items: center;
  inline-size: 48px;
  block-size: 48px;
  border-radius: 999px;
  text-decoration: none;
}
.site-footer .socials a.tg {
  background: #2AA8E1;
}
.site-footer .socials a.fb {
  background: #1877F2;
}
.site-footer .socials a.x {
  background: #000;
}
.site-footer .socials a.ig {
  background: radial-gradient(120% 120% at 30% 110%, #FED373 0%, #F15245 35%, #D92E7F 65%, #9B36B7 100%);
}
.site-footer .socials a svg {
  inline-size: 22px;
  block-size: 22px;
}
.site-footer .compliance {
  grid-area: badges;
  justify-self: end;
  display: flex;
  gap: 18px;
  align-items: center;
}
.site-footer .compliance .badge {
  display: grid;
  place-items: center;
  height: 32px;
  color: #9EA4AE;
}
.site-footer .compliance .badge svg {
  inline-size: 28px;
  block-size: 28px;
}
.site-footer .footer-links {
  grid-area: links;
  justify-self: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 18px;
}
.site-footer .footer-links a {
  color: #E6F1F1;
  text-decoration: none;
  font-weight: 500;
}
.site-footer .footer-links a:hover {
  opacity: 0.9;
  text-decoration: underline;
}
.site-footer .carousel-strip {
  grid-area: payments;
  display: none;
}
.site-footer .copyright {
  grid-column: 1/-1;
  text-align: left;
  font-size: 16px;
  color: #9EA4AE;
  margin-top: 22px;
}
.site-footer .copyright a {
  text-decoration: none;
}
.site-footer .copyright a:hover {
  text-decoration: underline;
}
.site-footer .disclaimer {
  margin-top: 22px;
  font-size: 14px;
}
.site-footer .disclaimer p {
  margin: 12px 0 0;
  line-height: 1.55;
}
.site-footer .disclaimer summary {
  display: none;
}
.language {
  position: relative;
  min-height: 40px;
  display: flex;
  -webkit-justify-content: end;
  justify-content: end;
  z-index: 1;
}
.language details.lang-select {
  background: #021C20;
  border-radius: 6px;
  overflow: clip;
  position: absolute;
}
.language .lang-summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  cursor: pointer;
}
.language .lang-summary::-webkit-details-marker {
  display: none;
}
.language .flag {
  height: 18px;
  aspect-ratio: 4/3;
  border-radius: 3px;
  filter: saturate(0.95);
}
.language .label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.language .caret {
  display: inline-grid;
  place-items: center;
  opacity: 0.9;
}
.language .caret::before {
  content: "▾";
  font-size: 16px;
  line-height: 1;
  transform: translateY(-1px);
}
.language details[open] .lang-summary {
  background: #0A343A;
}
.language details[open] .caret {
  transform: rotateX(180deg);
}
.language .menu {
  margin: 0;
  background: #021C20;
  max-height: 200px;
  overflow: auto;
  padding: 0;
}
.language .menu li {
  list-style: none;
}
.language .menu button {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
  color: var(--ink);
}
.language .menu button:hover, .language .menu button:focus-visible {
  background: #0c383e;
}
@media (max-width: 600px) {
  footer .carousel-strip {
    display: none;
  }
  .site-footer .container {
    max-width: 1370px;
    margin-inline: auto;
    padding: 32px 0;
  }
  .site-footer .footer-top {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "socials" "lang" "payments" "badges" "links";
    row-gap: 22px;
    text-align: center;
    justify-items: center;
  }
  .site-footer .carousel-strip {
    margin-block: 0px;
    display: flex;
  }
  .site-footer .socials {
    justify-self: center;
  }
  .site-footer .socials a {
    inline-size: 50px;
    block-size: 50px;
  }
  .site-footer .language {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .site-footer .footer-links {
    grid-area: links;
    width: 100%;
    height: 110px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: flex-start;
    padding-inline: 15px;
  }
  .site-footer .copyright {
    text-align: center;
  }
  .site-footer .compliance {
    justify-self: center;
  }
  .site-footer .language {
    justify-self: center;
  }
  .site-footer .payments-strip {
    display: block;
  }
  .site-footer .disclaimer {
    padding: 0 20px;
  }
  .site-footer .disclaimer summary {
    display: list-item;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer;
    margin-top: 8px;
    text-align: center;
    font-size: 16px;
  }
  .site-footer .disclaimer summary::-webkit-details-marker {
    content: "";
    display: none;
  }
  .site-footer .disclaimer summary::marker {
    content: "";
    display: none;
  }
}
:root {
  --slide-gap: 40px;
}
.carousel-strip {
  width: 100%;
  background: #08353c;
  position: relative;
  display: flex;
  align-items: center;
  padding-block: 16px;
  margin-block: 40px;
}
.carousel-strip .container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
}
.carousel-strip .carousel {
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: flex;
  -webkit-align-items: inherit;
  align-items: inherit;
}
.carousel-strip .track {
  display: flex;
  gap: var(--slide-gap);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.carousel-strip .slide {
  flex: 0 0 auto;
  display: grid;
  scroll-snap-align: center;
  scroll-snap-stop: normal;
  opacity: 0.3;
  transition: opacity 0.2s ease;
}
.carousel-strip .slide:hover {
  opacity: 1;
}
.carousel-strip .slide img {
  height: 24px;
  filter: grayscale(1) contrast(0.9) opacity(0.9);
  user-select: none;
  pointer-events: none;
}
.carousel-strip .track::-webkit-scrollbar {
  display: none;
}
.carousel-strip .nav {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #07535E;
  opacity: 0;
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  outline: none;
  z-index: 1;
  aspect-ratio: 1;
  padding: 0;
}
.carousel-strip .nav:hover {
  background: #036470;
}
.carousel-strip .nav svg {
  width: 22px;
  height: 22px;
  stroke: #d8f3ff;
  stroke-width: 2;
  fill: none;
}
.carousel-strip .nav.prev {
  margin-right: 36px;
}
.carousel-strip .nav.next {
  margin-left: 36px;
  transform: rotate(0.5turn);
}
.carousel-strip:hover .nav {
  opacity: 1;
  pointer-events: auto;
}
.carousel-strip:hover .nav:disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (max-width: 600px) {
  .carousel-strip {
    height: 76px;
    margin-block: 20px;
  }
  .carousel-strip .nav {
    display: none;
  }
  .carousel-strip .track {
    scroll-snap-type: none;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Digital Numbers';
  font-style: normal;
  font-weight: 400;
  src: local('Digital Numbers'), url('https://fonts.cdnfonts.com/s/15953/DigitalNumbers-Regular.woff') format('woff');
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.disabled_pagination {
  opacity: 0.5;
  pointer-events: none;
  cursor: none;
}

.modal_body input[type="number"] {
  font-size: 18px;
  width: 70%;
  height: 48px;
  padding: 8px 16px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

#button_changed_wrapper {
  justify-content: space-between;
}

#ok_response {
  display: block;
  margin-top: 15px;
  color: green;
  font-size: 20px;
  align-self: center;
}

@media (max-width: 885px) {
  #button_changed_wrapper {
    flex-direction: column;
  }

  #ok_response {
    text-align: left;
    width: 100%;
  }
}

#login_change {
  margin: 15px 0 0 0;
}

.active_pagination {
  cursor: pointer;
}

.disabled_pagination_button {
  pointer-events: none;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

a:hover {
  text-decoration: underline;
}

img.flag {
  width: 20px;
  margin-right: 5px;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: none;
  border-radius: none;
}

input:disabled, input[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  background: #fff;
  -webkit-border-radius: 0px;
  border-radius: 0;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio-button;
}

/*drop down language*/
.dropdown {
  position: relative;
  width: auto;
  transition: 1s;
  min-width: 120px;
}

.biggest_upcoming_wrapper {
  margin-bottom: 20px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

/*.dropdown:after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 1;
    pointer-events: none;
    transform: translateY(-50%) rotate(135deg);
    transition: .3s;
}
*/
.dropdown_menu {
  font-size: 18px;
  width: 70%;
  height: 48px;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}

.dropdown_menu:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%) rotate(135deg);
  transition: .3s;
}

.dropdown_menu.active:after {
  transform: rotate(-45deg);
}

.dropdown_menu:hover:after {
  border-color: #0061A3;
}

.dropdown_menu_data {
  height: 100%;
  position: relative;
  padding: 8px 16px;
  vertical-align: center;
  display: flex;
  z-index: 1;
}

.dropdown_menu_text {
  height: fit-content;
  display: block;
  align-self: center;
}

.dropdown_menu_select {
  left: 0;
  display: none;
  background: white;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  position: absolute;
  top: 47px;
  width: 100%;
  max-height: 460px;
  overflow-y: auto;
  padding: 8px 15px;
}

.dropdown_menu_select {
  font-size: 18px;
}

.dropdown.active:after {
  transform: rotate(-45deg);
}

.dropdown.hover:after {
  border-color: #0061A3;
}

.dropdown dd {
  position: relative;
}

.dropdown a {
  display: flex;
  align-items: center;
  color: #000;
  padding: 5px;
  cursor: pointer;
}

.dropdown a:hover {
  color: #0061A3;
  text-decoration: none;
  background-color: #e0e0e0;
}

.dropdown dd ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  min-width: 120px;
  max-height: 460px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  z-index: 2;
  transition: .3s;
  overflow: hidden;
  overflow-y: auto;
}

.dropdown img.flag {
  margin-right: 5px;
  width: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

.dropdown.active:after {
  transform: rotate(-45deg);
}

.dropdown.hover:after {
  border-color: #0061A3;
}

.dropdown dd {
  position: relative;
}

.dropdown a {
  display: flex;
  align-items: center;
  color: #000;
  padding: 5px;
  cursor: pointer;
}

.dropdown a:hover {
  color: #0061A3;
  text-decoration: none;
  background-color: #e0e0e0;
}

.dropdown dd ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  min-width: 120px;
  max-height: 460px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  z-index: 2;
  transition: .3s;
  overflow: hidden;
  overflow-y: auto;
}

/* header */

.header_inner {
  height: 80px;
  display: flex;
  justify-content: space-between;
}

.header_item {
  display: flex;
  align-items: flex-end;
}

.header_account {
  margin-left: 30px;
  padding-bottom: 14px;
  font-weight: 400;
}

.mobil_acount {
  display: none;
}

.account_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.acount_logout {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  color: #0061A3;
}

.account_balance {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5px;
}

.social {
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  margin-top: 20px;
}

.header_social {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.header_social_link {
  display: flex;
}

.header_social_img {
  width: 20px;
}

.header_language {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  justify-content: flex-end;
  position: relative;
}

.country {
  border-radius: 2px;
}

.lang_img {
  margin-right: 5px;
}

.lang_choice {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 10px;
  background-size: 12px;
}

.header_language:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 8px;
  right: 0px;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%) rotate(135deg);
}

/*navigation*/
.header_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F30000;
  height: 34px;
  border-radius: 10px;
  margin-top: 10px;
}

.nav {
  display: flex;
}

.nav_link {
  padding: 0 25px 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 1px solid #fff;
}

.nav_link:hover {
  text-decoration: underline;
}

.account {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 100%;
  background-color: #0061A3;
  border-radius: 10px;
}

.account .nav_link {
  border-right: none;
}

/* nav-toggle*/
.nav-toggle {
  display: none;
  width: 20px;
  padding: 0;
  font-size: 0;
  color: transparent;
  border: 0;
  background: none;
  cursor: pointer;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 3;
}

.nav-toggle:focus {
  outline: none;
}

.nav-toggle.active .nav-toggle__item {
  background: none;
}

.nav-toggle.active .nav-toggle__item:before {
  transform-origin: left top;
  transform: rotate(40deg);
}

.nav-toggle.active .nav-toggle__item:after {
  transform-origin: left bottom;
  transform: rotate(-40deg);
}

.nav-toggle__item {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #F30000;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border-radius: 25px;
  transition: background .2s linear;
}

.nav-toggle__item:before,
.nav-toggle__item:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #F30000;
  left: 0;
  z-index: 2;
  border-radius: 25px;
  transition: transform .2s linear;
}

.nav-toggle__item:before {
  top: -6px;
}

.nav-toggle__item:after {
  bottom: -6px;
}

.lottery_inner {
  flex-wrap: nowrap;
}

.button_back {
  font-size: 22px;
  background: none;
  border: none;
  color: #0061A3;
  text-transform: uppercase;
  margin: 20px 0 0 0px;
  padding: 0px 0 0 30px;
  position: relative;
  letter-spacing: -0.4px;
}

.button_back:hover {
  color: #444;
  text-decoration: underline;
}

.button_back:before {
  content: "<<";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.button_back:hover {
  cursor: pointer;
}

/*section baner*/
.baner_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 0 0;
  width: 100%;
  height: 462px;
  color: #fff;
  margin: 30px auto 0;
  background: url(../images/banner-bg.png) center no-repeat;
  background-size: cover;
}

.baner_top {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 360px;
  justify-content: space-between
}

.baner_title {
  max-width: 490px;
}

.baner_subtitle {
  font-weight: 500;
  font-size: 50px;
  line-height: 36px;
}

.baner_price {
  font-weight: 600;
  font-size: 55px;
  line-height: 0.8em;
}

.baner_text {
  font-weight: 500;
  font-size: 34px;
  line-height: 36px;
}

.baner_button {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 18px;
  background: linear-gradient(to bottom, #fea501, #ff2d00);
}

.baner_button:hover {
  cursor: pointer;
}

.baner_bottom {
  padding: 0 20px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.baner_item {
  display: flex;
  align-items: center;
}

.baner_logo {
  width: 30px;
  display: flex;
}

.baner img {
  width: 100%;
}

.baner_item_text {
  font-size: 24px;
  font-weight: 700;
  margin: 0 10px;
  display: flex;
}

.baner_timer {
  font-size: 28px;
}


/*section card*/

.card {
  margin-top: 25px;
}

.card_inner {
  display: flex;
  padding: 0 15px;
}

.card_item {
  margin-left: 15px;
  width: 380px;
  display: flex;
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius: 10px
}

.card_item:first-child {
  margin-left: 0px;
}

.card_img {
  margin-left: 5px;
  width: 70px;
  height: auto;
}

.card_info {
  padding: 5px;
}

.card_title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.card_description {
  padding-top: 10px;
  color: #5F5F5F;
}

.card_link {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  color: #0061A3;
  position: absolute;
  top: 5px;
  right: 15px;
}

/*select_card*/
.select_card {
  width: 100%;
  position: relative;
}

.select {
  width: 80px;
  height: 68px;
  position: absolute;
  bottom: 15px;
  padding-top: 20px;
  right: 20px;
  z-index: 1;
}

.select:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.select_body {
  display: flex;
  flex-direction: column;
  height: 32px;
  overflow: hidden;
}

.select_body.active {
  overflow: visible;
}

.select_option {
  margin-bottom: 5px;
}

.select_img {
  height: 100%;
}

/*section lottery*/
.lottery {
  margin-top: 75px;
}

.lottery_title {
  padding-left: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.lottery_inner {
  padding: 30px 0px 0;
  display: flex;
  justify-content: center;
  flex-wrap: no-wrap;
}

.lottery_item {
  width: 380px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  margin: 0 15px 0px 0;
}

.lottery_item:last-child {
  margin-right: 0;
}

.lottery_top {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.lottery_img {
  margin: 0 20px;
  width: 141px;
  height: 80px;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
}

.lottery_content {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.lottery_description {
  font-weight: 500;
  text-transform: uppercase;
}

.price {
  font-weight: 700;
  font-size: 26px;
  line-height: 85%;
  color: #13902A;
}

.lottery_bottom {
  display: flex;
  background: #0061A3;
  padding: 10px;
  border-radius: 0 0 8px 8px;
}

.button {
  width: 171px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F7D300;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.timer {
  display: flex;
  align-items: center;
  padding-left: 40px;
}

.time {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #FFFFFF;
  margin-left: 5px;
}

/*section play*/

.play {
  margin-top: 75px;
}

.red_title {
  padding: 10px 0;
  background: #F30000;
  border-radius: 8px;
}

.color-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.33;
  color: #fff;
  text-align: center;
}

.play_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 15px 0;
}

.play_item {
  padding: 13px;
  margin: 0 8px 15px;
  width: 210px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.favorites {
  position: absolute;
  top: 10px;
  right: 18px;
  width: 16px;
  height: 16px;
}

.play_img {
  display: flex;
  width: 96px;
  height: 96px;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  margin-bottom: 18px;
}

.play_img img {
  width: 100%;
}

.play_content {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.play_description {
  font-weight: 500;
  text-transform: uppercase;
}

.play .price {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  color: #000000;
}

.play .timer {
  padding: 10px 0;
}

.play .time {
  color: #0061A3;
}

.play .button {
  width: 182px;
  height: 38px;
}

.details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* section winners*/

.winners_inner {
  height: 441px;
  overflow: hidden;
  margin-top: 75px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.biggest_winners {
  width: 775px;
}

.latest_winners {
  width: 380px;
}

.winners_title {
  font-size: 15px;
  margin-bottom: 15px;
}

.biggest_winners_inner {
  padding: 20px;
  margin-top: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.inner_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.title_logo {
  margin-left: -60px;
}

.title_text {
  margin-left: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.title_text span {
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  color: #0061A3;
}

.biggest_winners_info {
  display: flex;
  flex-wrap: wrap;
}

.inner_content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
}

.content_info {
  padding: 0 15px;
}

.info_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}

.info_description {
  width: 232px;
  font-weight: 500;
  line-height: 21px;
}

.info_more {
  margin: 30px 0;
  padding-right: 10px;
}

.winners .button {
  width: 232px;
  height: 40px;
}

.info_link {
  font-size: 14px;
}

.content_button {
  width: 232px;
  height: 40px;
  margin-left: 0px;
  margin-top: 30px;
}

.content_link {
  font-size: 14px;
}

/*results*/
.inner_results {
  padding: 20px 0px 0px 18px;
  display: flex;
  flex-direction: column;
}

.results_group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-left: 50px;
}

.results_text {
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 15px;
}

.results_number {
  display: flex;
  margin-top: -3px;
  margin-left: -1px;
}

.results_number img {
  margin-right: 3px;
}

.results_info {
  margin-left: 10px;
}

.results_date {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  padding-left: 12px;
  margin-top: 5px;
}


/*latest winners*/

.latest_winners_prizes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 30px;
  padding: 5px 0 10px 0;
  height: 100px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.prizes_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 5px;
}

.prizes_wins {
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  color: #13902A;
  margin-top: 5px;
}

.prizes_tickets {
  display: flex;
  margin-top: 5px;
}

.tickets_sum {
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  margin-right: 10px;
}

.tickets_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 8px;
}

.latest_winners_item {
  height: 78px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.latest_winners_logo {
  margin-left: 14px;
  align-items: center;
  display: flex;
}

.latest_winners_content {
  height: 100%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}

.winners_date {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 13px;
}

.winners_text {
  display: flex;
}

.winners_text img {
  margin-top: -5px;
}

.winners_name {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  margin-top: -5px;
  margin-left: 5px;
}

.winners_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 1.1px;
  color: #5F5F5F
}

/*section question*/
.question {
  margin: 75px 0;
}

.question_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-left: 5px;
}

.question_inner {
  padding: 0 15px;
}

/* accordion*/
.accordion {
  max-width: 776px;
  margin-top: 15px;
}

.accordion_item {
  border-bottom: 1px solid #E0E0E0;
}

.accordion_item.active
.accordion_content {
  display: block
}

.accordion_item.active
.accordion_header {
  border-bottom-color: #E0E0E0
}

.accordion_item.active
.accordion_header:after {
  transform: rotate(-45deg);
}

.accordion_header {
  padding: 18px 0px 8px 20px;
  border-bottom: 1px solid transparent;
  position: relative;
  cursor: pointer;
}

.accordion_header:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}


/*footer*/
.footer {
  margin-bottom: 50px;
  background: url(../images/stars.svg) repeat-x !important;
}

.footer_inner {
  padding: 136px 0px 0 0;
  background: none !important;
}

.footer_social {
  display: flex;
  justify-content: space-between;
}

.social_left {
  display: flex;
  align-items: flex-start;
}

.social_text {
  padding-left: 8px;
}

.social_title {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.sosial_subtitle {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #5F5F5F;
}

.social_link {
  margin-right: 6px;
  text-decoration: none;
}

.social_link:last-child {
  margin-right: 40px;
}

.footer_info {
  display: flex;
  justify-content: space-between;
}

.footer_col {
  display: flex;
  flex-direction: column;
  margin-top: 34px;
  width: 250px;
}

.footer_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}

.col_links {
  display: flex;
  flex-direction: column;
}

.footer_link {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  color: #000;
  padding-top: 5px;
}

.footer_link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.home_link {
  display: none;
}

.footer_link:last-child {
  font-weight: bold;
}

.second_col {
  padding-left: 12px;
}


.footer_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  width: 250px;
  margin: 5px 0px 0px -3px;
}

.footer_address {
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  width: 250px;
  margin: 3px 0px 0px -3px;
}

.third_col {
  align-items: flex-end;
}

.payment_title {
  padding-right: 15px;
}

.pay_methots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 152px;
  margin: -6px 15px 23px 0px;
}

.pay_link {
  padding-top: 5px;
}

.security_title {
  padding-right: 25px;
}

.footer_security {
  display: flex;
  width: 152px;
  margin: -4px 16px 0 0;
}

.footer_security
.footer_link:first-child {
  margin-right: 10px;
}


.subtitle_page {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  /* or 19px */

  text-transform: uppercase;
}

.page_link {
  margin: 0;
  position: absolute;
  top: 0px;
  right: 15px;
}

.search_box {
  width: 100%;
  position: relative;
  margin-bottom: 55px;
}

.search_title {
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.search {
  position: relative;
  padding: 0 15px;
  margin-top: 8px;
  font-size: 18px;
  width: 100%;
  height: 52px;
  /* SW/grey/light */

  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.search_button {
  font-size: 16px;
  border: none;
  color: #5F5F5F;
  background-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 13px;
  right: 15px;
}

.page_item {
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.page_item:last-child {
  margin-bottom: 0;
}

.item_account {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 40px 0 60px;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  padding: 15px;
}

.account_title {
  margin: 10px 0 0 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  /* identical to box height, or 22px */

  text-transform: uppercase;
}

.account_text {
  margin: 5px 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
}

.account_link {
  margin: 10px 0 0 20px;
}

.item_content {
  width: 627px;
  display: flex;
  margin: 30px 0;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.content_title {
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  padding-bottom: 8px;
  /*border-bottom: 1px solid #E0E0E0;*/
}

.content_title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 570px;
  height: 1px;
  background-color: #E0E0E0;
}

.content_information {
  margin: 12px 32px;
}

.info_text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #5F5F5F;
  margin-bottom: 15px;
}

.info_item {
  display: flex;
  margin-bottom: 12px;
}

.info_item:last-child {
  margin-bottom: 0;
}

.info_item img {
  width: 50px;
  height: 25px;
}

.content_text {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  margin-left: 12px;
}

.content_number {
  color: #13902A;
}

.item_statistics {
  display: flex;
  flex-direction: column;
  padding: 30px 0 0 45px;
}

.statistics_jackpot {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  margin-top: -5px;
  text-transform: uppercase;
  color: #13902A;
}

.statistics_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  width: 150px;
  margin: 10px 0 15px 3px;
}

.statistics_button {
  margin-top: 10px;
  width: 180px;
  height: 40px;
}

.statistics_link {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}

.pagination {
  margin-top: 30px;
}

.pagination_inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination_item {
  margin-right: 60px;
}

.pagination_item:last-child {
  margin-right: 00px;
}

.pagination_link {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  color: #000;
}


/*syndicate_details page*/

.syndicate_details {
  margin-top: -10px;
  margin-bottom: 65px;
}

.syndicate_details_inner {
  display: flex;
  justify-content: space-between;
}

.syndicate_details_title {
  margin: 10px 0 0 30px;
}

.draw_inner {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-left: 30px;
}

.draw_item {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 15px;
  width: 781px;
  height: 68px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
}

.draw_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  padding-left: 30px;
  width: 500px;
}

.draw_prise {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  margin-left: 40px;
}

.draw_button {
  width: 90px;
  height: 30px;
  margin: auto 20px;
  text-transform: uppercase;
}

.best_deal {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-left: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.draw_days {
  margin-top: 60px;
}

.draw_days_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.draw_days_inner {
  display: flex;
}

.draw_days_item {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-right: 35px;
}

.draw_days_item:last-child {
  margin-right: 0;
}

.draw_days_text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.draw_days_img {
  margin: 10px 0 5px 0;
  text-align: center;
}


.question_syndicate_details {
  margin-top: 25px;
  padding-left: 20px;
}

.package {
  margin-right: 15px;
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  padding-bottom: 20px;
}

.package_account {
  position: relative;
}

.package_account:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 290px;
  height: 1px;
  background-color: #E0E0E0;
}

.package_logo {
  margin: 15px 40px 0 40px;
}

.package_title {
  font-size: 20px;
  margin: 10px 0 0 0px;
}

.package_text {
  margin: 5px 0 18px 0px;
}

.package_statistics {
  padding: 20px 0 0 45px;
}

.about_package {
  margin-top: 20px;
  width: 200px;
}

.about_package_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about_package_text {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-left: 20px;
  margin-bottom: 10px;
}

.about_package_text:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-top: 1px solid #13902A;
  border-right: 1px solid #13902A;
  position: absolute;
  top: 10px;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.about_package_item img {
  margin-right: 10px;
}

.lotteries_included {
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  margin: 30px 15px 0 35px;
}

.lotteries_included_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
}

.lotteries_included_item {
  border-bottom: 2px solid #e0e0e0;
}

.lotteries_included_item:last-child {
  border-bottom: none;
}

.included_top {
  padding-left: 30px;
}

.included_img {
  border: none;
  margin: 5px 0 0 15px;
  width: 80px;
}

.included_img img {
  width: 80px;
}

.included_info {
  padding-left: 10px;
  margin-top: 20px;
}

.included_content img {
  width: 17px;
}

.included_description {
  font-size: 12px;
  padding-left: 5px;
}

.lotteries_included_line {
  margin-top: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.lotteries_included_text {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
}

.included_bottom {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.included_price {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: -2px 0 0 50px;
}

.included_timer {
  margin-left: 40px;
  display: flex;
  align-items: center;
}

.included_timer img {
  width: 13px;
}

.included_time {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #0061A3;
}

/*my_account*/
.my_account {
  padding: 0 30px;
  display: flex;
}

/* left side*/
.my_account_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
}

.my_account_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  margin: 12px 0 0;
}

.my_account_link {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #0061A3;
}

.my_account_link:hover {
  color: #0011A3;
}

.my_account_balance {
  padding: 20px 32px;
  border-bottom: 2px solid #E0E0E0;
}

.balance_title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.balance_money {
  margin: 10px 0 15px;
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
  color: #16DB2A;
}

.my_account_button {
  width: 229px;
  height: 52px;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}

.my_account_winning {
  padding: 15px 32px 10px;
}

.winning_item {
  padding-top: 5px;
}

.winning_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #5F5F5F;
}

.my_account_activity {
  position: relative;
  margin-top: 30px;
  padding: 30px 30px 100px 48px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
}

.activity_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-top: 13px;
}

.Earnings {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  text-transform: uppercase;
  color: #13902A;
}

.Refered {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.activity_view {
  position: absolute;
  font-size: 16px;
  top: 124px;
  right: 30px;
}

.actyvity_link {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}

.activity_link_works {
  display: block;
  margin-top: 12px;
  font-size: 18px;
}

/* right side*/
.my_account_right {
  width: 755px;
  padding: 15px 0;
}

/* IDENTITY VERIFICATION */
.identity {
  padding: 0px 20px;
  position: relative;
}

.identity_wrap {
  padding: 30px 0px;
  position: relative;
  width: 100%;
}

.identity_table_wrap {
  padding: 30px 25px 0 10px;
}

.identity_table {
  display: flex;
  border: 2px solid #e0e0e0;
  border-top: none;
}

.identity_table_head {
  border: 2px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.identity_table_inner {
  display: flex;
  flex-direction: column;
  width: 180px;
  border-right: 2px solid #e0e0e0;
}

.identity_table_inner:first-child {
  width: 383px
}

.identity_table_inner:last-child {
  width: 200px;
  border-right: none;
}

.identity_table_title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  border-bottom: 2px solid #e0e0e0;
}

.pasport_title {
  display: none;
}

.identity_table_item {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
}

.identity_table_card {
  display: flex;
}

.identity_card_logo {
  display: flex;
  width: 30px;
}

.identity_table_logo {
  display: flex;
  width: 20px;
  margin-right: 5px;
}

.identity_card_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin-left: 10px;
  text-transform: uppercase;
}

.not_verified_table_text {
  text-align: center;
  color: #F30000;
}

.upload_file {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.visible {
  display: block;
}

.invisible {
  display: none;
}

.pasport_head {
  display: none;
}


/*withdraw*/
.withdraw_right {
  padding: 30px 50px 0;
  width: 70%;
}

.withdraw_item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px;
  height: 60px;
  color: #5F5F5F;
  border-bottom: 2px solid #e0e0e0;
}

.withdraw_item:hover {
  cursor: pointer;
}

.withdraw_item.active {
  color: #000;
}

.withdraw_item:after {
  content: "";
  display: none;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.withdraw_logo {
  display: flex;
  width: 30px;
  margin-right: 8px;
}

.withdraw_img {
  width: 100%;
}

.withdraw_request {
  text-align: center !important;
}

.withdraw_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_price {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  margin: 10px 0 20px;
  text-transform: uppercase;
  color: #13902A;
}

.withdraw_method {
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  padding: 30px 0;
}

.withdraw_method-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 275px;
  height: 54px;
  padding: 10px 30px;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  background: #0061A3;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.withdraw_method-button:hover {
  color: #0061A3;
  background: #fff;
  border: 1px solid #0061A3;
}

.withdraw_method-button:hover svg {
  fill: #0061A3;
}

.withdraw_method-button svg {
  fill: #fff;
  width: 28px;
  display: block;
}

.withdraw_method-button svg:first-child {
  width: 14px;
}

.withdraw_method-button svg:last-child {
  margin: 0 10px 0 5px;
}

.modal_box {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: .3s;
  z-index: 5;
}

#add_bank.active,
#verify_bank.active {
  display: flex;
  overflow-y: scroll;
}

.modal_content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 500px;
  background: #fff;
  border-radius: 8px;
  overflow-y: scroll;
  max-height: 100vh;
  position: relative;
}

.modal_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

.modal_title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
}

.close_btn {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #6c757d;
  cursor: pointer;
  transition: .3s;
  background: transparent;
  align-self: flex-end;
}

.close_btn:hover {
  color: #000;
}

.modal_body dt {
  height: 48px;
  padding: 8px 15px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 18px;
}

.modal_body dd ul {
  width: 100%;
  padding: 8px 15px;
  font-size: 18px;
}

.modal_body .dropdown a {
  font-weight: 400;
}

.modal_body .dropdown a:hover {
  background-color: transparent;
}

.modal_body input[type="text"] {
  font-size: 18px;
  width: 70%;
  height: 48px;
  padding: 8px 16px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.modal_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.modal_radio {
  position: absolute;
  top: 35px;
  left: 30px;
  height: 30px;
  width: 30px;
}

.modal_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.modal_footer button {
  height: 36px;
  font-size: 16px;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  transition: .3s;
}

.modal_submit {
  width: 140px;
  background: #0061A3;
  margin-right: 20px;
}

.modal_submit:hover {
  border: 1px solid #0061A3;
  background: #fff;
  color: #0061A3;
}

.modal_cancel {
  width: 80px;
  background: #6c757d;
}

.modal_cancel:hover {
  background: #F30000;
}

.bank_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8d7da;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
}

.bank_item:last-child {
  margin-bottom: 0px;
}

.bank_item.checking {
  background: #fff3cd;
}

.bank_item.checking .bank_country,
.bank_item.checking .bank_text {
  color: #856404;
}

.bank_item.verified {
  background: #fff;
}

.bank_item.verified .bank_country,
.bank_item.verified .bank_text {
  color: #000;
}

.bank_country {
  font-size: 22px;
  color: #721c24;
  display: flex;
  align-items: center;
}

.bank_country img.flag {
  width: 26px;
  margin-right: 5px;
}

.bank_list {
  padding: 10px 0;
}

.bank_text {
  color: #721c24;
  margin-bottom: 5px;
}

.bank_text:last-child {
  margin-bottom: 0;
}

.bank_text b {
  margin-left: 5px;
}

.status {
  display: flex;
  align-items: center;
  color: #F30000;
}

.status svg {
  margin: 0 5px;
  transform: translate(0px, -2px);
  fill: #F30000;
  width: 10px;
}

.icon_checking,
.icon_verified {
  display: none;
}

.status_verified {
  color: #13902A;
}

.status_verified svg {
  fill: #13902A;
  width: 15px;
}

.bank_nav {
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: space-around;
}

#withdraw_method_validation {
  padding: 5px 0 15px;
  font-size: 16px;
  color: red;
}

.modal_window_form {
  margin: 33vh auto 0;
  background-color: white;
  border-radius: 8px;
  width: 400px;
  height: fit-content;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.delete_withdraw_button {
  display: block;
  border-radius: 8px;
  background-color: #6f6f6f;
  color: white;
  padding: 10px 20px;
  transition: .3s;
  border: 1px solid #6f6f6f;
  min-width: 90px;
}

.modal_button_wrap {
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
}

#withdraw_method_delete_text {
  margin-bottom: 40px;
}

.cancel_delete_withdraw_button {
  display: block;
  border-radius: 8px;
  background-color: #F30000;
  color: white;
  padding: 10px 20px;
  transition: .3s;
  border: 1px solid #F30000;
  min-width: 90px;
}

.delete_withdraw_button:hover {
  background: #fff;
  border: 1px solid #0061A3;
  color: #0061A3;
}

.cancel_delete_withdraw_button:hover {
  background: #fff;
  border: 1px solid #0061A3;
  color: #0061A3;
}

#close_modal_button {
  position: absolute;
  align-self: end;
}

.modal_window_background {
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #00000096;
  z-index: 100;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

@media (max-width: 410px) {
  .modal_window_form {
    width: 96vw;
  }
}

.bank_nav button {
  height: 48px;
  transition: .3s;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}

.bank_verify {
  padding: 10px 20px;
  background: #F30000;
}

.bank_checking {
  padding: 10px 20px;
  background: #ffc107;
}

.bank_withdraw {
  padding: 10px 20px;
  background: #13902A;
}

.bank_verify:hover,
.bank_checking:hover,
.bank_withdraw:hover {
  background: #fff;
  border: 1px solid #0061A3;
  color: #0061A3;
}

.bank_icon {
  width: 26px;
  height: 26px;
  background: transparent;
}

.bank_icon:hover {
  width: 26px;
  height: 26px;
  transform: scale(1.2);
}

.bank_edit {
  margin: 0 20px;
}

.bank_img {
  width: 100%;
}

.upload-documents {
  padding: 0 15px;
  width: 100%;
}

.upload-documents p {
  text-align: center;
  color: #444;
}

.choose-file {
  position: relative;
  padding: 20px 0 10px;
}

.choose-file input {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.choose-file label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.choose-file svg {
  width: 20px;
  margin-right: 5px;
  fill: #444;
}

.choose-file span {
  font-size: 16px;
  color: #444;
}

.invalid-tooltip {
  display: none;
  position: absolute;
  z-index: 5;
  width: 250px;
  text-align: center;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}


.withdraw_information_item {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  align-items: flex-end;
}

.withdraw_information_desc {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 22px 30px;
  height: 68px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
}

.withdraw_card_name {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin-left: 30px;
}

.withdraw_operation {
  width: 420px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
}

.withdraw {
  color: #0061A3;
}

.withdraw_information_logo {
  width: 24px;
  height: 24px;
}

#withdraw_form {
  display: block;
}

#transactions_form {
  display: none;
}

.transactions_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.transactions_table {
  padding: 30px 15px 42px 0;
}

.transactions_table_wrap {
  display: flex;
}

.transactions_table_inner {
  width: auto;
  border: 2px solid #e0e0e0;
  border-left: none;
}

.transactions_table_inner:first-child {
  width: auto;
  border-left: 2px solid #e0e0e0;
  border-radius: 8px 0 0 8px;
}

.transactions_table_inner:last-child {
  border-radius: 0 8px 8px 0;
}

.transactions_table_head {
  padding: 16px 0;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transactions_table_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_table_item {
  padding: 15px;
  height: 74px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_table_item:last-child {
  border-bottom: none;
}

.transactions_table_text {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_table_subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}


/*transaction_information*/
.transaction_information {
  position: relative;
  padding: 0 30px;
}

.transaction_help_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: #0061A3;
  position: absolute;
  top: 8px;
  right: 60px;
  text-decoration: none;
}

.transaction_help_link:hover {
  text-decoration: underline;
}

.transaction_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.transaction_information_inner {
  position: relative;
  padding: 25px 15px;
}

.transactions_history_table {
  padding: 15px;
}

.history_table_head {
  padding: 10px 100px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: 1px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.history_table_title {
  font-size: 16px;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  color: #000;
  text-transform: capitalize;
  width: 150px;
}

.history_table_title:nth-child(3) {
  text-align: end;
}

.history_table_item {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-top: none;
  padding: 5px 15px;
}

.history_table_item .button {
  width: 80px;
  height: 30px;
  font-size: 14px;
}

.history_table_logo {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.history_table_text {
  width: 100px;
  text-align: center;
  text-transform: capitalize;
}

.history_table_lotto {
  width: 190px;
}

.history_table_lotto .history_table_text {
  width: auto;
}

.history_lotto_name {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}


/* lottery_syndicate */
.lottery_syndicate {
  padding: 0 30px;
  position: relative;
}

.lottery_syndicate_title {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_subtitle {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  text-decoration-line: underline;
  position: absolute;
  top: 5px;
  right: 30px;
  color: #0061A3;
}

.lottery_syndicate_help_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #0061A3;
  text-decoration: none;
  position: absolute;
  top: 35px;
  right: 90px;
}

.lottery_syndicate_help_link:hover {
  text-decoration: underline
}

.lottery_syndicate_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.lottery_syndicate_wrap {
  position: relative;
  padding: 30px 8px;
}

.lottery_syndicate_table {
  margin-top: 15px;
  display: flex;
  border: 2px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.lottery_syndicate_inner {
  width: 120px;
  border-right: 2px solid #e0e0e0;
}

.lottery_syndicate_inner:first-child {
  width: 235px;
}

.lottery_syndicate_inner:nth-child(2) {
  width: 190px;
}

.lottery_syndicate_inner:nth-child(3) {
  width: 160px;
}

.lottery_syndicate_inner:nth-child(6) {
  width: 190px;
}

.lottery_syndicate_inner:last-child {
  width: 110px;
  border-right: none;
}

.lottery_syndicate_head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
}

.syndicate_table_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 125px;
}

.syndicate_table_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.syndicate_table_logo {
  display: flex;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.syndicate_table_img {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
}

.syndicate_table_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.upper {
  text-transform: uppercase;
}

.second_syndicate_table {
  margin: 0;
  border-top: none;
  border-radius: 0;
}

.second_syndicate_table
.lottery_syndicate_head {
  display: none
}

.discount {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paymethod_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  /* or 31px */

  text-transform: uppercase;
}

.payment_inner {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.payment_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.payment_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 40px;
}

.payment_img img {
  height: 100%;
}

.payment_text {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  margin-left: 20px;
}

.total {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-top: 50px;
}

.payment_method {
  margin: 75px 0;
  padding-left: 15px;
}

.payment_back {
  display: none;
  margin: 0 0 20px 22px;
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  letter-spacing: -0.4px;
  color: #0061A3;
}

.payment_back:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(-135deg);
}

.payment_method_inner {
  display: flex;
  justify-content: space-between;
}

.payment_method_item {
  padding-top: 30px;
}

.method_choice {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  cursor: pointer;
}

.method_choice.active {
  color: #0061A3;
}

.method_choice.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 350px;
  height: 2px;
  background-color: #E0E0E0;
}

.method_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}

.form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 30px 0 30px 28px;
  width: 760px;
  border-left: 2px solid #E0E0E0;
}

.form_title {
  display: none;
}

.form_input {
  width: 730px;
  height: 68px;
  padding: 14px 30px;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 15px;
  border: 2px solid #E0E0E0;
  background-color: #fff;
  border-radius: 8px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

#cvv {
  margin-bottom: 30px
}

.form_button {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  height: 52px;
  text-align: center;
  letter-spacing: -0.41px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

#submit {
  margin-right: 155px;
  width: 340px;
}

#cancel {
  width: 233px;
  background: #E0E0E0;
  color: #5F5F5F;
}

#first_form {
  display: flex;
}

#second_form {
  display: none;
  margin-bottom: 10px;
}

.form_subtitle {
  margin: 10px 0 15px;
  width: 700px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

#email {
  margin-bottom: 10px;
}

#password {
  margin-bottom: 5px
}

.pasword_text {
  width: 700px;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  color: #5F5F5F;
}

#login {
  margin: 30px 350px 10px 0;
  width: 340px;
}

.privacy_link {
  margin-right: 240px;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #5F5F5F;
  text-decoration: none;
}

.privacy_link:hover {
  color: #F7D300;
  text-decoration: underline;
}

.have_link {
  margin-right: 35px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0061A3;
}

.signup_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #0061A3;
}

/*payment*/
.wraper {
  position: relative;
  margin: 0 auto 105px;
  max-width: 1012px;
}

.payment_wraper_item {
  text-align: center;
  padding: 60px 0 45px;
}

.payment_wraper_item:first-child {
  border-bottom: 2px solid #E0E0E0;
}

.green {
  color: #13902A;
}

.payment_description {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 15px;
}

.payment_jackpot {
  font-weight: 500;
  font-size: 36px;
  line-height: 120%;
  margin: 45px 0 30px;
}

.payment_wraper_text {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 15px;
  /* or 31px */

  text-transform: uppercase;
}

.payment_button {
  width: 320px;
  height: 52px;
  margin: 55px auto 0;
  text-transform: uppercase;
  font-size: 24px !important;
}

.verification_button {
  width: 328px;
  height: 52px;
  margin: 30px auto 105px;
  text-transform: uppercase;
  font-size: 24px;
}

/*Sign Up*/

#signup {
  position: relative;
  padding: 30px 0px 0px 0px;
  margin: 0;
  width: 100%;
  border: none;
  margin-bottom: 0px;
}

.country_code {
  display: flex;
  align-items: center;
  height: 60px;
  position: absolute;
  top: 73px;
  border-right: 2px solid #e0e0e0;
}

.country_code .dropdown {
  font-size: 24px;
}

.country_code dt a {
  padding: 0;
}

.country_code a {
  font-weight: 400;
}

.country_code a:hover {
  background-color: transparent;
}

.country_code img.flag {
  width: 30px;
  margin-right: 10px;
}

.country_code dd ul {
  max-height: 400px;
}

#phone_number {
  width: 100%;
  padding: 0 50px 0 195px;
}

#email_address {
  width: 100%;
  padding: 24px;
}

.agree_text {
  text-align: center;
  margin-top: 30px;
}

.agree_link {
  text-decoration: none;
  color: #0061A3;
}

.agree_link:hover {
  text-decoration: underline;
}

.create_account {
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-top: 60px;
}

.create_account:before,
.create_account:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 177px;
  height: 1px;
  background-color: #e0e0e0;
}

.create_account:before {
  left: 160px;
}

.create_account:after {
  right: 160px;
}

.create_button {
  width: 388px;
  height: 52px;
  margin: 30px auto 0;
  background: #0061A3;
  border-radius: 8px;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}

/*Welcome*/
#welcome {
  border: none;
  width: 100%;
  margin: 0;
  padding: 30px 8px 0 30px;
}

.your_number {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.change_link {
  font-weight: 400;
  font-size: 22px;
  margin: 0 auto;
}

.phone_number {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  text-transform: uppercase;
  margin-left: 25px;
  margin-bottom: 10px;
}

#sigin_password {
  width: 100%;
  margin: 0;
  margin-right: 20px;
}

.password_link {
  font-size: 22px;
  width: 100%;
  margin-right: 20px;
  text-align: end;
}

.welcome_button {
  width: 320px;
  height: 52px;
  margin: 30px auto 0;
  text-transform: uppercase;
  font-size: 24px;
}

/*create_account*/
#create_account {
  position: relative;
  border: none;
  width: 100%;
  margin: 0 0 80px 0;
  padding: 30px;
}

.full {
  width: 100%;
}

#country {
  width: 952px;
}

.shift {
  margin-bottom: 20px;
}

.signin_already {
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 0;
  padding-top: 25px;
  border-top: 1px solid #e0e0e0;
}

.already_text {
  width: auto;
  margin: 0;
}

.arrow {
  position: relative;
  padding-right: 10px;
}

.arrow:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

/*verification*/

#verification {
  text-align: center;
  border: none;
  margin: 0 auto;
  padding: 30px;
}

.change_number {
  margin: 0 auto 62px;
}

.verification_number {
  width: 100%;
  margin: 5px auto 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: lowercase;
}

.sms_code {
  width: 190px;
  margin: 18px auto 35px;
}

.number_input {
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.send_again {
  display: flex;
  margin: 47px auto 110px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.send_again:hover {
  cursor: pointer
}

.send_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.22px;
  margin-left: 20px;
}

.question_verification {
  max-width: 830px;
  margin: 0 auto;
}

.confirmation {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 20px;
}

/* currency */
.deposit_currency {
  position: relative;
  display: flex;
  justify-content: space-between;
}


.checkbox {
  margin: 0;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  display: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #0061A3;
  border-radius: 2px;
  transition: .3s;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #e0e0e0;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #0061A3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0 1px 0 1px;
  transition: .3s;
}

/*end checkbox*/

.get_free_ticket button + p {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  color: #000;
}

.get_free_ticket button + p a {
  color: #0061A3;
  font-weight: bold;
}

.get_free_ticket .button {
  width: 250px;
  height: 40px;
  margin: 20px auto 20px;
  font-size: 20px;
  font-weight: bold;
}

/*great promotion*/
.promotion_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  border-top: 3px solid #f30000;
  border-bottom: 2px solid #e0e0e0;
}

.promotion_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
}

.promotion_item .info_title {
  position: relative;
  font-weight: 400;
  margin: 0;
  width: 520px;
  line-height: 120%
}

.promotion_right-list .info_title:after {
  content: "";
  display: block;
  width: 210px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 40px;
  bottom: 4px;
}

.promotion_item > div {
  display: flex;
  padding: 20px 0;
}

.promotion_left-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.promo_offer {
  position: absolute;
  left: -87px;
  top: 10px;
}

.promotions_social {
  width: 135px;
}

.promotion_discount {
  width: 120px;
}

.promotion_left-col .join_question-title {
  margin: 0;
  text-align: center;
}


.promotion_right-list {
  display: flex;
  align-items: center;
  margin-top: 5px;
  position: relative;
}

.promotion_right-list:nth-of-type(1) {
  margin: 0;
}

.promotion_right-col ~ .promotion_right-list:first-child {
  margin-top: 0;
}

.promotion_right-list > div {
  display: flex;
  align-items: center;
  position: relative;
  width: 230px;
}

.promotion_right-list > div b {
  font-size: 16px;
}

.number_list {
  width: 30px;
  height: 30px;
  background-color: #f30000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-right: 50px;
}

.hand {
  position: absolute;
  left: -40px;
  width: 30px;
}

.promotion_right_link {
  height: 30px;
  margin-right: 10px;
}

.promotion_right-list .lotteries_button {
  width: 180px;
  height: 30px;
  color: #777;
  background: #cecece;
  font-size: 16px;
}

/*
.promotion_right-list .lotteries_button:hover{
    cursor: not-allowed;
}
*/
.promotions .lotteries_highest {
  margin-top: 50px;
  padding-top: 10px;
}

/*Lottery result*/

.lottery-winners-page .lotteries_title:last-child {
  width: 43%;
}

.lottery_result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
}

.lottery_result-item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  background: #e5e5e5;
  border-radius: 50%;
}

.lottery_result-blue {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.lottery_winners {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}

.lottery_winners-item {
  position: relative;
  width: 310px;
  height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lottery_winners-content {
  position: relative;
}

.winner {
  position: absolute;
  left: 0;
  top: 0;
}

.winners_photo {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  width: 310px;
  height: 150px;
}

.lottery_winners-description {
  position: relative;
  padding: 10px 0;
}

.lotto_logo {
  position: absolute;
  top: 15px;
  right: 15px;
}

.lottery_winners-name {
  width: 250px;
  height: 36px;
  font-size: 15px;
}

.lottery_winners-text {
  font-size: 22px;
}

.lottery_winners-item .lotteries_button {
  width: 100px;
  height: 40px;
  position: absolute;
  bottom: 0;
}

/*Thank you*/
.thank_you-page {
  padding: 0 15px;
}

/*Congratulation*/
.congratulations {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.congratulation_img {
  width: 40px;
  margin-right: 10px;
}

.congratulations_wrap {
  display: flex;
  flex-direction: column;
}

.congratulations_title {
  font-style: normal;
  color: #13902A;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.3em;
}

.congratulations_subtitle {
  color: #13902A;
  font-size: 20px;
  line-height: 120%;
}

/*promo slot*/
.promo_slot {
  padding: 30px 0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

/*your choise*/
.your_choise {
  display: flex;
  justify-content: space-evenly;
  margin-top: 30px;
}

.your_choise-title {
  color: #5f5f5f;
  font-size: 16px;
}

.your_choise-time {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.your_choise-timelogo {
  width: 20px;
}

.your_choise-item:nth-child(2) .your_choise-text {
  margin: 0;
}

.your_choise-text {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

/*free promo*/
.free_promo {
  display: flex;
  justify-content: center;
  position: relative;
}

.free_promo-gift {
  position: relative;
  bottom: -30px;
  left: 0;
  height: 240px;
}

.free_promo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 400px;
  margin: 0 20px;
}

.free_promo-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 1.3em;
  text-align: center;
}

.free_promo-title a {
  font-size: 40px;
  text-transform: uppercase;
}

.free_promo-wrap .button {
  width: 300px;
  height: 50px;
  margin: 30px auto 30px;
  font-size: 20px;
}

.free_promo-slot {
  height: 300px;
}

/*what next*/
.what_next {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0 60px;
}

.what_next .join_question-title {
  margin: 0;
  font-weight: 400;
}

.what_next .join_list {
  margin-top: 10px;
  margin-left: 50px;
}

.what_next .list_item {
  font-weight: 400;
  line-height: 150%;
}

.what_next .list_item:before {
  top: 0;
}

.thank_you-page .lotteries_highest {
  padding: 0 50px;
}

.thank_you-page .lotteries_highest > .highest_inner {
  justify-content: space-between;
}

/*witdraw balance*/
.withdraw_balance {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 0;
}

.withdraw_balance .form_text {
  width: auto;
  font-size: 18px;
  text-transform: capitalize;
}

.balance {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.balance svg {
  width: 30px;
  margin-right: 5px;
}

.balance b {
  font-size: 32px;
}

.amount {
  display: flex;
  align-items: center;
  margin: 10px 0 5px;
  border: 1px solid #aeaeae;
  border-radius: 8px;
}

.amount svg {
  height: 40px;
  fill: #7e7e7e;
  background: #e0e0e0;
  border-radius: 8px 0 0 8px;
  padding: 10px 15px;
}

.amount input {
  height: 40px;
  font-size: 18px;
  padding: 0 10px;
  border-radius: 0 8px 8px 0;
}

#amount_label {
  position: relative
}

#amount_label:before {
  content: "*";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  color: #f30000;
}

.balance_details {
  width: 60%;
  padding: 15px;
  margin: 10px;
  background: #e0e0e0;
  border: 1px solid #aeaeae;
  border-radius: 8px;
}

.balance_details span {
  color: #444;
}

.balance_list {
  padding: 10px 0;
}

.balance_text {
  font-size: 16px;
  margin-bottom: 5px;
  color: #444;
}

.balance_text b {
  margin-left: 5px;
}

.commission b {
  color: #f30000;
  margin-left: 5px;
}

.withdraw_balance button {
  margin-top: 20px;
  color: #fff;
  background: #0061A3;
}

/*steps*/
.step {
  width: 50%;
  margin: 50px auto;
}

.step .personal_input {
  margin-bottom: 40px;
}

.step_lines {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.step_lines:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  right: -35px;
}

.step_lines .change_link {
  position: absolute;
  top: 0;
  right: 0;
}

.step_lines_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
}

.step_lines_name {
  display: flex;
  align-items: center;
  width: 200px;
}

.step_lines_name img {
  width: 60px;
  margin-right: 10px;
}

.line_text {
  font-size: 20px;
}

.step input[type="radio"] {
  top: 0;
  left: -40px;
}

.step input[type="radio"]:checked ~ label {
  font-weight: 500;
}

.step h2 {
  position: relative;
  left: -100px;
}

.step_choise {
  padding: 30px 0 40px;
}

.step_choise_item {
  margin-bottom: 10px;
  position: relative;
}

.step_choise_item:last-child {
  margin-bottom: 0px;
}

.step_choise .form_text {
  margin: 0;
}

.step_choise .choise_desc {
  font-size: 18px;
  font-style: italic;
  margin: 10px 0;
}

.step_choise a {
  display: flex;
  align-items: center;
  font-weight: 400;
}

.step_choise a img {
  margin-right: 5px;
}

.step_wrap {
  display: flex;
  align-items: center;
}

.step_wrap label {
  margin: 0;
}

.step h3 {
  text-align: center;
}

.add_lotteries {
  padding: 10px 0;
}

.add_lotteries_item {
  position: relative;
  height: 48px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.add_lotteries_item:last-child {
  margin-bottom: 0px;
}

.add_lotteries_item label {
  display: flex;
  align-items: center;
  padding-left: 55px;
  color: #444;
  font-weight: 500;
}

.add_lotteries_item .checkmark {
  top: 3px;
  width: 30px;
  height: 30px;
  border-color: #444;
}

.add_lotteries_item .checkmark:after {
  left: 10px;
  top: 1px;
  width: 10px;
  height: 20px;
}

.add_lotteries_item img {
  height: 38px;
  margin-right: 10px;
}

.add_lotteries_item .flag {
  width: 30px;
}

.add_lotteries_item span {
  font-size: 12px;
  color: #444;
  font-weight: 500;
}

.add_lotteries_item b {
  font-size: 12px;
  color: #0061a3;
  font-size: 18px;
  margin-right: 5px;
}

.step_info {
  position: absolute;
  right: 60px;
  top: 12px;
}

.step .payment_lines_item {
  justify-content: space-between;
  margin: 0px;
}

.step .payment_lines_item a {
  margin: 0px;
}

.step .payment_text {
  margin: 0px;
}

.step .total {
  margin-top: 30px;
}

.step_wraper {
  width: 90%;
  margin: 50px auto;
}

/*popup*/
.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: .3s;
  z-index: 5;
}

.gift {
  position: relative;
  display: flex;
  align-items: center;
  width: 500px;
  min-height: 300px;
  background: url(../images/gift-fast.gif) no-repeat center, #fff;
  background-size: cover;
  background-position: 0 -30px;
  border-radius: 8px;
  transition: .3s;
}

.gift.end {
  background: url(../images/gift-bg.gif) no-repeat center, #fff;
  background-size: cover;
}

.gift .close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.gift_inner {
  display: none;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  transition: .3s;
}

.gift-from {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: #0061A3;
}

.gift-text {
  font-size: 18px;
}

.gift-text b {
  text-transform: uppercase;
  text-decoration: underline;
}

.gift-title {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.gift img {
  width: 200px;
  height: 200px;
}

.gift-desc {
  font-size: 18px;
  margin: 20px 0;
  text-align: center;
}

/* vefify step */
.verification .button_back {
  display: inline-block;
}

.verification .identity_wrap {
  width: 90%;
  margin: 0 auto;
}

.verification .step {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0;
}

.verification .step h2 {
  left: 0;
  font-weight: bold;
}

.verification .step_choise {
  width: 90%;
  margin: 30px auto 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.verification .card {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding: 0;
  flex-direction: row;
  border: 0;
}

.verification .identity_table_img {
  width: 45px;
  margin: 0 15px;
}

.verification .cvv {
  margin-top: 30px;
  width: 100%;
}

.verification .cvv .form_text {
  width: 100%;
}

.verification .personal_input {
  width: 100%;
  margin: 0;
}

.verification .button {
  margin: 30px auto 0;
}

.verification + .lottery {
  margin: 0;
}

/* vefify step */


@media (max-width: 1230px) {
  .baner_wrap {
    padding: 0;
  }

  .baner_inner {
    max-width: 960px;
    height: 380px;
  }

  .baner_top {
    padding-top: 15px;
    height: 300px;
  }

  .baner_title {
    max-width: 400px;
  }

  .baner_subtitle {
    font-size: 42px;
    line-height: 30px;
  }

  .baner_price {
    font-size: 46px;
  }

  .baner_text {
    font-size: 26px;
    line-height: 30px;
  }

  .baner_button {
    width: 250px;
    height: 58px;
    font-size: 28px;
  }

  .page_inner {
    padding: 0;
  }

  .payment_method_inner {
    justify-content: center;
  }

  .payment_method {
    margin: 40px auto;
    padding: 0;
  }

  .payment_method_choice {
    margin-right: 40px;
  }

  .method_choice.active:before {
    right: -20px;
  }

  .method_choice.active:after {
    width: 100%;
  }

  .form {
    width: 650px;
  }

  .form_input {
    width: 100%;
  }

  #month {
    width: 300px;
  }

  #year {
    margin-left: 20px;
    width: 300px;
  }

  #submit {
    margin-right: 50px;
  }

  #cancel {
    width: 230px;
  }

  #login {
    margin: 30px 0 10px;
  }

  .privacy_link {
    margin-right: 200px;
  }

  .card_inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .card_item {
    margin-bottom: 10px;
    min-height: 90px;
  }

  .card_item:last-child {
    margin-bottom: 0;
  }

  .lottery_item {
    margin-bottom: 10px;
  }

  .lottery_item:last-child {
    margin-bottom: 0px;
  }

  .play_button {
    width: 150px;
  }

  .winners_inner {
    height: 460px;
    margin-top: 40px;
    justify-content: center;
  }

  .biggest_winners {
    width: auto;
    margin-right: 15px;
  }

  .biggest_winners_inner {
    padding: 0 15px;
  }

  .inner_results {
    padding: 0;
    padding-top: 15px;
  }

  .results_img {
    width: 370px;
  }

  .results_img img {
    width: 100%;
  }

  .inner_content {
    padding-top: 15px;
  }

  .content_info {
    padding: 0;
  }

  .latest_winners {
    width: auto;
  }

  .latest_winners_item {
    padding: 0 10px;
  }

  .latest_winners_logo {
    margin-left: 0;
  }

  .question {
    margin: 0;
    margin-top: 40px;
  }

  .question_title {
    text-align: center;
  }

  .accordion {
    margin: 15px auto;
  }

  .footer {
    margin-top: 40px;
  }

  .footer_inner {
    padding-top: 40px;
  }

  .footer_social {
    flex-wrap: wrap;
  }

  .footer_info {
    flex-wrap: wrap;
  }

  /*syndycate*/
  .page_item {
    justify-content: space-evenly;
  }

  .item_account {
    padding: 20px
  }

  .account_logo {
    margin: 0;
  }

  .account_title {
    margin-left: 0;
  }

  .account_text {
    margin-left: 0;
  }

  .account_link {
    margin-left: 0;
  }

  .item_content {
    margin: 20px 0;
    max-width: 515px;
    padding: 0 10px;
  }

  .content_title:after {
    display: none;
  }

  .content_information {
    margin: 0 20px;
    padding: 15px 0px;
    border-top: 1px solid #e0e0e0;
  }

  .item_statistics {
    padding: 0 20px;
    justify-content: center;
  }

  /*  syndicate details  */
  .syndicate_details {
    width: 900px;
    margin: 0 auto;
  }

  .draw_inner {
    padding-left: 0;
  }

  .syndicate_details_title {
    margin-left: 0;
  }

  .draw_item {
    width: auto;
    align-items: center;
    padding: 0 20px;
  }

  .draw_text {
    margin: 0;
    padding: 0;
    width: 310px;
  }

  .draw_prise {
    margin: 0;
  }

  .draw_button {
    margin: 0;
  }

  .draw_days_inner {
    justify-content: space-between;
  }

  .draw_days_item {
    margin-right: 10px;
  }

  .package {
    width: auto;
    margin-right: 0;
  }

  .package_text {
    margin: 5px 0 0 0;
  }

  .package_statistics {
    padding-top: 20px;
  }

  .package_account:after {
    width: 200px;
  }

  .lotteries_included {
    margin: 30px 0 0 0;
  }

  .lotteries_included_item {
    padding: 0 15px;
  }

  .included_top {
    justify-content: center;
    padding: 0;
  }

  .included_bottom {
    justify-content: center;
  }

  .included_price {
    margin: 0;
  }

  .country_wrap {
    width: 100%
  }

  #country {
    width: 100%;
  }

  /*    account    */
  .my_account_right {
    width: 70%;
  }

  .entries {
    padding: 24px 0;
  }

  .table {
    align-items: center;
  }

  .table_head {
    width: 100%;
    justify-content: space-between;
  }

  .table_title {
    min-width: 110px;
  }

  .table_title:first-child {
    width: auto;
  }

  .table_title:nth-child(2) {
    width: 210px;
  }

  .table_body {
    width: 100%
  }

  .table_inner {
    justify-content: space-between;
  }

  .table_item {
    min-width: 110px
  }

  .table_item:first-child {
    width: auto;
  }

  .table_item:nth-child(2) {
    width: 210px;
  }


  /*  card filled  */
  #card_information_filled {
    padding: 0 30px 0 0;
  }

  .card_information_item {
    height: 60px;
  }

  .card_information_desc {
    padding: 10px
  }

  .card_information_name {
    margin-left: 10px;
    font-size: 18px;
  }

  .card_information_text {
    font-size: 18px;
  }

  /*    verification*/
  .identity_table_wrap {
    padding: 30px 0 0 0;
  }

  .identity_table_inner {
    min-width: 140px;
  }

  .identity_table_inner:first-child {
    width: 100%;
  }

  /*    subscription*/
  .lottery_syndicate_table {
    border: none;
    justify-content: center;
  }

  .second_syndicate_table {
    margin-top: 30px;
  }

  .second_syndicate_table .lottery_syndicate_head {
    display: flex;
  }

  .lottery_syndicate_inner:first-child {
    width: auto;
    border-radius: 8px 0 0 8px;
  }

  .lottery_syndicate_inner:nth-child(2) {
    width: 150px;
  }

  .lottery_syndicate_inner:nth-child(3) {
    width: auto;
  }

  .lottery_syndicate_inner:nth-child(6) {
    width: auto;
  }

  .lottery_syndicate_inner:last-child {
    width: auto;
    border-right: 2px solid #e0e0e0;
    border-radius: 0 8px 8px 0;
  }

  .lottery_syndicate_inner {
    width: auto;
    border: 2px solid #e0e0e0;
    border-right: none;
  }

  .lottery_syndicate_head {
    padding: 15px 10px;
  }

  .lottery_syndicate_item {
    padding: 15px 10px;
  }

  .syndicate_table_content {
    flex-direction: column;
  }

  .syndicate_table_logo {
    margin: 0;
    margin-bottom: 10px;
  }

  .syndicate_table_text {
    font-size: 14px;
  }

  /*    transaction   */
  .withdraw_right {
    padding: 20px 0 0;
  }

  .withdraw_request .transactions_table_wrap {
    border: none;
  }
}

@media (max-width: 1100px) {
  .lotteries_title:first-child {
    width: 22%;
  }

  .thank_you-page .lotteries_highest {
    padding: 0 10px;
  }

  /*steps*/
  .step {
    width: 70%;
  }
}


@media (max-width: 1000px) {
  .package_description {
    margin: 10px 0 15px 0;
  }

  .lottery_item {
    width: auto;
    margin-bottom: 15px;
  }

  .lottery_item:last-child {
    margin-bottom: 0px;
  }

  .lottery_info {
    margin-left: 0px;
    padding-left: 0;
  }

  .price {
    font-size: 22px;
    margin: 0;
  }

  .lottery_bottom {
    justify-content: space-around;
  }

  .lottery_button {
    margin: 0;
  }

  .lottery_timer {
    margin: 0;
  }

  .winners_inner {
    overflow: auto;
    height: auto;
    flex-direction: column;
  }

  .biggest_winners {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .biggest_winners_info {
    justify-content: center;
  }

  .latest_winners_item {
    justify-content: center;
  }

  .footer_inner {
    padding: 0;
  }

  /*syndycate*/
  .content_title {
    font-size: 20px;
  }

  .arrow {
    padding-right: 0;
  }

  .content_text {
    font-size: 16px;
  }

  .content_information {
    margin: 0 10px;
  }

  .statistics_jackpot {
    font-size: 24px;
  }

  .statistics_button {
    width: 150px;
  }

  /*syndycate details*/
  .syndicate_details {
    width: 650px;
    position: relative;
  }

  .syndicate_details_inner {
    flex-direction: column-reverse;
    padding-top: 30px;
  }

  .syndicate_details_title {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  .draw_days {
    margin-top: 30px;
  }

  .draw_days_item {
    margin-right: 0;
  }

  .package {
    margin-top: 20px;
    padding-bottom: 0;
  }

  .package_account:after {
    width: 95%;
  }

  .lotteries_included {
    margin: 0px auto;
  }

  .about_package {
    width: auto;
    margin: 0;
  }

  .package_statistics {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    padding: 20px;
  }

  /*  payment  */
  .payment_method {
    margin-bottom: 0;
  }

  .payment_method_choice {
    margin-right: 20px;
  }

  .method_choice {
    padding: 15px;
  }

  .method_choice.active:before {
    right: 0px;
  }

  .method_choice.active:after {
    width: 95%;
  }


  .form {
    width: 500px;
    padding: 20px 0 20px 20px;
  }

  .form_input {
    height: 56px;
  }

  #month {
    width: 229px;
  }

  #year {
    width: 229px;
  }

  #submit {
    width: 230px;
    margin-right: 40px;
  }

  #cancel {
    width: 200px;
  }

  .privacy_link {
    margin-right: 50px;
  }

  .create_account:before {
    left: 80px;
  }

  .create_account:after {
    right: 80px;
  }

  #create_account {
    margin: 0;
  }

  .currency_choice {
    height: 56px;
  }

  /*  personal information  */
  #personal_card_month {
    width: 100%;
  }

  #personal_card_year {
    width: 100%;
  }

  #add_card {
    margin: 45px auto 0;
  }

  #pesonal_cancel {
    margin: 15px auto 0;
  }

  /*  card filled  */
  .card_information_item {
    flex-wrap: wrap;
    height: auto;
  }

  .card_information_desc {
    width: 100%;
    margin-bottom: 10px;
  }

  /*    verification*/
  .identity_table {
    flex-direction: column;
    padding: 0px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 30px;
  }

  .identity_table:last-child {
    margin-bottom: 0px;
  }

  .identity_table_head {
    border: 2px solid #e0e0e0;
  }

  .identity_table_inner {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    border-right: none;
    border-bottom: 2px solid #e0e0e0;
  }

  .identity_table_inner:last-child {
    border: none;
  }

  .identity_table_inner:last-child {
    width: 100%;
  }

  .identity_table_title {
    height: auto;
    padding: 15px 0;
    border: none;
  }

  .identity_table_item {
    height: auto;
    padding: 15px 0;
  }

  .pasport_title {
    display: flex;
  }

  /*    history*/
  .subtitle_page {
    font-size: 14px;
  }

  .transaction_information {
    padding: 0;
  }

  .transaction_information_inner {
    padding: 25px 0;
  }

  /*    subscription*/
  .lottery_syndicate_wrap {
    padding: 30px 0;
  }

  .lottery_syndicate_table {
    padding: 0 15px;
    flex-direction: column;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
  }

  .lottery_syndicate_inner {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e0e0e0;
  }

  .lottery_syndicate_inner:nth-child(2) {
    width: auto;
  }

  .lottery_syndicate_inner:last-child {
    border: none;
  }

  .lottery_syndicate_head {
    border: none;
  }

  .lottery_syndicate_item {
    width: 220px;
    height: auto;
  }

  .syndicate_table_content {
    flex-direction: row;
  }

  .syndicate_table_logo {
    margin: 0;
    margin-right: 10px
  }

  .lottery_syndicate_inner:first-child .syndicate_table_text {
    font-size: 16px;
  }

  /*    transaction   */
  .withdraw_method {
    justify-content: space-around;
  }

  .withdraw_method-button {
    width: 220px;
    padding: 10px;
  }

  .transactions_table {
    padding: 30px 0;
  }

  .transactions_table_item {
    padding: 10px;
  }

  .transactions_table_text {
    font-size: 14px;
  }

  /*    picker payment*/
  .picker_payment .payment_method {
    margin: 40px 0 0 0;
  }

  .picker_payment .payment_method_inner {
    justify-content: center;
  }

  .picker_payment .method_choice {
    width: 300px;
  }

  .picker_payment .form {
    width: auto;
  }

  .picker_payment .selected_wrap {
    width: 100%;
  }

  .picker_payment #month,
  .picker_payment #year {
    width: 100%;
    margin-left: 0;
  }

  /*    Promotions */
  .promotion_item > div {
    flex-direction: column;
    padding: 0;
  }

  .promotion_left-col {
    padding: 0;
  }

  .get_free_ticket .invitation_text + p {
    width: 80%;
  }

  .get_free_ticket .phone_box {
    width: 80%;
  }

  .get_free_ticket .checkbox_wrap {
    width: 80%;
  }

  .promo_offer {
    width: 100px;
    left: -67px;
  }

  .promotion_middle-col {
    width: 250px;
  }


  /*    Slot Mashine*/
  #PageContainer, #PageContainerInner {
    width: auto;
  }

  /*Lottery result*/
  .lotteries_title:first-child {
    width: 25%;
  }

  .lotteries_title:nth-child(2) {
    width: 11%;
  }

  .lottery_result {
    width: 250px;
  }

  .lottery_result-item {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .lottery_winners-item {
    width: 250px;
    height: 380px;
  }

  .winners_photo {
    width: 250px;
  }

  .lottery_winners-name {
    width: 200px;
  }

  /*    thank you */
  .free_promo-wrap {
    width: auto;
    order: 3;
    margin-top: 30px;
  }

  .promo_slot {
    padding-bottom: 0;
  }

  .free_promo {
    flex-direction: column;
    align-items: center;
  }

  .free_promo-gift {
    position: absolute;
    top: 50px;
    left: 20%;
  }

  .free_promo-slot {
    position: relative;
    right: -20%;
    top: 0;
  }

  .thank_you-page .lotteries_highest {
    padding: 0 0px;
  }

  /*withdraw baance*/
  .balance_details {
    width: 90%;
  }
}

@media (max-width: 960px) {
  #PageContainerInner {
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 60px;
  }

  .withdraw_method {
    flex-direction: column;
    align-items: center;
  }

  .withdraw_method-button {
    margin-bottom: 10px;
  }

  .withdraw_method-button:last-child {
    margin-bottom: 0px;
  }

  .bank_item {
    position: relative;
  }

  .bank_nav {
    position: absolute;
    right: 20px;
  }

  /* verification step */
  .verification .title_page {
    font-size: 24px;
  }

  .verification .help_link {
    z-index: 1;
    top: 30px;
  }

  .verification .identity_wrap {
    width: 100%;
  }

  .verification .identity_wrap p {
    font-size: 16px;
  }

  .verification .step {
    width: 100%;
  }

  .verification .step h2 {
    font-size: 20px;
  }

  /* verification step */
}

.title_text_flex {
  display: flex;
}

.title_text_sum {
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  direction: ltr;
  margin-left: 5px;
  color: #0061A3;
  align-self: center;
}

@media (max-width: 530px) {
  .info_item {
    width: auto;
  }

  .item_content {
    margin: 0;
  }

  .content_information {
    align-items: flex-start;
    margin: 0;
  }

  .info_item img {
    width: 40px;
  }

  .question_title {
    padding: 0;
    font-size: 20px;
  }

  .footer_info {
    flex-direction: column;
    align-items: center;
  }

  .footer_col {
    margin-top: 20px;
    width: 100%;
    align-items: center;
  }

  .footer_links {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }

  .second_col {
    padding-left: 0;
  }

  .footer_text {
    width: 340px;
    margin: 0;
  }

  .footer_address {
    width: 340px;
    margin: 10px 0 0 0;
  }

  .third_col {
    justify-content: space-evenly;
    align-items: flex-start;
  }

  .footer_security {
    margin: 0;
  }

  .pay_methots {
    margin: 0;
  }

  .footer_title {
    padding: 0;
  }

  /*    payment: ;*/
  .paymethod_title {
    font-size: 24px;
  }

  /* verification stap */
  .verification .step_choise {
    width: 100%;
  }

  .verification .step h2 {
    font-size: 16px;
  }

  .verification .card {
    font-size: 20px;
  }

  /* verification stap */
}

.input_warning {
  border: 1px solid red !important;
  border-radius: 5px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
  padding: 11px !important;
  text-align: center;
  width: 70%;
  height: fit-content;
  color: #856404;
  background-color: #fff3cd;
  font-weight: bold;
}



/*scroll bar*/
/* Работает в Firefox */
/** {
    scrollbar-width: thin;            !* "auto" или "thin" *!
    scrollbar-color: #08598e #e0e0e0; !* цвет бегунка и зоны отслеживания *!
}

!* Работает в Chrome, Edge и Safari *!
*::-webkit-scrollbar {
    width: 8px;                       !* ширина всей полосы прокрутки *!
}

*::-webkit-scrollbar-track {
    background: #e0e0e0;                !* цвет зоны отслеживания *!
}

*::-webkit-scrollbar-thumb {
    background-color: #08598e;        !* цвет бегунка *!
    border-radius: 20px;                !* округлось бегунка *!
    border: 2px solid #e0e0e0;        !* отступ вокруг бегунка *!
}*/

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 40px 0;
  border: 0;
  background-color: #e5e5e5;
}


/* header */

.header {
}

.header_inner {
  height: 80px;
  display: flex;
  justify-content: space-between;
}

.header_item {
  display: flex;
  align-items: flex-end;
}

.header_logo {
}

.header_account {
  margin-left: 30px;
  padding-bottom: 14px;
  font-weight: 400;
}

.mobil_acount {
  display: none;
}

.account_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.acount_logout {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  color: #0061A3;
}

.account_balance {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5px;
}

.social {
  width: 100px;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  margin-top: 20px;
}

.header_social {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_social_item {
}

.header_social_link {
  display: flex;
}

.header_social_img {
  width: 20px;
}

.header_language {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  justify-content: flex-end;
}

.country {
  border-radius: 2px;
}

.lang_img {
  margin-right: 5px;
}

.lang_choice {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 10px;
  background-size: 12px;
}

/*navigation*/
.header_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F30000;
  height: 34px;
  border-radius: 10px;
  margin-top: 10px;
}

.nav {
  display: flex;
}

.nav_link {
  padding: 0 25px 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 1px solid #fff;
}

.nav_link:hover {
  text-decoration: underline;
}

.account {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 100%;
  background-color: #0061A3;
  border-radius: 10px;
}

.account .nav_link {
  border-right: none;
}

/* nav-toggle*/
.nav-toggle {
  display: none;
  width: 20px;
  padding: 0;
  font-size: 0;
  color: transparent;
  border: 0;
  background: none;
  cursor: pointer;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 3;
}

.nav-toggle:focus {
  outline: none;
}

.nav-toggle.active .nav-toggle__item {
  background: none;
}

.nav-toggle.active .nav-toggle__item:before {
  transform-origin: left top;
  transform: rotate(40deg);
}

.nav-toggle.active .nav-toggle__item:after {
  transform-origin: left bottom;
  transform: rotate(-40deg);
}

.nav-toggle__item {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #F30000;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border-radius: 25px;
  transition: background .2s linear;
}

.nav-toggle__item:before,
.nav-toggle__item:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #F30000;
  left: 0;
  z-index: 2;
  border-radius: 25px;
  transition: transform .2s linear;
}

.nav-toggle__item:before {
  top: -6px;
}

.nav-toggle__item:after {
  bottom: -6px;
}

.button_back {
  font-size: 22px;
  background: none;
  border: none;
  text-decoration: underline;
  color: #142DB1;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 0 0 0 30px;
  position: relative;
}

.button_back:before {
  content: "<<";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.button_back:hover {
  cursor: pointer;
}

/*section baner*/
.baner_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 0 0;
  width: 100%;
  height: 462px;
  color: #fff;
  margin: 30px auto 0;
  background: url(../images/banner-bg.png) center no-repeat;
  background-size: cover;
}

.baner_top {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 360px;
  justify-content: space-between
}

.baner_title {
  max-width: 490px;
}

.baner_subtitle {
  font-weight: 500;
  font-size: 50px;
  line-height: 36px;
}

.baner_price {
  font-weight: 600;
  font-size: 55px;
  line-height: 0.8em;
}

.baner_text {
  font-weight: 500;
  font-size: 34px;
  line-height: 36px;
}

.baner_button {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 18px;
  background: linear-gradient(to bottom, #fea501, #ff2d00);
}

.baner_button:hover {
  cursor: pointer;
}

.baner_bottom {
  padding: 0 20px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.baner_item {
  display: flex;
  align-items: center;
}

.baner_logo {
  width: 30px;
  display: flex;
}

.baner img {
  width: 100%;
}

.baner_item_text {
  font-size: 24px;
  font-weight: 700;
  margin: 0 10px;
}

.baner_timer {
  font-size: 28px;
}


/*section card*/

.card {
  margin-top: 25px;
}

.card_inner {
  display: flex;
  padding: 0 15px;
}

.card_item {
  margin-left: 15px;
  width: 380px;
  display: flex;
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius: 10px
}

.card_item:first-child {
  margin-left: 0px;
}

.card_img {
  margin-left: 5px;
  width: 70px;
  height: auto;
}

.card_info {
  padding: 5px;
}

.card_title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.card_description {
  padding-top: 10px;
  color: #5F5F5F;
}

.card_link {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  color: #0061A3;
  position: absolute;
  top: 5px;
  right: 15px;
}

/*select_card*/
.select_card {
  width: 100%;
  position: relative;
}

.select {
  width: 80px;
  height: 68px;
  position: absolute;
  bottom: 15px;
  padding-top: 20px;
  right: 20px;
  z-index: 1;
}

.select:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.select_body {
  display: flex;
  flex-direction: column;
  height: 32px;
  overflow: hidden;
}

.select_body.active {
  overflow: visible;
}

.select_option {
  margin-bottom: 5px;
}

.select_img {
  height: 100%;
}

/*section play*/

.play {
  margin-top: 75px;
}

.red_title {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  background-color: #F30000;
  border-radius: 8px;
}

.play_title {
  margin: 15px;
}

.play_inner {
  padding: 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.play_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 5px 15px;
  width: 208px;
  height: 270px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.favorites {
  position: absolute;
  top: 10px;
  right: 15px;
}

.play_img {
  width: 92px;
  height: 92px;
  display: flex;
  margin: 10px auto;
  border: 2px solid #E0E0E0;
  border-radius: 100%;
}

.play_img img {
  width: 100%;
}

.play_content {
  margin-top: 18px;
}

.play_description {
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
}

.play_price {
  margin-top: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
}

.play_timer {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.play_time {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #0061A3;
}

.play_button {
  margin-top: 12px;
  width: 182px;
  height: 38px;
}

.details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* section winners*/

.winners_inner {
  height: 441px;
  overflow: hidden;
  margin-top: 75px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.biggest_winners {
  width: 775px;
}

.latest_winners {
  width: 380px;
}

.winners_title {
  font-size: 15px;
  margin-bottom: 15px;
}

.biggest_winners_inner {
  height: 382px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.inner_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.title_logo {
  margin-left: -60px;
}

.title_text {
  margin-left: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.title_text span {
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  color: #0061A3;
}

.biggest_winners_info {
  display: flex;
  flex-wrap: wrap;
}

.inner_content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20px;
}

.content_img {
}

.content_info {
  padding: 0 15px;
}

.info_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}

.info_description {
  width: 232px;
  font-weight: 500;
  line-height: 21px;
}

.info_more {
  margin-top: 28px;
  padding-right: 10px;
}

.info_link {
  font-size: 14px;
}

.content_button {
  width: 232px;
  height: 40px;
  margin-left: 0px;
  margin-top: 30px;
}

.content_link {
  font-size: 14px;
}

/*results*/
.inner_results {
  padding: 20px 0px 0px 18px;
  display: flex;
  flex-direction: column;
}

.results_group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-left: 50px;
}

.results_text {
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 15px;
}

.results_number {
  display: flex;
  margin-top: -3px;
  margin-left: -1px;
}

.results_number img {
  margin-right: 3px;
}

.results_info {
  margin-left: 10px;
}

.results_date {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  padding-left: 12px;
  margin-top: 5px;
}


/*latest winners*/

.latest_winners_prizes {
  height: 98px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.prizes_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 5px;
}

.prizes_wins {
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  color: #13902A;
  margin-top: 5px;
}

.prizes_tickets {
  display: flex;
  margin-top: 5px;
}

.tickets_sum {
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  margin-right: 10px;
}

.tickets_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 8px;
}

.latest_winners_item {
  height: 78px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.latest_winners_logo {
  margin-left: 14px;
  align-items: center;
  display: flex;
}

.latest_winners_content {
  height: 100%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}

.winners_date {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 13px;
}

.winners_text {
  display: flex;
}

.winners_text img {
  margin-top: -5px;
}

.winners_name {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  margin-top: -5px;
  margin-left: 5px;
}

.winners_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 1.1px;
  color: #5F5F5F
}

/*section question*/
.question {
  margin: 75px 0;
}

.question_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-left: 5px;
}

.question_inner {
  padding: 0 15px;
}

/* accordion*/
.accordion {
  max-width: 776px;
  margin-top: 15px;
}

.accordion_item {
  border-bottom: 1px solid #E0E0E0;
}

.accordion_item.active
.accordion_content {
  display: block
}

.accordion_item.active
.accordion_header {
  border-bottom-color: #E0E0E0
}

.accordion_item.active
.accordion_header:after {
  transform: rotate(-45deg);
}

.accordion_header {
  padding: 18px 0px 8px 20px;
  border-bottom: 1px solid transparent;
  position: relative;
  cursor: pointer;
}

.accordion_header:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

/*footer*/
.footer {
  margin-bottom: 50px;
  background: url(../images/stars.svg) repeat-x !important;
}

.footer_inner {
  padding: 136px 0px 0 0;
  background: none !important;
}

.footer_social {
  display: flex;
  justify-content: space-between;
}

.social_left {
  display: flex;
  align-items: flex-start;
}

.social_text {
  padding-left: 8px;
}

.social_title {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.sosial_subtitle {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #5F5F5F;
}

.social_right {
}

.social_link {
  margin-right: 6px;
  text-decoration: none;
}

.social_link:last-child {
  margin-right: 40px;
}

.footer_info {
  display: flex;
  justify-content: space-between;
}

.footer_col {
  display: flex;
  flex-direction: column;
  margin-top: 34px;
  width: 250px;
}

.footer_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}

.footer_links {
}

.col_links {
  display: flex;
  flex-direction: column;
}

.footer_link {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  color: #000;
  padding-top: 5px;
}

.footer_link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.home_link {
  display: none;
}

.footer_link:last-child {
  font-weight: bold;
}

.second_col {
  padding-left: 12px;
}


.footer_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  width: 250px;
  margin: 5px 0px 0px -3px;
}

.footer_address {
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  width: 250px;
  margin: 3px 0px 0px -3px;
}

.third_col {
  align-items: flex-end;
}

.third_col_group {
}

.payment_title {
  padding-right: 15px;
}

.pay_methots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 152px;
  margin: -6px 15px 23px 0px;
}

.pay_link {
  padding-top: 5px;
}

.security_title {
  padding-right: 25px;
}

.footer_security {
  display: flex;
  width: 152px;
  margin: -4px 16px 0 0;
}

.footer_security
.footer_link:first-child {
  margin-right: 10px;
}


.subtitle_page {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  /* or 19px */

  text-transform: uppercase;
}

.page_link {
  margin: 0;
  position: absolute;
  top: 0px;
  right: 15px;
}

.search_box {
  position: relative;
  margin-bottom: 55px;
}

.search_title {
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.search {
  position: relative;
  padding: 0 15px;
  margin-top: 8px;
  font-size: 18px;
  width: 100%;
  height: 52px;
  /* SW/grey/light */

  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.search_button {
  font-size: 16px;
  border: none;
  color: #5F5F5F;
  background-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.page_item {
  height: 300px;
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.page_item:last-child {
  margin-bottom: 0;
}

.item_account {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 40px 0 60px;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  padding: 15px;
}


/* entries */
.entries_title {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  margin-top: 34px;
  text-transform: uppercase;
}

.entries {
  padding: 24px 30px;
}

.table {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-radius: 8px 8px 0px 0px;
}

.table_head {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}

.table_title {
  min-width: 143px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  border-left: 1px solid #e0e0e0;
}

.table_title:first-child {
  width: 174px;
  border-left: none;
}

.table_title:nth-child(2) {
  width: 234px;
}

.table_inner {
  display: flex;
  height: 65px;
  border-bottom: 1px solid #e0e0e0;
}

.table_inner:last-child {
  border-bottom: none;
}

.table_item {
  min-width: 143px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #e0e0e0;
}

.table_item:first-child {
  width: 174px;
  border-left: none;
}

.table_item:nth-child(2) {
  width: 234px;
}

.table_logo {
  width: 80px;
}

.table_link {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #0061A3;
}

.table_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #5F5F5F;
  margin-top: 2px;
}

.table_view_all {
  float: right;
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #0061A3;
}

.personal_input {
  width: 100%;
  height: 68px;
  padding: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  color: #000;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.flex_box {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.login_text {
  width: auto;
}

.card_text {
  width: auto;
}

.box_text {
  width: auto;
}

.personal_date {
  position: relative;
  width: 233px;
  background-color: #fff;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.selected_wrap {
  position: relative;
}


.phone_box {
  position: relative;
}

.personal_country_code {
  display: flex;
  align-items: center;
  height: 60px;
  position: absolute;
  left: 20px;
  top: 5%;
  border-right: 2px solid #e0e0e0;
  background-color: #fff;
}

.card_information_text {
  width: 130px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-align: right;
  text-decoration-line: underline;
  color: #5F5F5F;
}

.default {
  color: #000;
}

.verified {
  color: #13902A;
}

.not_verified {
  color: #F30000;
}

.personal_button {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-top: 15px;
  text-transform: uppercase;
  width: 320px;
  height: 52px;
  background: #F7D300;
  border-radius: 8px;
  border: none;
}

.personal_button:hover {
  cursor: pointer;
}

#pesonal_cancel {
  width: 233px;
  background: #E0E0E0;
  color: #5F5F5F;
}

#personal_phone_number {
  padding-left: 145px;
}

#personal_login_number {
  padding-left: 145px;
}

#personal_password {
  margin: 0 0 5px 0;
}

#personal_re-enter_password {
  margin: 0 0 5px 0;
}

.personal_pasword_text {
  margin-bottom: 16px;
}

#personal_card_year {
  margin-left: 15px;
}

.checbox {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
}

.checkbox_label {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-right: 30px;
}

.add_card_link {
  width: 350px;
  text-align: right;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #0061A3;
  text-transform: uppercase;
}

.add_card_title {
  margin-bottom: 65px;
}

.checkbox_card_information {
  display: flex;
  align-items: center;
}

#checkbox_card {
  left: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
}

.checkbox_label_card {
  margin-left: 15px;
}

.card_information_button {
  width: 340px;
  margin-top: 45px;
}


/*card_information_filled*/
#card_information_filled {
  display: none;
  padding: 25px 0px;
}

.form_subtitle {
}

.card_information_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  height: 68px;
}

.card_information_desc {
  display: flex;
  align-items: center;
  padding: 22px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  height: 100%;
}

.card_information_logo {
  display: flex;
}

.card_information_name {
  font-size: 20px;
  margin-left: 30px;
}

.add_card {
  margin-top: 18px;
  float: right;
}

/* IDENTITY VERIFICATION */
.identity {
  padding: 0px 20px;
  position: relative;
}

.identity_wrap {
  padding: 30px 0px;
  position: relative;
  width: 100%;
}

.identity_table_wrap {
  padding: 30px 25px 0 10px;
}

.identity_table {
  display: flex;
  border: 2px solid #e0e0e0;
}

.identity_table_head {
  border: 2px solid #e0e0e0;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}

.identity_table_inner {
  display: flex;
  flex-direction: column;
  width: 180px;
  border-right: 2px solid #e0e0e0;
}

.identity_table_inner:first-child {
  width: 383px
}

.identity_table_inner:last-child {
  width: 200px;
  border-right: none;
}

.identity_table_title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  border-bottom: 2px solid #e0e0e0;
}

.pasport_title {
  display: none;
}

.identity_table_item {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
}

.identity_table_card {
  display: flex;
}

.identity_card_logo {
  display: flex;
  width: 30px;
}

.identity_table_logo {
  display: flex;
  width: 20px;
}

.identity_card_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin-left: 10px;
  text-transform: uppercase;
}

.not_verified_table_text {
  text-align: center;
  color: #F30000;
}

.upload_file {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.visible {
  display: block;
}

.invisible {
  display: none;
}

.pasport_head {
  display: none;
}


/*withdraw*/
.withdraw_right {
  padding: 28px 15px 0 0;
  width: 760px;
}

.withdraw_item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px;
  height: 60px;
  color: #5F5F5F;
  border-bottom: 2px solid #e0e0e0;
}

.withdraw_item:hover {
  cursor: pointer;
}

.withdraw_item.active {
  color: #000;
}

.withdraw_item:after {
  content: "";
  display: none;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.withdraw_logo {
  display: flex;
  width: 30px;
  margin-right: 8px;
}

.withdraw_img {
  width: 100%;
}

.withdraw_request {
  text-align: center;
}

.withdraw_title {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_text {
  /*    margin: 30px 0 10px;*/
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.withdraw_price {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: #13902A;
}

.withdraw_box {
  position: relative;
  margin-bottom: 10px;
}

.withdraw_currency {
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
}

.withdraw_currency:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  right: 40px;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%) rotate(135deg);
}

.withdraw_currency_choice {
  position: relative;
  text-align: center;
  height: 100%;
  width: 145px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 0 8px 8px 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#withdrawable_balance {
  height: 52px;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #000000;
}

.withdraw_balance_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #5F5F5F;
  margin-bottom: 30px;
}

.withdraw_details_text {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #5F5F5F;
}

.withdraw_information_item {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  align-items: flex-end;
}

.withdraw_information_desc {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 22px 30px;
  height: 68px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
}

.withdraw_card_name {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin-left: 30px;
}

.withdraw_operation {
  width: 420px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
}

.withdraw {
  color: #0061A3;
}

.withdraw_information_logo {
  width: 24px;
  height: 24px;
}

.withdraw_information_img {
  width: 100%;
}

#withdraw_form {
  display: block;
}

#transactions_form {
  display: none;
}

.transactions_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.transactions_table {
  padding: 30px 15px 42px 0;
}

.transactions_table_wrap {
  display: flex;
  border: 2px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.transactions_table_inner {
  width: 160px;
  border-left: 2px solid #e0e0e0;
}

.transactions_table_inner:first-child {
  width: 130px;
  border-left: none;
}

.transactions_table_inner:nth-child(3) {
  width: 280px;
}

.transactions_table_head {
  padding: 16px 0;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_table_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_table_item {
  padding: 15px;
  height: 74px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_table_item:last-child {
  border-bottom: none;
}

.transactions_table_text {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_table_subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}


/*transaction_information*/
.transaction_information {
  position: relative;
  padding: 0 30px;
}

.transaction_help_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: #0061A3;
  position: absolute;
  top: 8px;
  right: 60px;
  text-decoration: none;
}

.transaction_help_link:hover {
  text-decoration: underline;
}

.transaction_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.transaction_information_inner {
  position: relative;
  padding: 25px 15px;
}

.transaction_history {
}

.transactions_history_table {
  padding: 15px 30px;
  margin-bottom: 30px;
}

.transactions_history_inner {
  width: 262px;
  border-right: 2px solid #e0e0e0;
}

.transactions_history_inner:last-child {
  border-right: none;
}

.transactions_history_title {
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.transactions_history_item {
  padding: 15px;
  height: 52px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-bottom: 2px solid #e0e0e0;
}

.transactions_history_item:last-child {
  border-bottom: none;
}

/* lottery_syndicate */
.lottery_syndicate {
  padding: 0 30px;
  position: relative;
}

.lottery_syndicate_title {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_subtitle {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_link {
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  text-decoration-line: underline;
  position: absolute;
  top: 5px;
  right: 30px;
  color: #0061A3;
}

.lottery_syndicate_help_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #0061A3;
  text-decoration: none;
  position: absolute;
  top: 35px;
  right: 90px;
}

.lottery_syndicate_help_link:hover {
  text-decoration: underline
}

.lottery_syndicate_help_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: -20px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

.lottery_syndicate_wrap {
  position: relative;
  padding: 30px 8px;
}

.lottery_syndicate_table {
  margin-top: 15px;
  display: flex;
  border: 2px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.lottery_syndicate_inner {
  width: 120px;
  border-right: 2px solid #e0e0e0;
}

.lottery_syndicate_inner:first-child {
  width: 235px;
}

.lottery_syndicate_inner:nth-child(2) {
  width: 190px;
}

.lottery_syndicate_inner:nth-child(3) {
  width: 160px;
}

.lottery_syndicate_inner:nth-child(6) {
  width: 190px;
}

.lottery_syndicate_inner:last-child {
  width: 110px;
  border-right: none;
}

.lottery_syndicate_head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-bottom: 2px solid #e0e0e0;
}

.syndicate_table_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}

.lottery_syndicate_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 125px;
}

.syndicate_table_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.syndicate_table_logo {
  display: flex;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.syndicate_table_img {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
}

.syndicate_table_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.upper {
  text-transform: uppercase;
}

.second_syndicate_table {
  margin: 0;
  border-top: none;
  border-radius: 0;
}

.second_syndicate_table
.lottery_syndicate_head {
  display: none
}

.discount {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paymethod_title {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  /* or 31px */

  text-transform: uppercase;
}

.payment_inner {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.payment_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.payment_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 40px;
}

.payment_img img {
  height: 100%;
}

.payment_text {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  margin-left: 20px;
}

.total {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-top: 50px;
}

.payment_method {
  margin: 75px 0;
  padding-left: 15px;
}

.payment_back {
  display: none;
  margin: 0 0 20px 22px;
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  letter-spacing: -0.4px;
  color: #0061A3;
}

.payment_back:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(-135deg);
}

.payment_method_inner {
  display: flex;
  justify-content: space-between;
}

.payment_method_item {
  padding-top: 30px;
}

.method_choice {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  cursor: pointer;
}

.method_choice.active {
  color: #0061A3;
}

/*.method_choice.active:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0061A3;
    border-right: 2px solid #0061A3;
    position: absolute;
    top: 50%;
    right: -85px;
    z-index: 1;
    transform: translateY(-50%) rotate(45deg);
}*/
.method_choice.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 350px;
  height: 2px;
  background-color: #E0E0E0;
}

.method_img {
}

.method_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}

.form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 30px 0 30px 28px;
  width: 760px;
  border-left: 2px solid #E0E0E0;
}

.form_title {
  display: none;
}

#submit {
  margin-right: 155px;
  width: 340px;
}

#cancel {
  width: 233px;
  background: #E0E0E0;
  color: #5F5F5F;
}

#first_form {
  display: flex;
}

#second_form {
  display: none;
  margin-bottom: 10px;
}

.form_subtitle {
  margin: 10px 0 15px;
  width: 700px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

#email {
  margin-bottom: 10px;
}

#password {
  margin-bottom: 5px
}

.pasword_text {
  width: 700px;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  color: #5F5F5F;
}

#login {
  margin: 30px 350px 10px 0;
  width: 340px;
}

.privacy_link {
  margin-right: 240px;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #5F5F5F;
  text-decoration: none;
}

.privacy_link:hover {
  color: #F7D300;
  text-decoration: underline;
}

.have_link {
  margin-right: 35px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0061A3;
}

.signup_link {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #0061A3;
}

/*payment*/
.wraper {
  position: relative;
  margin: 0 auto 105px;
  max-width: 1012px;
}

.payment_wraper_item {
  text-align: center;
  padding: 60px 0 45px;
}

.payment_wraper_item:first-child {
  border-bottom: 2px solid #E0E0E0;
}

.green {
  color: #13902A;
}

.payment_description {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 15px;
}

.payment_jackpot {
  font-weight: 500;
  font-size: 36px;
  line-height: 120%;
  margin: 45px 0 30px;
}

.payment_wraper_text {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 15px;
  /* or 31px */

  text-transform: uppercase;
}

.payment_button {
  width: 320px;
  height: 52px;
  margin: 55px auto 0;
  text-transform: uppercase;
}

.payment_button a {
  font-size: 24px;
}

.verification_button {
  width: 328px;
  height: 52px;
  margin: 30px auto 105px;
  text-transform: uppercase;
}

.verification_button a {
  font-size: 24px;
}

/*Sign Up*/

#signup {
  position: relative;
  padding: 30px 0px 0px 0px;
  margin: 0;
  width: 100%;
  border: none;
  margin-bottom: 0px;
}

.country_code {
  display: flex;
  align-items: center;
  height: 60px;
  position: absolute;
  left: 50px;
  top: 73px;
  border-right: 2px solid #e0e0e0;
}

.country_img {
  display: flex;
  border-radius: 2px;
  width: 31px;
}

.country_code_choice {
  border: none !important;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  font-weight: 300;
  line-height: 110%;
  background-color: #fff;
}

.agree_link:hover {
  text-decoration: underline;
}

.create_account {
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-top: 60px;
}

.create_account:before,
.create_account:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 177px;
  height: 1px;
  background-color: #e0e0e0;
}

.create_account:before {
  left: 160px;
}

.create_account:after {
  right: 160px;
}

.create_button {
  width: 388px;
  height: 52px;
  margin: 30px auto 0;
  background: #0061A3;
  border-radius: 8px;
}

.create_link {
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

/*Welcome*/
#welcome {
  border: none;
  width: 100%;
  margin: 0;
  padding: 30px 8px 0 30px;
}

.your_number {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.change_link {
  font-weight: 400;
  font-size: 22px;
  margin: 0 auto;
}

.phone_number {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  text-transform: uppercase;
  margin-left: 25px;
  margin-bottom: 10px;
}

#sigin_password {
  width: 100%;
  margin: 0;
  margin-right: 20px;
}

.password_link {
  font-size: 22px;
  width: 100%;
  margin-right: 20px;
  text-align: end;
}

.welcome_button {
  width: 320px;
  height: 52px;
  margin: 30px auto 0;
  text-transform: uppercase;
}

.welcome_button a {
  font-size: 24px;
}

/*create_account*/
#create_account {
  position: relative;
  border: none;
  width: 100%;
  margin: 0 0 80px 0;
  padding: 30px;
}

.full {
  width: 100%;
}

#country {
  width: 952px;
}

.shift {
  margin-bottom: 20px;
}

.signin_already {
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 0;
  padding-top: 25px;
  border-top: 1px solid #e0e0e0;
}

.already_text {
  width: auto;
  margin: 0;
}

.arrow {
  position: relative;
  padding-right: 10px;
}

.arrow:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
}

/*verification*/

#verification {
  text-align: center;
  border: none;
  margin: 0 auto;
  padding: 30px;
}

.change_number {
  margin: 0 auto 62px;
}

.verification_number {
  width: 100%;
  margin: 5px auto 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: lowercase;
}

.sms_code {
  width: 190px;
  margin: 18px auto 35px;
}

.number_input {
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.send_again {
  display: flex;
  margin: 47px auto 110px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.send_again:hover {
  cursor: pointer
}

.send_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.22px;
  margin-left: 20px;
}

.question_verification {
  max-width: 830px;
  margin: 0 auto;
}

.confirmation {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 20px;
}

/* currency */
.deposit_currency {
  position: relative;
  display: flex;
  justify-content: center;
}

/*great promotion*/
.promotion_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  border-bottom: 2px solid #e0e0e0;
}

.promotion_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
}

.promotion_item .info_title {
  position: relative;
  font-weight: 400;
  margin: 0;
  width: 520px;
  line-height: 120%
}

.promotion_right-list .info_title:after {
  content: "";
  display: block;
  width: 210px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 40px;
  bottom: 4px;
}


.promotion_item > div {
  display: flex;
  padding: 20px 0;
}

.promotion_left-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.promo_offer {
  position: absolute;
  left: -87px;
  top: 10px;
}

.promotions_social {
  width: 135px;
}

.promotion_discount {
  width: 120px;
}

.promotion_left-col .join_question-title {
  margin: 0;
  text-align: center;
}

.promotion_left-col img {
}

.promotion_middle-col {
}

.promotion_right-list {
  display: flex;
  align-items: center;
  margin-top: 5px;
  position: relative;
}

.promotion_right-list:nth-of-type(1) {
  margin: 0;
}

.promotion_right-col ~ .promotion_right-list:first-child {
  margin-top: 0;
}

.promotion_right-list > div {
  display: flex;
  align-items: center;
  position: relative;
  width: 230px;
}

.number_list {
  width: 30px;
  height: 30px;
  background-color: #f30000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-right: 50px;
}

.hand {
  position: absolute;
  left: -40px;
  width: 30px;
}

.promotion_right_link {
  height: 30px;
  margin-right: 10px;
}

.link_us {
}

.promotion_right-list .lotteries_button {
  width: 180px;
  height: 30px;
  color: #777;
  background: #cecece;
}

/*
.promotion_right-list .lotteries_button:hover{
    cursor: not-allowed;
}
*/
.page_lottery .lotteries_highest {
  margin-top: 50px;
  padding-top: 10px;
}

/*Lottery result*/

.lottery-winners-page .lotteries_title:last-child {
  width: 43%;
}

.lottery_result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
}

.lottery_result-item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  background: #e5e5e5;
  border-radius: 50%;
}

.lottery_result-blue {
  color: #fff;
  background: linear-gradient(180deg, #004877, #0065a7);
  border: 1px solid #08598d;
}

.lottery_winners {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}

.lottery_winners-item {
  position: relative;
  width: 310px;
  height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lottery_winners-content {
  position: relative;
}

.winner {
  position: absolute;
  left: 0;
  top: 0;
}

.winners_photo {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  width: 310px;
  height: 150px;
}

.lottery_winners-description {
  position: relative;
  padding: 10px 0;
}

.lotto_logo {
  position: absolute;
  top: 15px;
  right: 15px;
}

.lottery_winners-name {
  width: 250px;
  height: 36px;
  font-size: 15px;
}

.lottery_winners-text {
  font-size: 22px;
}

.lottery_winners-item .lotteries_button {
  width: 100px;
  height: 40px;
  position: absolute;
  bottom: 0;
}

/*Thank you*/
.thank_you-page {
  padding: 0 15px;
}

/*Congratulation*/
.congratulations {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.congratulation_img {
  width: 40px;
  margin-right: 10px;
}

.congratulations_wrap {
  display: flex;
  flex-direction: column;
}

.congratulations_title {
  font-style: normal;
  color: #13902A;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.3em;
}

.congratulations_subtitle {
  color: #13902A;
  font-size: 20px;
  line-height: 120%;
}

/*promo slot*/
.promo_slot {
  padding: 30px 0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

/*your choise*/
.your_choise {
  display: flex;
  justify-content: space-evenly;
  margin-top: 30px;
}

.your_choise-title {
  color: #5f5f5f;
  font-size: 16px;
}

.your_choise-time {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.your_choise-timelogo {
  width: 20px;
}

.your_choise-item:nth-child(2) .your_choise-text {
  margin: 0;
}

.your_choise-text {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

/*free promo*/
.free_promo {
  display: flex;
  justify-content: center;
  position: relative;
}

.free_promo-gift {
  position: relative;
  bottom: -30px;
  left: 0;
  height: 240px;
}

.free_promo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 400px;
  margin: 0 20px;
}

.free_promo-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 1.3em;
  text-align: center;
}

.free_promo-title a {
  font-size: 40px;
  text-transform: uppercase;
}

.free_promo-wrap .lotteries_button {
  width: 300px;
  height: 50px;
  margin: 30px auto 30px;
  font-size: 20px;
}

.free_promo-slot {
  height: 300px;
}

/*what next*/
.what_next {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0 60px;
}

.what_next .join_question-title {
  margin: 0;
  font-weight: 400;
}

.what_next .join_list {
  margin-top: 10px;
  margin-left: 50px;
}

.what_next .list_item {
  font-weight: 400;
  line-height: 150%;
}

.what_next .list_item:before {
  top: 0;
}


@media (max-width: 960px) {
  #PageContainerInner {
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 60px;
  }
}

@media (max-width: 880px) {
  .baner_inner {
    max-width: 100%;
    height: 300px;
  ;
  }


  .baner_top {
    height: 220px;
  }

  .baner_title {
    max-width: 300px;
  }

  .baner_subtitle {
    font-size: 34px;
  }

  .baner_price {
    font-size: 36px;
  }

  .baner_text {
    font-size: 22px;
    line-height: 20px;
  }

  .baner_button {
    width: 200px;
    height: 48px;
    font-size: 22px;
    border-radius: 10px;
  }

  .baner_bottom {
    padding: 0 20px 0px;
  }

  .baner_item_text {
    font-size: 16px;
  }

  .baner_timer {
    font-size: 18px;
  }

  /*header*/
  .header_inner {
    height: auto;
  }

  .header_item {
    padding-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .header_item:first-child {
    width: 450px;
    justify-content: space-between;
  }

  .social {
    margin: 0;
  }

  .header_logo {
    width: 182px;
  }

  .header_logo img {
    width: 100%;
  }

  .nav-toggle {
    display: block;
  }

  .nav-toggle.active .nav-toggle__item:before,
  .nav-toggle.active .nav-toggle__item:after {
    background-color: #000;
  }

  .mobil_acount {
    display: block;
  }

  .mobil_acount_link {
    display: flex;
  }

  .header_account {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
  }

  .account_name {
    margin: 0;
  }

  .account_balance {
    margin: 0;
  }

  /*navigation*/
  .header_nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #fff;
    height: 300px;
    margin: 0;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
    box-shadow: 0px 10px 10px #eee;
  }

  .nav {
    display: none;
  }

  .nav.active {
    width: 100vw;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }

  .nav_link {
    font-weight: 600;
    font-size: 20px;
    padding: 10px 25px;
    text-transform: capitalize;
    border: none;
    color: #000;
  }

  .nav_link:hover {
    color: #0061A3;
  }

  .account {
    display: none;
  }

  .account.active {
    width: 343px;
    height: 52px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    border-radius: 0;
  }

  .account a {
    color: #fff;
  }

  .biggest_winners_inner {
    height: auto;
  }

  .content_button {
    margin-bottom: 15px;
  }

  /*syndycate*/
  .page_item {
    height: auto;
  }

  .content_title {
    flex-wrap: wrap;
  }

  /*    payment*/
  .payment_method_choice {
    margin-right: 0;
  }

  .method_choice.active:before {
    right: 30px;
  }

  .payment_method_inner {
    flex-direction: column;
  }

  .form {
    border: none;
    width: 100%;
    padding-left: 0;
  }

  .selected_wrap {
    width: 100%;
  }

  #month {
    width: 100%;
  }

  #year {
    width: 100%;
    margin-left: 0;
  }

  #submit {
    width: 100%;
    margin: 0 100px 20px;
  }

  #cancel {
    width: 100%;
    margin: 0 100px;
  }

  .form_subtitle {
    width: 100%;
  }

  .pasword_text {
    width: 100%;
  }

  #login {
    margin: 30px 120px 10px;
    width: 100%;
  }

  .create_account:before {
    left: 30px;
  }

  .create_account:after {
    right: 30px;
  }

  /*    transaction   */
  .withdraw_card_name {
    font-size: 16px;
  }

  .withdraw_details_text {
    font-size: 14px;
  }

  .transactions_table_item {
    height: 56px;
  }

  .transactions_table_title {
    font-size: 14px;
  }

  .transactions_table_text {
    font-size: 12px;
  }

  .picker_payment .method_choice {
    width: 100%;
  }

  /*    Promotions */
  .promotion_item {
  }

  .promotion_item .info_title {
    width: 500px;
  }

  .promotion_right-list .info_title:after {
    width: 200px;
    right: 30px;
  }


  .hand {
    left: -30px;
    width: 26px;
  }

  .promotion_middle-col {
    width: auto;
    margin: 10px 0;
  }

  /*Lottery result*/
  .lotteries_title:first-child {
    width: 28%;
  }

  .lottery_winners {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .lottery_winners-item {
    width: 330px;
    height: 360px;
    padding: 0 10px;
    margin-bottom: 15px;
  }

  .lottery_winners-item:last-child {
    margin-bottom: 0px;
  }

  .winners_photo {
    width: 310px;
  }

  .lottery_winners-name {
    width: 250px;
  }

  .page_lottery {
    padding: 0;
  }

  /*thank you*/
  .free_promo-title {
    font-size: 26px;
    text-align: center;
  }

  .free_promo-title a {
    font-size: 30px;
  }

  .what_next {
    width: 100%;
    margin: 0;
  }

  .what_next .join_list {
    margin-left: 30px;
  }

  .thank_you-page .lotteries_highest > .highest_text {
    text-indent: 0;
  }

  .thank_you-page .lotteries_highest > .highest_inner {
    justify-content: space-evenly;
  }
}

.wpcb-container {
  z-index: -100 !important;
}

.modal_box {
  padding: 0;
  overflow-y: hidden !important;
}

.pagination {
  display: block !important;
}


#submit-deposit, #submit-deposit1 {
  margin-right: 155px;
  width: 340px;
}

.number_input {
  width: 80px !important;
  border: 0px !important;
  border-bottom: 1px solid #000 !important;
}

.error {
  border-color: #ef0505 !important;
}

.error_b {
  border-color: #ef0505 !important;
  border-width: 2px !important;
}

#forgot-pass {
  cursor: pointer;
}

/* header */

.header {
}

.header_inner {
  height: 80px;
  display: flex;
  justify-content: space-between;
}

.header_item {
  display: flex;
  align-items: flex-end;
}

.header_logo {
}

.header_account {
  margin-left: 30px;
  padding-bottom: 14px;
  font-weight: 400;
}

.mobil_acount {
  display: none;
}

.account_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.acount_logout {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  color: #0061A3;
}

.account_balance {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5px;
}

.social {
  width: 100px;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  margin-top: 20px;
}

.header_social {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_social_item {
}

.header_social_link {
  display: flex;
}

.header_social_img {
  width: 20px;
}

.header_language {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  justify-content: flex-end;
}

.country {
  border-radius: 2px;
}

.lang_img {
  margin-right: 5px;
}

.lang_choice {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 10px;
  background-size: 12px;
}

/*navigation*/
.header_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F30000;
  height: 34px;
  border-radius: 10px;
  margin-top: 10px;
}

.nav {
  display: flex;
}

.nav_link {
  padding: 0 25px 0 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 1px solid #fff;
}

.nav_link:hover {
  text-decoration: underline;
}

.account {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 100%;
  background-color: #0061A3;
  border-radius: 10px;
}

.account .nav_link {
  border-right: none;
}

/* nav-toggle*/
.nav-toggle {
  display: none;
  width: 20px;
  padding: 0;
  font-size: 0;
  color: transparent;
  border: 0;
  background: none;
  cursor: pointer;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 3;
}

.nav-toggle:focus {
  outline: none;
}

.nav-toggle.active .nav-toggle__item {
  background: none;
}

.nav-toggle.active .nav-toggle__item:before {
  transform-origin: left top;
  transform: rotate(40deg);
}

.nav-toggle.active .nav-toggle__item:after {
  transform-origin: left bottom;
  transform: rotate(-40deg);
}

.nav-toggle__item {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #F30000;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border-radius: 25px;
  transition: background .2s linear;
}

.nav-toggle__item:before,
.nav-toggle__item:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #F30000;
  left: 0;
  z-index: 2;
  border-radius: 25px;
  transition: transform .2s linear;
}

.nav-toggle__item:before {
  top: -6px;
}

.nav-toggle__item:after {
  bottom: -6px;
}

.button_back {
  font-size: 22px;
  background: none;
  border: none;
  text-decoration: underline;
  color: #142DB1;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 0 0 0 30px;
  position: relative;
}

.button_back:before {
  content: "<<";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.button_back:hover {
  cursor: pointer;
}

/*section baner*/
.baner_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 0 0;
  width: 100%;
  height: 462px;
  color: #fff;
  margin: 30px auto 0;
  background: url(../images/banner-bg.png) center no-repeat;
  background-size: cover;
}

.baner_top {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 360px;
  justify-content: space-between
}

.baner_title {
  max-width: 490px;
}

.baner_subtitle {
  font-weight: 500;
  font-size: 50px;
  line-height: 36px;
}

.baner_price {
  font-weight: 600;
  font-size: 55px;
  line-height: 0.8em;
}

.baner_text {
  font-weight: 500;
  font-size: 34px;
  line-height: 36px;
}

.baner_button {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 18px;
  background: linear-gradient(to bottom, #fea501, #ff2d00);
}

.baner_button:hover {
  cursor: pointer;
}

.baner_bottom {
  padding: 0 20px 5px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.baner_item {
  display: flex;
  align-items: center;
}

.baner_logo {
  width: 30px;
  display: flex;
}

.baner img {
  width: 100%;
}

.baner_item_text {
  font-size: 24px;
  font-weight: 700;
  margin: 0 10px;
}

.baner_timer {
  font-size: 28px;
}


/*section card*/

.card {
  margin-top: 25px;
}

.card_inner {
  display: flex;
  padding: 0 15px;
}

.card_item {
  margin-left: 15px;
  width: 380px;
  display: flex;
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius: 10px
}

.card_item:first-child {
  margin-left: 0px;
}

.card_img {
  margin-left: 5px;
  width: 70px;
  height: auto;
}

.card_info {
  padding: 5px;
}

.card_title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.card_description {
  padding-top: 10px;
  color: #5F5F5F;
}

.card_link {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  color: #0061A3;
  position: absolute;
  top: 5px;
  right: 15px;
}

/*select_card*/
.select_card {
  width: 100%;
  position: relative;
}

.select {
  width: 80px;
  height: 68px;
  position: absolute;
  bottom: 15px;
  padding-top: 20px;
  right: 20px;
  z-index: 1;
}

.select:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0061A3;
  border-right: 2px solid #0061A3;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.select_body {
  display: flex;
  flex-direction: column;
  height: 32px;
  overflow: hidden;
}

.select_body.active {
  overflow: visible;
}

.select_option {
  margin-bottom: 5px;
}

.select_img {
  height: 100%;
}

/*section play*/

.play {
  margin-top: 75px;
}

.red_title {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  background-color: #F30000;
  border-radius: 8px;
}

.play_title {
  margin: 15px;
}

.play_inner {
  padding: 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.play_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 5px 15px;
  width: 208px;
  height: 270px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.favorites {
  position: absolute;
  top: 10px;
  right: 15px;
}

.play_img {
  width: 92px;
  height: 92px;
  display: flex;
  margin: 10px auto;
  border: 2px solid #E0E0E0;
  border-radius: 100%;
}

.play_img img {
  width: 100%;
}

.play_content {
  margin-top: 18px;
}

.play_description {
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
}

.play_price {
  margin-top: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
}

.play_timer {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.play_time {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #0061A3;
}

.play_button {
  margin-top: 12px;
  width: 182px;
  height: 38px;
}

.details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* section winners*/

.winners_inner {
  height: 441px;
  overflow: hidden;
  margin-top: 75px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.biggest_winners {
  width: 775px;
}

.latest_winners {
  width: 380px;
}

.winners_title {
  font-size: 15px;
  margin-bottom: 15px;
}

.biggest_winners_inner {
  height: 382px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.inner_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.title_logo {
  margin-left: -60px;
}

.title_text {
  margin-left: 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.title_text span {
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  color: #0061A3;
}

.biggest_winners_info {
  display: flex;
  flex-wrap: wrap;
}

.inner_content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20px;
}

.content_img {
}

.content_info {
  padding: 0 15px;
}

.info_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}

.info_description {
  width: 232px;
  font-weight: 500;
  line-height: 21px;
}

.info_more {
  margin-top: 28px;
  padding-right: 10px;
}

.info_link {
  font-size: 14px;
}

.content_button {
  width: 232px;
  height: 40px;
  margin-left: 0px;
  margin-top: 30px;
}

.content_link {
  font-size: 14px;
}

/*results*/
.inner_results {
  padding: 20px 0px 0px 18px;
  display: flex;
  flex-direction: column;
}

.results_group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-left: 50px;
}

.results_text {
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 15px;
}

.results_number {
  display: flex;
  margin-top: -3px;
  margin-left: -1px;
}

.results_number img {
  margin-right: 3px;
}

.results_info {
  margin-left: 10px;
}

.results_date {
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  padding-left: 12px;
  margin-top: 5px;
}


/*latest winners*/

.latest_winners_prizes {
  height: 98px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.prizes_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 5px;
}

.prizes_wins {
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  color: #13902A;
  margin-top: 5px;
}

.prizes_tickets {
  display: flex;
  margin-top: 5px;
}

.tickets_sum {
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  margin-right: 10px;
}

.tickets_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 8px;
}

.latest_winners_item {
  height: 78px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.latest_winners_logo {
  margin-left: 14px;
  align-items: center;
  display: flex;
}

.latest_winners_content {
  height: 100%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}

.winners_date {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 13px;
}

.winners_text {
  display: flex;
}

.winners_text img {
  margin-top: -5px;
}

.winners_name {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  margin-top: -5px;
  margin-left: 5px;
}

.winners_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 1.1px;
  color: #5F5F5F
}

/*section question*/
.question {
  margin: 75px 0;
}

.question_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-left: 5px;
}

.question_inner {
  padding: 0 15px;
}

/* accordion*/
.accordion {
  max-width: 776px;
  margin-top: 15px;
}

.accordion_item {
  border-bottom: 1px solid #E0E0E0;
}

.accordion_item.active
.accordion_content {
  display: block
}

.accordion_item.active
.accordion_header {
  border-bottom-color: #E0E0E0
}

.accordion_item.active
.accordion_header:after {
  transform: rotate(-45deg);
}

.accordion_header {
  padding: 18px 0px 8px 20px;
  border-bottom: 1px solid transparent;
  position: relative;
  cursor: pointer;
}

.accordion_header:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #5F5F5F;
  border-right: 2px solid #5F5F5F;
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

/*footer*/
.footer {
  height: 560px;
}

.footer_inner {
  padding: 136px 0px 0;
  background: url(../images/stars.svg) no-repeat;
}

.footer_social {
  display: flex;
  justify-content: space-between;
}

.social_left {
  display: flex;
  align-items: flex-start;
}

.social_text {
  padding-left: 8px;
}

.social_title {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.sosial_subtitle {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #5F5F5F;
}

.social_right {
}

.social_link {
  margin-right: 6px;
  text-decoration: none;
}

.social_link:last-child {
  margin-right: 40px;
}

.footer_info {
  display: flex;
  justify-content: space-between;
}

.footer_col {
  display: flex;
  flex-direction: column;
  margin-top: 34px;
  width: 250px;
}

.footer_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}

.footer_links {
}

.col_links {
  display: flex;
  flex-direction: column;
}

.footer_link {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  color: #000;
  padding-top: 5px;
}

.home_link {
  display: none;
}

.footer_link:last-child {
  font-weight: bold;
}

.second_col {
  padding-left: 12px;
}


.footer_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  width: 250px;
  margin: 5px 0px 0px -3px;
}

.footer_address {
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  width: 250px;
  margin: 3px 0px 0px -3px;
}

.third_col {
  align-items: flex-end;
}

.third_col_group {
}

.payment_title {
  padding-right: 15px;
}

.pay_methots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 152px;
  margin: -6px 15px 23px 0px;
}

.pay_link {
  padding-top: 5px;
}

.security_title {
  padding-right: 25px;
}

.footer_security {
  display: flex;
  width: 152px;
  margin: -4px 16px 0 0;
}

.footer_security
.footer_link:first-child {
  margin-right: 10px;
}


.subtitle_page {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  /* or 19px */

  text-transform: uppercase;
}

.page_link {
  margin: 0;
  position: absolute;
  top: 0px;
  right: 15px;
}

.search_box {
  position: relative;
  margin-bottom: 55px;
}

.search_title {
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.search {
  position: relative;
  padding: 0 15px;
  margin-top: 8px;
  font-size: 18px;
  width: 100%;
  height: 52px;
  /* SW/grey/light */

  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.search_button {
  font-size: 16px;
  border: none;
  color: #5F5F5F;
  background-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.page_item {
  height: 300px;
  margin-bottom: 30px;
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}

.page_item:last-child {
  margin-bottom: 0;
}

.item_account {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 40px 0 60px;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  padding: 15px;
}

.account_logo img {
}

.account_title {
  margin: 10px 0 0 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  /* identical to box height, or 22px */

  text-transform: uppercase;
}

.account_text {
  margin: 5px 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
}

.account_link {
  margin: 10px 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  /* identical to box height, or 17px */

  text-decoration-line: underline;
  /* SW/blue */

  color: #0061A3;
}

.item_content {
  width: 627px;
  display: flex;
  margin: 30px 0;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.content_title {
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  padding-bottom: 8px;
  /*border-bottom: 1px solid #E0E0E0;*/
}

.content_title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 570px;
  height: 1px;
  background-color: #E0E0E0;
}

.content_information {
  margin: 12px 32px;
}

.info_text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #5F5F5F;
  margin-bottom: 15px;
}

.info_item {
  display: flex;
  margin-bottom: 12px;
}

.info_item:last-child {
  margin-bottom: 0;
}

.info_item img {
  width: 50px;
  height: 25px;
}

.content_text {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  margin-left: 12px;
}

.content_number {
  color: #13902A;
}

.item_statistics {
  display: flex;
  flex-direction: column;
  padding: 30px 0 0 45px;
}

.statistics_jackpot {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  margin-top: -5px;
  text-transform: uppercase;
  color: #13902A;
}

.statistics_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  width: 150px;
  margin: 10px 0 15px 3px;
}

.statistics_button {
  margin-top: 10px;
  width: 180px;
  height: 40px;
}

.statistics_link {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}

.pagination {
  margin-top: 30px;
}

.pagination_inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination_item {
  margin-right: 60px;
}

.pagination_item:last-child {
  margin-right: 00px;
}

.pagination_link {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  color: #000;
}


/*syndicate_details page*/

.syndicate_details {
  margin-top: -10px;
  margin-bottom: 65px;
}

.syndicate_details_inner {
  display: flex;
  justify-content: space-between;
}

.syndicate_details_title {
  margin: 10px 0 0 30px;
}

.syndicate_details_item {
}

.draw_inner {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-left: 30px;
}

.draw_item {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 15px;
  width: 781px;
  height: 68px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
}

.draw_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  padding-left: 30px;
  width: 500px;
}

.draw_prise {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: auto 0;
  margin-left: 40px;
}

.draw_button {
  width: 90px;
  height: 30px;
  margin: auto 20px;
}

.draw_link {
  text-transform: uppercase;
}

.best_deal {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-left: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.draw_days {
  margin-top: 60px;
}

.draw_days_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.draw_days_inner {
  display: flex;
}

.draw_days_item {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-right: 35px;
}

.draw_days_item:last-child {
  margin-right: 0;
}

.draw_days_text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.draw_days_img {
  margin: 10px 0 5px 0;
  text-align: center;
}


.question_syndicate_details {
  margin-top: 25px;
  padding-left: 20px;
}

.package {
  margin-right: 15px;
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  padding-bottom: 20px;
}

.package_account {
  position: relative;
}

.package_account:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 290px;
  height: 1px;
  background-color: #E0E0E0;
}

.package_logo {
  margin: 15px 40px 0 40px;
}

.package_title {
  font-size: 20px;
  margin: 10px 0 0 0px;
}

.package_text {
  margin: 5px 0 18px 0px;
}

.package_statistics {
  padding: 20px 0 0 45px;
}

.about_package {
  margin-top: 20px;
  width: 200px;
}

.about_package_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about_package_text {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-left: 20px;
  margin-bottom: 10px;
}

.about_package_text:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-top: 1px solid #13902A;
  border-right: 1px solid #13902A;
  position: absolute;
  top: 10px;
  left: -15px;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.about_package_item img {
  margin-right: 10px;
}

.lotteries_included {
  width: 325px;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  margin: 30px 15px 0 35px;
}

.lotteries_included_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
}

.lotteries_included_item {
  border-bottom: 2px solid #e0e0e0;
}

.lotteries_included_item:last-child {
  border-bottom: none;
}

.included_top {
  padding-left: 30px;
}

.included_img {
  border: none;
  margin: 5px 0 0 15px;
  width: 80px;
}

.included_img img {
  width: 80px;
}

.included_info {
  padding-left: 10px;
  margin-top: 20px;
}

.included_content {
}

.included_content img {
  width: 17px;
}

.included_description {
  font-size: 12px;
  padding-left: 5px;
}

.lotteries_included_line {
  margin-top: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.lotteries_included_text {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
}

.included_bottom {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.included_price {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: -2px 0 0 50px;
}

.included_timer {
  margin-left: 40px;
  display: flex;
  align-items: center;
}

.included_timer img {
  width: 13px;
}

.included_time {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #0061A3;
}

.method_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}

.form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 30px 0 30px 28px;
  width: 760px;
  border-left: 2px solid #E0E0E0;
}

.form_title {
  display: none;
}

/*verification*/

#verification {
  text-align: center;
  border: none;
  margin: 0 auto;
  padding: 30px;
}

.change_number {
  margin: 0 auto 62px;
}

.verification_number {
  width: 100%;
  margin: 5px auto 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: lowercase;
}

.sms_code {
  width: 190px;
  margin: 18px auto 35px;
}

.number_input {
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.send_again {
  display: flex;
  margin: 47px auto 110px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.send_again:hover {
  cursor: pointer
}

.send_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.22px;
  margin-left: 20px;
}

.question_verification {
  max-width: 830px;
  margin: 0 auto;
}

.confirmation {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 20px;
}

/* currency */
.deposit_currency {
  position: relative;
  display: flex;
  justify-content: center;
}

.validation_message {
  color: #ef0505;
  font-size: 22px;
  font-weight: 500;
  display: none;
}

@media (max-width: 500px) {
  .validation_message {
    font-size: 14px
  }
}

#loading-screen {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 #fff3;
  top: 0
}

#loader-box {
  display: flex;
  margin: 50vh auto 0;
  width: fit-content;
  padding: 5px 30px;
  border: 1px solid #05191c;
  border-radius: 5px;
  background-color: #022b32;
  color: #16DB2A !important;
}

.time_load {
  margin-top: 15px;
  color: #a39e9e85;
}

.account_free_tickets {
  margin-top: 5px;
  color: red;
  height: fit-content;
}


.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: .3s;
  z-index: 11;
}

.gift {
  position: relative;
  display: flex;
  align-items: center;
  width: 500px;
  min-height: 300px;
  background: url(../images/gift-fast.gif) no-repeat center, #fff;
  background-size: cover;
  background-position: 0 -30px;
  border-radius: 8px;
  transition: .3s;
}

.gift.end {
  background: url(../images/gift-bg.gif) no-repeat center, #fff;
  background-size: cover;
}

.gift .close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.gift_inner {
  display: none;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  transition: .3s;
}

.gift-from {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: #0061A3;
  text-align: center;
}

.gift-text {
  font-size: 18px;
}

.gift-text b {
  text-transform: uppercase;
  text-decoration: underline;
}

.lotteries_button {
  text-align: center;
}

.gift-title {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.gift img {
  width: 200px;
  height: 200px;
}

.gift-desc {
  font-size: 18px;
  margin: 20px 0;
  text-align: center;
}

.close_btn {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #6c757d;
  cursor: pointer;
  transition: .3s;
  background: transparent;
}

.close_btn:hover {
  color: #000;
}

.gift .close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 0;
}

.button {
  width: 171px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F7D300;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .join_question-title {
    font-size: 18px;
  }
}

#language-select:after {
  border: 0;
}

.social_item {
  margin-right: 10px;
  width: 16px
}

.card_info_header_wrapper {
  display: flex;
  justify-content: space-between;
}

.card_link {
  position: initial !important;
}

@media (max-width: 500px) {
  .withdraw_input_field {
    width: 80% !important;
  }

  .transactions_title {
    margin-top: 23px;
  }
}

@media (max-width: 380px) {

  .lottery_item {
    width: 100% !important;
  }
}

@media (max-width: 804px) {
  .lottery_item {
    flex-basis: 100%;
    max-width: 380px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (max-width: 412px) {
  .lottery_item {
    width: 100% !important;
    max-width: initial;
  }
}

#passport_img {
  cursor: pointer;
  width: 36px;
  height: 42px;
}

.content_item_text_draw {
  text-wrap: nowrap;
}

#change-phone-but {
  background-color: white;
}

@media (max-width: 610px) {
  .biggest_upcoming_wrapper {
    margin-top: 30px
  }
}

.language_logo {
  margin-right: 5px;
}

.social_right {
  display: flex;
}

.entries .table .table_head .table_title {
  text-align: center;
}

.lottery_winners-item {
  height: 380px !important;
}

.lottery_winners_item .lotteries_button {
  position: initial !important;
;
}

.transaction_information .title_page {
  margin-top: 20px;
}

.cancel_subscription {
  color: #2f2fb0;
  cursor: pointer;
  font-weight: 500;
}

.product_link {
  color: #2f2fb0;
  font-weight: 500;
}

.cancel_subscription:hover {
  text-decoration: underline;
}

.subscription_table_head {
  font-size: 16px;
  font-weight: bold;
}

.dropdown-vouchers-mobile {
  right: initial !important;
}

.header_account_mobile {
  display: none;
  padding: 10px 25px;
  height: fit-content;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

.account_balance:nth-child(n + 1) {
  margin-top: 5px;
}

@media (max-width: 880px) {

  .header_account {
    display: none;
  }

  .header_account_mobile {
    display: flex;
  }
}

/*@media (max-width: 500px) {
    .country_code {
        font-size: 16px !important;
        padding-left: 0;
        padding-right: 0;
    }

    #ddlCountryButton {
        padding-bottom: 0;
    }

    #country-flag {
        bottom: initial;
        bottom: 4px !important;
    }

    #country-code {
        font-size: 16px !important;
    }

    #phone_number {
        padding-left: 140px;
        padding-right: 30px;
        font-size: 16px !important;
    }

    .form_input {
        font-size: 16px !important;
    }
}*/

.withdraw_funds {
  font-size: 18px;
}

@media (max-width: 600px) {
  .withdraw_funds {
    font-size: 16px;
  }
}

.winners_logo {
  width: 76px;
  height: 58px;
}

.header_logo_iwin {
  height: 100% !important;
}

.header_nav_iwin {
  background-color: black !important;
}

@media (max-width: 880px) {
  .header_nav_iwin {
    background-color: white !important;
  }

  .header_logo_iwin {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header_logo .iwin_logo {
    width: 70%;
    height: 70%;
  }
}

.footer_regulation {
  width: 250px;
  margin-left: -3px;
}

.draw_schedule_list img {
  width: 20px;
}

.social_img_telegram {
  width: 37px;
  height: 37px;
}

.social_telegram {
  margin-left: 20px;
}

.language_dropdown_landing {
  margin: 0 auto !important;
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dropdown_button_landing {
  margin: initial !important;
}

@media(max-width: 540px) {
  .language_dropdown_landing {
    width: 100%;
  }
}

.send_again_buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}

.send_again_icon_resize {
  width: 37px;
  height: 37px
}

@media(max-width: 600px) {
  .send_again_buttons {
    flex-wrap: wrap;
    margin: 0 auto;
    width: 80%;
  }

  .send_again {
    flex-basis: 50%;
  }
}

@media(max-width: 500px) {
  .send_again_icon_resize {
    width: 20px;
    height: 20px;
  }
}

.social_whatsapp {
  display: flex;
}

.social_telegram {
  display: flex;
}

.social_wrapper {
  display: flex;
}

@media(max-width: 700px) {
  .social_wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 220px;
  }

  .social_telegram {
    margin-left: 0;
  }
}

.footer {
  height: fit-content;
}

.content_modal {
  overflow-x: hidden;
;
}

.close_modal_custom {
  width: 30px;
  height: 30px;
}

.telegram_modal {
  max-width: 400px;
}

.telegram_modal_header {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px;
  border-bottom: 2px solid #6c757d2e;
  align-items: center;
}

.telegram_modal_header_text {
  font-size: 18px;
}

.telegram_modal_text {
  display: block;
}

.telegram_modal_icon {
  width: 40px;
  margin-right: 10px;
}

.telegram_modal_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.telegram_qr_code {
  width: 50%;
  height: 50%;
}

.telegram_bot_link_button {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  padding: 2px 70px;
  border-radius: 8px;
  border: 2px solid #6c757d2e;
}

.telegram_modal_body_elem {
  margin-top: 20px;
}

.telegram_modal_text {
  width: 90%;
}

.telegram_restore_password {
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: center;
  margin-top: 20px;
}

@media(max-width: 500px) {
  .telegram_restore_password_icon {
    width: 30px;
  }

  .telegram_restore_password {
    font-size: 16px;
  }
}

.display_flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.telegram_notification_link {
  font-size: 18px
}

.telegram_learn_more_link {
  margin-left: 30px;
}


@media(max-width: 500px) {
  .telegram_notification_link {
    font-size: 14px;
  }

  .telegram_learn_more_link {
    margin-left: 10px;
  }
}

.form_input {
  width: 100%
}

.iwin-page, .screen {
  margin: 70px auto;
  width: 60%;
  text-align: center
}

@media (max-width: 600px) {
  body .iwin-page .screen {
    width: 90%;
  }
}

.iwin-header {
  text-align: center
}

.iwin-combination {
  width: 100%;
  max-width: 365px;
  margin: 50px auto;
}

.iwin-combination div img {
  max-width: 100%;
}

.description {
  font-size: 16px;
}

.description div {
  font-size: 20px
}

.description div span {
  font-weight: 700;
}

.combination, .lottery_timer {
  margin-top: 10px;
}

.combination div {
  width: 50%;
  float: left;
  height: 21px;
  font-size: 20px;
  color: #3e3edf;
  font-weight: 700;
  height: auto
}

.combination div div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
}


.selected_wrap {
  float: left;
  width: 49%
}

.form .input {
  width: 100%;
  height: 58px;
  padding: 14px;
  font-weight: 500;
  font-size: 24px;
  color: #000;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.form .input:focus-visible {
  border: 2px solid #0065a7;
}

.form label {
  display: block;
  font-size: 18px;
  color: #000;
  margin: 0px 0 20px;
  text-align: left
}

.form select {
  cursor: pointer;
}

.form #form__give {
  width: 50%;
}


.form__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form__wrap .input {
  width: calc(50% - 10px);
}

.form__button {
  display: block;
  margin: 0 auto;
  padding: 10px 30px;
  margin-top: 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  background: #F7D300;
  border: 2px solid #F7D300;
  border-radius: 8px;
  cursor: pointer;
  transition: all .3s ease;
}



.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 40px 0;
}


#month {
  width: 100%
}

#year {
  width: 49%;
}

.form_button_prom {
  margin: 30px auto 0;
  width: fit-content;
  height: fit-content;
}
/*@media (max-width: 500px) {
    .country_code {
        top: 27px !important;
        height: 66px !important;
    }

    #country-code {
        font-size: 20px !important;
    }

    #phone_number {
        font-size: 20px !important;
    }
}*/

.payment-form {
  width: 100%;
  margin: 0 auto;
}

.package-price {
  font-size: 30px;
}

.strikethrough {
  position: relative;
}

.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: red;
}

.error-message {
  text-align: center;
  color: red;
}

.isr_prom_form {
  display: block !important;
  padding-top: 30px !important;
  padding-bottom: 130px !important;
}