.elementor-kit-108{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;color:#FFFFFF;background-image:linear-gradient(90deg, #002F23 19%, #004736 81%);}.elementor-kit-108 e-page-transition{background-color:#FFBC7D;}.elementor-kit-108 a{color:#FFBE00;}.elementor-kit-108 a:hover{color:#FFE500;}.elementor-kit-108 h1{color:#FFFFFF;}.elementor-kit-108 h2{color:#FFFFFF;}.elementor-kit-108 h3{color:#FFFFFF;}.elementor-kit-108 h4{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#top {
    width: 100%;
    position: relative;
}

 body {
      font-family: Roboto Condensed, ui-sans-serif, system-ui;
      font-weight: 700;
      color: #dea237;
    }
    /* Navbar custom styling */
    .header-dark {
      background-image: radial-gradient(70.31% 70.31% at 50% 39.84%, #014736 0, #011d14 100%);
    }
    .navbar-brand img {
      max-width: 35%;
      height: auto;
    }
    .navbar-dark .navbar-nav {
      color: #dea237;
      align-items: center;
      white-space: nowrap;
    }
    .navbar-dark .navbar-nav .nav-link {
      color: #dea237 !important;
      font-weight: 700;
      margin-right: 30px;
      white-space: nowrap;
    }
    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
      color: #dea237 !important;
      opacity: 0.8;
    }
    /* Button styling */
    .button-container {
      display: flex;
      align-items: center;
    }
    .btn-light.action-button {
      display: inline-block;
      cursor: pointer;
      background-image: linear-gradient(99.1deg, #faf1bd 6.07%, #dfc687 21.58%, #cca660 34.35%, #c09347 45.29%, #bc8c3f 51.68%, #c09347 58.97%, #cca660 70.83%, #dfc687 85.42%, #f1e3ab 97.28%);
      border-radius: 32px;
      color: #4f2e10;
      font-family: Roboto, ui-sans-serif, system-ui;
      font-weight: 900;
      letter-spacing: .025em;
      text-transform: uppercase;
      transition: all 0.5s cubic-bezier(.4,0,.2,1);
      box-shadow: 0 5px 0 #4f2e10;
      text-decoration: none;
      margin-right: 10px;
      padding: 10px 35px;
    }
    .btn-light.action-button:last-child {
      margin-right: 0;
      box-shadow: 0 5px 0 #4f2e10;
    }
    .btn-light.action-button:hover,
    .btn-light.action-button:focus,
    .btn-light.action-button:active {
      color: #4f2e10;
      box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.5),
                  0 0 8px 3px rgba(255, 255, 255, 0.3);
      transition: box-shadow 0.3s ease-in-out;
    }
    .btn-light.action-button.login:last-child {
      margin-right: 0;
      box-shadow: 0 5px 0 #4f2e10;
    }
    .btn-light.action-button.login:hover,
    .btn-light.action-button.login:focus,
    .btn-light.action-button.login:active {
      color: #4f2e10;
      box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.5),
                  0 0 8px 3px rgba(255, 255, 255, 0.3);
      transition: box-shadow 0.3s ease-in-out;
    }
    /* Media queries for responsiveness */
    @media (max-width: 768px) {
      .navbar-brand img {
        max-width: 150px;
      }
      /* Hide Log In button on mobile if needed */
      .btn-light.action-button.login {
        display: none;
      }
    }
    /* MOBILE FIX: Position logo, burger, and Sign Up button */
    @media (max-width: 576px) {
      .navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 60px;
      }
      .navbar-brand {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
      }
      .navbar-brand img {
        max-width: 120px;
      }
      .navbar-toggler {
        position: absolute;
        left: 55%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        padding: 10px 15px;
        font-size: 1.2rem;
      }
      /* Hide Log In button on mobile */
      .btn-light.action-button.login {
        display: none;
      }
      /* Position Sign Up button on the right */
      .btn-light.action-button.signup {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        padding: 5px 10px;
        font-size: 12px;
        margin-right: 0;
      }
      /* Position the collapsed menu below the navbar */
  .navbar-collapse {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #011d14;
    z-index: 1000; /* Высокое значение */
    box-shadow: 0 5px 10px rgba(0,0,0,0.3); /* Добавляем тень для визуального отделения */
  }
  
  /* Убедимся, что при открытии меню оно не перекрывается другими элементами */
  .navbar-collapse.show {
    z-index: 1000;
    display: block;
  }
      .navbar-collapse.justify-content-center {
        justify-content: center !important;
      }
      .navbar-dark .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
      }
    }
footer {
    font-family: Roboto Condensed, ui-sans-serif, system-ui;
    text-align: left;
    padding: 20px 150px;
    color: #ffffff;
    background-color:  rgb(1 40 29);
}
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.footer-logo {
    max-width: 20px;
    height: auto;
}
.gambling-logos {
    max-width: 400px;
    height: auto;
}
.footer-middle {
    margin-bottom: 20px;
}
.payment-logos {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.footer__license {
    font-size: 12px;
    font-weight: 400;
}
@media (max-width: 768px) {
    footer {
        padding: 20px;
    }
    .footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-logo, .gambling-logos {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .footer__license {
    font-size: 10px;
    font-weight: 400;
}
}

footer {
    font-family: Roboto Condensed, ui-sans-serif, system-ui;
    text-align: left;
    padding: 20px 150px;
    color: #ffffff;
    background-color:  rgb(1 40 29);
}
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.footer-logo {
    max-width: 20px;
    height: auto;
}
.gambling-logos {
    max-width: 400px;
    height: auto;
}
.footer-middle {
    margin-bottom: 20px;
}
.payment-logos {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.footer__license {
    font-size: 12px;
    font-weight: 400;
}
@media (max-width: 768px) {
    footer {
        padding: 20px;
    }
    .footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-logo, .gambling-logos {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .footer__license {
    font-size: 10px;
    font-weight: 400;
}
}/* End custom CSS */