@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root {
  --hero: 39, 58, 112 !important;
  --accent: 73, 175, 228 !important;
  --font-familyv: "DM Sans", sans-serif !important;
}
html {
  font-family: var(--font-familyv) !important;
}
body {
  background: linear-gradient(90deg, #0f1a37 0%, #172447 17%, #0f1a37 33%, #192547 42%, #0f1a37 56%, #1c2b52 77%, #0f1a37 100%) !important;
}
.layout-header-holder-bc {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
.form-control-label-bc.inputs {
  .form-control-input-bc {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    &:focus {
      border-color: #27a7c9 !important;
    }
  }
}
.betslip-Full .sp-button-icon-bc.bc-i-betslip {
  color: #fff !important;
}
.popup-holder-bc.info,
.popup-holder-bc.confirm,
.popup-holder-bc.success {
  .popup-inner-bc {
    .casino-popup-content {
      margin-top: 0;
    }
    .status-popup-content-w-bc {
      background: none;
      .btn.a-color {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
        box-shadow: inset 0px 1px 1px #76d0ff !important;
        &:hover {
          background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
        }
      }
    }
    .betBuilder-select-popup {
      background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
      box-shadow: inset 0px -2px 0px #27a7c9 !important;
      backdrop-filter: blur(20px) !important;
      &::before {
        display: none;
      }
    }
  }
}
.react-datepicker-popper {
  .react-datepicker {
    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
    box-shadow: inset 0px -2px 0px #27a7c9 !important;
    backdrop-filter: blur(20px) !important;
    .react-datepicker__day {
      border: 1px solid transparent !important;
    }
    .react-datepicker__day--selected {
      background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%) !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
    }
    .datePickerButtons {
      .btn.a-color {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%) !important;
        box-shadow: inset 0px 1px 1px #76d0ff !important;
      }
    }
  }
}

.multi-select-label-bc {
  background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
  box-shadow: inset 0px -2px 0px #27a7c9 !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 0px 0px 6px 6px !important;
}

.header-bc {
  .logo-container {
    .logo {
      img {
        width: 100%;
        max-width: 280px;
      }
    }
  }
  background: radial-gradient(50.62% 100% at 50.62% 0%, #243256 0%, #13224a 100%) !important;
  padding: 0 !important;
  .hdr-main-content-bc {
    height: 60px !important;
    max-width: 1400px !important;
    margin: 0 auto;
    .dropdown.main {
      margin: 0;
      #callMeOpen {
        height: 35px !important;
        background: radial-gradient(49.66% 100% at 50.34% 100%, #5b78cc 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5871ba 0%, #273a70 89.42%) !important;
        box-shadow:
          0px 1px 1px #111c37,
          inset 0px 1px 1px #7b9fff !important;
        border-radius: 6px !important;
        min-width: auto !important;
        min-height: auto !important;
        padding: 0 10px !important;
        position: relative;
        margin-right: 10px;
        font-size:14px!important;
        font-weight:700!important;
        transition: all 0.1s ease !important;
        &::after {
          content: "";
          height: 34px;
          width: 1px;
          background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
          right: -10px;
          position: absolute;
          bottom: 0;
          margin: auto;
        }
        &:hover {
          transform: translateY(-1px);
          box-shadow:
            0px 3px 10px rgba(91, 120, 204, 0.4),
            inset 0px 1px 1px rgba(180, 200, 255, 0.9) !important;
          background: radial-gradient(49.66% 100% at 50.34% 100%, #6f8fe8 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #6f88d5 0%, #345092 89.42%) !important;
        }
      }
    }
    .hdr-user-bc {
      justify-content: center;
      position: relative;
      &::after {
        display: none;
      }
      .btn.s-small {
        width: 80px !important;
        height: 35px !important;
        border-radius: 6px !important;
        border: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        line-height: normal !important;
        margin: 0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        overflow: hidden;
        transition:
          transform 0.2s ease,
          box-shadow 0.3s ease;
        &::after {
          content: "";
          display: none;
        }
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: -100%;
          width: 60%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
          transform: skewX(-20deg);
          transition: all 0.5s ease-in-out;
          pointer-events: none;
        }

        &:hover {
          transform: translateY(-1px);
        }

        &:hover::before {
          left: 130%;
        }
      }
      .btn.sign-in {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #5b78cc 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5871ba 0%, #273a70 89.42%);
        box-shadow: inset 0px 1px 1px #7b9fff;
        border-radius: 6px;
        margin-left: 10px;
        transition:
          box-shadow 0.3s ease,
          transform 0.3s ease;
        &:hover {
          box-shadow:
            inset 0 1px 1px #7b9fff,
            0 0 12px rgba(91, 120, 204, 0.65);
        }
      }
      .btn.register {
        margin-left: 2px;
        margin-right: 10px;
        position: relative;
        overflow: hidden;
        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%) !important;
        box-shadow: inset 0px 1px 1px #76d0ff !important;
        border-radius: 6px !important;
        transition:
          box-shadow 0.3s ease,
          transform 0.3s ease !important;
        &:hover {
          transform: translateY(-1px);
          box-shadow:
            inset 0 1px 1px #76d0ff,
            0 0 12px rgba(73, 175, 228, 0.65) !important;
        }
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: -100%;
          width: 60%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
          transform: skewX(-20deg);
          transition: all 0.5s ease-in-out;
          pointer-events: none;
        }
        &:hover {
          transform: translateY(-1px);
        }

        &:hover::before {
          left: 130%;
        }
      }
      .nav-menu-container.header-user-nav {
        margin-left: 20px;
        position: relative;
        background: #26365c;
        border-radius: 8px;
        height: 35px;
        padding: 0 4px 0 13px;
        margin-right: 10px;
        &::after {
          content: "";
          height: 34px;
          width: 1px;
          background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
          left: -10px;
          position: absolute;
          bottom: 0;
          margin: auto;
        }
        .nav-menu-other {
          li:hover {
            background: none;
            & > a {
              background: none;
              border: none;
              border-radius: 0;
            }
          }
          &::after {
            display: none;
          }
          &.profileDetails {
            li {
              a[aria-label="Profile Details"] {
                margin: 0;
                padding: 0;
                border: 0;
                .hdr-user-avatar-icon-bc.bc-i-user {
                  width: 29px;
                  height: 29px;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  background: #1b2a50;
                  border-radius: 6px;
                  &::before {
                    font-size: 15px;
                    color: #fff;
                  }
                }
                & + .nav-menu-sub {
                  background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
                  box-shadow: inset 0px -2px 0px #27a7c9 !important;
                  backdrop-filter: blur(20px) !important;
                  border-radius: 0px 0px 6px 6px !important;
                  li {
                    margin-top: 5px;
                    &:first-child {
                      margin-top: 0;
                    }
                  }
                  .logout-profile {
                    .userLogoutBtn {
                      background: rgba(0, 0, 0, 0.2);
                      box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                      border-radius: 6px;
                      height: 38px;
                      span,
                      i {
                        color: #fff !important;
                      }
                      &:hover {
                        background: radial-gradient(100% 296.21% at 0% 50%, rgba(104, 0, 0, 0.5) 0%, rgba(104, 0, 0, 0.05) 100%);
                        box-shadow:
                          inset 0px 0px 10px rgba(104, 0, 0, 0.4),
                          inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                      }
                    }
                  }
                  .nav-menu-item {
                    background: rgba(255, 255, 255, 0.05);
                    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                    border-radius: 6px;
                    height: 38px;
                    .checkbox-control-text-bc,
                    i {
                      color: #fff !important;
                    }
                    .checkbox-control-text-bc {
                      font-size: 14px;
                      font-weight: 600;
                    }
                    &:hover {
                      background: radial-gradient(100% 296.21% at 0% 50%, rgba(39, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
                      box-shadow:
                        inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                        inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                    }
                    &::before {
                      display: none;
                    }
                    .count-odd-animation {
                      &::before {
                        display: none;
                      }
                      &::after {
                        border-radius: 100%;
                        background: #1ba4d7;
                        font-size: 10px;
                        border: 1px solid #253b50;
                      }
                    }
                  }
                }
              }
            }
          }
          &:not(.profileDetails) {
            & > li {
              margin-right: 20px;
              &::before {
                display: none;
              }
              a[aria-label="Bakiye"] {
                margin: 0;
                padding: 0;
                border: 0;
                min-width: 29px;
                justify-content: flex-start;
                .hdr-user-info-content-bc {
                  .balanceAmount {
                    font-size: 14px;
                    font-weight: 700;
                    color: #fff;
                  }
                }
              }
              .nav-menu-sub {
                background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
                box-shadow: inset 0px -2px 0px #27a7c9;
                backdrop-filter: blur(20px);
                border-radius: 0px 0px 6px 6px;
                li {
                  margin-top: 5px;
                  &:first-child {
                    margin-top: 0;
                  }
                  a {
                    background: rgba(255, 255, 255, 0.05);
                    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                    border-radius: 6px;
                    height: 38px;
                    span,
                    i {
                      color: #fff !important;
                    }
                    &::before {
                      display: none;
                    }
                    &:hover {
                      background: radial-gradient(100% 296.21% at 0% 50%, rgba(104, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
                      box-shadow:
                        inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                        inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                      border-radius: 6px;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .header-custom-buttons {
        #auto-bonus-button {
          height: 35px;
          background: radial-gradient(49.66% 100% at 50.34% 100%, #d67eff 0%, rgba(184, 69, 237, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #b845ed 0%, #3d1d9d 88.94%);
          box-shadow:
            0px 4px 15px rgba(192, 82, 255, 0.4),
            inset 0px 1px 1px #d58fff;
          border-radius: 6px;
          font-size: 14px;
          font-weight: 700;
          margin-left: 10px;
          transition: all 0.2s ease !important;
          &::after {
            display: none;
          }
          &:hover {
            box-shadow:
              0px 5px 25px rgba(192, 82, 255, 0.35),
              0px 0px 12px rgba(213, 143, 255, 0.35),
              inset 0px 1px 1px #e4b4ff;
            transform: translateY(-1px);
          }
        }
        a[aria-label="PARA YATIR"], a[aria-label="Deposit"] {
          height: 35px;
          background: radial-gradient(49.66% 100% at 50.34% 100%, #4aa36f 0%, rgba(74, 163, 111, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #4aa36f 0%, #285e38 88.94%);
          border-radius: 6px;
          font-size: 14px;
          font-weight: 700;
          margin-left: 10px;
          transition: all 0.2s ease !important;
          &::after {
            display: none;
          }
          &:hover {
            box-shadow:
              0px 3px 10px rgba(74, 163, 111, 0.4),
              inset 0px 1px 1px rgba(170, 245, 195, 0.85);
            background: radial-gradient(49.66% 100% at 50.34% 100%, #65c98f 0%, rgba(74, 163, 111, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5bc785 0%, #347a4b 88.94%);
            transform: translateY(-1px);
          }
        }
      }
    }
    .hdr-user-bc + .form-control-bc.select.compact-mode {
      padding-left: 11px;
      border: none;
      min-height: auto !important;
      height: 34px;
      &::after {
        content: "";
        height: 34px;
        width: 1px;
        background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
      }
      .form-control-label-bc.form-control-select-bc.inputs {
        padding: 0;
        min-height: auto !important;
        border: 1px solid rgba(96, 131, 162, 0.3);
        border-radius: 6px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
      }
      .multi-select-label-bc {
        /* Rectangle 14 */

        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
        box-shadow: inset 0px -2px 0px #27a7c9;
        backdrop-filter: blur(20px);
        /* Note: backdrop-filter has minimal browser support */
        border-radius: 0px 0px 6px 6px;
        label {
          background: rgba(255, 255, 255, 0.05);
          box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
          border-radius: 6px;
          &:hover,
          &.active {
            background: radial-gradient(100% 296.21% at 0% 50%, rgba(104, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
            box-shadow:
              inset 0px 0px 10px rgba(39, 167, 201, 0.4),
              inset 0px 1px 1px rgba(255, 255, 255, 0.1);
            border-radius: 6px;
          }
        }
      }
    }
    .infoTime {
      &::after {
        content: "";
        height: 34px;
        width: 1px;
        background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
      }
      width:68px;
      min-width: 68px !important;
      max-width: 68px;
      height: 34px !important;
      padding: 0px!important;
      font-size: 12px;
      font-weight: 600;
      border-radius: 6px;
      background: rgba(96, 131, 162, 0.2) !important;
    }
    .smartPanel-bc {
      width: 34px;
      height: 34px;
      border-radius: 6px;
      min-height: auto !important;
      min-width: auto !important;
      background: rgba(96, 131, 162, 0.2) !important;
      .sidePanel-holder-bc {
        .btn.a-color {
          background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
          box-shadow: inset 0px 1px 1px #76d0ff;
          transition:
            box-shadow 0.3s ease,
            transform 0.3s ease;
          &:hover {
            background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
          }
        }
        .multi-select-label-bc {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: 0;
        }
        .form-control-label-bc {
          background: rgba(255, 255, 255, 0.07);
          border: 1px solid rgba(255, 255, 255, 0.12);
          &:focus {
            border-color: #27a7c9;
          }
        }
        &::before {
          display: none;
        }
        .sidePanel-holder {
          top: 60px;
          height: calc(100% - 60px);
          background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
          backdrop-filter: blur(20px) !important;
          border-radius: 10px 0 0 0;
          box-shadow:
            0 24px 48px rgba(0, 0, 0, 0.5),
            0 8px 24px rgba(0, 0, 0, 0.05) !important;
          .overlay-header {
            background: none;
            height: 51px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          }
          .notification-new-container {
            padding-top: 0;
            .notification-new-item {
              background: rgba(255, 255, 255, 0.05);
              box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
              margin-top: 5px;
              color: #fff;
              &[data-status="unread"]:before {
                background: #1ba4d7 !important;
                border: 2px solid #253b50;
              }
              .notification-new-item-icon {
                color: #1ba4d7;
              }
            }
          }
        }
      }
      .bc-i-vertical-toggle {
        width: 100%;
        height: 100%;
        border-radius: 6px;
        color: #fff;
        background: none;
        &::after {
          width: 15px;
          height: 15px;
          border-radius: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          background: #1ba4d7 !important;
          border: 2px solid #253b50;
          font-size: 10px;
          font-weight: 700;
        }
      }
      &::after {
        content: "";
        height: 34px;
        width: 1px;
        background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
      }
    }
  }
  .nav-content-bc {
    background: radial-gradient(50.62% 100% at 50.62% 0%, #243256 0%, #13224a 100%) !important;
    position: relative;
    &::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, rgba(67, 89, 146, 0) 0%, rgba(67, 89, 146, 0.7) 45%, rgba(67, 89, 146, 0) 100%);
    }
    &::after {
      content: "";
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, rgba(39, 167, 201, 0) 0%, rgba(39, 167, 201, 0.5) 50%, rgba(39, 167, 201, 0) 100%);
    }
    .nav-content-menu {
      height: auto !important;
      max-width: 1400px !important;
      margin: 0 auto;
      width: 100%;
      .nav-menu-container.header-navigation {
        background: none !important;
        .nav-menu {
          height: auto !important;
          li {
            .nav-menu-item {
              height: 50px;
              padding: 0 20px;
              border-radius: 0;
              .CMSIconSVGWrapper {
                margin-right: 7px;
              }
              .CMSIconSVGWrapper + span {
                font-size: 14px;
                font-weight: 800;
              }
              &.active {
                background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.35) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.35) 0%, rgba(27, 92, 109, 0.35) 88.94%) !important;
                box-shadow: inset 0px 2px 0px #27a7c9 !important;
              }
            }
            &:hover {
              .nav-menu-item {
                background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.35) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.35) 0%, rgba(27, 92, 109, 0.35) 88.94%) !important;
                box-shadow: inset 0px 2px 0px #27a7c9 !important;
              }
            }
            &:last-child {
              margin-left: auto;
            }
          }
          .nav-menu-sub {
            background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
            box-shadow: inset 0px -2px 0px #27a7c9 !important;
            backdrop-filter: blur(20px);
            border-radius: 0px 0px 6px 6px;
            padding: 10px;
            li {
              margin-top: 5px;
              &:first-child {
                margin-top: 0;
              }
              .nav-menu-item {
                border-radius: 6px;
                background: rgba(255, 255, 255, 0.05) !important;
                box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1) !important;
                height: 38px;
                padding: 0 10px;
                font-size: 14px;
                font-weight: 600;
                &::before {
                  display: none;
                }
                &:hover {
                  background: radial-gradient(100% 296.21% at 0% 50%, rgba(39, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%) !important;
                  box-shadow:
                    inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                    inset 0px 1px 1px rgba(255, 255, 255, 0.1) !important;
                }
              }
            }
          }
        }
      }
    }
    .nav-content-menu + .nav-menu-container.header-navigation {
      height: 40px;
      background: rgba(10, 16, 33, 0.2);
      box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.05);
      position: relative;
      .nav-menu.nav-menu-hide-items {
        height: auto !important;
        li {
          .nav-menu-item {
            color: #586ca7 !important;
            font-size: 14px;
            font-weight: 600;
            border-bottom: 2px solid transparent;
            &.active,
            &:hover {
              color: #fff !important;
              box-shadow: none;
              border-color: #27a7c9;
            }
          }
        }
      }
      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, rgba(39, 167, 201, 0) 0%, rgba(39, 167, 201, 0.5) 50%, rgba(39, 167, 201, 0) 100%);
      }
    }
  }
  .hdr-smart-panel-holder-arrow-bc {
    &::before {
      border-color: transparent transparent rgba(255, 255, 255, 0.05);
    }
    .hdr-smart-panel-holder-bc {
      background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
      box-shadow: inset 0px -2px 0px #27a7c9 !important;
      backdrop-filter: blur(20px);
      border-radius: 0px 0px 6px 6px !important;
      .sp-button-bc {
        background: rgba(255, 255, 255, 0.05);
        &:hover {
          color: white;
          background: radial-gradient(100% 296.21% at 0% 50%, rgba(39, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
        }
        .count-odd-animation {
          &::after {
            border-radius: 100%;
            background: #1ba4d7;
            border: 1px solid #253b50;
          }
        }
      }
    }
  }
}
.layout-bc.smart-panel-is-visible:not(.integration-mobile-specific) .hdr-toggle-button-bc {
  background: none !important;
  color: #fff !important;
}

.layout-content-holder-bc {
  max-width: 1400px !important;
  margin: 0 auto;
  .hm-row-bc.has-slider {
    margin-top: 20px;
  }
}

.layout-bc:not(.is-home-page) {
  .layout-content-holder-bc {
    .horizontal-sl-list {
      .horizontal-sl-item-bc {
        /* background: radial-gradient(49.66% 100% at 50.34% 100%, #5B78CC 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5871BA 0%, #273A70 89.42%);
                box-shadow: 0px 1px 1px #111C37, inset 0px 1px 1px #7B9FFF;
                border-radius: 6px; */
        border-radius: 6px;
        background: linear-gradient(180deg, rgba(88, 113, 186, 0.45) 0%, rgba(39, 58, 112, 0.65) 100%);
        border-radius: 6px;
        &:hover,
        &.active {
          background: radial-gradient(49.66% 100% at 50.34% 100%, #5b78cc 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5871ba 0%, #273a70 89.42%);
        }
      }
    }
  }
}
.layout-bc {
  .layout-content-holder-bc {
    .btn.a-color {
      background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
      box-shadow: inset 0px 1px 1px #76d0ff !important;
      &:hover {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
      }
    }
  }
  &.betslip-Full {
    .betslip-bc.full {
      background: none;
      border: none;
      #betslip_container {
        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
        backdrop-filter: blur(20px) !important;
        border-radius: 10px 0 0 0;
        box-shadow:
          0 24px 48px rgba(0, 0, 0, 0.5),
          0 8px 24px rgba(0, 0, 0, 0.05) !important;
        border-radius: 10px 10px 0 0;
      }
    }
  }
  &.page-full-size.betslip-Fixed.casino-lock-scroll {
    .stream-wrapper {
      display: none;
    }
    &.sportsbook:not(.hasLeftMenu) {
      grid-template-areas: "header header" "content content" "footer footer";
    }
  }
  &.page-full-size,
  &.betslip-Fixed {
    .layout-header-holder-bc {
      margin-bottom: 10px !important;
    }
    .layout-content-holder-bc {
      max-width: 100% !important;
      .sportsbook-container {
        .left-menu-container {
          background: rgba(10, 16, 33, 0.4);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 10px;
          padding: 7px;
          .left-menu-search {
            background: none;
            border-color: rgba(var(--hero), 1);
            padding: 0;
          }
          .second-tabs-bc {
            margin-top: 5px;
          }
          .filter-sports-bc {
            background: none;
            padding: 0;
            .tooltipIconWrapper {
              .btn {
                border: 1px solid rgba(96, 131, 162, 0.3);
              }
            }
          }
          .pp-sport-list-holder-bc {
            .left-menu-scroll {
              padding: 0;
              .sp-sub-list-bc {
                background: none;
                .sp-s-l-head-bc {
                  background: rgba(255, 255, 255, 0.05);
                  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                  border-left: 3px solid rgba(39, 167, 201, 1);
                  backdrop-filter: blur(20px);
                }
                &.active,
                &:hover {
                  .sp-s-l-head-bc {
                    background: radial-gradient(100% 296.21% at 0% 50%, rgba(39, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
                    box-shadow:
                      inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                      inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                  }
                }
                .sp-s-l-b-content-wrp {
                  .sp-s-l-b-content-bc {
                    background: none;
                    .market-game-section {
                      padding: 5px;
                      background: rgba(255, 255, 255, 0.05);
                      .market-group-holder-bc.left-menu-market {
                        .market-group-item-bc {
                          overflow: unset;
                          .sgm-market-g-i-cell-bc.market-bc {
                            background: rgba(10, 16, 33, 0.7);
                            border: 1px solid rgba(55, 158, 211, 0.2);
                            backdrop-filter: blur(20px);
                            transition: all 0.1s ease;
                            &:hover,
                            &.active {
                              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                            }
                            &:hover {
                              transform: translateY(-1px);
                            }
                          }
                          .disabled-market-bc {
                            background: rgba(10, 16, 33, 0.4);
                            .market-coefficient-bc {
                              .market-lock-icon.bc-i-lock {
                                color: rgba(255, 255, 255, 0.4);
                              }
                            }
                          }
                        }
                      }
                    }
                    .market-game-section + .market-game-section {
                      margin-top: 5px;
                    }
                    & > .form-control-bc.select.s-small.filled {
                      border: none;
                      padding-left: 0;
                      & > .form-control-label-bc.form-control-select-bc.inputs {
                        background: rgba(96, 131, 162, 0.2) !important;
                        & + .multi-select-label-bc {
                          margin-left: 0;
                          background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
                          box-shadow: inset 0px -2px 0px #27a7c9;
                          backdrop-filter: blur(20px);
                          border-radius: 0px 0px 6px 6px;
                        }
                      }
                    }
                    .sp-sub-list-bc {
                      box-shadow: none;
                      .sp-s-l-head-bc {
                        padding-left: 5px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .sportsbook-center-section {
          .sportsbook-center-section-scroll {
            .game-details-section {
              .live-page-sections-bc {
                .game-details-container-bc.game-details-container-live-bc {
                  .game-details-container-inner-bc {
                    background: rgba(10, 16, 33, 0.4);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 10px;
                    overflow: hidden;
                    &::before {
                      display: none;
                    }
                    .game-details-c-live-icons-row-bc {
                      border-color: rgba(255, 255, 255, 0.1);
                      .tooltipIconWrapper {
                        .game-details-c-live-i-item-bc {
                          background: rgba(255, 255, 255, 0.05);
                          box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                          border-radius: 6px;
                          color: rgba(255, 255, 255, 0.5);
                          &.active,
                          &:hover {
                            background: radial-gradient(100% 296.21% at 0% 50%, rgba(104, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
                            box-shadow:
                              inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                              inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                            color: rgba(255, 255, 255, 1);
                          }
                        }
                      }
                    }
                  }
                }
                .sport-game-detail-holder-bc {
                  .stats-section-bc {
                    border-radius: 10px;
                    background: rgba(255, 255, 255, 0.05);
                  }
                }
                .sgm-market-search {
                  margin-bottom: 10px;
                  box-shadow: none;
                  background: rgba(10, 16, 33, 0.4);
                  border: 1px solid rgba(255, 255, 255, 0.1);
                  backdrop-filter: blur(20px);
                  border-radius: 10px;
                  overflow: hidden;
                  .sgm-market-search-content {
                    .sport-search-bc {
                      .ss-icon-holder-bc {
                        background: rgba(var(--b-sc), 0.1);
                      }
                    }
                    .horizontal-sl-tab {
                      background: none;
                    }
                  }
                }
                .sgm-body-bc {
                  margin-top: 0;
                  .sgm-markets-head-bc {
                    background: rgba(10, 16, 33, 0.4);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 10px;
                    overflow: hidden;
                  }
                  .markets-list-two-columns {
                    margin-top: 10px;
                    .sgm-market-g {
                      border-radius: 10px 10px 12px 12px;
                      overflow: hidden;
                      border: 1px solid rgba(255, 255, 255, 0.1);
                      border-bottom: 4px solid transparent;
                      .sgm-market-g-head-bc {
                        margin-top: 0;
                        border-top: 0;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                        .sgm-market-head-info {
                          .sgm-market-g-h-title-bc,
                          .bc-i-favorite {
                            color: #fff;
                            font-size: 14px;
                          }
                          .sgm-market-g-h-title-bc {
                            font-weight: 600;
                          }
                        }
                      }
                      .sgm-market-g-item-bc {
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                        border-radius: 0 0 10px 10px;
                        .sgm-market-g-i-cell-bc:not(.m-g-header) {
                          background: rgba(10, 16, 33, 0.3);
                          border: 1px solid rgba(55, 158, 211, 0.2);
                          backdrop-filter: blur(20px);
                          transition: all 0.1s ease;
                          height: 40px;
                          &:hover,
                          &.active {
                            background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                          }
                        }
                        .sgm-market-g-i-cell-bc {
                          &.m-g-header {
                            border: 1px solid rgba(55, 158, 211, 0.2);
                          }
                        }
                      }
                    }
                  }
                }
                .game-details-c-head-bc {
                  .game-details-c-head-time-bc:not(.stoppage-time) {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(73, 175, 228, 0.1) 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgb(55 158 211 / 83%) 0%, rgba(33, 98, 131, 0.1) 89.42%);
                    box-shadow: inset 0 1px 1px #76d0ff45 !important;
                  }
                  .game-details-c-head-time-bc {
                    &:nth-child(2) {
                      border-top-left-radius: 4px;
                      border-bottom-left-radius: 4px;
                    }
                    &.stoppage-time {
                      color:#fff;
                      &::before {
                        border-color:rgba(255,255,255,0.1);
                      }
                    }
                  }
                }
              }
            }
            .prematch-page-bc {
              .multi-column-resize-block {
                background: rgba(10, 16, 33, 0.4);
                border: 1px solid rgba(255, 255, 255, 0.1);
                border-radius: 10px;
                backdrop-filter: blur(20px);
                padding: 7px;
                .competitionDetailsMultiColumnWrapper {
                  .competition-bc {
                    .multi-column-content {
                      .sgm-market-g-i-cell-bc {
                        background: rgba(10, 16, 33, 0.3);
                        border: 1px solid rgba(55, 158, 211, 0.2);
                        backdrop-filter: blur(20px);
                        transition: all 0.1s ease;
                        &:hover,
                        &.active {
                          background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                        }
                      }
                    }
                  }
                }
                .competition-bc {
                  margin-top: 10px;
                  background: rgba(10, 16, 33, 0.4);
                  border: 1px solid rgba(255, 255, 255, 0.1);
                  border-radius: 6px;
                  padding: 5px;
                  .c-segment-holder-bc.head {
                    .c-head-bc {
                      background: rgba(10, 16, 33, 0.4);
                      border: 1px solid rgba(39, 167, 201, 0.2);
                    }
                  }
                  .competition-details-section {
                    background: rgba(var(--b-sc), 0.05);
                    margin-top: 5px;
                    padding: 5px;
                    .market-group-holder-bc {
                      margin-top: 5px;
                      .market-group-item-bc {
                        .sgm-market-g-i-cell-bc {
                          background: rgba(10, 16, 33, 0.7);
                          border: 1px solid rgba(55, 158, 211, 0.2);
                          backdrop-filter: blur(20px);
                          transition: all 0.1s ease;
                          border-radius: 4px;
                          &:hover,
                          &.active {
                            background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                          }
                        }
                      }
                    }
                  }
                  .competition-details-header {
                    background: rgba(var(--b-sc), 0.08);
                    border-radius: 4px;
                    &.active {
                      background: rgba(var(--b-sc), 0.16);
                      background: radial-gradient(100% 296.21% at 0% 50%, rgba(39, 167, 201, 0.5) 0%, rgba(39, 167, 201, 0.05) 100%);
                      box-shadow:
                        inset 0px 0px 10px rgba(39, 167, 201, 0.4),
                        inset 0px 1px 1px rgba(255, 255, 255, 0.1);
                    }
                  }
                  .competition-details-info-container {
                    background: none;
                  }
                }
              }
            }
          }
          .game-details-section {
            .live-page-sections-bc {
              background: rgba(10, 16, 33, 0.4);
              border: 1px solid rgba(255, 255, 255, 0.1);
              border-radius: 10px;
              backdrop-filter: blur(20px);
              padding: 7px;
              .sgm-body-bc {
                .sgm-market-g {
                  .sgm-market-g-item-bc {
                    .sgm-market-g-i-cell-bc:not(.m-g-header) {
                      background: rgba(10, 16, 33, 0.7);
                      border: 1px solid rgba(55, 158, 211, 0.2);
                      backdrop-filter: blur(20px);
                      transition: all 0.1s ease;
                      &:hover,
                      &.active {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                      }
                      &:hover {
                        transform: translateY(-1px);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .live-calendar {
      .multi-select-bc {
        .multi-select-label-bc {
          background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
          box-shadow:
            inset 0px -2px 0px #27a7c9,
            0 0 10px 3px #0000004d,
            inset 0 0 0 300px rgba(var(--b-sc), 0.05);
          backdrop-filter: blur(20px);
          border-radius: 0px 0px 6px 6px;
        }
      }
      .live-calendar-filters-wrapper {
        .time-filters-bc {
          .time-filters-content {
            .time-filter-button-bc {
              border: 1px solid rgba(96, 131, 162, 0.3);
            }
          }
        }
      }
      .live-calendar-market-scroll {
        .live-calendar-market-bc {
          .c-segment-holder-bc.markets.gameList {
            .c-row-bc {
              .c-odd-bc {
                .sgm-market-g-i-cell-bc {
                  background: rgba(10, 16, 33, 0.7);
                  border: 1px solid rgba(55, 158, 211, 0.2);
                  backdrop-filter: blur(20px);
                  transition: all 0.1s ease;
                  &:hover,
                  &.active {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                  }
                  &:hover {
                    transform: translateY(-1px);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .layout-betslip-holder-bc {
    .betslip-bc {
      .favouriteTeamsWidget {
        background: rgba(10, 16, 33, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.1);
        .favouriteTeamsList {
          overflow: unset;
          .addYourFavouritesBtn {
            border-radius: 6px;
            background: #243256;
            border: 1px solid rgba(55, 158, 211, 0.2);
            &:hover {
              transform: translateY(-1px);
              box-shadow: 0px 3px 10px rgba(91, 120, 204, 0.15) !important;
            }
          }
        }
      }
      #betslip_container {
        .betslip-game-animation-block {
          margin-top: 10px;
          .waduaAnimationWrapper {
            border-radius: 6px;
            overflow: hidden;
          }
        }
        .betslip-full-content-bc {
          margin-top: 5px;
          margin-bottom: 10px;
          background: rgba(10, 16, 33, 0.4);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 10px;
          .bs-f-header-bc {
            .second-tabs-bc {
              margin: 0;
              position: relative;
              &::after {
                content: "";
                position: absolute;
                bottom: 1px;
                left: 0;
                width: 100%;
                height: 1px;
                background: linear-gradient(90deg, rgba(39, 167, 201, 0) 0%, rgba(39, 167, 201, 0.5) 50%, rgba(39, 167, 201, 0) 100%);
              }
              .tab-bc {
                box-shadow: none;
                background: rgba(10, 16, 33, 0.4);
                border-radius: 10px 10px 0 0;
                &::before {
                  display: none;
                }
              }
            }
            .settings-r-b-row-bc {
              background: none;
              border-radius: 0;
              border-bottom: 1px solid rgba(255, 255, 255, 0.1);
              .multi-select-label-bc {
                padding: 5px 5px 10px 5px;
              }
            }
          }
          .bs-f-header-sub-navigation-bc {
            background: none;
            box-shadow: none;
            border-radius: 0;
            padding-inline-end: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          }
          .bs-f-body-bc {
            .bs-scroll-container-bc {
              padding: 0 10px;
              margin-bottom: 5px;
              .bs-f-b-content-bc.betslip {
                margin-bottom: 10px;
                .c-segment-holder-bc {
                  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                  &:last-child {
                    border-bottom: none;
                  }
                }
                .bs-bet-item-bc {
                  background: none;
                }
              }
              .bs-f-b-content-bc {
                .btn.a-color {
                  background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                  box-shadow: inset 0px 1px 1px #76d0ff !important;
                  &:hover {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
                  }
                }
                &.open-bets {
                  .competition-wrapper-bc {
                    .bet-history-t-holder-hk-bc {
                      background: none;
                      padding: 10px 5px 0 5px;
                    }
                    .competition-header-bc {
                      border-radius: 4px;
                    }
                  }
                }
              }
              .bs-actions-bc {
                .bs-inputs-bc {
                  background: rgba(10, 16, 33, 0.4);
                  border: 1px solid rgba(255, 255, 255, 0.1);
                  border-radius: 10px;
                  padding: 7px 10px;
                  .bs-bet-i-b-amount-bc {
                    color: rgb(33, 255, 63);
                  }
                }
              }
              .bs-bet-i-b-stake-bc {
                .bs-bet-i-b-s-i-block-bc {
                  border: 1px solid;
                  border-image: linear-gradient(90deg, rgba(39, 167, 201, 0) 0%, rgba(39, 167, 201, 0.5) 50%, rgba(39, 167, 201, 0) 100%) 1;
                }
              }
            }
          }
          .bs-f-footer {
            .btn.a-color {
              background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
              box-shadow: inset 0px 1px 1px #76d0ff !important;
              &:hover {
                background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
              }
            }
            .bet-button-wrapper-bc {
              background: none;
            }
            .sportMiniGame {
              margin-bottom: 10px;
              padding: 0 10px;
            }
            .bs-info-massages {
              padding: 0 10px;
            }
            .bs-numbers-bc {
              background: none;
              padding: 0 10px;
            }
            .bet-button-wrapper-bc {
              padding-left: 10px;
              padding-right: 10px;
            }
          }
        }
      }
    }
  }
  &.live-casino-games,
  &.casino-slots,
  &.tournament,
  &.jackpot,
  &.tv-games {
    .layout-header-holder-bc {
      margin-bottom: 0px !important;
    }
    .layout-content-holder-bc {
      max-width: 1400px !important;
    }
    .horizontal-scroll__arrow-shadow.horizontal-scroll__arrow-shadow--right,
    .horizontal-scroll__arrow-shadow.horizontal-scroll__arrow-shadow--left {
      box-shadow: 0px 0 30px 22px rgb(22 35 69);
    }
    .horizontal-scroll--fade-start:before {
      background: linear-gradient(to right, rgb(21 33 67) 0%, transparent 100%);
    }
    .horizontal-scroll--fade-end:after {
      background: linear-gradient(to left, rgb(23 37 72) 0%, transparent 100%);
    }
    .ds-btn.ds-btn-variant--transparent {
      backdrop-filter: blur(20px);
    }
  }
  &.jackpot {
    .layout-header-holder-bc {
      margin-bottom: 15px !important;
    }
  }
  &.skill-games-page {
    .layout-content-holder-bc {
      .hm-row-bc.has-slider {
        margin: 0 !important;
      }
    }
  }
  &.has-sub-navigation {
    .results-container-bc {
      .second-tabs-bc {
        .tab-bc {
          &.active {
            background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.35) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.35) 0%, rgba(27, 92, 109, 0.35) 88.94%) !important;
            box-shadow: inset 0px 2px 0px #27a7c9 !important;
          }
          &::before {
            display: none;
          }
        }
      }
      .results-filter-bc {
        .componentFilterWrapper-bc {
          .componentFilterElsWrapper-bc {
            .filter-form-w-bc {
              .u-i-p-c-filter-footer-bc {
                .btn {
                  background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                  box-shadow: inset 0px 1px 1px #76d0ff;
                  border-radius: 6px;
                  transition:
                    box-shadow 0.3s ease,
                    transform 0.3s ease;
                  &:hover {
                    box-shadow:
                      inset 0 1px 1px #76d0ff,
                      0 0 12px rgba(73, 175, 228, 0.15);
                    transform: translateY(-1px);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  &.casino-slots {
    .layout-content-holder-bc {
      .hm-row-bc {
        .hm-row-bc-inner {
          .casino-winners-block {
            background: rgba(10, 16, 33, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            .casino-info-content-winners {
              padding: 10px;
            }
          }
        }
      }
    }
  }
  &.tournament {
    .tournamentCardDetailsInfo {
      .tournamentDetailsInfo {
        .horizontalSliderWrapper {
          .horizontalSliderRow {
            background: none;
            .horizontalCategoryItem {
              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.25) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.25) 0%, rgba(27, 92, 109, 0.25) 88.94%);
              backdrop-filter: blur(10px);
              .casinoTournamentInfoSectionTitleBc {
                font-weight: 600;
              }
              &::before {
                display: none;
              }
            }
          }
        }
      }
    }
    .casinoTournamentTabBlock {
      .casinoTournamentTabContent {
        .casinoTournamentTabWrp {
          .casinoTournamentTabItem {
            background: rgba(10, 16, 33, 0.3);
            border: 1px solid rgba(55, 158, 211, 0.2);
            backdrop-filter: blur(20px);
            transition: all 0.1s ease;
            &:hover,
            &.active {
              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
              color: #fff;
            }
          }
        }
      }
    }
    .casinoGameTournamentListWrp {
      .tournamentSection {
        .tournamentSectionMainContainer {
          .tournamentSectionDataButtonWrp {
            .tournamentJoinButton {
              .button {
                background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                box-shadow: inset 0px 1px 1px #76d0ff;
                border-radius: 6px;
                transition: all 0.1s ease;
                &:hover {
                  box-shadow:
                    inset 0 1px 1px #76d0ff,
                    0 0 12px rgba(73, 175, 228, 0.15);
                  transform: translateY(-1px);
                }
              }
            }
          }
        }
        .tournamentSectionDateContainer {
          .tournamentDetailsInfo {
            .horizontalSliderWrapper {
              .horizontalSliderRow {
                .horizontalCategoryItemWrp {
                  background: none;
                  .horizontalCategoryItem {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.25) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.25) 0%, rgba(27, 92, 109, 0.25) 88.94%);
                    .casinoTournamentInfoSectionTitleBc {
                      font-weight: 600;
                    }
                    &::before {
                      display: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  &.jackpot {
    .layout-content-holder-bc {
      .casino-jackpot-widget {
        .casino-jackpot-widget__inner {
          .casino-jackpot-widget__providers {
            .horizontalSliderRow {
              .horizontalCategoryItemWrp {
                .horizontalCategoryItem {
                  background: rgba(39, 167, 201, 0.08);
                  border: 1px solid rgba(55, 158, 211, 0.1);
                  backdrop-filter: blur(10px);
                  &::before {
                    display: none;
                  }
                }
                &:hover,
                &.active {
                  .horizontalCategoryItem {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                    border-color: rgba(55, 158, 211, 0.2);
                    i {
                      color: #fff;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  &.live-casino-games {
    .liveCasinoWrapper {
      .has-slider {
        .hm-row-bc-inner {
          .casino-winners-block {
            background: rgba(10, 16, 33, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 10px;
          }
        }
      }
    }
  }
  &.e-sports {
    .sportsbook-container {
      .sportsbook-center-section {
        .competition-wrapper-bc {
          .competition-bc {
            .e-sports-match-container {
              .e-sport-match-details {
                .e-sports-match-vs {
                  .market-bc {
                    background: rgba(10, 16, 33, 0.3);
                    border: 1px solid rgba(55, 158, 211, 0.2);
                    backdrop-filter: blur(20px);
                    transition: all 0.1s ease;
                    &:hover,
                    &.active {
                      background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%) !important;
                      box-shadow: none;
                    }
                    &:hover {
                      transform: translateY(-1px);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .popup-holder-bc {
    background: none;
    .popup-middleware-bc {
      #close_popup_button_id {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .popup-inner-bc {
        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
        backdrop-filter: blur(20px) !important;
        border-radius: 10px;
        box-shadow:
          0 24px 48px rgba(0, 0, 0, 0.5),
          0 8px 24px rgba(0, 0, 0, 0.3),
          inset 0 1px 0 rgba(255, 255, 255, 0.15),
          inset 0px -2px 0px #27a7c9 !important;
        .entrance-popup-bc {
          .e-p-content-holder-bc {
            .e-p-content-bc {
              .e-p-header-bc {
                .e-p-sections-bc {
                  .e-p-section-item-bc {
                    .btn.register {
                      width: 70px;
                      height: 30px;
                      position: relative;
                      overflow: hidden;
                      background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%) !important;
                      box-shadow: inset 0px 1px 1px #76d0ff !important;
                      border-radius: 6px !important;
                      transition:
                        box-shadow 0.3s ease,
                        transform 0.3s ease !important;
                      margin: 0;
                      &:hover {
                        transform: translateY(-1px);
                        box-shadow:
                          inset 0 1px 1px #76d0ff,
                          0 0 12px rgba(73, 175, 228, 0.65) !important;
                      }
                      &::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: -100%;
                        width: 60%;
                        height: 100%;
                        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
                        transform: skewX(-20deg);
                        transition: all 0.5s ease-in-out;
                        pointer-events: none;
                      }
                      &:hover {
                        transform: translateY(-1px);
                      }

                      &:hover::before {
                        left: 130%;
                      }
                    }
                  }
                }
              }
              .e-p-body-bc {
                .entrance-form-bc {
                  .entrance-f-item-bc {
                    .form-control-label-bc.inputs,
                    .form-control-bc {
                      .form-control-input-bc,
                      .form-control-select-bc {
                        background: rgba(255, 255, 255, 0.07);
                        border: 1px solid rgba(255, 255, 255, 0.12);
                        &:focus {
                          border-color: #27a7c9;
                        }
                      }
                      .multi-select-label-bc {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
                        box-shadow: inset 0px -2px 0px #27a7c9;
                        backdrop-filter: blur(20px);
                      }
                    }
                  }
                  .entrance-form-actions-holder-bc {
                    .entrance-form-action-item-bc {
                      .btn {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                        box-shadow: inset 0px 1px 1px #76d0ff;
                        &:hover {
                          background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
                        }
                      }
                    }
                  }
                  .reg-form-footer-bc {
                    .entrance-form-actions-holder-bc {
                      padding-top: 0;
                      .btn:not(.a-outline) {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                        box-shadow: inset 0px 1px 1px #76d0ff;
                        &:hover {
                          background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
                        }
                      }
                    }
                    .steps-indicator {
                      display: none;
                    }
                  }
                }
                .reg-form-footer-bc {
                  background: none;
                }
              }
            }
          }
        }
      }
    }
    &.user-profile-container {
      .popup-inner-bc {
        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(20, 33, 66, 0.9) !important;
        backdrop-filter: blur(20px) !important;
        .u-i-p-c-body-bc {
          .u-i-profile-page-container {
            background: none;
            .u-i-profile-page-bc {
              .u-i-p-p-u-i-edit-button-bc {
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid rgba(255, 255, 255, 0.1);
                border-radius: 8px;
                padding: 8px 10px;
                .u-i-p-p-u-i-avatar-holder-bc {
                  background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                  color: #fff;
                  font-weight: 600;
                  border: 1px solid rgba(255, 255, 255, 0.1);
                }
              }
              .u-i-p-amount-holder-bc {
                margin-bottom: 0;
                .u-i-p-amounts-bc {
                  margin-top: 0;
                  .u-i-p-a-content-bc {
                    background: radial-gradient(107.1% 158.2% at 100% 100%, rgba(22, 138, 201, 0.3) 38.41%, rgba(36, 49, 61, 0.0112245) 85.94%, rgba(27, 44, 59, 0) 100%), #162346;
                    box-shadow: inset 0px 0px 20px rgba(22, 138, 201, 0.5);
                    border-radius: 8px;
                    &::before {
                      background: radial-gradient(circle at -14% 113%, #00abc72b, #fff0 135%);
                    }
                    .u-i-p-a-buttons-bc {
                      .u-i-p-a-withdraw-bc {
                        background: rgba(255, 255, 255, 0.05);
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        border-radius: 6px;
                        &:hover {
                          background: rgba(255, 255, 255, 0.09);
                          border-color: #216283;
                        }
                      }
                      .u-i-p-a-deposit-bc {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                        border: 1px solid transparent;
                        border-radius: 6px;
                        position: relative;
                        overflow: hidden;
                        transition: all 0.1s ease !important;
                        &:hover {
                          transform: translateY(-1px);
                          box-shadow:
                            inset 0 1px 1px #76d0ff,
                            0 0 12px rgba(73, 175, 228, 0.65) !important;
                        }
                        &::before {
                          content: "";
                          position: absolute;
                          top: 0;
                          left: -100%;
                          width: 60%;
                          height: 100%;
                          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
                          transform: skewX(-20deg);
                          transition: all 0.5s ease-in-out;
                          pointer-events: none;
                        }
                        &:hover {
                          transform: translateY(-1px);
                        }
                        &:hover::before {
                          left: 130%;
                        }
                      }
                    }
                  }
                }
              }
              .user-profile-nav {
                .user-profile-nav-header {
                  border: 1px solid rgba(255, 255, 255, 0.1);
                  height: 50px;
                }
                &.active {
                  .user-profile-nav-header {
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0;
                    border-bottom: none;
                    background: rgba(var(--b-sc), 0.15);
                  }
                }
                .user-profile-nav-list {
                  border-radius: 0 0 6px 6px;
                  border: 1px solid rgba(255, 255, 255, 0.1);
                  .user-profile-nav-item-cursor {
                    display: none;
                  }
                  .user-profile-nav-item {
                    padding-left: 0;
                    &.active {
                      line-height: 24px;
                    }
                    .count-odd-animation:after {
                      background: #1ba4d7 !important;
                      font-size: 10px;
                      font-weight: 700;
                      border-radius: 100%;
                      box-shadow: none;
                    }
                  }
                }
                .user-profile-nav-header {
                  .count-odd-animation {
                    &::before {
                      display: none;
                    }
                    &::after {
                      border-radius: 100%;
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      justify-content: center;
                      background: #1ba4d7 !important;
                      border: 2px solid #253b50;
                      font-size: 10px;
                      font-weight: 700;
                    }
                  }
                }
              }
              .profile-panel-promo-code {
                padding: 0;
                margin-bottom: 10px;
                form {
                  background: none;
                  padding: 10px 0;
                  .u-i-p-c-footer-bc {
                    .btn {
                      background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
                      box-shadow: inset 0px 1px 1px #76d0ff;
                      &:hover {
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
                      }
                    }
                  }
                }
              }
              .userLogoutBtn {
                background: rgba(255, 59, 48, 0.1) !important;
                border: 1px solid rgba(255, 59, 48, 0.2) !important;
                color: #ff3b30 !important;
                &:hover {
                  background: rgba(255, 59, 48, 0.2) !important;
                  border-color: rgba(255, 59, 48, 0.4) !important;
                }
              }
            }
          }
          .my-profile-info-block {
            .u-i-p-control-item-holder-bc {
              .form-control-bc {
                .form-control-label-bc.textareas {
                  background: none;
                  .form-control-textarea-bc {
                    background: none;
                    padding: 0;
                    .form-control-textarea {
                      background: rgba(255, 255, 255, 0.07) !important;
                      border: 1px solid rgba(255, 255, 255, 0.12) !important;
                      padding: 36px 20px 20px 20px;
                      border-radius: 4px;
                      &:focus {
                        border-color: #27a7c9 !important;
                      }
                    }
                  }
                }
              }
              .multi-select-bc {
                .form-control-bc {
                  .form-control-label-bc.inputs {
                    .form-control-select-bc {
                      background: rgba(255, 255, 255, 0.05);
                      border: 1px solid rgba(255, 255, 255, 0.1);
                    }
                  }
                }
              }
              .disabled {
                .form-control-select-bc,
                .form-control-input-bc {
                  background: rgba(0, 0, 0, 0.4);
                  border: 1px solid rgba(255, 255, 255, 0.3);
                }
              }
              .form-control-label-bc.form-control-select-bc.inputs.disabled {
                background: rgba(0, 0, 0, 0.4);
                border: 1px solid rgba(255, 255, 255, 0.3);
              }
              .form-control-input-bc:read-only {
                background: rgba(0, 0, 0, 0.15) !important;
                border: 1px solid rgba(255, 255, 255, 0.1) !important;
              }
            }
            .dep-w-info-bc {
              .horizontal-sl-list {
                .horizontal-sl-wheel {
                  .accordion-button {
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    &.active,
                    &:hover {
                      background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                      border-color: rgba(55, 158, 211, 0.2);
                      color: #fff;
                    }
                  }
                }
              }
              .m-block-nav-items-bc {
                padding-left: 0;
                padding-right: 0;
                .m-nav-items-list-item-bc {
                  &.active {
                    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
                    border-color: rgba(55, 158, 211, 0.2);
                  }
                  .nav-ico-w-row-bc {
                    .paymentBadgeBlock {
                      &::after {
                        font-size: 9px;
                        border-radius: 3px;
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #d67eff 0%, rgba(184, 69, 237, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #b845ed 0%, #3d1d9d 88.94%);
                        box-shadow:
                          0px 4px 15px rgba(192, 82, 255, 0.4),
                          inset 0px 1px 1px #d58fff;
                      }
                      &::before {
                        display: none;
                      }
                    }
                  }
                }
              }
              .payment-details-scrollable-container {
                .payment-info-bc {
                  padding: 0;
                  background: none;
                  .payment-info-content {
                    .description-c-row-bc {
                      max-width: 100%;
                    }
                    .expandableContentWrapper {
                      background: none;
                      .expandableContent {
                        padding: 0;
                      }
                      .expandableContentData {
                        .container > div {
                          background: rgba(250, 204, 21, 0.1) !important;
                          border-color: rgba(250, 204, 21, 0.2) !important;
                          box-shadow: none !important;
                          border-radius: 6px !important;
                          div:nth-child(1) {
                            background: rgba(250, 204, 21, 0.7) !important;
                            color: #000 !important;
                          }
                          div:nth-child(3) {
                            span {
                              color: #eab308 !important;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .btn.a-color {
              background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
              box-shadow: inset 0px 1px 1px #76d0ff !important;
              &:hover {
                background: radial-gradient(49.66% 100% at 50.34% 100%, #9ac9e1 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #85ccf1 0%, #216283 89.42%);
              }
            }
            .historyList-table-details {
              border-radius: 6px;
              .historyList-thead {
                box-shadow: none;
                .historyListEl {
                  .historyListEl-list-item {
                    .historyListEl-info {
                      font-weight: 600;
                    }
                  }
                }
              }
              .historyList-tbody {
                .historyListEl:last-child {
                  .historyListEl-list-item:first-child {
                    border-radius: 0 0 0 6px;
                  }
                  .historyListEl-list-item:last-child {
                    border-radius: 0 0 6px 0;
                  }
                }
              }
            }
            .componentFilterBody-bc {
              .componentFilterElsWrapper-bc {
                .filter-form-w-bc {
                  background: none;
                  padding: 0;
                  .componentFilterBody-content {
                    .u-i-p-control-item-holder-bc {
                      .form-control-input-bc {
                        background: rgba(255, 255, 255, 0.07) !important;
                        border: 1px solid rgba(255, 255, 255, 0.12) !important;
                      }
                    }
                  }
                }
              }
            }
            .sportBonusWrapper {
              .BonusTable-Wrapper {
                .bonusList-thead {
                  box-shadow: none;
                  border-radius: 4px 4px 0 0;
                  .bonusListEl {
                    border-radius: 4px 4px 0 0;
                  }
                }
                .sportBonusList-bc {
                  .bonusList-tbody {
                    .bonusListEl {
                      border-radius: 0;
                    }
                    .sportBonusDetailsItemWrapper-bc {
                      .sportBonusDetails-buttons {
                        .btn.cancel {
                          background: rgba(255, 59, 48, 0.1) !important;
                          border: 1px solid rgba(255, 59, 48, 0.2) !important;
                          color: #ff3b30 !important;
                          span,
                          i {
                            color: #fff !important;
                          }
                          &:hover {
                            background: rgba(255, 59, 48, 0.2) !important;
                            border-color: rgba(255, 59, 48, 0.4) !important;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .betHistoryList-table {
              .betHistoryList-thead {
                box-shadow: none;
                border-radius: 4px 4px 0 0;
                .betHistoryListEl {
                  border: 0;
                  margin: 0;
                  overflow: hidden;
                  border-radius: 4px 4px 0 0;
                }
              }
            }
            .betHistoryList-table {
              .betHistoryList-tbody {
                .betHistoryListEl {
                  border-color: transparent;
                  .betHistoryListEl-list-item {
                    border-color: transparent;
                    .bet-history-function-icon.bc-i-repeat {
                      background: rgba(39, 167, 201, 0.12);
                      color: #27a7c9;
                      border: 1px solid rgba(39, 167, 201, 0.2);
                      &:hover {
                        background: rgba(39, 167, 201, 0.2);
                      }
                    }
                    .bet-history-function-icon.bc-i-edit {
                      background: rgba(245, 158, 11, 0.12);
                      color: #f59e0b;
                      border: 1px solid rgba(245, 158, 11, 0.2);
                      &:hover {
                        background: rgba(245, 158, 11, 0.2);
                      }
                    }
                  }
                  .betHistoryListEl-borrow-cell {
                    padding: 0;
                    margin: 0;
                    .casino-borrow-possible-win-widget-wide {
                      display: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .status-popup-content-w-bc {
      background: none;
      .favouriteTeamsPopupContent {
        .favouriteTeamsPopupContentInner {
          .favouriteTeamsLists {
            .favouriteTeamsSearchList {
              border-color: rgba(255, 255, 255, 0.1);
              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9) !important;
              backdrop-filter: blur(20px) !important;
              border-radius: 6px !important;
            }
          }
        }
      }
    }
  }
  /* &.is-home-page */
  .layout-content-holder-bc {
    .hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)) {
      margin-top: 30px;
    }
    .hm-row-bc {
      .promotionWidgetComponent {
        margin-left: 0;
        margin-right: 0;
        .promotionWidgetSingleItem {
          .promotionWidgetSingleItemContent {
            white-space: normal !important;
            .vizyon-desktop-slider {
              margin-top: 20px !important;
            }
          }
        }
      }
      .canli-kazanan-akisi {
        .casinoTopWinnersWidgetHeader {
          .sectionTitle {
            .sectionTitleText {
              font-size: 24px;
              font-weight: 600;
              color: #fff;
            }
          }
          .casinoTopWinnersPeriodsSection {
            .ds-chip {
              background: none;
              text-transform: uppercase;
              border-radius: 6px;
              padding: 0 10px;
              height: 24px;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              border: none;
              box-shadow: none !important;
              .ds-label {
                font-size: 14px;
                font-weight: 500;
                color: #fff;
              }
              &.ds-chip--selected {
                background: rgba(103, 132, 161, 0.3);
                color: #fff;
              }
              &::after {
                display: none;
              }
            }
          }
        }
        .casinoTopWinnersWidget {
          .casinoTopWinnersWidgetHeader {
            display: none;
          }
        }
        .runningLineWrapper.withShadows:after {
          background: linear-gradient(to left, rgb(23 36 71) 0%, rgba(var(--b), 0) 100%) !important;
        }
        .runningLineWrapper.withShadows:before {
          background: linear-gradient(to right, rgb(22 34 68) 0%, rgba(var(--b), 0) 100%) !important;
        }
        .runningLine {
          .casinoWinnerWidgetItem {
            padding: 6px 8px;
            border-radius: 6px;
            background: rgba(94, 123, 191, 0.2);
            box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
            .casinoWinnerWidgetInfo {
              flex-direction: row;
              align-items: center;
              gap: 0;
              .casinoWinnerWidgetName {
                color: #fff;
                text-wrap: nowrap;
              }
              .casinoWinnerWidgetGameName {
                font-size: 14px;
                font-weight: 600;
                color: rgba(174, 218, 255, 0.5);
                position: relative;
                padding: 0 10px;
                margin: 0 10px;
                text-wrap: nowrap;
                &::before,
                &::after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  height: 20px;
                  width: 1px;
                  background: linear-gradient(0deg, rgba(99, 135, 167, 0) 0%, rgba(99, 135, 167, 1) 49%, rgba(99, 135, 167, 0) 100%);
                }
                &::before {
                  left: 0;
                }
                &::after {
                  right: 0;
                }
              }
              .casinoWinnerWidgetAmount {
                font-weight: 600;
                font-size: 14px;
                color: #29d886;
                text-wrap: nowrap;
              }
            }
            .casinoWinnerWidgetImg {
              display: none;
            }
            &:hover {
              box-shadow: inset 0 0 14px rgba(22, 138, 201, 0.82);
            }
          }
        }
      }
      .bbAiRecBets {
        gap: 0;
        .sectionTitle {
          .typography-heading {
            text-transform: uppercase;
            font-size: 24px;
            font-weight: 700;
            color: #fff;
          }
        }
        .bbAiRecBetsItem {
          background: radial-gradient(107.1% 158.2% at 100% 100%, rgba(39, 126, 185, 0.5) 38.41%, rgba(39, 126, 185, 0.0112245) 85.94%, rgba(39, 126, 185, 0) 100%), rgba(58, 80, 99, 0.1);
          box-shadow: inset 0px 0px 20px rgba(39, 126, 185, 0.5);
          border: none;
          border-radius: 12px;
          display: block;
          padding: 20px 30px;
          transition: all 0.2s ease;
          .bbAiRecBetsItem__bodyWrap {
            .bbAiRecBetsItem__body {
              .bbAiRecBetsItem__bodyContent {
                .bbAiRecBetsItem__league {
                  justify-content: center;
                  .ds-caption {
                    font-size: 14px;
                    font-weight: 400;
                    color: #fff;
                  }
                  .region-flag {
                    width: 21px;
                    height: 15px;
                  }
                }
                .bbAiRecBetsItem__matchRow {
                  justify-content: center;
                  p.ds-body {
                    font-size: 14px;
                    font-weight: 700;
                    color: #fff;
                  }
                  .CMSIconSVGWrapper {
                    color: #fff;
                  }
                }
                .bbAiRecBetsItem__markets {
                  margin: 0 auto;
                  .bbAiRecBetsItem__marketBullet {
                    .bbAiRecBetsItem__marketBulletDot {
                      background: #809cb9;
                    }
                  }
                  .bbAiRecBetsItem__marketText {
                    .bbAiRecBetsItem__marketLabel {
                      color: #809cb9;
                    }
                    .bbAiRecBetsItem__marketValue {
                      color: #fff;
                      font-weight: 700;
                    }
                    .ds-caption {
                      font-size: 14px;
                    }
                  }
                }
              }
            }
          }
          .bbAiRecBetsItem__header {
            border: none;
            padding-bottom: 70px;
            p.ds-body {
              font-size: 14px;
              font-weight: 600;
              color: #fff;
            }
            .bbAiRecBetsItem__meta {
              color: #809cb9;
              .ds-caption {
                font-size: 13px;
              }
            }
          }
          .bbAiRecBetsItem__footer {
            position: unset;
            border: none;
            padding-top: 0;
            margin-top: 12px;
            .ds-btn {
              width: 92px;
              height: 31px;
              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(109, 145, 178, 0.1) 0%, rgba(109, 145, 178, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(109, 145, 178, 0.3) 0%, rgba(70, 100, 129, 0.3) 88.94%);
              border-radius: 6px;
              margin: 0 auto;
              font-size: 12px;
              font-weight: 700;
              color: #fff;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              min-width: 92px !important;
              min-height: 31px !important;
              max-width: 92px !important;
              max-height: 31px !important;
              transition: all 0.2s ease;
              &::before,
              &::after {
                display: none;
              }
              &:hover {
                background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%) !important;
                box-shadow: 0 0 12px rgba(73, 175, 228, 0.65) !important;
              }
            }
            .bbAiRecBetsItem__totals {
              align-items: flex-end;
              position: absolute;
              top: 20px;
              right: 30px;
            }
          }
          .bbAiRecBetsItem__kit {
            .bbAiRecBetsItem__kitBg {
              display: none;
            }
            .bbAiRecBetsItem__kitMain {
              top: 20px;
              left: 50%;
              transform: translateX(-50%);
              width: 105px;
              height: 105px;
              .bbAiRecBetsItem__kitNumber {
                font-size: 36px;
                transition: all 0.2s ease;
              }
              .bbAiRecBetsItem__kitImg {
                filter: drop-shadow(0 4px 1px rgba(0, 0, 0, 0.3));
                transition: all 0.2s ease;
              }
            }
          }
          &:hover {
            box-shadow: inset 0 0 34px rgba(22, 138, 201, 0.82);
            transform: translateY(-4px);
            .bbAiRecBetsItem__kitMain {
              .bbAiRecBetsItem__kitImg {
                transform: scale(1.1);
                filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
              }
              .bbAiRecBetsItem__kitNumber {
                transform: scale(1.1);
              }
            }
          }
        }
        .swiper {
          .swiper-slide {
            padding-top: 15px;
          }
        }
      }
      .promotionWidgetComponent .vzn-ml-container {
        .vzn-ml-title {
          text-transform: uppercase;
          font-size: 24px !important;
          font-weight: 700 !important;
          color: #fff;
        }
      }
      .vizyon-web-anasayfa-gunun-kombinesi-4 {
        .view-title-more {
          text-transform: uppercase;
          font-size: 24px !important;
          font-weight: 700 !important;
          color: #fff;
        }
        .swiper {
          .swiper-slide {
            margin-right:8px!important;
            padding-right:8px!important;
            .expressWidget {
              background: rgba(97, 133, 163, 0.1);
              border-radius: 12px;
              border: none;
              box-shadow: none;
              padding: 0;
              overflow: hidden;
              gap: 0;
              .expressWidgetTitleContent {
                background: rgba(97, 133, 163, 0.1);
                padding: 15px 20px;
                border-color: rgba(97, 133, 163, 0.1);
                height: 52px;
                line-height: 1;
                .expressWidgetTitle {
                  font-size: 14px;
                  font-weight: 600;
                  color: #fff;
                }
              }
              .expressWidgetWrapperBonus {
                width: 84px;
                height: 25px;
                right: 15px;
                top: 14px;
                background: radial-gradient(49.66% 100% at 50.34% 100%, #1dade2 0%, rgba(29, 173, 226, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #1dade2 0%, #166582 88.94%);
                box-shadow:
                  0px 1px 1px #111c37,
                  inset 0px 1px 1px #3ccbff;
                border-radius: 6px;
                font-size: 12px;
                font-weight: 600;
                color: #fff;
                justify-content: center;
                align-items: center;
                &::before {
                  display: none;
                }
              }
              &::before {
                display: none;
              }
              .expressWidgetContent {
                gap: 0;
                padding: 20px;
                .expressWidgetEventsWrapper {
                  .expressWidgetEvents {
                    padding: 0;
                    max-height: 237px;
                    .expressWidgetItem {
                      .expressInfo {
                        .expressInfoIcon {
                          color: #6d89a7;
                        }
                      }
                      .expressWidgetItemInfo {
                        padding-bottom: 10px;
                        border-bottom: 1px dashed rgba(97, 133, 163, 0.2);
                        .expressWidgetItemContent {
                          .expressWidgetTeamInfo {
                            .expressWidgetTeam {
                              .expressWidgetTeamName,
                              span {
                                font-size: 14px;
                                font-weight: 600;
                                color: #fff;
                              }
                            }
                            .expressWidgetDayTime {
                              color: #6d89a7;
                              time {
                                font-size: 12px;
                                font-weight: 600;
                              }
                            }
                          }
                        }
                        .expressWidgetMarket {
                          .expressWidgetMarketName {
                            font-size: 12px;
                            font-weight: 600;
                            color: #6d89a7;
                          }
                          .expressWidgetMarketOdd {
                            font-weight: 700;
                            font-size: 14px;
                            color: #1ba1d1;
                          }
                        }
                      }
                    }
                  }
                  &.hasScroll:after {
                    display: none;
                  }
                }
                .expressWidgetBetslip {
                  margin-top: auto;
                  .expressWidgetBetslipEventButtons {
                    padding: 12px 0;
                    .expressWidgetBetslipEventItem {
                      .bs-bet-i-b-row-bc {
                        .bs-bet-i-b-cell-bc.title {
                          .bs-bet-i-b-title-bc {
                            font-weight: 800;
                            font-size: 14px;
                            color: #ffffff !important;
                          }
                        }
                        .bs-bet-i-b-cell-bc.value {
                          .bs-bet-i-b-coefficient-bc {
                            font-weight: 800;
                            font-size: 20px;
                            color: #3fcbff !important;
                          }
                        }
                      }
                    }
                  }
                  .bs-bet-i-b-stake-bc {
                    margin-top: 0;
                    .bs-bet-i-b-s-i-block-bc {
                      background: rgba(97, 133, 163, 0.1);
                      border: 1px solid rgba(97, 133, 163, 0.1);
                      border-radius: 6px;
                      input {
                        &::placeholder {
                          color: #637d9b;
                          font-size: 14px;
                        }
                      }
                    }
                  }
                  .bs-bet-i-b-section-bc {
                    margin: 13px 0 20px 0;
                    .bs-bet-i-b-row-bc {
                      .bs-bet-i-b-title-bc {
                        font-weight: 800;
                        font-size: 14px;
                        color: #6d89a7;
                      }
                      .bs-bet-i-b-amount-bc {
                        font-weight: 800;
                        font-size: 20px;
                        color: #29d886;
                      }
                    }
                  }
                  .bs-info-massages-w-bc {
                    .quickBetMsgWrapper-bc {
                      background: rgba(255, 143, 32, 0.1);
                      border: 1px solid rgba(255, 143, 32, 0.2);
                      border-radius: 6px;
                      justify-content: center;
                      .bs-notification-icon-bc {
                        display: none;
                      }
                      .quickBetMsgText-bc {
                        color: #ffce9e;
                        .bet-slip-info-link {
                          color: #ff8f20;
                          font-weight: 500;
                          box-shadow: none;
                          text-decoration: none;
                          &:hover {
                            text-decoration: underline;
                          }
                        }
                      }
                    }
                  }
                  .bet-button-wrapper-bc {
                    .btn {
                      height: 49px;
                      background: radial-gradient(49.66% 100% at 50.34% 100%, #5b78cc 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #5871ba 0%, #273a70 89.42%);
                      box-shadow:
                        0px 1px 1px #111c37,
                        inset 0px 1px 1px #7b9fff !important;
                      border-radius: 6px;
                      transition: all 0.2s ease;
                      &:hover {
                        transform: translateY(-1px);
                        box-shadow:
                          0px 3px 10px rgba(91, 120, 204, 0.4),
                          inset 0px 1px 1px rgba(180, 200, 255, 0.9) !important;
                        background: radial-gradient(49.66% 100% at 50.34% 100%, #6f8fe8 0%, rgba(39, 58, 112, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #6f88d5 0%, #345092 89.42%) !important;
                      }
                    }
                  }
                }
              }
            }
          }
          .swiper-button-next,.swiper-button-prev {
            background: linear-gradient(270deg, rgb(23 37 72) 0%, rgba(var(--b), 0) 100%);
            &::after {
              width: 44px;
              height: 44px;
              border: none !important;
              border-radius: 50%;
              background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(73, 175, 228, 0.1) 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(55, 158, 211, 0.1) 0%, rgba(33, 98, 131, 0.1) 89.42%) !important;
              color: #fff;
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0;
              margin: 0;
              box-shadow: inset 0 1px 1px #76d0ff45 !important;
              transition: all .2s ease-in-out;
              backdrop-filter: blur(20px);
            }
            &:hover {
              &::after {
                background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(73, 175, 228, 0.1) 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgb(55 158 211 / 83%) 0%, rgba(33, 98, 131, 0.1) 89.42%)!important;
              }
            }
          }
          .swiper-button-prev {
            background: linear-gradient(-270deg, rgb(22 34 69) 0%, rgba(var(--b), 0) 100%);
          }
        }
      }
      .vizyon-web-anasayfa-casino-saglayicilari-8 {
        .promotionWidgetComponent {
          .vzn-csag-header {
            .vzn-csag-title {
              text-transform: uppercase !important;
              font-size: 24px !important;
              font-weight: 700 !important;
              color: #fff;
            }
          }
        }
      }
      .promotionWidgetSingleItemContent {
        .vzn-clc-container {
          .vzn-clc-header {
            .vzn-clc-title {
              text-transform: uppercase !important;
              font-size: 24px !important;
              font-weight: 700 !important;
              color: #fff;
            }
          }
        }
        .vzn-pop-header {
          .vzn-pop-title {
            text-transform: uppercase !important;
            font-size: 24px !important;
            font-weight: 700 !important;
            color: #fff;
          }
        }
        .vzn-ozel-section {
          .vzn-ozel-title {
            text-transform: uppercase !important;
            font-size: 24px !important;
            font-weight: 700 !important;
            color: #fff;
          }
        }
      }
    }
  }
}

.form-control-bc.select {
  .multi-select-label-bc {
    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
    box-shadow: inset 0px -2px 0px #27a7c9;
    backdrop-filter: blur(20px);
    border-radius: 0px 0px 6px 6px;
  }
}
.has-sub-navigation .layout-header-holder-bc {
  border-bottom: none !important;
}
.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-wrp > .sp-s-l-b-content-bc > .sp-sub-list-bc > .sp-s-l-head-bc .sp-s-l-h-title-bc {
  color: #fff !important;
}

.ds-popup-backdrop {
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  .ds-popup {
    background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
    backdrop-filter: blur(20px);
    border-radius: 10px;
    .randomGamePopupBtnGroup {
      .ds-btn:nth-child(2) {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
        box-shadow: inset 0px 1px 1px #76d0ff;
        transition:
          box-shadow 0.3s ease,
          transform 0.3s ease;
      }
    }
    .ds-popup__content {
      .casinoProvidersPopupContent__grid {
        .providerItemsInner {
          background: rgba(0, 0, 0, 0.2);
          border-color: rgba(55, 158, 211, 0.07);
          &.active,
          &:hover {
            background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.58) 0%, rgba(39, 167, 201, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, rgba(39, 167, 201, 0.42) 0%, rgba(27, 92, 109, 0.42) 88.94%);
            border-color: rgba(55, 158, 211, 0.2);
          }
        }
      }
      .casinoProvidersPopupContent__footer {
        background: radial-gradient(49.66% 100% at 50.34% 100%, rgba(39, 167, 201, 0.2) 0%, rgba(39, 167, 201, 0) 100%), rgba(40, 55, 93, 0.9);
        backdrop-filter: blur(20px);
        border-radius: 10px;
        .ds-btn:nth-child(2) {
          background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%);
          box-shadow: inset 0px 1px 1px #76d0ff;
          transition:
            box-shadow 0.3s ease,
            transform 0.3s ease;
        }
      }
    }
  }
}

.layout-bc.casino-lock-scroll {
  .layout-content-holder-bc {
    max-width: 100% !important;
    padding: 0 !important;
    .casino-full-game-bg {
      .casino-full-game-container {
        .casino-full-game-block {
          width: 100% !important;
        }
      }
    }
  }
}
.layout-bc.page-full-size {
  .layout-footer-holder-bc {
    display: none !important;
  }
}
.layout-footer-holder-bc {
  .footerWrapper {
    overflow: unset !important;
  }
  .footerContainer {
    max-width: 1400px;
    .footerSocialLinks {
      .footerSocialLink {
        background: radial-gradient(49.66% 100% at 50.34% 100%, #49afe4 0%, rgba(34, 80, 103, 0) 100%), radial-gradient(91.4% 100% at 50.34% 0%, #379ed3 0%, #216283 89.42%) !important;
        transition:
          box-shadow 0.3s ease,
          transform 0.3s ease !important;
        border-radius: 4px;
        a {
          font-size: 16px;
          color: #fff;
        }
        &:hover {
          transform: translateY(-1px);
          box-shadow:
            inset 0 1px 1px #76d0ff,
            0 0 12px rgba(73, 175, 228, 0.65) !important;
        }
      }
    }
    .footerInfoColumn {
      .infoTime {
        margin-right: 10px;
        width:68px;
        min-width: 68px !important;
        max-width: 68px;
        height: 34px !important;
        padding: 0px!important;
        font-size: 12px;
        font-weight: 600;
        min-width: auto !important;
        border-radius: 6px;
        background: rgba(96, 131, 162, 0.2) !important;
      }
      .languageDropdown {
        min-height: auto;
        border: none;
        &::after {
          display: none;
        }
        .form-control-label-bc {
          min-height: auto !important;
          border: 1px solid rgba(96, 131, 162, 0.3);
          border-radius: 6px;
          padding: 0 10px;
          font-size: 14px;
          font-weight: 600;
          .ftr-lang-bar-flag-bc + span {
            margin-left: 6px;
          }
        }
      }
    }
  }
  .vzn-footer-license {
    max-width: 1400px !important;
  }
}
  .vizyon-web-anasayfa-slider-1 {
    .vizyon-slide-media {
      border-radius: 12px!important;
    }
  }
.vzn-footer-badge-2,
.vzn-footer-badge-3 {
  img {
    transition: transform 0.2s ease-in-out;
    &:hover {
      transform: scale(1.05);
    }
  }
}
.sdr-item-bc[aria-label="Web - Kayıt Popup"]::before {
  background: none !important;
}