/*Goole Font Use*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
/*Goole Font Use*/
/*CSS Table Of Content Ends Here*/
/*Abstracts / mixins*/
/*Abstracts / mixins*/
/*Abstracts / variables*/
:root {
  --brand-primary: #D71920;
  --brand-primary-hover: #B9151B;
  --brand-primary-rgb: 215, 25, 32;
  --brand-secondary: #031124;
  --brand-secondary-soft: #071A34;
  --brand-secondary-card: #0B213E;
  --brand-secondary-rgb: 3, 17, 36;
  --body-color: var(--brand-secondary);
  --page-bg: #f4f7fb;
  --active-color: var(--brand-primary);
  --active-two: rgba(var(--brand-primary-rgb), 0.72);
  --theme-one: #f9d6d8;
  --theme-two: var(--brand-primary);
  --button-one: var(--brand-primary);
  --button-two: var(--brand-primary-hover);
  --header: var(--brand-secondary);
  --subheader: var(--brand-secondary-soft);
  --startable: var(--brand-primary);
  --white: #fff;
  --black: #000;
  --social-box: var(--brand-secondary-soft);
  --slidebox: var(--brand-secondary-soft);
  --textcolor: #AAB4C3;
  --pointbox: var(--brand-secondary-card);
  --betslip: #636B82;
  --card-shadow: 0 14px 34px rgba(var(--brand-secondary-rgb), 0.14);
  --multiborder: #526176;
  --signbet: var(--brand-secondary-soft);
  --signborder: #304260;
  --leftpreborder: #223552;
  --preactive: var(--brand-primary);
  --place: #94A3B8;
  --paycheck: #193456;
}

/*Abstracts / variables*/
/*Abstracts / typography*/
html {
  scroll-behavior: smooth;
}

body {
  color: var(--black-color);
  padding: 0;
  margin: 0;
  font-size: 14px;
  background: var(--page-bg);
  overflow-x: auto;
}

h2,
h3,
h4,
h5,
h6 {
  color: var(--white-color);
  font-family: "Inter", sans-serif;
  margin: 0;
}

h1 {
  font-size: 35px;
  font-weight: 700;
  line-height: 110%;
  font-family: "Inter", sans-serif;
}

h2 {
  font-size: 29px;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 110%;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  margin: 0;
  color: var(--white);
}

a:hover {
  text-decoration: none;
  color: var(--white);
}

input:focus {
  color: var(--white);
}

p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0;
  font-weight: 400;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

/*-Responsive-*/
/*-Responsive-*/
@media screen and (max-width: 991px) {
  .pt-120 {
    padding-top: 80px;
  }
  .pb-120 {
    padding-bottom: 80px;
  }
  .pt-80 {
    padding-top: 60px;
  }
  .pb-80 {
    padding-bottom: 60px;
  }
  .media991__pb60 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 70px;
  }
  .pb-120 {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 575px) {
  .pt-120 {
    padding-top: 60px;
  }
  .pb-120 {
    padding-bottom: 60px;
  }
  .pt-80 {
    padding-top: 60px;
  }
  .pb-80 {
    padding-bottom: 60px;
  }
  .pt-60 {
    padding-top: 60px;
  }
  .pb-60 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .section-header h2 {
    margin-bottom: 8px !important;
    font-size: 30px;
    line-height: 40px;
  }
  .section-header p {
    font-size: 16px !important;
  }
}
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: none;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #6E6F7E;
  border-radius: 5px;
}

/*-Responsive-*/
/*-Responsive-*/
.cancel {
  color: var(--button-two) !important;
}

.pending {
  color: var(--brand-primary) !important;
}

.complate {
  color: #00BF9E !important;
}

.text-base {
  color: var(--brand-primary) !important;
}

.text__opa {
  color: #8A92AB !important;
}

.text__btn {
  color: var(--brand-primary) !important;
}

.text-base-two {
  color: #F8AF08 !important;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.twitch {
  background: rgb(110, 60, 210) !important;
}

.youtube {
  background: rgb(172, 46, 46) !important;
}

.insta {
  background: rgb(207, 93, 93) !important;
}

.lind {
  background: rgb(78, 131, 228) !important;
}

.face {
  background: rgb(27, 114, 244) !important;
}

.lock {
  color: var(--textcolor);
  font-size: 20px;
}

.p__max {
  max-width: 308px;
  line-height: 150%;
}

.star {
  font-size: 20px;
  color: var(--button-two);
}

.left__right__space {
  padding-right: 24px;
  padding-left: 24px;
}

.left__space {
  padding-left: 24px;
}

.left__spacem {
  margin-left: 24px;
}

.top__bottom__space {
  padding-top: 24px;
  padding-bottom: 24px;
}

.mb__1 {
  margin-bottom: 1px;
}

.mb__20 {
  margin-bottom: 18px;
}

.mb__30 {
  margin-bottom: 24px;
}

.mt__30 {
  margin-top: 24px !important;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-top: 20px;
}

.b__bottom {
  border-bottom: 1px solid var(--leftpreborder) !important;
}

.b__top {
  border-top: 1px solid var(--leftpreborder) !important;
}

.twing__right {
  margin-right: 10px !important;
}

.point__boxpadding {
  width: inherit !important;
}

.opo {
  opacity: 0;
}

.paddingbnone {
  padding-bottom: 0 !important;
}

.paddingtnone {
  padding-top: 0 !important;
}

.mb__10 {
  margin-bottom: 8px;
}

.mt__10 {
  margin-top: 8px;
}

.pb__10 {
  padding-bottom: 8px;
}

.pt__10 {
  padding-top: 8px;
}

.pr__40 {
  padding-right: 40px;
}

.pl__40 {
  padding-left: 40px;
}

.pr__10 {
  padding-right: 10px;
}

.pl__10 {
  padding-left: 10px;
}

.fade:not(.show) {
  opacity: 0;
  display: none;
}

/*Abstracts / typography*/
/*Abstracts / footer*/
/*------Main Footer Section Start--------*/
/*------Main Footer Section Start--------*/
.main__footer__section {
  margin-right: 24px;
  margin-left: 24px;
}
.main__footer__section .footer__top {
  padding-left: 50px;
}
.main__footer__section .footer__top .widget__items .content-area .quick-link li:not(:last-child) {
  margin-bottom: 10px;
}
.main__footer__section .footer__top .widget__items .content-area .quick-link li a img {
  width: 17px;
}
.main__footer__section .footer__top .widget__items .content-area .quick-link li:hover a {
  color: var(--theme-one);
}
.main__footer__section .footer__bottom {
  padding: 24px 24px;
}
.main__footer__section .footer__bottom p {
  font-size: 18px;
  font-weight: 400;
  color: var(--white);
}
.main__footer__section .footer__bottom p a {
  font-weight: 400;
  color: var(--active-color);
}
.main__footer__section .footer__bottom .bottom__ling li a {
  font-size: 18px;
  font-weight: 400;
  transition: all 0.3s;
  color: var(--white);
}
.main__footer__section .footer__bottom .bottom__ling li:hover a {
  color: var(--active-color);
}

/*------Main Footer Section Start--------*/
/*------Main Footer Section Start--------*/
/*------Footer Section Start--------*/
/*------Footer Section Start--------*/
.footer__section {
  position: relative;
  overflow: hidden;
  background: var(--slidebox);
}

.footer__top {
  position: relative;
  z-index: 1;
}
.footer__top .widget__items .footer-head {
  margin-bottom: 22px;
}
.footer__top .widget__items .footer-head a {
  width: 150px;
  display: block;
}
.footer__top .widget__items .footer-head a img {
  width: 100%;
  height: 100%;
}
.footer__top .widget__items .footer-head .title {
  color: var(--theme-one);
  margin-top: -6px;
  font-weight: 500;
}
.footer__top .widget__items .content-area p {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 30px;
}
.footer__top .widget__items .content-area h6 {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-one);
  margin-bottom: 12px;
}
.footer__top .widget__items .content-area .quick-link li {
  display: flex;
  align-items: center;
  transition: all 0.5s;
  margin-left: -15px;
}
.footer__top .widget__items .content-area .quick-link li:not(:last-child) {
  margin-bottom: 5px;
}
.footer__top .widget__items .content-area .quick-link li a {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--textcolor);
  transition: all 1s;
  margin-left: 24px;
  font-weight: 400;
}
.footer__top .widget__items .content-area .quick-link li a img {
  width: 17px;
  margin-right: -28px;
  opacity: 0;
  transition: all 0.3s;
}
.footer__top .widget__items .content-area .quick-link li a:hover {
  color: var(--white);
}
.footer__top .widget__items .content-area .quick-link li:hover a img {
  opacity: 1;
  margin-right: 5px;
}
.footer__top .widget__items .content-area .contact li {
  gap: 8px;
  display: flex;
  align-items: center;
}
.footer__top .widget__items .content-area .contact li:not(:last-child) {
  margin-bottom: 7px;
}
.footer__top .widget__items .content-area .contact li .phone-icon i {
  color: var(--ratting-color);
}
.footer__top .widget__items .content-area .contact li .email-part {
  font-size: 16px;
  transition: all 0.3s;
  font-weight: 400;
}
.footer__top .widget__items .content-area .contact li:hover a {
  color: var(--white);
}
.footer__top .widget__items .content-area .badge__icon {
  margin-top: 30px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.footer__top .widget__items .content-area form {
  position: relative;
  margin-top: 25px;
}
.footer__top .widget__items .content-area form input {
  border: 1px solid var(--button-one);
  padding: 15px 138px 15px 20px;
  outline: none;
  box-shadow: none;
  width: 100%;
  border-radius: 10px;
  color: var(--white);
  position: relative;
  background-color: transparent;
  margin-bottom: 30px;
}
.footer__top .widget__items .content-area form ::-moz-placeholder {
  color: var(--white) !important;
}
.footer__top .widget__items .content-area form ::placeholder {
  color: var(--white) !important;
}
.footer__top .widget__items .content-area form .cmn--btn {
  position: absolute;
  top: 3px;
  right: 4px;
  border: none;
  padding: 11px 18px 14px;
  color: var(--white);
}
.footer__top .social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.footer__top .social li:not(:last-child) {
  margin-right: 10px;
}
.footer__top .social li .icon {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid var(--brand-primary);
  transition: all 0.4s;
}
.footer__top .social li .icon i {
  font-size: 18px;
  color: var(--brand-primary);
  transition: all 0.4s;
}
.footer__top .social li .icon:hover {
  background: var(--button-one);
  border-color: var(--button-one);
}
.footer__top .social li .icon:hover i {
  color: var(--white);
}
.footer__top p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 150%;
}

.footer__sponsor {
  background: var(--pointbox);
  padding: 30px 10px;
}

.footer__sponsor__items {
  text-align: center;
}
.footer__sponsor__items a {
  width: 120px;
  height: 30px;
  display: block;
}
.footer__sponsor__items a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__bottom {
  padding: 29px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.footer__bottom p {
  order: 1;
  font-size: 18px;
  color: var(--white);
}
.footer__bottom p a {
  color: var(--active-color);
}
.footer__bottom .bottom__ling {
  display: flex;
  align-items: center;
  gap: 18px;
}
.footer__bottom .bottom__ling li a {
  font-size: 18px;
  font-weight: 400;
}

/*------Footer Section End--------*/
/*------Footer Section End--------*/
.site-footer {
  background: var(--brand-secondary);
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 8px;
  color: #cbd5e1;
  margin: 14px 24px 0;
  overflow: hidden;
}

.site-footer__inner {
  align-items: center;
  display: grid;
  gap: 10px 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin: 0 auto;
  max-width: 1440px;
  padding: 12px 16px;
}

.site-footer__brand,
.site-footer__links,
.site-footer__payments,
.site-footer__bottom {
  min-width: 0;
}

.site-footer__brand {
  align-items: center;
  display: flex;
  gap: 10px;
}

.site-footer__logo {
  display: inline-flex;
  flex: 0 0 auto;
}

.site-footer__logo-img {
  height: auto;
  max-height: 28px;
  width: auto;
}

.site-footer__brand span {
  color: var(--textcolor);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.site-footer__links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: center;
}

.site-footer__links a,
.site-footer__links button,
.site-footer__bottom a {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.site-footer__links a:hover,
.site-footer__links button:hover,
.site-footer__bottom a:hover {
  color: var(--brand-primary);
}

.site-footer__links button {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.site-footer__payments {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.site-footer__payments img {
  background: var(--white);
  border-radius: 4px;
  height: auto;
  max-height: 20px;
  padding: 2px 5px;
  width: auto;
}

.site-footer__bottom {
  align-items: center;
  border-top: 1px solid rgba(203, 213, 225, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  grid-column: 1 / -1;
  justify-content: center;
  padding-top: 8px;
}

.site-footer__age {
  align-items: center;
  color: #cbd5e1;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  gap: 6px;
  line-height: 1.25;
  min-width: 0;
}

.site-footer__age-icon {
  align-items: center;
  background: var(--brand-primary);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: var(--white);
  display: inline-flex;
  flex: 0 0 26px;
  font-size: 10px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  letter-spacing: 0;
  width: 26px;
}

.site-footer__age-text {
  overflow-wrap: anywhere;
}

.site-footer__copyright,
.site-footer__license {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  text-align: center;
}

.site-footer__copyright {
  white-space: nowrap;
}

.site-footer__license {
  flex: 1 1 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
}

html.low-data-mode .site-footer__logo img,
html.low-data-mode .site-footer__payments {
  display: none;
}

@media screen and (max-width: 991px) {
  .site-footer {
    margin: 12px 10px calc(72px + env(safe-area-inset-bottom));
  }

  .site-footer__inner {
    gap: 9px;
    grid-template-columns: 1fr;
    padding: 12px;
    text-align: center;
  }

  .site-footer__brand,
  .site-footer__links,
  .site-footer__payments,
  .site-footer__bottom {
    justify-content: center;
  }
}

@media screen and (max-width: 575px) {
  .site-footer {
    margin-left: 8px;
    margin-right: 8px;
  }

  .site-footer__inner {
    gap: 8px;
    padding: 10px 8px;
  }

  .site-footer__brand {
    gap: 6px;
  }

  .site-footer__logo img {
    max-height: 24px;
  }

  .site-footer__links {
    gap: 7px 10px;
  }

  .site-footer__links a,
  .site-footer__links button,
  .site-footer__bottom a {
    font-size: 11px;
  }

  .site-footer__payments img {
    max-height: 18px;
    padding-inline: 4px;
  }

  .site-footer__bottom {
    gap: 6px 10px;
    padding-top: 7px;
  }

  .site-footer__age {
    flex-basis: 100%;
    justify-content: center;
  }
}

/*Abstracts / footer*/
/*Abstracts / header*/
/*--Menu Header Start--*/
.header-section {
  width: 100%;
  background-color: var(--header);
  padding: 0px 0 0px;
  position: sticky;
  top: 0;
  z-index: 99999;
}
.header-section .header-wrapper .logo-menu img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu-fixed {
  z-index: 999999;
  transition: all 0.9s;
  background-color: var(--header);
  padding: 0px 0 0px;
}

.header-wrapper {
  padding: 0px 40px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.9s;
}
.header-wrapper .menu__left__wrap {
  display: flex;
  align-items: center;
}
.header-wrapper .menu__left__wrap .logo-menu a {
  display: block;
  width: 150px;
}
.header-wrapper .menu__left__wrap .logo-menu a img {
  width: 100%;
  height: 100%;
}
.header-wrapper .main-menu {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -2px;
}
.header-wrapper .main-menu li {
  border-radius: 5px;
  transition: all 0.4s;
  position: relative;
}
.header-wrapper .main-menu li:not(:last-child) {
  margin-right: 20px;
}
.header-wrapper .main-menu li a {
  color: var(--white);
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 9px;
}
.header-wrapper .main-menu li a::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--white);
  content: "";
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .header-wrapper .main-menu li a::before {
    background: rgba(255, 102, 0, 0.4392156863) !important;
  }
}
.header-wrapper .main-menu li a.active::before, .header-wrapper .main-menu li a:hover::before {
  opacity: 1;
}
.header-wrapper .main-menu li a .icon {
  margin-top: -3px;
}
.header-wrapper .main-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.header-wrapper .main-menu .cmn-grp {
  display: flex;
  align-items: center;
  gap: 20px;
  display: none;
}
.header-wrapper .main-menu .cmn-grp:hover {
  cursor: pointer;
}
.header-wrapper .mneu-btn-grp .language__wrap {
  position: relative;
}
.header-wrapper .mneu-btn-grp .language__wrap .nice-select {
  padding: 7px 34px 9px 39px;
}
.header-wrapper .mneu-btn-grp .language__wrap .nice-select .list {
  background: var(--header);
}
.header-wrapper .mneu-btn-grp .language__wrap .nice-select::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 8px;
  margin-top: -6px;
  right: 16px;
  width: 8px;
}
.header-wrapper .mneu-btn-grp .language__wrap .flag {
  position: absolute;
  top: 4px;
  left: 0;
  width: 28px;
  height: 20px;
}
.header-wrapper .mneu-btn-grp .language__wrap .flag img {
  width: 100%;
  height: 100%;
}
.header-wrapper .mneu-btn-grp .nice-select {
  padding: 8px 40px 9px 44px;
}
.header-wrapper .lang {
  opacity: 0;
}

.dashboard__header {
  padding: 15px 0px;
}
.dashboard__header .header-wrapper {
  display: flex;
  justify-content: space-between;
}
.dashboard__header .header-wrapper .menu__left__wrap .logo-menu {
  margin-right: 25px;
}
.dashboard__header .header-wrapper .dashboar__wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}
.dashboard__header .header-wrapper .dashboar__wrap .items {
  text-align: right;
}
.dashboard__header .header-wrapper .dashboar__wrap .items .small {
  font-size: 10px;
  color: var(--white);
  margin-bottom: 4px;
  display: block;
}
.dashboard__header .header-wrapper .dashboar__wrap .items h6 {
  font-weight: 600;
  color: var(--white);
}
.dashboard__header .header-wrapper .dashboar__wrap .items .cmn--btn {
  padding: 6px 20px 10px;
}
.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  background: var(--social-box);
  position: relative;
}
.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons .count {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  background: var(--button-one);
  color: var(--white);
  display: block;
  border-radius: 50%;
  font-size: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons i {
  color: var(--brand-primary);
  font-size: 17px;
}

.custom-dropdown__trigger {
  align-items: center;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0;
}

.header-logout-form {
  margin: 0;
}

.header-menu-logout {
  display: inline-flex;
}

.header-logout-button {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
  border-radius: 999px;
  color: var(--brand-primary);
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  min-height: 32px;
  padding: 6px 12px;
}

.header-logout-button i {
  font-size: 13px;
}

@media (min-width: 992px) and (max-width: 1464px) {
  .right__site__section {
    position: sticky;
    top: 163px !important;
  }
  .popular__events__left {
    position: sticky;
    top: 163px !important;
  }
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .header-wrapper {
    padding: 0 20px 0 0px;
  }
  .header-wrapper .main-menu li {
    padding-left: 11px;
  }
  .header-wrapper .main-menu li:not(:last-child) {
    margin-right: 5px;
  }
  .header-wrapper .main-menu li a {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-wrapper {
    padding: 0 10px 0 0px;
  }
  .header-wrapper .menu__left__wrap .logo-menu a {
    width: 120px;
    display: block;
  }
  .header-wrapper .menu__left__wrap .logo-menu a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .header-wrapper .main-menu li {
    padding-left: 6px;
  }
  .header-wrapper .main-menu li:not(:last-child) {
    margin-right: 5px;
  }
  .header-wrapper .main-menu li a {
    font-size: 14px;
  }
  .header-wrapper .mneu-btn-grp {
    gap: 4px;
  }
  .header-wrapper .mneu-btn-grp .cmn--btn,
  .header-wrapper .mneu-btn-grp .cmn--btn2 {
    font-size: 14px;
    padding: 5px 20px 9px;
  }
  .dashboard__header .header-wrapper .menu__left__wrap .logo-menu {
    margin-right: 0px;
  }
}
/*----Menu Header Start-----*/
/*Abstracts / header*/
/*Abstracts / banner*/
.banner__left__wrap .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 150px;
  transition: all 0.3s;
}
.banner__left__wrap .owl-nav button.owl-prev i {
  font-size: 28px;
  color: var(--white-color);
  transition: all 0.3s;
}
.banner__left__wrap .owl-nav button.owl-prev:hover {
  background-color: transparent;
}
.banner__left__wrap .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 150px;
  transition: all 0.3s;
}
.banner__left__wrap .owl-nav button.owl-next i {
  font-size: 28px;
  color: var(--white-color);
  transition: all 0.3s;
}
.banner__left__wrap .owl-nav button.owl-next:hover {
  background-color: transparent;
}
.banner__left__wrap .owl-nav button.owl-next:hover i {
  color: var(--white-color);
}
.banner__left__wrap .owl-dots {
  position: absolute;
  bottom: 25px;
  left: 50%;
}
.banner__left__wrap .owl-dots .owl-dot span {
  background-color: #13151B;
  width: 12px;
  height: 12px;
}
.banner__left__wrap .owl-dots .owl-dot.active span {
  background-color: #77C746;
  width: 12px;
}

/*Abstracts / banner*/
/*Abstracts / section*/
.point__box {
  background: var(--pointbox);
  border-radius: 5px;
  padding: 15px 5px;
  display: flex;
  width: 87px;
  justify-content: center;
  align-items: center;
  height: 67px;
  text-align: center;
  transition: all 0.4s;
}
.point__box:hover {
  background: var(--header);
}

.spacing__initial {
  width: initial !important;
}

.point__box__volly {
  width: 184px;
}
.point__box__volly i {
  color: var(--textcolor);
  font-size: 18px;
}

.bg__none {
  background: transparent !important;
}
.bg__none:hover {
  background: transparent;
}

.nav {
  border: unset;
}
.nav .nav-link {
  padding: 0;
  border: unset;
  background: none;
}

.main__body__area {
  background: var(--page-bg);
  position: relative;
}

.main__tab__slide {
  background-color: var(--subheader);
  padding: 20px 40px;
  position: sticky;
  top: 73px;
  z-index: 2;
}
.main__tab__slide .nav {
  border: unset;
  gap: 7px 22px;
}
.main__tab__slide .nav .nav-item .search-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000020;
}
.main__tab__slide .nav .nav-item .search-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.main__tab__slide .nav .nav-item .search-popup label {
  color: white;
}
.main__tab__slide .nav .nav-item .search-form {
  display: block;
  margin: 7em 4em;
  position: relative;
  right: -100%;
}
.main__tab__slide .nav .nav-item .form {
  position: relative;
}
.main__tab__slide .nav .nav-item .form input {
  outline: none;
  background-color: var(--pointbox);
  width: 100%;
  padding: 15px 15px;
  border: none;
  border-bottom: 1px solid var(--active-color);
  color: #dad6d5;
}
.main__tab__slide .nav .nav-item .form input::-moz-placeholder {
  color: var(--white);
}
.main__tab__slide .nav .nav-item .form input::placeholder {
  color: var(--white);
}
.main__tab__slide .nav .nav-item .form input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.main__tab__slide .nav .nav-item .form input:focus::-moz-placeholder {
  opacity: 0;
}
.main__tab__slide .nav .nav-item .form input:-ms-input-placeholder {
  opacity: 0;
}
.main__tab__slide .nav .nav-item .form input:focus:-moz-placeholder {
  opacity: 0;
}
.main__tab__slide .nav .nav-item .form label {
  position: absolute;
  top: 25%;
  right: 0;
}
.main__tab__slide .nav .nav-item .nav-link {
  background: transparent;
  color: var(--theme-one);
  font-weight: 600;
  line-height: 22px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  outline: none;
  padding: 0;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}
.main__tab__slide .nav .nav-item .nav-link span i {
  font-size: 17px;
}
.main__tab__slide .nav .nav-item .nav-link .icons {
  margin-top: 4px;
}
.main__tab__slide .nav .nav-item .nav-link.active {
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--white);
}
.main__tab__slide .nav .nav-item .nav-link:focus {
  border: none;
}
.main__tab__slide .nav .nav-item .nav-link:hover {
  border: none;
}

.today__body .tody__tab {
  background: var(--signbet);
  padding: 10px 10px 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.today__body .tody__tab .nav {
  display: flex;
  gap: 8px 10px;
}
.today__body .tody__tab .nav li i {
  color: var(--textcolor);
}
.today__body .tody__tab .nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 0px 5px;
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
}
.today__body .tody__tab .nav .nav-item .nav-link .icons {
  margin-top: 4px;
}
.today__body .tody__tab .nav .nav-item .nav-link.active {
  background-color: transparent;
  color: var(--active-color);
}
.today__body .tody__tab .nav .nav-item .nav-link.active span i {
  color: var(--active-color);
}
.today__body .home__box {
  background: var(--signbet);
  border-radius: 5px;
  padding: 10px 10px 10px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0px 8px;
}
.today__body .home__box span {
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
}
.today__body .home__box span i {
  font-size: 18px;
  color: var(--textcolor);
}
.today__body .home__box .icons {
  display: block;
  margin-bottom: -2px;
}
.today__body .tspot__title {
  color: var(--textcolor);
  font-weight: 600;
  margin-bottom: 20px;
}
.today__body .topsport__wrap .tsport__items {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px;
  background: var(--signbet);
  border-radius: 5px;
}
.today__body .topsport__wrap .tsport__items:not(:last-child) {
  margin-bottom: 1px;
}
.today__body .topsport__wrap .tsport__items .tsport__itemsleft {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0px 5px;
}
.today__body .topsport__wrap .tsport__items .tsport__itemsleft .icons {
  margin-bottom: -5px;
}
.today__body .topsport__wrap .tsport__items .tsport__itemsleft .icons i {
  color: var(--textcolor);
  font-size: 18px;
}
.today__body .topsport__wrap .tsport__items .tsport__itemsleft span {
  font-weight: 600;
  font-size: 14px;
  color: var(--textcolor);
}
.today__body .topsport__wrap .tsport__items .ssportright span {
  color: var(--textcolor);
}
.today__body .topsport__wrap .tsport__items .ssportright i {
  color: var(--textcolor);
}
.today__body .robot__content {
  max-width: 900px;
}
.today__body .robot__content p {
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 150%;
}
.today__body .robot__content__wrap {
  background: var(--signbet);
  padding: 20px 20px 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px 5px;
}
.today__body .robot__content__wrap .robot__content__items .ttext {
  font-size: 12px;
  color: var(--white);
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.today__body .robot__content__wrap .robot__content__items h6 {
  color: var(--white);
  font-weight: 400;
}
.today__body .robot__content__wrap .point {
  width: 80px;
  height: 65px;
  border-radius: 5px;
  text-align: center;
  line-height: 65px;
  font-size: 14px;
  color: var(--white);
  display: block;
  background: var(--button-two);
}
.today__body .robot__wrap {
  max-width: 700px;
  border: 1px solid var(--theme-one);
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 30px;
}
.today__body .robot__wrap form {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.today__body .robot__wrap form input {
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 10px;
  background: var(--signbet);
  padding: 13px 30px 17px;
  margin-bottom: 20px;
}
.today__body .robot__wrap form ::-moz-placeholder {
  color: var(--place);
}
.today__body .robot__wrap form ::placeholder {
  color: var(--place);
}
.today__body .robot__wrap form button {
  width: 100%;
  color: var(--white);
  border: unset;
}

.left__site__section {
  background: var(--page-bg);
}
.left__site__section .popular__events__body {
  background: var(--page-bg);
}
.left__site__section .match__fixing__items {
  background: var(--slidebox);
  box-shadow: var(--card-shadow);
  display: block;
  border-radius: 10px;
  padding: 10px 20px 20px;
}
.left__site__section .match__fixing__items .match__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.left__site__section .match__fixing__items .match__head .match__head__left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.left__site__section .match__fixing__items .match__head .match__head__left .icons {
  margin-top: 4px;
}
.left__site__section .match__fixing__items .match__head .match__head__left .icons i {
  font-size: 20px;
  color: var(--textcolor);
}
.left__site__section .match__fixing__items .match__head .match__head__left span {
  color: var(--textcolor);
  font-size: 12px;
  font-weight: 400;
}
.left__site__section .match__fixing__items .match__head .today {
  color: var(--textcolor);
  font-size: 12px;
  font-weight: 400;
}
.left__site__section .match__fixing__items .match__head .today.is-live {
  color: var(--active-color);
  font-weight: 700;
}
.left__site__section .match__fixing__items .match__vs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  margin-bottom: 25px;
}
.left__site__section .match__fixing__items .match__vs .vs {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: var(--textcolor);
}
.left__site__section .match__fixing__items .match__vs .match__vs__left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.left__site__section .match__fixing__items .match__vs .match__vs__left span {
  font-size: 14px;
  font-weight: 400;
  color: var(--textcolor);
}
.left__site__section .match__fixing__items .match__vs .match__vs__left .match-team-initial {
  align-items: center;
  background: rgba(138, 146, 171, 0.18);
  border-radius: 50%;
  color: var(--white);
  display: inline-flex;
  font-size: 10px;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  min-width: 28px;
}
.left__site__section .match__fixing__items .match__result {
  position: relative;
  margin-bottom: 25px;
}
.left__site__section .match__fixing__items .match__result .matchborder {
  border-bottom: 1px solid var(--textcolor);
  width: 100%;
  display: block;
}
.left__site__section .match__fixing__items .match__result .match__text {
  color: var(--textcolor);
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  background: var(--slidebox);
  padding: 1px 20px 2px;
  text-align: center;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%);
}
.left__site__section .match__fixing__items .match__point {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.left__site__section .match__fixing__items .match__point li {
  background-color: var(--pointbox);
  padding: 4px 10px 6px;
  border-radius: 5px;
  width: 77px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.left__site__section .match__fixing__items .match__point li:hover,
.left__site__section .match__fixing__items .match__point li.is-selected {
  background-color: var(--active-color);
  transform: translateY(-1px);
}
.left__site__section .match__fixing__items .match__point li span {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
}
.left__site__section .popular__events__left {
  position: sticky;
  width: 100%;
  top: 140px;
}
.left__site__section .popular__events__left .popular__events__head {
  background: var(--slidebox);
  border: 1px solid rgba(123, 131, 156, 0.28);
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  overflow: hidden;
  margin-bottom: 10px;
}
.left__site__section .popular__events__left .popular__events__head h5 {
  align-items: center;
  background: var(--header);
  border-bottom: 1px solid rgba(123, 131, 156, 0.6);
  color: var(--white);
  display: flex;
  font-size: 15px;
  font-weight: 900;
  justify-content: space-between;
  margin: 0;
  padding: 13px 14px 11px;
}
.left__site__section .popular__events__left .popular-league-list {
  display: grid;
  gap: 7px;
  padding: 10px;
}
.left__site__section .popular__events__left .popular-league-card {
  align-items: center;
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(123, 131, 156, 0.32);
  border-radius: 9px;
  display: flex;
  gap: 9px;
  min-width: 0;
  padding: 9px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.left__site__section .popular__events__left .popular-league-card:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.4);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}
.left__site__section .popular__events__left .popular-league-card.is-featured {
  background: rgba(var(--brand-primary-rgb), 0.16);
  border-color: rgba(var(--brand-primary-rgb), 0.38);
}
.left__site__section .popular__events__left .popular-league-card__icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: var(--textcolor);
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
}
.left__site__section .popular__events__left .popular-league-card__icon i {
  color: inherit;
  font-size: 14px;
  line-height: 1;
}
.left__site__section .popular__events__left .popular-league-card.is-featured .popular-league-card__icon {
  background: var(--preactive);
  color: var(--white);
}
.left__site__section .popular__events__left .popular-league-card__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.left__site__section .popular__events__left .popular-league-card__copy strong {
  color: var(--white);
  display: block;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left__site__section .popular__events__left .popular-league-card__copy em {
  color: var(--textcolor);
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}
.left__site__section .popular__events__left .popular-league-card__count {
  background: rgba(var(--brand-primary-rgb), 0.18);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
  border-radius: 999px;
  color: var(--white);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  margin-left: auto;
  min-width: 28px;
  padding: 6px 8px;
  text-align: center;
}
.left__site__section .popular__events__left .popular-league-card--empty {
  border-style: dashed;
}
.left__site__section .popular__events__left .prematch__wrap {
  background: var(--slidebox);
  border: 1px solid rgba(123, 131, 156, 0.28);
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  overflow: hidden;
}
.left__site__section .popular__events__left .prematch__wrap .nav {
  background: var(--header);
  border: unset;
  border-bottom: 1px solid rgba(123, 131, 156, 0.6);
  display: flex;
  gap: 8px;
  padding: 10px;
}
.left__site__section .popular__events__left .prematch__wrap .nav .nav-link {
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(123, 131, 156, 0.28);
  border-radius: 999px;
  color: var(--textcolor);
  flex: 1;
  font-size: 12px;
  font-weight: 900;
  min-height: 34px;
  padding: 8px 10px;
  position: relative;
}
.left__site__section .popular__events__left .prematch__wrap .nav .nav-link.active {
  background: var(--preactive);
  border: unset;
  color: var(--white);
  box-shadow: 0 8px 18px rgba(var(--brand-primary-rgb), 0.18);
}
.left__site__section .popular__events__left .prematch__wrap .nav .nav-link.active::before {
  display: none;
}
.left__site__section .popular__events__left .prematch__wrap .tab-content {
  padding: 10px;
}
.left__site__section .popular__events__left .prematch__scopre {
  display: grid;
  gap: 7px;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items {
  align-items: center;
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(123, 131, 156, 0.32);
  border-radius: 9px;
  display: flex;
  gap: 9px;
  justify-content: space-between;
  min-width: 0;
  padding: 9px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.4);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  gap: 9px;
  min-width: 0;
  overflow: hidden;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left .prescore__icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: var(--textcolor);
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left .prescore__icon i {
  color: inherit;
  font-size: 14px;
  line-height: 1;
  margin-top: 0;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left .prescore__content {
  display: grid;
  flex: 1 1 auto;
  gap: 4px;
  min-width: 0;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left span {
  color: var(--white);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__left .score {
  display: -webkit-box;
  flex: 1 1 auto;
  font-size: 11.5px;
  line-height: 1.3;
  margin-top: 0;
  min-width: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 0;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right span {
  background: rgba(var(--brand-primary-rgb), 0.18);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
  border-radius: 999px;
  color: var(--white);
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  padding: 4px 6px;
  white-space: nowrap;
}
.left__site__section .popular__events__left .prematch__scopre .prescore__items .prescore__right span i {
  color: inherit;
  font-size: 10px;
}
.left__site__section .popular__events__left .prematch__wrap .sidebar-empty-state {
  background: rgba(138, 146, 171, 0.12);
  border: 1px dashed rgba(123, 131, 156, 0.32);
  border-radius: 9px;
  padding: 11px;
}

.section__title {
  padding: 9px 10px 10px;
  color: var(--theme-one);
  border-bottom: 1px solid var(--leftpreborder);
}

.section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 10px 10px;
}
.section__head .left__head {
  display: flex;
  align-items: center;
  gap: 5px;
}
.section__head .left__head .icons {
  margin-top: 4px;
}
.section__head .left__head span {
  color: var(--textcolor);
}
.section__head .left__head span i {
  color: var(--textcolor);
}
.section__head .right__catagoris {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.section__head .right__catagoris .right__cate__items {
  border: 1px solid var(--textcolor);
  border-radius: 5px;
}
.section__head .right__catagoris .right__cate__items .nice-select {
  padding: 5px 50px 5px 10px;
  color: var(--textcolor);
  font-size: 10px;
  width: 160px;
}
.section__head .right__catagoris .right__cate__items .nice-select .list {
  z-index: 999;
  background: var(--header);
}
.section__head .right__catagoris .right__cate__items .nice-select::after {
  border-bottom: 1px solid var(--textcolor);
  border-right: 1px solid var(--textcolor);
  display: block;
  height: 8px;
  margin-top: -15px;
  right: 10px;
  bottom: 40%;
  width: 8px;
}

.live__heightlight {
  background: var(--slidebox);
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  padding: 10px 20px;
}
.live__heightlight .nav .nav-link {
  display: flex;
  align-items: center;
  padding: 8px 10px 10px;
  gap: 5px;
}
.live__heightlight .nav .nav-link .icons {
  margin-top: 2px;
}
.live__heightlight .nav .nav-link .icons i {
  font-size: 14px;
  color: var(--textcolor);
}
.live__heightlight .nav .nav-link span {
  font-size: 16px;
  font-weight: 600;
  color: var(--textcolor);
}
.live__heightlight .nav .nav-link.active span {
  color: var(--active-color);
}
.live__heightlight .nav .nav-link.active span i {
  color: var(--active-color);
}

.point__max832 {
  max-width: 832px;
}

.larg__width .heght__table__points {
  max-width: 948px !important;
}

.larg__width2 .heght__table__points {
  max-width: 620px !important;
}

.larg__width3 .heght__table__points {
  max-width: 620px !important;
}

.larg__width4 .heght__table__points {
  max-width: 650px !important;
}

.larg__width5 .heght__table__points {
  max-width: 430px !important;
}

.larg__width6 .heght__table__points {
  max-width: 430px !important;
}

.larg__width7 .heght__table__points {
  max-width: 530px !important;
}

.volloy__max .heght__table__points {
  min-width: 680px;
}

.main__table .heght__table__points {
  display: flex;
  align-items: center;
  gap: 10px 70px;
  padding: 24px 20px 4px;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0 0 auto;
}
.main__table .heght__table__points span {
  font-size: 14px;
  color: var(--white);
}
.main__table .table__wrap .table__pointnone__items {
  padding-bottom: 0 !important;
}
.main__table .table__wrap .table__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 15px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.main__table .table__wrap .table__items .t__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 150px;
}
.main__table .table__wrap .table__items .t__items .t__items__left__nextogo {
  display: flex;
  align-items: center;
  gap: 5px 20px;
}
.main__table .table__wrap .table__items .t__items .t__items__left h6 {
  color: var(--white);
}
.main__table .table__wrap .table__items .t__items .t__items__left span {
  color: var(--white);
}
.main__table .table__wrap .table__items .t__items .t__items__left .serial {
  color: var(--white);
}
.main__table .table__wrap .table__items .t__items .t__items__left .t__items__icon i {
  color: var(--textcolor);
  font-size: 20px;
}
.main__table .table__wrap .table__items .t__items .t__items__left .content h6 {
  margin-bottom: 10px;
}
.main__table .table__wrap .table__items .t__items .t__items__left h6 {
  font-weight: 400;
  margin-bottom: 5px;
}
.main__table .table__wrap .table__items .t__items .t__items__left .text {
  margin-bottom: -3px;
  display: block;
  font-size: 14px;
}
.main__table .table__wrap .table__items .t__items .t__items__left p {
  margin: 0;
  font-size: 10px;
}
.main__table .table__wrap .table__items .t__items .t__items__left p a {
  color: var(--button-one);
}
.main__table .table__wrap .table__items .cart__point {
  font-size: 12px;
  color: var(--white);
}
.main__table .table__wrap .table__items .cart__point__two {
  font-size: 14px;
}
.main__table .table__wrap .table__items .mart__point__items {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.main__table .table__wrap .table__items .mart__point__items .twing {
  color: var(--textcolor);
}
.main__table .table__wrap .table__items .mart__point__items .twing i {
  font-size: 16px;
}
.main__table .table__wrap .table__items .mart__point__items .mart {
  color: var(--textcolor);
}
.main__table .table__wrap .table__items .mart__point__items .mart i {
  font-size: 16px;
}
.main__table .table__wrap .table__items .mart__point__items .point__box {
  background: var(--pointbox);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
}
.main__table .table__wrap .table__items .mart__point__items .point__box:hover {
  background: var(--header);
}
.main__table .table__wrap .table__items .mart__point__two {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main__table .table__wrap .table__items .mart__point__two .mart__point__left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.main__table .table__wrap .table__items .mart__point__two .mart__point__right {
  padding-left: 40px;
  display: flex;
  align-items: center;
  gap: 0 10px;
  justify-content: center;
}
.main__table .table__wrap .table__items .mart__point__two .mart__point__right .point__box i {
  color: var(--textcolor);
  font-size: 20px;
}
.main__table .table__wrap .table__items .mart__point__two .mart__point__right .point__box .star {
  color: var(--startable);
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box {
  display: grid;
  padding: 8px 5px 10px;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box .point__1 {
  font-size: 10px;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__box span {
  font-size: 14px;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__boxbet {
  font-size: 18px;
  color: var(--white);
  text-align: left;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__left .point__boxbet span {
  display: block;
  padding: 0 50px;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  color: var(--textcolor);
  transition: all 0.4s;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text:hover {
  color: var(--button-two);
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box-text:hover span i {
  color: var(--button-two);
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .point__box__nextto {
  width: 184px;
  justify-content: flex-end;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right span i {
  font-size: 18px;
  color: var(--textcolor);
  transition: all 0.4s;
}
.main__table .table__wrap .table__items .mart__pint__nextgo .mart__point__right .icons {
  margin-top: 4px;
}
.main__table .table__wrap .table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px 15px;
}
.main__table .table__wrap .table__footer .lobby {
  font-size: 16px;
  color: var(--white);
}
.main__table .table__wrap .table__footer .footerpoing {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--textcolor);
}
.main__table .table__wrap .table__footer__nextgo {
  display: flex;
  justify-content: center;
}
.main__table .table__wrap .table__footer__nextgo .lobby {
  transition: all 0.4s;
  display: flex;
  align-items: center;
  align-items: center;
  gap: 5px;
}
.main__table .table__wrap .table__footer__nextgo .lobby .icons {
  margin-top: 3px;
}
.main__table .table__wrap .table__footer__nextgo .lobby .icons i {
  font-size: 16px;
}
.main__table .table__wrap .table__footer__nextgo .lobby:hover {
  color: var(--button-two);
}

.nexttogo__tab .nav {
  gap: 10px 20px;
}
.nexttogo__tab .nav .nav-link {
  border-radius: 30px;
  padding: 5px 15px 7px;
  border: 1px solid rgba(138, 146, 171, 0.5);
  border-radius: 30px;
}
.nexttogo__tab .nav .nav-link.active {
  background: rgba(0, 191, 158, 0.3);
  border: 1px solid rgba(18, 94, 82, 0.729);
}

.main__table__nextfootball .table__wrap .table__items .t__items .t__items__left .content h6 span {
  font-size: 10px;
}
.main__table__nextfootball .table__wrap .table__items .t__items .t__items__left .content .text {
  font-size: 12px;
  margin-bottom: 10px;
}

.treanding__table .table__wrap .table__items .t__items .t__items__left p a {
  color: var(--textcolor);
  font-size: 10px;
}
.treanding__table .table__wrap .table__items .t__items .t__items__left p .today {
  background-color: var(--button-two);
  font-size: 9px;
  color: var(--white);
  border-radius: 2px;
  padding: 2px 3px 3px;
  margin-left: 5px;
}

.main__tabletennis .table__wrap .table__items .t__items .t__items__left h6 span {
  font-size: 10px;
}
.main__tabletennis .table__wrap .table__items .t__items .t__items__left .text span {
  font-size: 10px;
}
.main__tabletennis .table__wrap .table__items .icon__lock__box {
  width: 186px;
}
.main__tabletennis .table__wrap .table__items .tableright__tennis {
  display: flex;
  align-items: center;
  align-items: center;
}
.main__tabletennis .table__wrap .mart__point__two .mart__point__right {
  padding-left: 0px !important;
}

.main__basketballtable .table__wrap .table__items {
  display: flex;
  align-items: center;
  align-items: center;
}
.main__basketballtable .table__wrap .table__items .t__items .t__items__left h6 span {
  font-size: 10px;
}
.main__basketballtable .table__wrap .table__items .t__items .t__items__left .text span {
  font-size: 10px;
}
.main__basketballtable .table__wrap .table__items .tablebasket__main__wrap {
  display: flex;
  align-items: center;
  align-items: center;
}
.main__basketballtable .table__wrap .table__items .tablebasket__main__wrap .tablebasket__martpoin__wrap {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0px 10px;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0px 10px;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text {
  width: 100px;
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0px 10px;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text span {
  font-size: 18px;
  font-weight: 400;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text .icons {
  margin-top: 5px;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast .mart__point__left .aroow__text .icons i {
  color: var(--textcolor);
  font-size: 14px;
}
.main__basketballtable .table__wrap .table__items .martbas__pointlast__width {
  width: 186px;
}
.main__basketballtable .table__wrap .table__items .mart__point__items .americanf__point__box .mart__point__left .point__box {
  width: 170px;
}
.main__basketballtable .table__wrap .table__items .mart__point__items .point__box {
  display: grid;
}
.main__basketballtable .table__wrap .table__items .mart__point__items .point__box .spoint {
  font-size: 10px;
  display: block;
}

.main__table__tennis .tennis__table__points {
  display: flex;
  justify-content: space-between;
  max-width: 681px;
  margin: 0 0 0 auto;
}
.main__table__tennis .table__wrap .table__items .tennis__right {
  display: flex;
  align-items: center;
  gap: 0px 30px;
}
.main__table__tennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right {
  padding-left: 0px;
}
.main__table__tennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right .point__box {
  width: inherit;
  padding: 0px 0 0 15px;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap {
  display: flex;
  align-items: center;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right {
  display: grid;
  text-align: center;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right span {
  font-size: 10px;
  color: var(--white);
  display: block;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .tennis__cart__right span:not(:last-child) {
  margin-bottom: 2px;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point {
  border-right: 1px solid var(--button-one);
  padding-right: 14px;
  margin-right: 10px;
  display: grid;
  text-align: center;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point span {
  display: block;
}
.main__table__tennis .table__wrap .table__items .tennis__cart__wrap .cart__point span:not(:last-child) {
  margin-bottom: 2px;
}

.main__table__basketball .table__wrap .table__items .t__items__basket {
  margin-bottom: -100px;
}
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .point__box,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .point__box {
  display: grid;
  justify-content: center;
  text-align: center;
}
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .point__box .tov,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .point__box .tov {
  display: block;
  font-size: 10px;
}
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .spacing__lock,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__left .spacing__lock {
  margin-bottom: -80px;
}
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box i,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__left .point__box i {
  color: var(--textcolor);
  font-size: 18px;
}
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__two .mart__point__right .spacing__lock,
.main__table__basketball .table__wrap .table__items .tennis__right .mart__point__items .mart__point__right .spacing__lock {
  margin-bottom: -80px;
}

.promo__items {
  background: var(--slidebox);
  padding: 40px 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  align-items: center;
  gap: 20px 15px;
}
.promo__items .promo__content h3 {
  color: var(--white);
  font-weight: 600;
  margin-bottom: 20px;
}
.promo__items .promo__content h2 {
  font-weight: 700;
  color: var(--white);
  margin-bottom: 60px;
  line-height: 140%;
}
.promo__items .promo__thumb {
  max-width: 300px;
}
.promo__items .promo__thumb img {
  width: 100%;
  height: 100%;
}

.promotions__wrap h3 {
  color: var(--active-color);
  font-weight: 600;
  margin-bottom: 24px;
}

.casino__box {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.casino__box .live {
  display: block;
  background: var(--button-one);
  border-radius: 10px 0px 20px 0px;
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  padding: 5px 20px 7px;
  width: 74px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.casino__box img {
  width: 100%;
  border-radius: 10px;
}
.casino__box .casino__overlay {
  position: absolute;
  inset: 0 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgba(37, 35, 152, 0.49), rgba(37, 35, 152, 0.49));
  border-radius: 10px;
  content: "";
  transition: all 0.9s;
}
.casino__box:hover .casino__overlay {
  inset: 0 0 0 0%;
}

.casino__box__dobble {
  display: grid;
  gap: 24px;
}

.common__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.common__head .icons {
  margin-top: 5px;
}
.common__head span {
  color: var(--active-color);
  font-size: 24px;
  font-weight: 600;
}
.common__head span i {
  font-size: 30px;
  color: var(--active-color);
}

.main__table__cricket .tennis__table__points {
  width: 180px;
  margin-right: 50px;
}
.main__table__cricket .serial {
  color: var(--white);
}
.main__table__cricket .table__wrap .table__items .t__items {
  width: 350px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__table__cricket .table__wrap .table__items .t__items .serial {
  font-size: 14px;
}

.main__table__ttennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box {
  display: grid;
}
.main__table__ttennis .table__wrap .table__items .tennis__right .mart__point__two .mart__point__left .point__box .set {
  font-size: 10px;
}

.horse__slide__items {
  background: var(--slidebox);
  border-radius: 10px;
  padding: 20px 20px;
}
.horse__slide__items .horse__s__head {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--textcolor);
}
.horse__slide__items .horse__s__head h6 {
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
  margin-bottom: 10px;
}
.horse__slide__items .horse__s__head .miu {
  font-size: 12px;
  color: var(--textcolor);
}

.horse__body {
  padding: 20px 0px;
  border-bottom: 1px solid var(--textcolor);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.horse__body .horse__s__left {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 10px;
}
.horse__body .horse__s__left p span {
  color: var(--textcolor);
  font-size: 10px;
  display: block;
}
.horse__body .horse__s__left p span:not(:last-child) {
  margin-bottom: 10px;
}
.horse__body .horse__s__left .icon i {
  color: var(--textcolor);
  font-size: 30px;
}
.horse__body .horse__s__left .borndles h5 {
  font-weight: 600;
  color: var(--textcolor);
  margin-bottom: 4px;
}
.horse__body .horse__s__left .borndles .deg1 {
  font-size: 10px;
  color: var(--textcolor);
  margin-bottom: -4px;
  display: block;
}
.horse__body .horse__s__left .borndles .deg2 {
  font-size: 10px;
  color: var(--textcolor);
}
.horse__body .horse__sp {
  background-color: #20283F;
  border-radius: 10px;
  padding: 10px 10px 10px;
  text-transform: uppercase;
  font-size: 14px;
  width: 60px;
  text-align: center;
}

.horse__s__footer {
  font-size: 18px;
  font-weight: 400;
  color: var(--textcolor);
  text-align: center;
  padding-top: 20px;
}

.racing__tab {
  background: var(--slidebox);
  padding: 10px 10px 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.racing__tab .nav {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 5px 20px;
}
.racing__tab .nav .nav-link {
  color: var(--textcolor);
  font-size: 14px;
  border-bottom: 1px solid var(--header);
}
.racing__tab .nav .nav-link.active {
  background: transparent;
  color: var(--active-color);
  border-color: var(--active-color);
}

.horse__chart__items {
  padding: 10px 10px 10px;
  background: var(--signbet);
  border-radius: 5px;
}
.horse__chart__items:not(:last-child) {
  margin-bottom: 10px;
}
.horse__chart__items h5 {
  color: var(--textcolor);
  font-weight: 600;
  border-bottom: 1px solid var(--textcolor);
  padding-bottom: 10px;
}
.horse__chart__items .racing__list {
  margin-top: 20px;
}
.horse__chart__items .racing__list a {
  display: block;
  background: var(--body-color);
  border-radius: 4px;
  padding: 8px 10px 14px;
  color: var(--textcolor);
}
.horse__chart__items .racing__list a:not(:last-child) {
  margin-bottom: 2px;
}

.horse__chart__wrap .head__horse {
  font-weight: 600;
  color: var(--textcolor);
  margin-bottom: 20px;
}
.horse__chart__wrap .chart__point__wrap {
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 7px 10px;
}
.horse__chart__wrap .chart__point__wrap a {
  border-right: 1px solid #434A5F;
  text-align: center;
  padding: 5px 15px 5px 10px;
}
.horse__chart__wrap .chart__point__wrap a span {
  font-size: 10px;
  color: var(--textcolor);
  display: block;
  margin-bottom: 5px;
}
.horse__chart__wrap .chart__point__wrap a .ptext {
  border-radius: 2px;
  background-color: var(--button-one);
  padding: 0px 3px 3px;
  font-size: 10px;
  color: var(--white);
  width: 15px;
  text-align: center;
  margin: 0 auto;
}

.virtual__tabs {
  background: var(--slidebox);
  border-radius: 5px;
}
.virtual__tabs .nav {
  display: flex;
  align-items: center;
  align-items: center;
}
.virtual__tabs .nav .nav-item {
  padding: 12px 15px 12px;
}
.virtual__tabs .nav .nav-item:not(:last-child) {
  border-right: 1px solid #434A5F;
}
.virtual__tabs .nav .nav-item .nav-link {
  color: var(--textcolor);
  font-size: 14px;
}
.virtual__tabs .nav .nav-item .nav-link .icons {
  display: block;
  margin-bottom: -3px;
}
.virtual__tabs .nav .nav-item .nav-link .icons i {
  color: var(--textcolor);
  font-size: 19px;
}
.virtual__tabs .nav .nav-item .nav-link.active {
  background: none;
  color: var(--active-color);
}
.virtual__tabs .nav .nav-item .nav-link.active .icons {
  color: var(--active-color);
}

.world__cup__area {
  margin-top: 20px;
}
.world__cup__area .world__tabs {
  margin-bottom: 24px;
}
.world__cup__area .world__tabs .nav {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 10px 10px;
}
.world__cup__area .world__tabs .nav .nav-item .nav-link {
  padding: 8px 15px 10px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #20283F;
  border-radius: 5px;
  color: var(--white);
  background: var(--slidebox);
}
.world__cup__area .world__tabs .nav .nav-item .nav-link.active {
  background: rgba(0, 191, 158, 0.3);
  border-radius: 5px;
  color: var(--active-color);
}
.world__cup__area .world__thumb__wrap {
  background-color: var(--slidebox);
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
}
.world__cup__area .world__thumb__wrap .thumb {
  max-width: 925px;
  margin: 0 auto;
  position: relative;
}
.world__cup__area .world__thumb__wrap .thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  transform: translate(-50%, -50%);
}
.world__cup__area .world__thumb__wrap .thumb .play-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.world__cup__area .world__thumb__wrap .thumb img {
  width: 100%;
  height: 100%;
}

.world__point__table {
  margin-top: 24px;
}
.world__point__table .world__point__tab {
  background: var(--signbet);
  border-radius: 5px;
}
.world__point__table .world__point__tab .nav .nav-item .nav-link {
  padding: 7px 12px 9px;
  color: var(--white);
  border-radius: 0px;
}
.world__point__table .world__point__tab .nav .nav-item .nav-link:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.world__point__table .world__point__tab .nav .nav-item .nav-link.active {
  background: var(--active-two);
  border-radius: 0px;
}

.world__point__text {
  background: var(--slidebox);
  border-radius: 5px;
  padding: 11px 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.world__point__text span {
  color: var(--textcolor);
  font-size: 10px;
}
.world__point__text a {
  font-size: 10px;
  color: var(--textcolor);
}

.equador__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
}
.equador__head span {
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
}

.equator__match__result .match__box .title {
  background: var(--signbet);
  padding: 10px 10px 10px;
  border-radius: 5px 5px 0 0;
  display: block;
  font-size: 10px;
  color: var(--textcolor);
}
.equator__match__result .match__box .devaided__box__two a {
  width: 50%;
}
.equator__match__result .match__box .devaided__box {
  background: var(--slidebox);
  display: flex;
  justify-content: center;
  border-radius: 0 0 5px 5px;
}
.equator__match__result .match__box .devaided__box a {
  width: 33.3333333333%;
  padding: 10px 10px 10px;
  font-size: 10px;
  font-weight: 400;
  color: var(--textcolor);
  text-align: center;
  width: 100%;
}
.equator__match__result .match__box .devaided__box a:not(:last-child) {
  border-right: 1px solid rgba(123, 131, 156, 0.6);
}
.equator__match__result .match__box .devaided__box a span {
  font-size: 10px;
  color: var(--textcolor);
}
.equator__match__result .match__box .devaided__box a .poin {
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
}
.equator__match__result .match__box .devaided__box .d__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.virtual__video__wrap {
  display: flex;
  align-items: center;
  gap: 24px 24px;
  flex-wrap: wrap;
}
.virtual__video__wrap .items {
  text-align: center;
}
.virtual__video__wrap .items .thumb {
  margin-bottom: 10px;
  border-radius: 10px;
  position: relative;
}
.virtual__video__wrap .items .thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}
.virtual__video__wrap .items .thumb .play-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.virtual__video__wrap .items .thumb img {
  width: 100%;
  border-radius: 10px;
}
.virtual__video__wrap .items span {
  font-size: 10px;
  color: var(--white);
}

.favorites__tabs__wrap .favorites__head {
  display: flex;
  align-items: center;
  gap: 7px;
}
.favorites__tabs__wrap .favorites__head .icons {
  margin-top: 5px;
}
.favorites__tabs__wrap .favorites__head span {
  font-weight: 600;
  font-size: 14px;
  color: var(--active-color);
}
.favorites__tabs__wrap .favorites__head span i {
  color: var(--active-color);
  font-size: 18px;
}
.favorites__tabs__wrap .match__fixing__items .match__point li {
  justify-content: center;
}
.favorites__tabs__wrap .match__fixing__items .match__head .today i {
  font-size: 17px;
  color: var(--button-two);
}

.footer__content__section .footer__content__items:not(:last-child) {
  margin-bottom: 30px;
}
.footer__content__section .footer__content__items h5 {
  margin-bottom: 20px;
  font-weight: 600;
  color: var(--theme-one);
}
.footer__content__section .footer__content__items p {
  font-size: 14px;
  font-weight: 400;
  color: var(--textcolor);
  margin: 0;
  line-height: 150%;
}

.right__site__section {
  position: sticky;
  top: 140px;
  height: 100vh;
  padding-bottom: 200px;
  overflow-y: auto;
  scrollbar-width: none;
}
.right__site__section::-webkit-scrollbar {
  display: none;
}
.right__site__section .betslip__wrap {
  background-color: var(--slidebox);
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  overflow: hidden;
}
.right__site__section .betslip__wrap .betslip__title {
  background: var(--header);
  padding: 10px 10px 12px;
  color: var(--white);
}
.right__site__section .betslip__wrap .nav {
  border: unset;
  justify-content: space-between;
  padding: 10px 20px 5px;
  width: 100%;
  border-bottom: 1px solid var(--betslip);
}
.right__site__section .betslip__wrap .nav .nav-link {
  background: transparent;
  color: var(--betslip);
  padding: 0 0;
  border: unset;
  font-size: 14px;
}
.right__site__section .betslip__wrap .nav .nav-link.active {
  color: var(--active-color);
  position: relative;
}
.right__site__section .betslip__wrap .nav .nav-link.active::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  background: var(--active-color);
  height: 1px;
  width: 100%;
  content: "";
}
.right__site__section .betslip__wrap .multiple__components {
  padding: 0px 20px 23px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items {
  border-bottom: 1px solid var(--multiborder);
  padding-bottom: 20px;
  padding-top: 13px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items.betslip-pick-populate,
.right__site__section .betslip__wrap .betslip-live-pick.betslip-pick-populate {
  animation: betslipPickPopulate 640ms ease;
  border-radius: 8px;
}
@keyframes betslipPickPopulate {
  0% {
    background: rgba(var(--brand-primary-rgb), 0.18);
    box-shadow: inset 3px 0 0 var(--preactive), 0 0 0 0 rgba(var(--brand-primary-rgb), 0.28);
    transform: translateY(-4px);
  }
  55% {
    box-shadow: inset 3px 0 0 var(--preactive), 0 0 0 5px rgba(var(--brand-primary-rgb), 0.1);
    transform: translateY(0);
  }
  100% {
    background: transparent;
    box-shadow: inset 0 0 0 transparent, 0 0 0 0 rgba(var(--brand-primary-rgb), 0);
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .right__site__section .betslip__wrap .multiple__components .multiple__items.betslip-pick-populate,
  .right__site__section .betslip__wrap .betslip-live-pick.betslip-pick-populate {
    animation: none;
  }
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 2px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left {
  display: flex;
  align-items: center;
  gap: 5px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left .icons {
  color: var(--textcolor);
  margin-top: 4px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .multiple__left span {
  color: var(--textcolor);
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head .cros i {
  color: var(--textcolor);
  font-size: 10px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__head button.cros {
  background: transparent;
  border: 0;
  line-height: 1;
  padding: 0;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point {
  display: flex;
  gap: 10px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .pbox {
  background: rgba(138, 146, 171, 0.15);
  border-radius: 5px;
  color: var(--textcolor);
  padding: 5px 8px 1px;
  display: block;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .rightname .fc {
  font-size: 10px;
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 5px;
}
.right__site__section .betslip__wrap .multiple__components .multiple__items .multiple__point .rightname .point {
  font-size: 10px;
  color: var(--textcolor);
  display: block;
}
.right__site__section .betslip__wrap .multiple__components .total__odds {
  padding: 20px 0px 10px;
  margin-bottom: 10px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .total__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .total__head .odd {
  font-size: 14px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .total__head span {
  font-size: 14px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .result {
  background: #000;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .result span {
  font-size: 14px;
  color: var(--textcolor);
  display: block;
  margin-bottom: -5px;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right__site__section .betslip__wrap .multiple__components .total__odds .wrapper .buttons button {
  font-size: 14px;
  color: var(--white);
  background: rgba(138, 146, 171, 0.15);
  border-radius: 5px;
  border: unset;
  width: 66px;
  height: 32px;
  white-space: nowrap;
}
.right__site__section .betslip__wrap .multiple__components .possible__pay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.right__site__section .betslip__wrap .multiple__components .possible__pay span {
  color: var(--textcolor);
  font-size: 10px;
}
.right__site__section .betslip__wrap .multiple__components .cmn--btn2 {
  width: 100%;
  border-radius: 10px;
}
.right__site__section .betslip__wrap .betslip-action-panel {
  margin-top: 14px;
}
.right__site__section .betslip__wrap .bet-alert {
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 10px;
  padding: 9px 10px;
}
.right__site__section .betslip__wrap .bet-alert p {
  margin: 0;
}
.right__site__section .betslip__wrap .bet-alert p:not(:last-child) {
  margin-bottom: 5px;
}
.right__site__section .betslip__wrap .bet-alert-success {
  background: rgba(0, 188, 125, 0.14);
  color: #53e0a9;
}
.right__site__section .betslip__wrap .bet-alert-danger {
  background: rgba(255, 84, 84, 0.15);
  color: #ff9b9b;
}
.right__site__section .betslip__wrap .betslip-payment-card {
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 12px;
}
.right__site__section .betslip__wrap .betslip-payment-head {
  align-items: center;
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.right__site__section .betslip__wrap .betslip-payment-head span,
.right__site__section .betslip__wrap .betslip-payment-grid span,
.right__site__section .betslip__wrap .betslip-mpesa-form label {
  color: var(--textcolor);
  display: block;
  font-size: 11px;
}
.right__site__section .betslip__wrap .betslip-payment-head strong,
.right__site__section .betslip__wrap .betslip-payment-grid strong {
  color: var(--white);
  display: block;
  font-size: 13px;
  line-height: 1.35;
}
.right__site__section .betslip__wrap .betslip-payment-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}
.right__site__section .betslip__wrap .betslip-payment-grid div {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  padding: 8px;
}
.right__site__section .betslip__wrap .betslip-mpesa-form {
  display: grid;
  gap: 8px;
}
.right__site__section .betslip__wrap .betslip-mpesa-form input {
  background: #000;
  border: 1px solid rgba(138, 146, 171, 0.24);
  border-radius: 5px;
  color: var(--white);
  font-size: 13px;
  height: 36px;
  outline: none;
  padding: 7px 9px;
  text-transform: uppercase;
}
.right__site__section .betslip__wrap .betslip-mpesa-form input::placeholder {
  color: var(--place);
  text-transform: none;
}
.right__site__section .betslip__wrap .betslip-account-card,
.right__site__section .betslip__wrap .betslip-live-pick,
.right__site__section .betslip__wrap .betslip-stake-row {
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(138, 146, 171, 0.18);
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 9px 10px;
}
.right__site__section .betslip__wrap .betslip-account-card,
.right__site__section .betslip__wrap .betslip-stake-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.right__site__section .betslip__wrap .betslip-account-card span,
.right__site__section .betslip__wrap .betslip-stake-row label,
.right__site__section .betslip__wrap .betslip-live-pick span {
  color: var(--textcolor);
  font-size: 11px;
  margin: 0;
}
.right__site__section .betslip__wrap .betslip-account-card strong,
.right__site__section .betslip__wrap .betslip-live-pick strong {
  color: var(--white);
  display: block;
  font-size: 12px;
  line-height: 1.35;
}
.right__site__section .betslip__wrap .betslip-stake-input {
  background: #000;
  border: 1px solid rgba(138, 146, 171, 0.24);
  border-radius: 5px;
  color: var(--white);
  font-size: 13px;
  height: 34px;
  max-width: 96px;
  padding: 6px 8px;
  text-align: right;
}
.right__site__section .betslip__wrap .betslip-empty-state {
  background: rgba(255, 190, 0, 0.1);
  border-radius: 6px;
  color: #ffd978;
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 10px;
  padding: 9px 10px;
}
.right__site__section .betslip__wrap .betslip-payout-row {
  padding-bottom: 14px;
}
.right__site__section .betslip__wrap .cmn--btn2[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.right__site__section .betslip__wrap .setting__area .nav {
  padding: 0px 0px 0px;
  width: 100%;
  border-bottom: unset;
  display: flex;
  justify-content: space-between;
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link {
  background: var(--signbet);
  padding: 13px 10px 12px;
  width: 50%;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link .icons i {
  margin-top: 4px;
  color: var(--textcolor) !important;
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link .icons span {
  color: var(--textcolor) !important;
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link .text {
  margin-top: -2px;
  color: var(--textcolor);
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link:not(:last-child) {
  border-right: 2px solid var(--signborder);
}
.right__site__section .betslip__wrap .setting__area .nav .nav-link.active::before {
  display: none;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content {
  text-align: center;
  padding: 120px 10px 120px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content h6 {
  color: var(--active-color);
  margin-bottom: 8px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content p {
  margin-bottom: 15px;
  font-size: 12px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn2,
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn {
  padding: 8px 25px 10px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .sign__boxes .content .btn__grp .cmn--btn2 {
  background: var(--active-color);
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 20px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head span {
  font-size: 12px;
  color: var(--white);
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .setting__boxes__head a i {
  font-size: 10px;
  color: var(--textcolor);
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap {
  padding: 0 15px 120px;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap .form-check .form-check-input {
  background-color: transparent;
  border: 1px solid var(--textcolor);
  outline: none;
  box-shadow: none;
}
.right__site__section .betslip__wrap .setting__area .sign__bets__wrap .setting__boxes .check__wrap .form-check .form-check-label {
  color: var(--textcolor);
  font-size: 10px;
}

.modal-open .mybets__modal {
  background-color: rgba(38, 47, 74, 0.6);
  position: fixed;
  top: 0;
  left: 0;
}

.modal-backdrop {
  z-index: 1000000;
}

.modal {
  z-index: 1000010;
}

.mybets__modal {
  z-index: 1000010;
}
.mybets__modal .modal-content {
  width: 300px;
  right: 0;
  bottom: 57px;
  padding-top: 18px;
  top: 55px;
  position: fixed;
  background-color: transparent;
  background-color: var(--slidebox);
}
.mybets__modal .modal-content .modal-header {
  border: unset;
  justify-content: center;
}
.mybets__modal .modal-content .modal-header .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: url(../img/modal/cros.png) no-repeat;
  background-size: contain;
  border: 0;
  z-index: 999;
  border-radius: 0.375rem;
  opacity: 1;
}

.event__modal {
  z-index: 1000010;
}
.event__modal .modal-content {
  width: 300px;
  left: 0;
  bottom: 57px;
  top: 55px;
  position: fixed;
  padding-top: 16px;
  background-color: transparent;
  background-color: var(--slidebox);
}
.event__modal .modal-content .modal-header {
  border: unset;
  justify-content: center;
}
.event__modal .modal-content .modal-header .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: url(../img/modal/cros.png) no-repeat;
  background-size: contain;
  border: 0;
  z-index: 999;
  border-radius: 0.375rem;
  opacity: 1;
}

.footer__menu {
  position: fixed;
  display: flex;
  padding: 8px 10px 9px;
  justify-content: space-between;
  background-color: var(--header);
  align-items: center;
  bottom: 0;
  left: 0;
  gap: 10px;
  width: 100%;
  z-index: 99999;
}
.footer__menu li a {
  text-align: center;
  font-size: 14px;
  transition: all 0.4s;
}
.footer__menu li a span {
  transition: all 0.4s;
  color: var(--white);
}
.footer__menu li a span i {
  transition: all 0.4s;
  font-size: 16px;
  color: var(--white);
  background: -webkit-linear-gradient(90deg, #D73C17 -20.51%, #FFA83C 135.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer__menu li a .texta {
  margin-top: -2px;
}
.footer__menu li a:hover {
  color: var(--button-two);
}
.footer__menu li a:hover span {
  color: var(--button-two);
}
.footer__menu li a:hover span i {
  background: -webkit-linear-gradient(90deg, #ffa83c -20.51%, #f73100 135.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header-bartwo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px dashed var(--button-two);
  text-align: center;
  line-height: 38px;
}
.header-bartwo:hover {
  cursor: pointer;
}
.header-bartwo.active .cros {
  display: block;
}
.header-bartwo.active .bars {
  display: none;
}
.header-bartwo .cros {
  display: none;
}
.header-bartwo .cros i {
  font-size: 19px;
  background: -webkit-linear-gradient(90deg, #D73C17 -20.51%, #FFA83C 135.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-bartwo .bars i {
  font-size: 19px;
  background: -webkit-linear-gradient(90deg, #D73C17 -20.51%, #FFA83C 135.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.register__modal {
  z-index: 1000010;
  top: 40px;
}
.register__modal .modal-content-custom {
  background-color: var(--brand-secondary-card);
  padding: 20px 20px;
  border-radius: 20px;
}
.register__modal .modal-content-custom .modal-header {
  border: unset;
  padding: 0 0;
}
.register__modal .modal-content-custom .modal-header button {
  background-image: none;
  background: url(../img/modal/cros.png) no-repeat;
  background-size: 20px;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin-top: 0px;
  margin-right: 15px;
}
.register__modal .modal-content-custom .modal-body-custom {
  padding: 20px 20px 20px 20px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__left {
  max-width: 400px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__left img {
  width: 100%;
  height: 100%;
}
.register__modal .modal-content-custom .modal-body-custom .modal__left .modal__left__head {
  text-align: center;
  margin: 0 auto 0px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__left .modal__left__head h3 {
  color: var(--black-theme);
}
.register__modal .modal-content-custom .modal-body-custom .modal__left .modal__left__head h6 {
  color: var(--black-theme);
  font-weight: 400;
  font-size: 16px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right {
  background: var(--brand-secondary-soft);
  border-radius: 20px;
  padding: 25px 30px 30px;
  width: 100%;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background-color: transparent;
  border-radius: 26px;
  border: unset;
  margin-bottom: 25px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .nav .nav-item .nav-link {
  color: var(--white);
  font-weight: 600;
  line-height: 150%;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  border-radius: 0px;
  border: none;
  border-radius: 10px;
  width: 100%;
  padding: 8px 20px 11px;
  background: var(--brand-primary);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .nav .nav-item .nav-link.active {
  background: var(--brand-primary-hover);
  border-radius: 10px;
  border: none;
  outline: none;
  color: var(--white);
  box-shadow: none;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .focus__icon {
  text-align: center;
  margin: 0 auto 20px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .focus__icon p {
  color: var(--white);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .focus__icon p a {
  font-weight: 500;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head {
  text-align: center;
  margin-top: -8px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(138, 146, 171, 0.4);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .border__static {
  width: 100%;
  height: 1px;
  background-color: #C6C6CB;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head span {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
  text-align: center;
  transform: translateY(-16px);
  background-color: #272833;
  display: inline-block;
  padding: 4px 15px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .social {
  margin-top: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  background: transparent;
  border: 1px solid var(--brand-primary);
  text-align: center;
  line-height: 35px;
  transition: all 0.3s;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .social li a i {
  color: var(--brand-primary);
  font-size: 13px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__head .social li a:hover i {
  color: var(--white);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp {
  position: relative;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp:not(:last-child) {
  margin-bottom: 18px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp .field-icon {
  position: absolute;
  top: 47px;
  right: 20px;
  z-index: 99999;
  color: #858B9D;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: var(--white);
  margin-bottom: 8px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp input {
  border-radius: 10px;
  border: unset;
  font-size: 14px;
  font-weight: 400;
  background: #20283F;
  border: unset;
  width: 100%;
  padding: 13px 50px 15px 18px;
  outline: none;
  color: var(--white);
  position: relative;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp ::-moz-placeholder {
  color: #858B9D;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp ::placeholder {
  color: #858B9D;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .login__signup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
  display: flex;
  width: 50%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .login__signup a {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .create__btn {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .create__btn .cmn--btn {
  font-weight: 400;
  width: 210px;
  text-align: center;
  padding: 12px 10px 15px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .signup__text {
  text-align: center;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .signup__text p {
  color: var(--white);
  font-size: 14px;
  margin-top: 8px;
  font-weight: 400;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .signup__text p a {
  font-size: 14px;
  color: var(--theme-color);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__select {
  padding: 0 0 30px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__select .nice-select {
  width: 100%;
  background: linear-gradient(#3E0F36, #3E0F36) padding-box, linear-gradient(to right, #E4A91B, #F88021) border-box;
  border-radius: 0.5em;
  border: 1px solid transparent;
  color: #989898;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__select .form-country {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  line-height: 30px;
  margin-bottom: 8px;
  display: block;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__grp__new {
  margin-top: 40px;
  position: static;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: -4px;
  margin-bottom: 30px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-input {
  width: 24px;
  height: 24px;
  background-color: var(--brand-primary);
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--brand-primary);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label {
  width: calc(100% - 15px);
  color: var(--white);
  font-size: 16px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-label span {
  color: var(--theme-color);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .form__select_last {
  margin-top: 40px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .cmn--btn2 {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto 20px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form p {
  text-align: center;
  color: var(--white);
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form p a {
  color: var(--brand-primary);
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap form .reset {
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  color: var(--black-theme);
  margin-bottom: 30px;
  margin-top: -20px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__icon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__icon li {
  background: var(--modal-bg);
  width: 40%;
  border-radius: 10px;
  padding: 10px 15px 12px;
  margin: 10px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__icon li a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.register__modal .modal-content-custom .modal-body-custom .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
  color: var(--white);
}

.auth-modal .modal-dialog {
  max-width: 980px;
}

.auth-modal .auth-modal-title {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.auth-modal .auth-modal-visual {
  background: #20283F;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px;
}

.auth-modal .auth-modal-visual img {
  border-radius: 12px;
  max-height: 300px;
  object-fit: contain;
}

.auth-modal .auth-modal-visual .modal__left__head {
  padding-top: 12px;
}

.auth-modal .auth-modal-visual .modal__left__head h3,
.auth-modal .auth-modal-visual .modal__left__head h6 {
  color: var(--white);
}

.auth-modal .auth-alert {
  background: rgba(var(--brand-primary-rgb), 0.13);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.42);
  border-radius: 10px;
  margin-bottom: 18px;
  padding: 10px 12px;
}

.auth-modal .auth-alert p {
  color: #ffffff;
  font-size: 13px;
  margin: 0;
  text-align: left;
}

.auth-modal .auth-alert p:not(:last-child) {
  margin-bottom: 5px;
}

.auth-modal .auth-form-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-modal .auth-form-grid .form__grp:not(:last-child) {
  margin-bottom: 0 !important;
}

.auth-modal .auth-modal-select {
  appearance: none;
  background: #20283F;
  border: 0;
  border-radius: 10px;
  color: var(--white);
  font-size: 14px;
  min-height: 47px;
  outline: none;
  padding: 13px 18px 15px;
  width: 100%;
}

.auth-modal .field-icon {
  background: transparent;
  border: 0;
  line-height: 1;
  padding: 0;
}

.auth-modal button.field-icon {
  cursor: pointer;
}

.auth-modal .auth-submit-button {
  border: 0;
  color: var(--white);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 22px auto 10px;
  min-width: 210px;
}

.auth-modal .login__signup .form-check-label {
  font-size: 14px !important;
}

.auth-modal .signup__text p {
  margin-bottom: 0;
}

.auth-modal .auth-terms-check {
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 14px 0 0 !important;
}

.auth-modal .auth-terms-check .form-check-input {
  background-color: #20283F !important;
  border: 1px solid rgba(138, 146, 171, 0.45) !important;
  flex: 0 0 auto;
  height: 18px !important;
  margin-top: 2px;
  width: 18px !important;
}

.auth-modal .auth-terms-check .form-check-input:checked {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.auth-modal .auth-terms-check .form-check-label {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  line-height: 1.45;
  width: auto !important;
}

.auth-modal .auth-terms-check a {
  color: var(--preactive);
  font-weight: 800;
  text-decoration: none;
}

.auth-modal .auth-terms-check a:hover {
  text-decoration: underline;
}

.auth-modal-compact {
  top: 0;
}

.auth-modal-compact .modal-dialog {
  max-width: 410px;
  padding: 0 14px;
}

.auth-modal-compact .modal-content-custom {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  padding: 14px;
}

.auth-modal-compact .modal-header {
  align-items: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.12) !important;
  padding: 0 0 10px !important;
}

.auth-modal-compact .modal-header .btn-close {
  background-size: 14px !important;
  height: 20px !important;
  margin: 0 !important;
  width: 20px !important;
}

.auth-modal-compact .auth-modal-title {
  font-size: 15px;
}

.auth-modal-compact .modal-body-custom {
  padding: 12px 0 0 !important;
}

.auth-modal-compact .modal__right {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.auth-modal-compact .modal__right .nav {
  background: rgba(138, 146, 171, 0.12) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 4px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px !important;
  padding: 4px;
}

.auth-modal-compact .modal__right .nav .nav-item .nav-link {
  background: transparent !important;
  border-radius: 6px !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  min-height: 34px;
  padding: 7px 10px !important;
  width: 100%;
}

.auth-modal-compact .modal__right .nav .nav-item .nav-link.active {
  background: var(--preactive) !important;
  color: #ffffff !important;
}

.auth-modal-compact .auth-form-grid {
  gap: 10px;
  grid-template-columns: 1fr;
}

.auth-modal-compact .form__grp:not(:last-child) {
  margin-bottom: 10px !important;
}

.auth-modal-compact .form__grp label {
  font-size: 12px !important;
  margin-bottom: 5px !important;
}

.auth-modal-compact .form__grp input {
  border-radius: 7px !important;
  font-size: 13px !important;
  min-height: 40px;
  padding: 10px 42px 11px 12px !important;
}

.auth-modal-compact .form__grp .field-icon {
  right: 13px !important;
  top: 35px !important;
}

.auth-modal-compact .login__signup {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px 10px;
  justify-content: space-between !important;
  margin: 10px 0 14px !important;
}

.auth-modal-compact .login__signup .form-check {
  flex: 1 1 100%;
  width: auto !important;
}

.auth-modal-compact .login__signup a,
.auth-modal-compact .login__signup button,
.auth-modal-compact .login__signup .form-check-label,
.auth-modal-compact .signup__text p,
.auth-modal-compact .signup__text p a,
.auth-modal-compact .signup__text p button {
  font-size: 12px !important;
}

.auth-modal-compact .login__signup .form-check-input {
  height: 16px !important;
  width: 16px !important;
}

.auth-modal-compact .auth-submit-button {
  border-radius: 7px;
  margin: 12px 0 0 !important;
  min-height: 40px;
  min-width: 0;
  padding: 9px 12px !important;
  width: 100% !important;
}

.auth-modal-compact .signup__text {
  margin-top: 10px;
}

.auth-modal-compact .auth-terms-check {
  margin-top: 10px !important;
}

.auth-signup-otp-form {
  display: grid;
  gap: 12px;
}

.auth-otp-summary {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
}

.auth-otp-summary span,
.auth-otp-summary small {
  color: #94a3b8;
  font-size: 12px;
}

.auth-otp-summary strong {
  color: var(--white);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.auth-otp-countdown {
  color: #f8fafc;
  font-weight: 800;
}

.auth-otp-countdown.is-expired {
  color: var(--preactive);
}

.auth-otp-boxes {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}

.auth-otp-boxes input {
  aspect-ratio: 1;
  background: #20283f;
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 8px;
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
  min-height: 0;
  min-width: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.auth-otp-boxes input:focus {
  border-color: rgba(var(--brand-primary-rgb), 0.7);
  outline: none;
}

.auth-modal-compact .auth-alert {
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 8px 10px;
}

.auth-page,
.zuri-error-page {
  background: var(--brand-secondary);
  color: #ffffff;
  min-height: 100vh;
  min-height: 100dvh;
}

.auth-page__shell,
.zuri-error-shell {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px;
}

.auth-page__card,
.zuri-error-card {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  max-width: 430px;
  padding: 16px;
  width: 100%;
}

.auth-page__head {
  align-items: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.12);
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 12px;
}

.auth-page__brand {
  color: var(--preactive);
  font-size: 18px;
  font-weight: 800;
}

.auth-page__head span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.auth-page__notice {
  background: rgba(250, 204, 21, 0.12);
  border: 1px solid rgba(250, 204, 21, 0.22);
  border-radius: 8px;
  color: #fde68a;
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 12px;
  padding: 10px 12px;
}

.auth-page__notice.is-success {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.22);
  color: #bbf7d0;
}

.auth-page .modal-content-custom {
  border: 0;
  box-shadow: none;
  padding: 0;
}

.auth-page .auth-modal-compact .modal-content-custom,
.auth-page .auth-modal-compact .modal-body-custom {
  max-height: none;
  overflow: visible;
}

.auth-page .login__signup button,
.auth-page .signup__text button {
  background: transparent;
  border: 0;
  color: var(--preactive);
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}

.legal-page {
  background: var(--page-bg);
  min-height: calc(100vh - 220px);
  padding: 28px 24px 0;
}

.legal-shell {
  margin: 0 auto;
  max-width: 1040px;
  width: 100%;
}

.legal-hero {
  background: var(--brand-secondary);
  border-radius: 8px;
  color: #ffffff;
  padding: 28px;
}

.legal-eyebrow {
  color: var(--brand-primary);
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.legal-hero h1 {
  color: #ffffff;
  font-size: 34px;
  line-height: 1.1;
  margin: 0 0 10px;
}

.legal-hero p {
  color: #d5dceb;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 14px;
  max-width: 720px;
}

.legal-hero small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
}

.legal-document {
  background: #ffffff;
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.08);
  border-radius: 8px;
  margin-top: 16px;
  overflow: hidden;
}

.legal-section {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.08);
  padding: 22px 24px;
}

.legal-section:first-child {
  border-top: 0;
}

.legal-section h2 {
  color: var(--brand-secondary);
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 8px;
}

.legal-section p {
  color: #334155;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.legal-section--intro p {
  color: var(--brand-secondary);
  font-weight: 700;
}

.zuri-error-card {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.zuri-error-card::before {
  background: linear-gradient(90deg, var(--preactive), #22c55e);
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.zuri-error-code {
  color: rgba(255, 255, 255, 0.1);
  font-size: 88px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.9;
  margin-bottom: -8px;
}

.zuri-error-kicker {
  color: var(--preactive);
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.zuri-error-card h1 {
  color: #ffffff;
  font-size: 28px;
  line-height: 1.15;
  margin-bottom: 10px;
}

.zuri-error-card p {
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto 18px;
  max-width: 330px;
}

.zuri-error-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
}

.zuri-error-actions .cmn--btn2 {
  min-height: 42px;
  min-width: 128px;
  padding: 10px 18px;
}

.zuri-error-link {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .auth-modal .auth-form-grid {
    grid-template-columns: 1fr;
  }

  .auth-modal .modal-content-custom {
    padding: 16px 12px;
  }

  .auth-page .modal-content-custom {
    padding: 0;
  }

  .auth-page__shell,
  .zuri-error-shell {
    align-items: stretch;
    padding: 12px;
  }

  .auth-page__card,
  .zuri-error-card {
    border-radius: 12px;
    margin: auto 0;
    max-width: none;
    padding: 14px;
  }

  .auth-page .modal-body-custom {
    max-height: none;
    overflow: visible;
  }

  .auth-page .login__signup {
    align-items: flex-start !important;
    gap: 8px;
  }

  .auth-page .login__signup .form-check {
    width: auto !important;
  }

  .auth-otp-boxes {
    gap: 6px;
  }

  .auth-otp-boxes input {
    border-radius: 7px;
    font-size: 18px;
  }

  .zuri-error-code {
    font-size: 70px;
  }

  .zuri-error-card h1 {
    font-size: 23px;
  }

  .zuri-error-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .zuri-error-actions .cmn--btn2,
  .zuri-error-link {
    width: 100%;
  }

  .zuri-error-link {
    background: rgba(138, 146, 171, 0.12);
    border-radius: 8px;
    padding: 11px 14px;
  }
}
@media screen and (max-width: 991px) {
  .register__modal .modal-content-custom .modal-body-custom {
    padding: 0 0 0 0;
  }
}

.modal__thumb__wrap {
  padding: 50px 20px 30px 20px;
  background-color: #272833;
}
.modal__thumb__wrap .section-header h4 {
  color: var(--white);
  margin-bottom: 30px;
  font-weight: 600;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: url(../img/modal/cros.png) no-repeat;
  background-size: contain;
  border: 0;
  z-index: 999;
  border-radius: 0.375rem;
  opacity: 1;
}

.dashboard__side__bar {
  background: var(--slidebox);
  border-radius: 10px;
  padding: 20px 20px 20px;
  position: sticky;
  top: 80px;
}
.dashboard__side__bar .account__menu {
  display: grid;
  gap: 15px 0px;
}
.dashboard__side__bar .account__menu li a {
  display: block;
  background: var(--pointbox);
  border-radius: 10px;
  display: flex;
  align-items: center;
  align-items: center;
  padding: 16px 20px 20px;
  gap: 10px;
  transition: all 0.4s;
}
.dashboard__side__bar .account__menu li a .icons {
  margin-top: 5px;
}
.dashboard__side__bar .account__menu li a span {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  transition: all 0.4s;
}
.dashboard__side__bar .account__menu li a span i {
  color: var(--theme-one);
  transition: all 0.4s;
}
.dashboard__side__bar .account__menu li:last-child {
  border-top: 1px solid rgba(138, 146, 171, 0.3);
}
.dashboard__side__bar .account__menu li:last-child a {
  background-color: transparent;
}
.dashboard__side__bar .account__menu li:last-child a:hover {
  background-color: transparent;
}
.dashboard__side__bar .account__menu li .active {
  background: rgba(0, 191, 158, 0.3);
}
.dashboard__side__bar .account__menu li .active span {
  color: var(--active-color);
}
.dashboard__side__bar .account__menu li .active span i {
  color: var(--active-color);
}
.dashboard__side__bar .account__menu li:hover a {
  background: rgba(0, 191, 158, 0.3);
}
.dashboard__side__bar .account__menu li:hover a span {
  color: var(--active-color);
}
.dashboard__side__bar .account__menu li:hover a span i {
  color: var(--active-color);
}

.dashboard__body__wrap {
  overflow: hidden;
}
.dashboard__body__wrap .account__head {
  color: var(--white);
  background: var(--slidebox);
  padding: 20px 30px 27px;
  z-index: 1;
}
.dashboard__body__wrap .account__head::before {
  position: absolute;
  content: "";
  background-color: var(--slidebox);
  height: 72px;
  right: 0;
  top: 97px;
  width: 700px;
  z-index: -1;
}
.dashboard__body__wrap .user__box {
  background-color: var(--slidebox);
  padding: 15px 15px;
  border-radius: 10px;
}
.dashboard__body__wrap .user__box .img__change {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 20px;
}
.dashboard__body__wrap .user__box .img__change img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.dashboard__body__wrap .user__box .img__change .icons {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--active-color);
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
}
.dashboard__body__wrap .user__box .img__change .icons i {
  color: var(--white);
  font-size: 16px;
}
.dashboard__body__wrap .user__box .user__content {
  text-align: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
  padding-bottom: 20px;
}
.dashboard__body__wrap .user__box .user__content .usertext__one {
  color: var(--white);
  margin-bottom: 10px;
  font-weight: 600;
}
.dashboard__body__wrap .user__box .user__content .usertext__two {
  color: var(--white);
  font-weight: 600;
  margin-bottom: 10px;
}
.dashboard__body__wrap .user__box .user__content .link {
  font-size: 12px;
  color: var(--white);
  line-height: 150%;
}
.dashboard__body__wrap .user__box .reset__wrap {
  padding-top: 16px;
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
  padding-bottom: 20px;
  text-align: center;
}
.dashboard__body__wrap .user__box .reset__wrap .reset {
  font-size: 14px;
  font-weight: 600;
  color: var(--button-one);
  margin-bottom: 18px;
  display: block;
}
.dashboard__body__wrap .user__box .reset__wrap .change {
  font-size: 14px;
  font-weight: 600;
  color: var(--button-one);
}
.dashboard__body__wrap .user__box .user__dated {
  padding-top: 20px;
  text-align: center;
}
.dashboard__body__wrap .user__box .user__dated .date {
  font-size: 12px;
  font-weight: 400;
  color: var(--white);
  display: block;
  margin-bottom: 15px;
  line-height: 150%;
}
.dashboard__body__wrap .user__box .user__dated .lastlogin {
  font-size: 12px;
  color: var(--white);
}
.dashboard__body__wrap .account__body .account__strength__box {
  background: var(--slidebox);
  border-radius: 10px;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__box {
  text-align: center;
  width: 143px;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__box h5 {
  font-size: 16px;
  color: var(--white);
  line-height: 150%;
  font-weight: 400;
}
.dashboard__body__wrap .account__body .account__strength__box .circle__box {
  background: var(--textcolor);
  border-radius: 50%;
  width: 85px;
  height: 85px;
  line-height: 85px;
  margin: 0 auto 14px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.dashboard__body__wrap .account__body .account__strength__box .circle__box .circle {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.dashboard__body__wrap .account__body .account__strength__box .circle__box .circle::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--active-color);
  -webkit-clip-path: polygon(36% 0, 100% 0, 100% 30%, 100% 100%, 70% 100%, 30% 100%, 0 99%, 0 39%);
          clip-path: polygon(36% 0, 100% 0, 100% 30%, 100% 100%, 70% 100%, 30% 100%, 0 99%, 0 39%);
}
.dashboard__body__wrap .account__body .account__strength__box .circle__box .box {
  z-index: 1;
  background-color: var(--slidebox);
  width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.dashboard__body__wrap .account__body .account__strength__box .circle__box .text {
  color: var(--button-one);
  text-align: center;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content {
  width: calc(100% - 150px);
  max-width: 350px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0px;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 50%;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .form-check-input {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: none;
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .form-check-input:checked {
  background-color: var(--active-color);
  border-color: var(--active-color);
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .icons {
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--textcolor);
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items .icons i {
  font-size: 8px;
  color: var(--textcolor);
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items span {
  font-size: 14px;
  color: var(--white);
}
.dashboard__body__wrap .account__body .account__strength__box .strength__content .items label {
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
}
.dashboard__body__wrap .account__body .account__email {
  background: var(--slidebox);
  border-radius: 10px;
  padding: 30px 30px;
}
.dashboard__body__wrap .account__body .account__email h5 {
  color: var(--white);
  font-weight: 600;
  margin-bottom: 20px;
}
.dashboard__body__wrap .account__body .account__email .subtitle {
  font-size: 10px;
  line-height: 150%;
  display: block;
  margin-bottom: 10px;
  color: var(--white);
}
.dashboard__body__wrap .account__body .account__email .form__wrap {
  display: flex;
  gap: 15px 30px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.dashboard__body__wrap .account__body .account__email .check__items {
  width: 80px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.dashboard__body__wrap .account__body .account__email .check__items .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px dotted var(--white);
}
.dashboard__body__wrap .account__body .account__email .check__items .form-check-input:checked {
  background-color: var(--slidebox);
}
.dashboard__body__wrap .account__body .account__email .check__items label {
  margin-top: 5px;
  font-size: 10px;
  color: var(--active-color);
}
.dashboard__body__wrap .account__body .account__email form {
  width: 100%;
  position: relative;
}
.dashboard__body__wrap .account__body .account__email form input {
  border: unset;
  border-radius: 10px;
  padding: 10px 40px 14px 20px;
  background: var(--signbet);
  width: 100%;
  outline: none;
}
.dashboard__body__wrap .account__body .account__email form i {
  position: absolute;
  top: 12px;
  right: 15px;
  color: var(--textcolor);
  font-size: 14px;
}
.dashboard__body__wrap .account__body .account__email form ::-moz-placeholder {
  color: var(--place);
}
.dashboard__body__wrap .account__body .account__email form ::placeholder {
  color: var(--place);
}
.dashboard__body__wrap .account__body .account__email .add__email {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 5px;
}
.dashboard__body__wrap .account__body .account__email .add__email span {
  font-size: 10px;
  font-weight: 400;
  color: var(--active-color);
  line-height: 150%;
}
.dashboard__body__wrap .account__body .enroll__box h5 {
  margin-bottom: 15px;
}
.dashboard__body__wrap .account__body .enroll__box p {
  color: var(--white);
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  margin-bottom: 25px;
}
.dashboard__body__wrap .account__body .language__box .slanguage {
  color: var(--white);
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}
.dashboard__body__wrap .account__body .language__box .language__wrap {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 14px 30px;
}
.dashboard__body__wrap .account__body .language__box .language__wrap .nice-select {
  height: 50px;
  padding-top: 14px;
  padding-bottom: 1px;
  width: 100%;
  background-color: var(--signbet);
  border-radius: 10px;
}
.dashboard__body__wrap .account__body .language__box .language__wrap .nice-select .list {
  background-color: var(--header);
}
.dashboard__body__wrap .account__body .language__box .language__wrap .cmn--btn {
  height: 45px;
  line-height: 22px;
}
.dashboard__body__wrap .account__body .social__box .slanguage {
  color: var(--white);
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
}
.dashboard__body__wrap .account__body .social__box .social__wrap {
  display: flex;
  align-items: center;
  gap: 15px 30px;
}
.dashboard__body__wrap .account__body .social__box .social__wrap .social__left {
  width: 100%;
  display: grid;
  gap: 10px;
}
.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a {
  display: flex;
  gap: 5px 10px;
  border-radius: 5px;
  background: var(--social-box);
  padding: 7px 10px 7px;
}
.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a span {
  font-size: 12px;
  font-weight: 400;
  color: var(--white);
}
.dashboard__body__wrap .account__body .social__box .social__wrap .social__left a span img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.custom-dropdown .custom-dropdown__user {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  background: var(--social-box);
}

.custom-dropdown__content {
  position: relative;
}
.custom-dropdown__content .custom-dropdown__body {
  background-color: var(--pointbox);
  border-radius: 5px;
  padding: 10px 12px 12px;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 19px;
  right: 0%;
}
.custom-dropdown__content .custom-dropdown__body::before {
  position: absolute;
  top: -20px;
  right: -5px;
  content: "";
  background: var(--pointbox);
  -webkit-clip-path: polygon(47% 3%, 0% 100%, 82% 100%);
          clip-path: polygon(47% 3%, 0% 100%, 82% 100%);
  width: 30px;
  height: 30px;
}

.custom-dropdown__content.is-open .custom-dropdown__body {
  opacity: 1;
  visibility: visible;
}
.custom-dropdown__content.is-open .custom-dropdown__body .custom-dropdown__list li:not(:last-child) {
  margin-bottom: 8px;
}
.custom-dropdown__content.is-open .custom-dropdown__body .custom-dropdown__list li a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.custom-dropdown__content.is-open .custom-dropdown__body .custom-dropdown__list li .custom-dropdown__body-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

.auth-account-dropdown .custom-dropdown__body {
  z-index: 999999;
}

.auth-dropdown-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.auth-dropdown-head span,
.auth-dropdown-head strong {
  display: block;
}

.auth-dropdown-head span {
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}

.auth-dropdown-head strong {
  color: var(--button-one);
  font-size: 14px;
}

.custom-dropdown__body-link.auth-dropdown-logout {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  width: 100%;
}

.identity__details {
  padding: 30px 30px;
  border-radius: 10px;
}
.identity__details .identity__title {
  color: var(--white);
  margin-bottom: 20px;
  font-weight: 600;
}
.identity__details .identity__left form label {
  font-size: 12px;
  color: var(--white);
  line-height: 150%;
  margin-bottom: 10px;
}
.identity__details .identity__left form .form__box label {
  font-size: 12px;
  color: var(--white);
  line-height: 150%;
  margin-bottom: 10px;
}
.identity__details .identity__left form .form__box input {
  width: 100%;
  background: var(--signbet);
  border-radius: 10px;
  padding: 10px 20px 10px;
  font-size: 10px;
  border: unset;
  color: var(--white);
  outline: none;
}
.identity__details .identity__left form .form__box ::-moz-placeholder {
  color: var(--white);
}
.identity__details .identity__left form .form__box ::placeholder {
  color: var(--white);
}
.identity__details .authorize__wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 500px;
}
.identity__details .authorize__wrap .form-check-input {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  box-shadow: none;
}
.identity__details .authorize__wrap .form-check-input:checked {
  background-color: var(--active-color);
  border-color: var(--active-color);
}
.identity__details .authorize__wrap label {
  width: calc(100% - 12px);
  color: var(--white);
  font-size: 10px;
}
.identity__details .authorize__wrap label span {
  color: var(--active-color);
}

.verification__box {
  background-color: var(--slidebox);
  padding: 18px 20px 20px;
  border-radius: 10px;
  height: 100%;
  display: block;
  padding-bottom: 90px;
}
.verification__box .veri__title {
  color: var(--white);
  font-weight: 600;
  margin-bottom: 20px;
}
.verification__box .attach__wrap {
  position: relative;
  width: 100%;
}
.verification__box .attach__wrap .nice-select {
  padding: 24px 24px 24px 44px;
  width: 100%;
  background: #1A233F;
  border: 1px solid #334476;
  border-radius: 10px;
  color: var(--textcolor);
}
.verification__box .attach__wrap .nice-select::after {
  left: 20px;
}
.verification__box .attach__wrap .nice-select .list {
  background-color: var(--header);
}
.verification__box .attach__wrap .cmn--btn {
  position: absolute;
  top: 15px;
  right: 10px;
}
.verification__box select {
  width: 100%;
  background: #1A233F;
  border: none;
  color: var(--white);
  border: 1px solid #334476;
  border-radius: 10px;
  padding: 20px 10px 22px;
}

.bottom__text h4 {
  margin-bottom: 20px;
  color: var(--white);
}
.bottom__text p {
  font-size: 16px;
  line-height: 150%;
  color: var(--white);
}

.cainoform__wrap {
  background: var(--slidebox);
  border-radius: 10px 10px 0 0;
  padding: 30px 30px;
}

.casino__date {
  overflow: hidden;
}
.casino__date .f__title {
  color: var(--white);
  margin-bottom: 20px;
}

.calender-bar {
  position: relative;
}
.calender-bar input {
  border: none;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  padding: 14px 15px;
  outline: none;
  color: var(--textcolor);
  background: var(--pointbox);
}
.calender-bar i {
  position: absolute;
  top: 12px;
  right: 15px;
  color: var(--textcolor);
  font-size: 22px;
}
.calender-bar ::-moz-placeholder {
  color: var(--textcolor);
}
.calender-bar ::placeholder {
  color: var(--textcolor);
}

#ui-datepicker-div {
  background: var(--signbet);
  display: none;
  position: absolute;
  width: 280px;
  z-index: 10050 !important;
}
#ui-datepicker-div .ui-datepicker-header {
  background: var(--header);
  color: var(--white);
  padding: 5px 10px 5px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody, #ui-datepicker-div .ui-datepicker-calendar td, #ui-datepicker-div .ui-datepicker-calendar tfoot, #ui-datepicker-div .ui-datepicker-calendar th, #ui-datepicker-div .ui-datepicker-calendar thead, #ui-datepicker-div .ui-datepicker-calendar tr {
  padding-bottom: 20px;
  padding-left: 17px;
}
#ui-datepicker-div .ui-datepicker-calendar thead {
  color: var(--white);
}
#ui-datepicker-div .ui-datepicker-calendar thead tr th {
  background: var(--button-one);
  padding: 5px 10px;
}

#ui-datepicker-div.zuri-datepicker {
  background: #ffffff;
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.12);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(var(--brand-secondary-rgb), 0.2);
  color: var(--brand-secondary);
  overflow: hidden;
  padding: 8px;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-header {
  align-items: center;
  background: var(--brand-secondary);
  border-radius: 6px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-prev,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-next {
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  height: 28px;
  position: relative;
  width: 28px;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-prev::before,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-next::before {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-prev::before {
  content: "<";
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-next::before {
  content: ">";
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-title {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
}

#ui-datepicker-div.zuri-datepicker select {
  background: #ffffff;
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.14);
  border-radius: 5px;
  color: var(--brand-secondary);
  font-size: 12px;
  min-height: 28px;
  padding: 3px 6px;
}

#ui-datepicker-div.zuri-datepicker table {
  margin: 0;
  width: 100%;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar tbody,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar td,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar tfoot,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar th,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar thead,
#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar tr {
  padding: 0;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar thead {
  color: #64748b;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar thead tr th {
  background: transparent;
  font-size: 11px;
  padding: 5px 0;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-calendar td {
  padding: 2px;
  text-align: center;
}

#ui-datepicker-div.zuri-datepicker .ui-state-default {
  align-items: center;
  border-radius: 5px;
  color: var(--brand-secondary);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

#ui-datepicker-div.zuri-datepicker .ui-state-default:hover,
#ui-datepicker-div.zuri-datepicker .ui-state-active {
  background: var(--brand-primary);
  color: #ffffff;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-buttonpane {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.1);
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 8px;
  padding-top: 8px;
}

#ui-datepicker-div.zuri-datepicker .ui-datepicker-buttonpane button {
  background: var(--brand-primary);
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 10px;
}

.ui-icon {
  display: none;
}

.casinoform__tabe table {
  width: 100%;
}
.casinoform__tabe table thead {
  background: var(--brand-secondary-soft);
  box-shadow: 0px 1px 0px #65739C;
}
.casinoform__tabe table thead tr th {
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  padding: 20px 20px;
  text-align: center;
}
.casinoform__tabe table tbody tr:not(:last-child) {
  border-bottom: 1px solid #65739C;
}
.casinoform__tabe table tbody tr td {
  background: var(--pointbox);
  padding: 20px 20px;
  text-align: center;
  color: var(--white);
  font-size: 12px;
}
.casinoform__tabe table tbody tr .bold {
  font-weight: 600;
  font-size: 29px;
}

.bgbox {
  background: var(--slidebox);
}

.contact__preference__wrap {
  padding: 30px 30px;
  border-radius: 10px;
}
.contact__preference__wrap .preference__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  gap: 15px 15px;
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
}
.contact__preference__wrap .preference__items:first-child {
  padding-bottom: 30px;
}
.contact__preference__wrap .preference__items:not(:last-child) {
  padding: 30px 0px;
}
.contact__preference__wrap .preference__items .preference__left h5 {
  color: var(--white);
  margin-bottom: 30px;
}
.contact__preference__wrap .preference__items .preference__left h6 {
  color: var(--active-color);
  margin-bottom: 15px;
}
.contact__preference__wrap .preference__items .preference__left p {
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
}
.contact__preference__wrap .preference__items .preference__right {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 10px 20px;
}
.contact__preference__wrap .preference__items .preference__right .perfer__check {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 10px;
}
.contact__preference__wrap .preference__items .preference__right .perfer__check .form-check-input {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background-color: var(--slidebox);
  border: 1px solid var(--active-color);
  box-shadow: none;
  border-radius: 5px;
}
.contact__preference__wrap .preference__items .preference__right .perfer__check .form-check-input:checked {
  background-color: var(--active-color);
  border-color: var(--active-color);
}
.contact__preference__wrap .preference__items .preference__right .perfer__check label {
  font-size: 16px;
  color: var(--white);
}

.promocode__wrap {
  display: flex;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
  background: var(--slidebox);
  padding: 40px 30px;
}
.promocode__wrap h3 {
  color: var(--white);
  font-weight: 600;
}
.promocode__wrap form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.promocode__wrap form input {
  background-color: var(--signbet);
  padding: 8px 8px 8px;
  border-radius: 10px;
  border: unset;
  outline: none;
}

.promor__tab {
  background: var(--pointbox);
  padding: 0 30px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 30px;
}
.promor__tab .nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  padding: 8px 10px 10px;
  border-radius: 0 0 0 0;
}
.promor__tab .nav .nav-item .nav-link.active {
  background: var(--button-two);
  position: relative;
}
.promor__tab .nav .nav-item .nav-link.active::before {
  position: absolute;
  top: calc(100% - 1px);
  content: "";
  left: 50%;
  transform: translate(-50%);
  width: 15px;
  height: 15px;
  background: var(--button-two);
  -webkit-clip-path: polygon(52% 100%, 0 0, 100% 0);
          clip-path: polygon(52% 100%, 0 0, 100% 0);
}

.promomy__items {
  background: var(--slidebox);
  border-radius: 10px;
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 30px;
}
.promomy__items .thumb {
  border-radius: 10px 0 0 10px;
}
.promomy__items .thumb img {
  border-radius: 10px 0 0 10px;
}
.promomy__items .content {
  padding: 30px 30px 30px 0px;
}
.promomy__items .content h4 {
  margin-bottom: 15px;
  color: var(--white);
}
.promomy__items .content p {
  line-height: 150%;
  font-weight: 400;
  font-size: 18px;
  color: var(--white);
  margin-bottom: 30px;
}
.promomy__items .content .smalltext {
  font-size: 12px;
  color: var(--button-two);
  display: block;
  margin-bottom: 10px;
}
.promomy__items .content .cmn--btn {
  text-transform: uppercase;
  font-size: 14px;
  padding: 7px 22px 9px;
}

.payment__cart__check {
  margin-bottom: 40px;
}
.payment__cart__check .balance {
  color: var(--active-color);
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
}
.payment__cart__check .payment__cart__items {
  border: 1px solid var(--paycheck);
  border-radius: 10px;
  gap: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  transition: all 0.4s;
}
.payment__cart__check .payment__cart__items .form-check-input {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: none;
  background-color: var(--body-color);
  border-color: var(--paycheck);
}
.payment__cart__check .payment__cart__items .form-check-input:checked[type=checkbox] {
  background-image: url(../img/profile/dots.png);
  background-size: 10px;
}
.payment__cart__check .payment__cart__items .form-check-input:checked {
  background-color: var(--body-color);
  border-color: var(--active-color);
}
.payment__cart__check .payment__cart__items:hover {
  border-color: var(--active-color);
}

.deposit__complate {
  border: 1px solid var(--active-color);
  padding: 40px 40px;
  background: var(--slidebox);
  border-radius: 10px;
  text-align: center;
  margin: 0 70px;
}
.deposit__complate h3 {
  margin-bottom: 30px;
  color: var(--white);
}
.deposit__complate .deposit__wallet .deopsit__wallet__items {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
  padding-bottom: 15px;
}
.deposit__complate .deposit__wallet .deopsit__wallet__items:last-child {
  padding-top: 10px;
}
.deposit__complate .deposit__wallet .deopsit__wallet__items p {
  font-size: 14px;
  color: var(--white);
}
.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge {
  align-items: center;
  display: flex;
  gap: 10px;
}
.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge span {
  font-size: 10px;
  font-weight: 700;
  color: var(--white);
}
.deposit__complate .deposit__wallet .deopsit__wallet__items .usd__chacnge .icons i {
  color: var(--white);
  font-size: 12px;
}
.deposit__complate .promo__code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 20px;
}
.deposit__complate .promo__code .promo {
  font-weight: 600;
  color: var(--white);
}
.deposit__complate .promo__code a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.deposit__complate .promo__code a span {
  font-size: 10px;
  font-weight: 400;
  color: var(--white);
}
.deposit__complate .promo__code a span i {
  color: var(--white);
}
.deposit__complate .visa__card {
  text-align: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
  padding-bottom: 20px;
  display: block;
}
.deposit__complate .quick-value {
  margin-top: 25px;
  display: flex;
  align-items: center;
  margin-bottom: 19px;
  justify-content: space-between;
  gap: 14px;
}
.deposit__complate .quick-value li {
  width: 25%;
}
.deposit__complate .quick-value li h5 {
  border-radius: 5px;
  padding: 10px 10px;
  background: var(--white);
  color: var(--active-color);
  font-size: 14px;
  font-weight: 600;
}
.deposit__complate .quick-value li .active {
  background: rgba(0, 191, 158, 0.3);
}
.deposit__complate .quick-value li a {
  color: var(--active-color);
  font-weight: 600;
  border-radius: 5px;
  padding: 7px 10px;
  background: var(--white);
  display: block;
}
.deposit__complate .quick-value li:hover {
  cursor: pointer;
}
.deposit__complate .total__amount {
  margin-top: 20px;
  border-top: 1px solid rgba(138, 146, 171, 0.3);
  border-bottom: 1px solid rgba(138, 146, 171, 0.3);
  padding: 20px 0px;
}
.deposit__complate .total__amount .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.deposit__complate .total__amount .items:not(:last-child) {
  margin-bottom: 10px;
}
.deposit__complate .total__amount .items span {
  color: var(--white);
  font-size: 10px;
}
.deposit__complate .btn-area {
  margin-top: 30px;
}
.deposit__complate .btn-area .cmn--btn {
  color: var(--white);
  border: 0;
}
.deposit__complate .single-input input {
  width: 100%;
  background: var(--signbet);
  border-radius: 10px;
  padding: 15px 10px 15px;
  outline: none;
  border: none;
  color: #858B9D;
  font-size: 12px;
}

.notification__wrap {
  background: var(--slidebox);
  border-radius: 10px;
  padding: 30px 30px;
}
.notification__wrap h4 {
  margin-bottom: 10px;
  color: var(--white);
}
.notification__wrap .notification__items {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}
.notification__wrap .notification__items:not(:last-child) {
  border-bottom: 1px solid rgba(138, 146, 171, 0.4);
}
.notification__wrap .notification__items:last-child {
  padding-bottom: 0;
}
.notification__wrap .notification__items .left h5 {
  color: var(--white);
  font-weight: 600;
  margin-bottom: 1px;
  line-height: 150%;
}
.notification__wrap .notification__items .left p {
  font-size: 10px;
  color: var(--white);
  line-height: 150%;
}
.notification__wrap .notification__items .right .form-check-input {
  box-shadow: none;
  width: 53px;
  height: 26px;
  background-color: var(--active-color);
  border-radius: 30px;
  border: 1px solid var(--active-color);
}
.notification__wrap .notification__items .right a {
  font-size: 10px;
  color: var(--white);
}

.bethistory__table table tbody tr td {
  text-align: left;
}
.bethistory__table table tbody tr td span {
  display: block;
}

.leftscroll-side {
  overflow-y: auto;
  height: 100vh;
  scrollbar-width: none;
}
.leftscroll-side::-webkit-scrollbar {
  display: none;
}

.sidebar-livematch .accordion .accordion-item {
  background: transparent;
  border: unset;
  border-bottom: 1px solid #4C546A;
}
.sidebar-livematch .accordion .accordion-item .accordion-header {
  background: transparent;
  border: unset;
}
.sidebar-livematch .accordion .accordion-item .accordion-header .accordion-button {
  padding: 2px 8px;
  outline: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sidebar-livematch .accordion .accordion-item .accordion-header .accordion-button::after {
  background-size: 16px;
}
.sidebar-livematch .accordion .accordion-item .accordion-header .accordion-button:focus {
  z-index: 3;
  border-color: unset;
  outline: 0;
  box-shadow: unset;
}
.sidebar-livematch .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: none;
  display: none;
}
.sidebar-livematch .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: unset;
  box-shadow: unset;
}
.sidebar-livematch .accordion .accordion-body {
  padding: 2px 12px 10px;
}

.fs14 span {
  font-size: 10px;
}

.left-chokoboko {
  font-size: 16px;
}
.left-chokoboko i {
  font-size: 19px;
}
.left-chokoboko span i {
  color: var(--textcolor);
}

.icon-rightfs10 {
  font-size: 10px;
  color: var(--textcolor);
}

.bonuses__wrap .bonus {
  color: var(--white);
  font-weight: 60;
  margin-bottom: 20px;
}

.bonus__last__items {
  gap: 24px;
}
.bonus__last__items .thumb {
  width: 220px;
}
.bonus__last__items .content h4 {
  line-height: 140%;
}

/*Abstracts / section*/
/*Abstracts / animation*/
@keyframes bet1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes round1 {
  0% {
    transform: rotate(360deg);
  }
}
/*Abstracts / animation*/
/*Abstracts / componets*/
/*--Button Area Start--*/
/*--Button Area Start--*/
.cmn--btn {
  padding: 9px 40px 12px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s;
  text-align: center;
  background: var(--button-one);
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}
.cmn--btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(114.26deg, var(--brand-primary-hover) 13.41%, var(--brand-primary-hover) 87.24%);
  height: 100%;
  width: 0px;
  transition: all 0.4s;
}
.cmn--btn:hover::before {
  width: 100%;
}
.cmn--btn:hover span {
  color: var(--white-color);
}
.cmn--btn span {
  z-index: 1;
  position: relative;
  transition: all 0.4s;
  display: block;
}

.cmn--btn2 {
  padding: 9px 40px 12px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s;
  text-align: center;
  background: var(--button-two);
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}
.cmn--btn2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(114.26deg, var(--brand-primary) 13.41%, var(--brand-primary) 87.24%);
  height: 100%;
  width: 0px;
  transition: all 0.4s;
}
.cmn--btn2:hover::before {
  width: 100%;
}
.cmn--btn2:hover span {
  color: var(--white-color);
}
.cmn--btn2 span {
  z-index: 1;
  position: relative;
  transition: all 0.4s;
  display: block;
}

.mneu-btn-grp {
  display: flex;
  align-items: center;
  gap: 13px;
}

.auth-header-account,
.auth-user-chip,
.auth-balance-chip,
.auth-logout-form {
  display: flex;
  align-items: center;
}

.auth-header-account {
  gap: 8px;
}

.auth-user-chip,
.auth-balance-chip {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  gap: 7px;
  min-height: 36px;
  padding: 7px 12px;
  white-space: nowrap;
}

.auth-balance-chip {
  background: rgba(255, 102, 0, 0.14);
  color: #ffffff;
}

.auth-header-button {
  border: 0;
  color: var(--white);
  cursor: pointer;
}

/*--Button Area End--*/
/*--Button Area End--*/
/*Abstracts / componets*/
@media screen and (min-width: 992px) {
  .left__site__section .popular__events__left {
    padding: 12px 12px 24px 12px;
  }

  .right__site__section:not(.modal-betslip-section) {
    padding: 12px 12px 200px 12px;
  }
}

.left__site__section .match__fixing__items.live-data-event {
  min-height: 228px;
  overflow: hidden;
  padding: 14px 16px 18px;
}

.left__site__section .match__fixing__items.live-data-event .match__head {
  gap: 12px;
  min-height: 30px;
}

.left__site__section .match__fixing__items.live-data-event .match__head__left {
  flex: 1 1 auto;
  min-width: 0;
}

.left__site__section .match__fixing__items.live-data-event .match-league-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left__site__section .match__fixing__items.live-data-event .today {
  flex: 0 0 auto;
  max-width: 118px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left__site__section .match__fixing__items.live-data-event .match__vs {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin-bottom: 20px;
}

.left__site__section .match__fixing__items.live-data-event .match__vs__left {
  min-width: 0;
}

.left__site__section .match__fixing__items.live-data-event .match__vs__left:first-child {
  justify-content: flex-end;
  text-align: right;
}

.left__site__section .match__fixing__items.live-data-event .match-team-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--white);
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.25;
  max-width: 132px;
  min-height: 35px;
  overflow: hidden;
}

.left__site__section .match__fixing__items.live-data-event .match-team-initial {
  flex: 0 0 28px;
}

.left__site__section .match__fixing__items.live-data-event .match__result {
  margin-bottom: 20px;
}

.left__site__section .match__fixing__items.live-data-event .match__result .match__text {
  max-width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left__site__section .match__fixing__items.live-data-event .match__point {
  gap: 8px;
  justify-content: space-between;
}

.left__site__section .match__fixing__items.live-data-event .match__point li {
  align-items: center;
  flex: 1 1 0;
  gap: 4px;
  justify-content: center;
  min-width: 0;
  width: auto;
}

/*Abstracts / reponsive*/
@media screen and (max-width: 1800px) {
  .point__box {
    width: 65px;
    height: 60px;
  }
  /*------Main Footer Section Start--------*/
  .main__footer__section .footer__top .widget__items .footer-head .title {
    font-size: 18px;
  }
  .main__footer__section .footer__top .widget__items .content-area .quick-link li:not(:last-child) {
    margin-bottom: 8px;
  }
  .main__footer__section .footer__top .widget__items .content-area .quick-link li a {
    font-size: 16px;
  }
  /*------Main Footer Section Start--------*/
}
@media screen and (max-width: 1464px) {
  /*------Main Footer Section Start--------*/
  .main__footer__section .footer__bottom {
    padding: 24px 20px;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .main__footer__section .footer__bottom p {
    font-size: 18px;
  }
  .main__footer__section .footer__bottom .bottom__ling {
    margin-bottom: 8px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px 18px;
  }
  /*------Main Footer Section Start--------*/
}
@media screen and (max-width: 1399px) {
  .main__body__wrap {
    overflow: hidden;
  }
  .main__body__wrap .live__heightlight .heightlight__tab {
    overflow-x: scroll;
    padding-bottom: 2px;
  }
  .main__body__wrap .live__heightlight .heightlight__tab .nav {
    width: 1100px;
  }
  .main__body__wrap .live__heightlight .heightlight__tab::-webkit-scrollbar {
    width: 10px;
    height: 2px;
    border-radius: 10px;
  }
  .main__body__wrap .live__heightlight .heightlight__tab::-webkit-scrollbar-thumb {
    background-color: var(--button-two);
    border-radius: 10px;
  }
  .main__body__wrap .live__heightlight .tab-pane {
    overflow-x: scroll;
  }
  .main__body__wrap .live__heightlight .tab-pane::-webkit-scrollbar {
    width: 10px;
    height: 2px;
    border-radius: 10px;
  }
  .main__body__wrap .live__heightlight .tab-pane::-webkit-scrollbar-thumb {
    background-color: var(--button-two);
    border-radius: 10px;
  }
  .main__body__wrap .live__heightlight .main__table {
    width: 1000px;
  }
  .live__heightlight {
    overflow-x: scroll;
  }
  .live__heightlight::-webkit-scrollbar {
    width: 10px;
    height: 2px;
    border-radius: 10px;
  }
  .live__heightlight::-webkit-scrollbar-thumb {
    background-color: var(--button-two);
    border-radius: 10px;
  }
  .main__tab__slide {
    overflow-x: scroll;
    padding: 9px 14px;
  }
  .main__tab__slide .nav {
    width: 2250px;
    gap: 8px 8px;
  }
  .main__tab__slide .nav .nav-item .nav-link {
    padding: 3px 10px 1px;
    display: grid;
    gap: 0px 5px;
    background: var(--header);
    width: 150px;
    height: 70px;
    border-radius: 4px;
  }
  .main__tab__slide .nav .nav-item .nav-link .icons {
    margin-bottom: -25px;
    margin-top: -3px;
  }
  .main__tab__slide::-webkit-scrollbar {
    width: 1px;
    height: 2px;
    background-color: var(--theme-one);
  }
  .main__tab__slide::-webkit-scrollbar-thumb {
    width: 1px;
    height: 2px;
    background-color: var(--button-two);
  }
  .left__space {
    padding-left: 14px;
  }
  .left__spacem {
    margin-left: 14px;
  }
  .left__right__space {
    padding-right: 14px;
    padding-left: 14px;
  }
  .top__bottom__space {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .main__footer__section {
    margin-right: 14px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 1199px) {
  .main__tab__slide {
    top: 74px;
  }
  .section__header__top {
    margin-bottom: 30px;
  }
  .section__header__top h2 {
    font-size: 39px;
  }
  .dashboard__body__wrap .account__head::before {
    display: none;
  }
  .today__body .robot__content__wrap {
    width: 750px;
  }
  .today__body .robot__inner {
    overflow-x: scroll;
  }
  .today__body .robot__inner::-webkit-scrollbar {
    width: 1px;
    height: 2px;
    background-color: var(--theme-one);
  }
  .today__body .robot__inner::-webkit-scrollbar-thumb {
    width: 1px;
    height: 2px;
    background-color: var(--button-two);
  }
  .register__modal .modal-content .modal-body .modal__left .thumb {
    max-width: 350px;
  }
  .register__modal .modal-content .modal-body .modal__right .form__tabs__wrap .focus__icon h4 {
    font-size: 26px;
  }
  .register__modal .modal-content .modal-body .modal__right .form__tabs__wrap form .signin__btn__grp {
    gap: 5px;
  }
  .footer__bottom p {
    font-size: 16px;
  }
  .footer__bottom .bottom__ling {
    flex-wrap: wrap;
    gap: 4px 18px;
    margin-bottom: 15px;
  }
  .footer__bottom .bottom__ling li a {
    font-size: 16px;
  }
  .footer__top .widget__items .content-area p {
    margin-top: -5px;
    font-size: 16px;
    line-height: 24px;
  }
  .promo__items {
    background: var(--slidebox);
    padding: 20px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 15px;
  }
  .promo__items .promo__content h3 {
    margin-bottom: 12px;
  }
  .promo__items .promo__content h2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .main__tab__slide {
    padding: 20px 14px;
    top: 57px;
  }
  .left__site__section {
    overflow-y: scroll;
  }
  .dashboard__side__bar {
    overflow: hidden;
    padding: 0 0 0 0;
  }
  .dashboard__side__bar .account__menu {
    display: flex;
    gap: 0px 8px;
    min-width: 300px;
    padding-bottom: 10px;
    overflow-x: scroll;
  }
  .dashboard__side__bar .account__menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .dashboard__side__bar .account__menu::-webkit-scrollbar-thumb {
    background: var(--active-color);
  }
  .dashboard__side__bar .account__menu li a {
    width: 150px;
    display: grid;
    gap: 5px 0px;
    text-align: center;
    justify-content: center;
  }
  .dashboard__side__bar .account__menu li a .icons {
    margin-bottom: -2px;
    margin-top: 0;
  }
  .dashboard__side__bar .account__menu li a .icons i {
    font-size: 18px;
  }
  .dashboard__side__bar .account__menu li a span {
    font-size: 12px;
  }
  .dashboard__body__wrap .account__body .account__strength__box {
    padding: 25px 20px;
  }
  .deposit__complate {
    margin: 0 0px;
  }
  .display991 {
    display: none;
  }
  .header-section .header-wrapper {
    padding: 16px 0px 10px;
  }
  .header-section .header-wrapper .menu__left__wrap {
    justify-content: space-between;
    width: 100%;
  }
  .header-section .header-wrapper .language__wrap {
    position: relative;
  }
  .header-section .header-wrapper .language__wrap .flag {
    position: absolute;
    top: 4px;
    left: 0;
    width: 28px;
    height: 20px;
  }
  .header-section .header-wrapper .language__wrap .flag img {
    width: 100%;
    height: 100%;
  }
  .header-section .header-wrapper .nice-select {
    padding: 8px 40px 9px 44px;
  }
  .header-section .header-wrapper .logo-menu {
    display: block;
  }
  .header-section .header-wrapper .lang {
    opacity: 1;
  }
  .menu__left__wrap {
    background-color: var(--header) !important;
  }
  .main-menu {
    background-color: var(--header) !important;
    position: absolute !important;
    top: 100%;
    width: 100%;
    display: inline !important;
    z-index: 999;
    padding: 5px 5px;
    background: var(--header-color);
    transform-origin: top;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    border-radius: 10px;
    transition: all 0.4s !important;
    height: 300px;
  }
  .main-menu:not(.active) {
    height: 0;
    transition: all 2s;
  }
  .main-menu li {
    width: 100%;
    border-radius: 2px;
    padding-left: 10px !important;
  }
  .main-menu li:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 2px;
    background: transparent;
    border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    border-radius: 5px;
  }
  .main-menu li a {
    display: block;
    padding: 8px 10px 9px;
    font-size: 17px;
  }
  .main-menu li .sub-menu {
    margin: 0px 10px 15px 20px !important;
  }
  .main-menu li .sub-menu li a {
    padding: 8px 15px !important;
  }
  .main-menu li .sub-menu li .sub-two {
    position: static !important;
    width: 100% !important;
    padding: 0 10px 20px 30px;
  }
  .main-menu li .sub-menu li .sub-two li a {
    display: block;
  }
  .main-menu .cmn-grp {
    margin-top: 10px;
    padding-left: 10px !important;
    display: flex;
    align-items: center;
    gap: 20px;
    display: block !important;
  }
  .main-menu .cmn-grp .cmn--btn,
  .main-menu .cmn-grp .cmn--btn2 {
    padding: 6px 25px 8px;
    display: inline-block;
    color: var(--white);
  }
  .header-bar {
    position: relative;
    width: 31px;
    height: 20px;
  }
  .header-bar span {
    position: absolute;
    width: 100%;
    height: 1px;
    display: inline-block;
    transition: all 0.3s;
    left: 0;
    background: var(--white);
  }
  .header-bar span:first-child {
    top: 0;
    background: var(--white);
  }
  .header-bar span:nth-child(2) {
    top: 45%;
    background: var(--white);
    width: 22px;
  }
  .header-bar span:last-child {
    bottom: 0;
    background: var(--white);
  }
  .header-bar.active span:first-child {
    transform: rotate(45deg) translate(4px, 10px);
  }
  .header-bar.active span:nth-child(2) {
    opacity: 0;
  }
  .header-bar.active span:last-child {
    transform: rotate(-45deg) translate(3px, -9px);
  }
  .header-bar:hover {
    cursor: pointer;
  }
  .header-wrapper .main-menu {
    display: block;
  }
  .header-wrapper .mneu-btn-grp {
    display: none;
  }
  .main__footer__section .footer__top {
    padding-left: 20px;
  }
  .footer__top .widget__items .content-area .quick-link li a {
    font-size: 17px;
  }
  .footer__top .widget__items .content-area form {
    margin-top: 20px;
  }
  .footer__top .widget__items .content-area form input {
    padding: 15px 128px 15px 20px;
    font-size: 16px;
  }
  .footer__top .widget__items .content-area form .cmn--btn2 {
    padding: 11px 18px 14px;
    font-size: 16px;
  }
  .t__shape {
    opacity: 0.5;
  }
  .register__modal .modal-content .modal-header {
    border: unset;
    padding: 0 0;
  }
  .register__modal .modal-content .modal-header button {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  .register__modal .modal-content .modal-body {
    padding: 20px 20px 20px 20px;
  }
  .register__modal .modal-content .modal-body .modal__left {
    max-width: 250px;
    margin: 350px auto 0px;
  }
  .register__modal .modal-content .modal-body .modal__left img {
    width: 100%;
  }
  .register__modal .modal-content .modal__right {
    width: 100%;
    border-radius: 20px;
  }
  .register__modal .modal-content .modal__right .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 26px;
    border: unset;
    margin-bottom: 20px;
  }
  .register__modal .modal-content .modal__right .nav .nav-item .nav-link {
    line-height: 22px;
    outline: none;
    box-shadow: none;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp {
    position: relative;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp:not(:last-child) {
    margin-bottom: 25px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp .field-icon {
    position: absolute;
    top: 56px;
    right: 20px;
    z-index: 99999;
    color: #8B8B9D;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp label {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp input {
    width: 100%;
    padding: 13px 50px 15px 18px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp ::-moz-placeholder {
    color: #989898;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp ::placeholder {
    color: #989898;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .reset {
    font-size: 14px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select {
    padding: 0 0 30px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select .nice-select {
    width: 100%;
    background: linear-gradient(#3E0F36, #3E0F36) padding-box, linear-gradient(to right, #E4A91B, #F88021) border-box;
    border-radius: 0.5em;
    border: 1px solid transparent;
    color: #989898;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select .form-country {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
    display: block;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__grp__new {
    margin-top: 40px;
    position: static;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -14px;
    margin-bottom: 40px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form-check .form-check-input {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    background-color: transparent;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .form__select_last {
    margin-top: 40px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form .cmn--btn2 {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto 20px;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap form p {
    text-align: center;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap .social__icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .register__modal .modal-content .modal__right .tab-content .form__tabs__wrap .social__icon li {
    width: 40%;
    border-radius: 10px;
    padding: 10px 15px 12px;
    margin: 10px;
  }
  .modal__thumb__wrap {
    padding: 30px 10px 20px 10px;
  }
  .modal__thumb__wrap .section-header {
    margin-bottom: 15px;
  }
  .modal__thumb__wrap .section-header h2 {
    line-height: 44px;
    font-size: 32px;
    font-weight: 600;
  }
  .toffi__bg .head__toffi p {
    margin-bottom: 0 !important;
    font-size: 20px !important;
  }
  .toffi__bg .head__toffi h2 {
    font-size: 32px;
  }
  .toffi__bg .bottom__toffi {
    display: grid !important;
    align-items: flex-end;
  }
  .toffi__bg .bottom__toffi .timing__wrap {
    width: 100% !important;
    margin-top: 20px;
  }
  .toffi__bg .bottom__toffi .timing__wrap #countdown ul {
    display: flex;
    justify-content: center;
    gap: 6px !important;
    align-content: center;
    margin-bottom: -44px;
  }
  .toffi__bg .bottom__toffi .timing__wrap #countdown ul li span {
    font-size: 22px !important;
    font-weight: 500;
    width: 60px;
    line-height: 45px;
    height: 49px;
    margin-bottom: 0 !important;
  }
  .toffi__bg .bottom__toffi .timing__wrap #countdown ul li .spantext {
    font-size: 14px !important;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .footer__section {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .main__tab__slide {
    overflow-x: scroll;
    padding: 9px 8px;
  }
  .main__tab__slide .nav {
    width: 2250px;
    gap: 8px 8px;
  }
  .main__tab__slide .nav .nav-item .nav-link {
    padding: 3px 10px 1px;
    display: grid;
    gap: 0px 5px;
    background: var(--header);
    width: 150px;
    height: 70px;
    border-radius: 4px;
  }
  .main__tab__slide .nav .nav-item .nav-link .icons {
    margin-bottom: -25px;
    margin-top: -3px;
  }
  .main__tab__slide::-webkit-scrollbar {
    width: 1px;
    height: 2px;
    background-color: var(--theme-one);
  }
  .main__tab__slide::-webkit-scrollbar-thumb {
    width: 1px;
    height: 2px;
    background-color: var(--button-two);
  }
  .casinoform__tabe {
    overflow-x: scroll;
  }
  .casinoform__tabe table {
    width: 700px;
  }
  .promocode__wrap {
    display: grid;
    padding: 30px 20px;
  }
  .promocode__wrap h3 {
    margin-bottom: 10px;
  }
  .promocode__wrap form {
    display: grid;
  }
  .promocode__wrap form input {
    background-color: var(--signbet);
    padding: 8px 8px 8px;
    border-radius: 10px;
    border: unset;
    outline: none;
  }
  .promor__tab {
    padding: 0 20px;
  }
  .promor__tab .nav {
    display: flex;
    gap: 10px;
  }
  .dashboard__body__wrap .account__body .account__strength__box {
    display: grid;
    justify-content: center;
    padding: 20px 10px;
  }
  .dashboard__body__wrap .account__body .account__strength__box .strength__box {
    margin: 0 auto 20px;
  }
  .dashboard__body__wrap .account__body .account__strength__box .strength__content {
    width: 100%;
  }
  .dashboard__body__wrap .account__body .account__email {
    padding: 20px 10px;
  }
  .dashboard__body__wrap .account__body .account__email .form__wrap {
    gap: 14px 14px;
  }
  .dashboard__body__wrap .account__body .social__box .social__wrap {
    gap: 15px 15px;
  }
  .dashboard__body__wrap .account__body .language__box .language__wrap {
    gap: 14px 14px;
  }
  .today__body .robot__wrap form {
    display: grid;
    justify-content: center;
  }
  .footer__bottom {
    padding: 0px 0 19px;
    display: grid;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
  }
  .footer__bottom p {
    font-size: 18px;
  }
  .footer__bottom .bottom__ling {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
  }
  .footer__bottom .bottom__ling li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .modal__thumb__wrap .section-header {
    margin-bottom: 15px;
  }
  .modal__thumb__wrap .section-header h2 {
    line-height: 30px;
    font-size: 28px;
    font-weight: 500;
  }
  .notification__wrap {
    padding: 25px 20px;
  }
  .deposit__complate {
    padding: 25px 20px;
  }
  .promomy__items {
    display: grid;
    gap: 20px 0px;
    padding: 20px;
  }
  .promomy__items .thumb img {
    border-radius: 10px 10px 10px 10px;
  }
  .promomy__items .content {
    padding: 0px 0px 0px 0px;
  }
  .promomy__items .content h4 {
    margin-bottom: 15px;
    color: var(--white);
  }
  .promomy__items .content p {
    line-height: 150%;
    font-weight: 400;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 30px;
  }
  .promomy__items .content .smalltext {
    font-size: 12px;
    color: var(--button-two);
    display: block;
    margin-bottom: 10px;
  }
  .promomy__items .content .cmn--btn {
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 22px 9px;
  }
  .dashboard__header {
    padding: 5px 0px;
  }
  .dashboard__header .header-wrapper .menu__left__wrap .logo-menu a {
    width: 120px;
  }
  .dashboard__header .header-wrapper .menu__left__wrap .logo-menu a img {
    width: 100%;
    height: 100%;
  }
  .dashboard__header .header-wrapper .dashboar__wrap {
    display: flex;
    gap: 5px;
  }
  .dashboard__header .header-wrapper .dashboar__wrap .d__text {
    display: none;
  }
  .dashboard__header .header-wrapper .dashboar__wrap .d__cmn {
    display: none;
  }
  .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .dashboard__header .header-wrapper .dashboar__wrap .dashboar__social .icons i {
    font-size: 12px;
  }
  .promo__items {
    background: var(--slidebox);
    padding: 20px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 15px;
  }
  .promo__items .promo__content h3 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  .promo__items .promo__content h2 {
    margin-bottom: 18px;
    font-size: 26px;
  }
  .live__heightlight {
    padding: 10px 10px;
  }
  .left__right__space {
    padding-right: 8px;
    padding-left: 8px;
  }
  .top__bottom__space {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .left__site__section .match__fixing__items {
    padding: 10px 10px 20px;
  }
  .dashboard__body__wrap .account__head {
    font-size: 18px;
  }
  .main__footer__section {
    margin-right: 8px;
    margin-left: 8px;
  }
  .main__footer__section .footer__top .widget__items .footer-head {
    margin-bottom: 10px;
  }
  .footer__top .widget__items .content-area form input {
    margin-bottom: 0 !important;
  }
  .footer__bottom p {
    border-top: 0;
    margin-top: 15px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 500px) {
  .section__header__top h2 {
    font-size: 28px;
    margin-bottom: 0px;
  }
  .verification__box .attach__wrap .nice-select {
    font-size: 12px;
  }
  .verification__box .attach__wrap .cmn--btn {
    font-size: 12px;
    padding: 6px 15px 8px;
  }
  .contact__preference__wrap {
    padding: 0px 20px 20px;
  }
  .contact__preference__wrap .preference__items {
    display: grid;
  }
  .virtual__video__wrap {
    justify-content: center;
  }
  .horse__chart__wrap .chart__point__wrap a {
    padding: 5px 6px 5px 3px;
  }
  .event__modal .modal-content,
  .mybets__modal .modal-content {
    width: 100%;
  }
  .footer__section .shape__right {
    display: none;
  }
  .register__modal {
    z-index: 9999999;
  }
  .register__modal .modal-content {
    padding: 0px 0px 30px;
  }
  .register__modal .modal-content .modal-header button {
    background-image: none;
    background: url(../img/modal/cros.png) no-repeat;
    background-size: 20px;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin-top: 15px;
    margin-right: 15px;
  }
  .register__modal .modal-content .modal-body {
    padding: 0px 0px 0px 0px;
  }
  .register__modal .modal-content .modal-body .modal__left {
    margin-top: 300px;
  }
  .register__modal .modal-content .modal-body .modal__left .modal__left__head {
    text-align: center;
    margin: 0 auto 30px;
  }
  .register__modal .modal-content .modal-body .modal__left .modal__left__head h3 {
    font-size: 22px;
  }
  .register__modal .modal-content .modal-body .modal__right {
    padding: 20px 15px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form p {
    font-size: 16px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup {
    flex-wrap: wrap;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap form .login__signup .form-check {
    width: 100%;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li {
    background: var(--modal-bg);
    width: 45%;
    border-radius: 10px;
    padding: 10px 15px 12px;
    margin: 4px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .register__modal .modal-content .modal-body .modal__right .tab-content .form__tabs__wrap .social__icon li a i {
    color: var(--white-color);
  }
}
@media screen and (max-width: 420px) {
  .footer__top .widget__items .footer-head {
    margin-bottom: 10px;
  }
  .footer__top .widget__items .footer-head .title {
    font-size: 20px;
  }
  .footer__top .widget__items .content-area form {
    margin-top: 20px;
  }
  .footer__top .widget__items .content-area form input {
    padding: 15px 128px 15px 20px;
    font-size: 14px;
  }
  .footer__top .widget__items .content-area form .cmn--btn2 {
    padding: 9px 18px 12px;
    font-size: 14px;
  }
  .footer__bottom p {
    font-size: 17px;
  }
  .footer__bottom .bottom__ling {
    margin-top: 5px;
  }
  .footer__bottom .bottom__ling li a {
    font-size: 16px;
  }
  .footer__top .widget__items .content-area form .cmn--btn {
    position: absolute;
    top: 3px;
    right: 3px;
  }
  /*------Main Footer Section Start--------*/
  .main__footer__section .footer__bottom {
    padding: 20px 20px;
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .main__footer__section .footer__bottom p {
    font-size: 14px;
    order: 1;
  }
  .main__footer__section .footer__bottom .bottom__ling li a {
    font-size: 16px;
  }
  /*------Main Footer Section Start--------*/
}
@media screen and (max-width: 350px) {
  .main__tab__slide {
    top: 53px;
  }
  .today__body .robot__wrap {
    overflow-x: scroll;
  }
  .today__body .robot__wrap::-webkit-scrollbar {
    width: 1px;
    height: 2px;
    background-color: var(--theme-one);
  }
  .today__body .robot__wrap::-webkit-scrollbar-thumb {
    width: 1px;
    height: 2px;
    background-color: var(--button-two);
  }
  .today__body .robot__wrap form {
    display: grid;
    width: 300px;
  }
  .header-wrapper .lang .language__wrap {
    display: none;
  }
}

.profile-reminder-banner {
  background: var(--brand-secondary);
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  overflow: visible;
  padding: 10px 16px;
}

.profile-reminder-banner__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 auto;
  max-width: 1440px;
}

.profile-reminder-banner__icon {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.16);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  border-radius: 8px;
  color: var(--brand-primary);
  display: inline-flex;
  flex: 0 0 38px;
  height: 38px;
  justify-content: center;
}

.profile-reminder-banner__copy {
  display: grid;
  flex: 1 1 260px;
  gap: 3px;
  min-width: 0;
}

.profile-reminder-banner__copy strong {
  color: var(--white);
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.profile-reminder-banner__copy span {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.profile-reminder-banner__button {
  align-items: center;
  background: var(--brand-primary);
  border-radius: 7px;
  color: var(--white);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  margin-left: auto;
  min-height: 38px;
  padding: 9px 12px;
  text-align: center;
  white-space: nowrap;
}

.profile-reminder-banner__button:hover {
  background: var(--brand-primary-hover);
  color: var(--white);
}

.dynamic-events-section .section__head {
  margin-bottom: 0;
  padding: 12px 0;
}

.dynamic-events-section .table__items {
  cursor: pointer;
  gap: 16px;
}

.dynamic-events-section .t__items {
  min-width: 260px !important;
}

.dynamic-events-section .t__items__left {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.dynamic-events-section .t__items__icon {
  margin-top: 2px;
}

.dynamic-events-section .t__items__left p .is-live {
  color: var(--active-color);
  font-weight: 700;
}

.dynamic-event-content {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.dynamic-event-info-row {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

.dynamic-event-league {
  color: #aeb8cc;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dynamic-event-time {
  flex: 0 0 auto;
}

.dynamic-event-matchup {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.dynamic-event-team {
  color: var(--white);
  display: block;
  flex: 0 1 auto;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic-event-team.is-away {
  color: #d5dceb;
}

.dynamic-event-versus {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(123, 131, 156, 0.24);
  border-radius: 999px;
  color: #ffccd0;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  line-height: 1;
  padding: 0 7px;
  text-transform: uppercase;
}

.dynamic-event-meta {
  color: var(--textcolor);
  font-size: 12px;
  min-width: 120px;
}

[data-event-timer] {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

[data-event-timer].is-countdown {
  color: #ffd978 !important;
}

[data-event-timer].is-live {
  align-items: center;
  animation: liveBadgeHeartbeat 1.45s ease-in-out infinite;
  background: linear-gradient(135deg, #ff174f 0%, #ff5a2c 58%, #ffb020 100%);
  border-color: rgba(255, 176, 32, 0.48);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 18px rgba(255, 23, 79, 0.24);
  color: #ffffff !important;
  display: inline-flex;
  gap: 5px;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(80, 0, 18, 0.2);
  transform-origin: center;
  will-change: transform, box-shadow;
}

[data-event-timer].is-live::before {
  animation: liveBadgeDot 1.15s ease-out infinite;
  background: #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.58);
  content: "";
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

[data-event-timer].is-ended {
  color: #ff9b9b !important;
}

@keyframes liveBadgeHeartbeat {
  0%,
  100% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 18px rgba(255, 23, 79, 0.24);
    transform: scale(1);
  }

  15% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 10px 24px rgba(255, 23, 79, 0.34);
    transform: scale(1.06);
  }

  28% {
    transform: scale(0.98);
  }

  42% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 10px 24px rgba(255, 90, 44, 0.32);
    transform: scale(1.035);
  }

  58% {
    transform: scale(1);
  }
}

@keyframes liveBadgeDot {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  }

  70% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-event-timer].is-live,
  [data-event-timer].is-live::before {
    animation: none;
  }
}

.dynamic-market-odds {
  flex: 1;
  justify-content: flex-end !important;
}

.dynamic-market-odds .point__box {
  border: 0;
  color: var(--white);
  cursor: pointer;
  display: grid !important;
  gap: 2px;
  min-height: 46px;
  min-width: 92px;
  padding: 6px 8px;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.dynamic-market-odds .point__box span {
  color: var(--textcolor);
  font-size: 10px;
  line-height: 1.2;
}

.dynamic-market-odds .point__box strong {
  color: var(--white);
  font-size: 14px;
  line-height: 1.2;
}

.dynamic-market-odds .point__box:hover,
.dynamic-market-odds .point__box.is-selected {
  background: var(--active-color) !important;
  transform: translateY(-1px);
}

.dynamic-market-odds .point__box:hover span,
.dynamic-market-odds .point__box:hover strong,
.dynamic-market-odds .point__box.is-selected span,
.dynamic-market-odds .point__box.is-selected strong {
  color: var(--white);
}

.dynamic-events-section.live__heightlight {
  background: var(--slidebox);
  border: 1px solid rgba(123, 131, 156, 0.22);
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

.dynamic-events-section .section__head {
  background: var(--header);
  border-bottom: 1px solid rgba(123, 131, 156, 0.44) !important;
  padding: 12px 14px;
}

.dynamic-events-section .section__head .left__head {
  gap: 9px;
}

.dynamic-events-section .section__head .left__head .icons {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 8px;
  color: var(--white);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-top: 0;
  width: 30px;
}

.dynamic-events-section .section__head .left__head .icons i {
  color: inherit;
  font-size: 14px;
}

.dynamic-events-section .section__head .left__head span:last-child {
  color: var(--white);
  font-size: 15px;
  font-weight: 900;
}

.dynamic-events-section .main__table {
  padding: 10px;
}

.dynamic-events-section .table__wrap {
  display: grid;
  gap: 9px;
}

.dynamic-events-section .table__items.dynamic-event-row {
  align-items: center;
  background: rgba(138, 146, 171, 0.11);
  border: 1px solid rgba(123, 131, 156, 0.28) !important;
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(320px, 1.25fr) minmax(112px, auto) minmax(260px, 1fr);
  padding: 11px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.dynamic-events-section .table__items.dynamic-event-row:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.4) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}

.dynamic-events-section .table__items.dynamic-event-row .t__items {
  min-width: 0 !important;
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__left {
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 9px;
  display: inline-flex;
  flex: 0 0 36px;
  height: 36px;
  justify-content: center;
  margin-top: 0;
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__icon i {
  color: var(--textcolor);
  font-size: 15px;
}

.dynamic-events-section .table__items.dynamic-event-row .content {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-info-row {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  line-height: 1;
  min-width: 0;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time,
.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-league {
  border-radius: 999px;
  display: inline-flex;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time {
  padding: 5px 7px;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time {
  background: rgba(var(--brand-primary-rgb), 0.18);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
  color: var(--white) !important;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time.is-live,
.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time.is-live[data-event-timer] {
  background: linear-gradient(135deg, #ff174f 0%, #ff5a2c 58%, #ffb020 100%);
  border-color: rgba(255, 176, 32, 0.48);
  color: #ffffff !important;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-league {
  background: rgba(255, 255, 255, 0.07);
  color: var(--textcolor);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 5px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic-event-meta {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(123, 131, 156, 0.26);
  border-radius: 999px;
  color: var(--textcolor);
  font-size: 10px;
  font-weight: 900;
  justify-self: start;
  line-height: 1;
  min-width: 0;
  padding: 7px 9px;
  white-space: nowrap;
}

.dynamic-market-odds {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: stretch !important;
  min-width: 0;
}

.dynamic-market-odds .point__box {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(123, 131, 156, 0.28);
  border-radius: 8px;
  min-height: 48px;
  min-width: 0;
  padding: 7px 6px;
  width: 100%;
}

.dynamic-market-odds .point__box span {
  color: var(--textcolor);
  display: block;
  font-size: 10px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic-market-odds .point__box strong {
  color: var(--white);
  font-size: 15px;
  font-weight: 900;
}

.dynamic-market-odds .point__box:hover,
.dynamic-market-odds .point__box.is-selected {
  background: var(--preactive) !important;
  border-color: var(--preactive);
  box-shadow: 0 8px 16px rgba(var(--brand-primary-rgb), 0.18);
}

.left__site__section .match__fixing__items.live-data-event {
  background: var(--slidebox);
  border: 1px solid rgba(123, 131, 156, 0.24);
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.left__site__section .match__fixing__items.live-data-event:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.4);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  transform: translateY(-1px);
}

.left__site__section .match__fixing__items.live-data-event .match__head .icons {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-top: 0;
  width: 30px;
}

.left__site__section .match__fixing__items.live-data-event .match__head .icons i {
  font-size: 14px;
}

.left__site__section .match__fixing__items.live-data-event .today {
  background: rgba(var(--brand-primary-rgb), 0.16);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
  border-radius: 999px;
  color: var(--white);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  padding: 6px 8px;
}

.left__site__section .match__fixing__items.live-data-event .today.is-live {
  background: linear-gradient(135deg, #ff174f 0%, #ff5a2c 58%, #ffb020 100%);
  border-color: rgba(255, 176, 32, 0.48);
  color: #ffffff;
}

.left__site__section .match__fixing__items.live-data-event .match-team-initial {
  background: rgba(var(--brand-primary-rgb), 0.18);
  color: var(--white);
}

.left__site__section .match__fixing__items.live-data-event .match__point li {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(123, 131, 156, 0.26);
  border-radius: 8px;
  min-height: 38px;
}

.dynamic-empty-state,
.sidebar-empty-state {
  color: var(--textcolor);
  font-size: 13px;
  padding: 14px 10px;
}

.modal-betslip-section {
  height: auto;
  max-height: 80vh;
  overflow-y: auto;
  padding-bottom: 0;
  position: static;
  top: auto;
}

.right__site__section .betslip__wrap .betslip-mode-row {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 10px;
}

.right__site__section .betslip__wrap .betslip-mode-row label {
  align-items: center;
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 6px;
  color: var(--textcolor);
  cursor: pointer;
  display: flex;
  font-size: 11px;
  gap: 6px;
  justify-content: center;
  margin: 0;
  min-height: 34px;
  padding: 7px 8px;
}

.right__site__section .betslip__wrap .betslip-mode-row input {
  accent-color: var(--active-color);
}

.right__site__section .betslip__wrap .betslip-mode-row label:has(input:checked) {
  background: rgba(9, 255, 141, 0.14);
  border-color: rgba(9, 255, 141, 0.46);
  color: var(--white);
}

.right__site__section .betslip__wrap .betslip-round-robin-summary {
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  border-radius: 6px;
  color: #d9e7ff;
  font-size: 11px;
  line-height: 1.45;
  margin-bottom: 10px;
  padding: 8px 10px;
}

.right__site__section .betslip__wrap .betslip-payment-methods {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 10px 0;
}

.right__site__section .betslip__wrap .betslip-payment-methods label {
  align-items: flex-start;
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 7px;
  color: #cbd5e1;
  cursor: pointer;
  display: flex;
  gap: 8px;
  margin: 0;
  min-height: 54px;
  padding: 9px;
}

.right__site__section .betslip__wrap .betslip-payment-methods label.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.right__site__section .betslip__wrap .betslip-payment-methods input {
  accent-color: var(--active-color);
  margin-top: 3px;
}

.right__site__section .betslip__wrap .betslip-payment-methods span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.right__site__section .betslip__wrap .betslip-payment-methods em {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.right__site__section .betslip__wrap .betslip-payment-methods strong {
  color: var(--textcolor);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.right__site__section .betslip__wrap .betslip-payment-methods label:has(input:checked) {
  background: rgba(9, 255, 141, 0.12);
  border-color: rgba(9, 255, 141, 0.44);
}

.right__site__section .betslip__wrap .betslip-wallet-warning {
  background: rgba(255, 190, 0, 0.12);
  border: 1px solid rgba(255, 190, 0, 0.24);
  border-radius: 6px;
  color: #ffd978;
  font-size: 11px;
  line-height: 1.45;
  margin-bottom: 10px;
  padding: 8px 10px;
}

.right__site__section .betslip-receipt {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
  color: #0f172a;
  overflow: hidden;
}

.right__site__section .betslip-receipt .betslip__header {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px dashed rgba(15, 23, 42, 0.18);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 10px;
}

.right__site__section .betslip-receipt .betslip__title {
  background: transparent;
  color: var(--brand-secondary);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

.right__site__section .betslip-receipt .betslip-count-pill {
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
  border-radius: 999px;
  color: var(--preactive);
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  padding: 6px 9px;
  white-space: nowrap;
}

.right__site__section .betslip-receipt .multiple__components {
  padding: 12px 12px 14px;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3px solid var(--preactive);
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 8px 9px 10px;
  position: relative;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items::after {
  background-image: repeating-linear-gradient(
    to right,
    rgba(100, 116, 139, 0.55) 0,
    rgba(100, 116, 139, 0.55) 3px,
    transparent 3px,
    transparent 8px
  );
  bottom: -8px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items.is-last-slip-item::after {
  display: none;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head {
  gap: 8px;
  margin-bottom: 5px;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .multiple__left {
  min-width: 0;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .multiple__left .icons {
  display: none;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .multiple__left span,
.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__point .rightname .fc,
.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .multiple__left .icons,
.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .cros i {
  color: #0f172a;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__head .multiple__left span {
  display: block;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__point {
  align-items: center;
  gap: 8px;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__point .pbox {
  background: var(--preactive);
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  min-width: 42px;
  padding: 5px 7px;
  text-align: center;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__point .rightname .fc {
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 2px;
}

.right__site__section .betslip-receipt .multiple__components .multiple__items .multiple__point .rightname .point {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
}

.right__site__section .betslip-receipt .multiple__components .total__odds {
  border-bottom: 1px dashed rgba(15, 23, 42, 0.18);
  border-top: 1px dashed rgba(15, 23, 42, 0.18);
  margin: 10px 0 12px;
  padding: 12px 0;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .total__head {
  margin-bottom: 10px;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .total__head span {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .total__head .odd {
  color: var(--brand-secondary);
  font-size: 18px;
  font-weight: 900;
}

.right__site__section .betslip-receipt .betslip-quick-stake {
  display: grid;
  gap: 8px;
}

.right__site__section .betslip-receipt .betslip-quick-stake > span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .wrapper .buttons {
  gap: 8px;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .wrapper .buttons button {
  background: #f1f5f9;
  border: 1px solid #dbe3ee;
  border-radius: 7px;
  color: var(--brand-secondary);
  font-weight: 900;
  height: 34px;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  width: 100%;
}

.right__site__section .betslip-receipt .multiple__components .total__odds .wrapper .buttons button:hover,
.right__site__section .betslip-receipt .multiple__components .total__odds .wrapper .buttons button:focus {
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-color: rgba(var(--brand-primary-rgb), 0.35);
  color: var(--preactive);
}

.right__site__section .betslip-receipt .betslip-action-panel {
  margin-top: 0;
}

.right__site__section .betslip-receipt .betslip-payment-methods {
  grid-template-columns: 1fr;
}

.right__site__section .betslip-receipt .betslip-account-card,
.right__site__section .betslip-receipt .betslip-stake-row,
.right__site__section .betslip-receipt .betslip-payout-row,
.right__site__section .betslip-receipt .betslip-payment-methods label {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #0f172a;
}

.right__site__section .betslip-receipt .betslip-account-card span,
.right__site__section .betslip-receipt .betslip-stake-row label,
.right__site__section .betslip-receipt .betslip-payout-row span:first-child,
.right__site__section .betslip-receipt .betslip-payment-methods strong {
  color: #64748b;
}

.right__site__section .betslip-receipt .betslip-account-card strong,
.right__site__section .betslip-receipt .betslip-payout-row span:last-child,
.right__site__section .betslip-receipt .betslip-payment-methods em {
  color: var(--brand-secondary);
  font-weight: 900;
}

.right__site__section .betslip-receipt .multiple__components .betslip-payout-row {
  align-items: flex-start;
  background: linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  border-left: 4px solid var(--preactive);
  box-shadow: 0 8px 20px rgba(215, 25, 32, 0.1);
  display: grid;
  gap: 6px;
  justify-content: stretch;
  margin: 0 0 12px;
  min-height: 76px;
  padding: 13px 12px 14px;
}

.right__site__section .betslip-receipt .multiple__components .betslip-payout-row span:first-child {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
}

.right__site__section .betslip-receipt .multiple__components .betslip-payout-row span:last-child {
  color: var(--preactive);
  display: block;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.right__site__section .betslip-receipt .betslip-stake-input {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  font-weight: 900;
}

.right__site__section .betslip-receipt .betslip-empty-state {
  background: #fff5f5;
  border: 1px dashed rgba(var(--brand-primary-rgb), 0.28);
  color: #991b1b;
  font-weight: 800;
}

.right__site__section .betslip-receipt .betslip-mode-row label {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

.right__site__section .betslip-receipt .betslip-mode-row label:has(input:checked),
.right__site__section .betslip-receipt .betslip-payment-methods label:has(input:checked) {
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-color: rgba(var(--brand-primary-rgb), 0.3);
  color: var(--brand-secondary);
}

.right__site__section .betslip-receipt .betslip-round-robin-summary {
  background: rgba(3, 17, 36, 0.06);
  border-color: rgba(3, 17, 36, 0.12);
  color: #334155;
}

.right__site__section .betslip-receipt .betslip-wallet-warning {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

.right__site__section .betslip-receipt .bet-alert-success {
  background: #ecfdf5;
  color: #047857;
}

.right__site__section .betslip-receipt .bet-alert-danger {
  background: #fef2f2;
  color: #b91c1c;
}

.right__site__section .betslip-receipt .cmn--btn2 {
  background: var(--preactive);
  border-radius: 8px;
  color: #ffffff;
  min-height: 42px;
}

.right__site__section .betslip-receipt .betslip-place-form .cmn--btn2,
.right__site__section .betslip-receipt .betslip-place-form .cmn--btn2 span,
.right__site__section .betslip-receipt .betslip-place-form .cmn--btn2:hover span {
  color: #ffffff;
}

.deposit-details-card {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  color: var(--white);
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
}

.deposit-details-card__head {
  align-items: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.14);
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}

.deposit-details-card__head span,
.deposit-details-card__grid span,
.deposit-details-card__support span {
  color: var(--textcolor);
  font-size: 11px;
}

.deposit-details-card__head strong,
.deposit-details-card__grid strong,
.deposit-details-card__support strong {
  color: var(--white);
  font-size: 14px;
}

.deposit-details-card__grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deposit-details-card__grid div,
.deposit-details-card__support {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 7px;
  display: grid;
  gap: 3px;
  padding: 9px;
}

.deposit-details-card p {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.45;
}

.deposit-details-card__button {
  align-items: center;
  background: var(--preactive);
  border-radius: 7px;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  min-height: 36px;
  padding: 8px 10px;
}

.deposit-details-card__button:hover {
  background: var(--button-two);
  color: #ffffff;
}

.event-detail-page {
  background: var(--page-bg);
  min-height: calc(100vh - 84px);
  padding: 24px 0 56px;
}

.event-detail-subheader {
  display: block;
}

.event-detail-shell {
  display: grid;
  gap: 16px;
}

.event-detail-top {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.event-detail-back {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  color: var(--brand-secondary);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
}

.event-detail-back:hover {
  color: var(--preactive);
}

.event-detail-league {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.event-scoreboard,
.event-market-card,
.event-market-empty {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 10px;
  box-shadow: var(--card-shadow);
}

.event-scoreboard {
  color: var(--white);
  display: grid;
  gap: 16px;
  padding: 18px;
}

.event-scoreboard__status {
  color: #ffd978;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.event-scoreboard__status.is-live {
  color: var(--active-color);
}

.event-scoreboard__teams {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.event-scoreboard__teams div {
  align-items: center;
  display: grid;
  gap: 8px;
  justify-items: center;
  min-width: 0;
  text-align: center;
}

.event-scoreboard__teams span {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.18);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  border-radius: 50%;
  color: #dbeafe;
  display: flex;
  font-size: 12px;
  font-weight: 900;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.event-scoreboard__teams strong {
  color: var(--white);
  font-size: 20px;
  line-height: 1.2;
}

.event-scoreboard__teams em {
  color: var(--textcolor);
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.event-scoreboard__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.event-scoreboard__meta span {
  background: rgba(138, 146, 171, 0.12);
  border-radius: 999px;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
}

.event-markets {
  display: grid;
  gap: 12px;
}

.event-market-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.event-market-card__head {
  align-items: center;
  border-bottom: 1px solid rgba(138, 146, 171, 0.14);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding-bottom: 10px;
}

.event-market-card__head h2 {
  color: var(--white);
  font-size: 16px;
}

.event-market-card__head span {
  color: var(--textcolor);
  font-size: 12px;
}

.event-market-card__odds {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-odd-button {
  background: var(--pointbox);
  border: 0;
  border-radius: 7px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-height: 54px;
  padding: 9px;
  text-align: left;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.event-odd-button span {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.2;
}

.event-odd-button strong {
  color: var(--white);
  font-size: 15px;
}

.event-odd-button:hover,
.event-odd-button.is-selected {
  background: var(--active-color);
  transform: translateY(-1px);
}

.event-odd-button:hover span,
.event-odd-button:hover strong,
.event-odd-button.is-selected span,
.event-odd-button.is-selected strong {
  color: var(--white);
}

.event-market-empty {
  color: var(--textcolor);
  padding: 18px;
}

.account-page {
  background: var(--page-bg);
  min-height: calc(100vh - 84px);
  padding: 28px 0 56px;
}

.account-shell {
  display: grid;
  gap: 20px;
  grid-template-columns: 260px minmax(0, 1fr);
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 16px;
}

.account-sidebar,
.account-section,
.account-stat,
.account-bet-card,
.account-table-row {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
}

.account-sidebar {
  align-self: start;
  padding: 14px;
  position: sticky;
  top: 96px;
}

.account-user {
  border-bottom: 1px solid rgba(138, 146, 171, 0.18);
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  padding: 8px 4px 14px;
}

.account-user span,
.account-heading span,
.account-stat span,
.account-section-head a,
.account-bet-top span,
.account-bet-meta span,
.account-picks span,
.account-table-row span,
.account-deposit-grid span,
.account-payment-item span {
  color: var(--textcolor);
  font-size: 12px;
}

.account-user strong,
.account-heading h1,
.account-stat strong,
.account-section-head h2,
.account-bet-top strong,
.account-picks strong,
.account-table-row strong,
.account-deposit-grid strong,
.account-payment-item strong {
  color: var(--white);
}

.account-nav {
  display: grid;
  gap: 6px;
}

.account-nav a,
.account-nav button {
  align-items: center;
  border-radius: 7px;
  border: 0;
  color: #cbd5e1;
  display: flex;
  font: inherit;
  gap: 10px;
  min-height: 40px;
  padding: 9px 10px;
  text-align: left;
  width: 100%;
}

.account-nav a.active,
.account-nav a:hover,
.account-nav button:hover {
  background: rgba(var(--brand-primary-rgb), 0.18);
  color: #ffffff;
}

.account-nav-logout {
  margin: 0;
}

.account-nav-logout button {
  background: rgba(var(--brand-primary-rgb), 0.12);
  color: #ff9b9b;
  cursor: pointer;
}

.account-main {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.account-heading {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.account-heading h1 {
  color: var(--brand-secondary);
  font-size: 28px;
  line-height: 1.1;
  margin-top: 3px;
}

.account-heading span {
  color: #64748b;
}

.account-heading > .cmn--btn2,
.account-heading > .cmn--btn2 span,
.account-heading > .cmn--btn2:hover span {
  color: #ffffff !important;
}

.account-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-stat {
  display: grid;
  gap: 6px;
  min-height: 90px;
  padding: 16px;
}

.account-stat strong {
  font-size: 22px;
}

.dashboard-hero {
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #081d3d 58%, var(--brand-primary) 160%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  overflow: hidden;
  padding: 18px;
}

.dashboard-hero__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.dashboard-hero__copy > span,
.dashboard-hero__copy p {
  color: #cbd5e1;
  font-size: 13px;
}

.dashboard-hero__copy h2 {
  color: #ffffff;
  font-size: 28px;
  line-height: 1.1;
}

.dashboard-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dashboard-balance-card {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.dashboard-balance-card > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-balance-card > strong {
  color: var(--brand-secondary);
  font-size: 26px;
  line-height: 1.1;
}

.dashboard-balance-card__actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-balance-card__actions .cmn--btn,
.dashboard-balance-card__actions .cmn--btn2 {
  padding: 8px 12px 10px;
}

.dashboard-action-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.dashboard-action-card {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 9px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 4px;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 70px;
  padding: 12px;
}

.dashboard-action-card:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.28);
  transform: translateY(-1px);
}

.dashboard-action-card i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.dashboard-action-card span,
.dashboard-action-card strong {
  grid-column: 2;
}

.dashboard-action-card span {
  color: var(--brand-secondary);
  font-size: 13px;
  font-weight: 900;
}

.dashboard-action-card strong {
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
}

.dashboard-metric-card {
  color: inherit;
  position: relative;
}

.dashboard-metric-card:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.32);
  transform: translateY(-1px);
}

.dashboard-metric-card em {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.dashboard-overview-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
}

.dashboard-checklist {
  grid-row: span 2;
}

.dashboard-progress {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.dashboard-progress strong {
  color: #ffffff;
  font-size: 13px;
}

.dashboard-progress__bar {
  background: rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}

.dashboard-progress__bar span {
  background: var(--brand-primary);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.dashboard-checklist-list,
.dashboard-wallet-list {
  display: grid;
  gap: 9px;
}

.dashboard-check-item {
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  padding: 10px;
}

.dashboard-check-item:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.32);
}

.dashboard-check-item i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.dashboard-check-item.is-complete i {
  background: rgba(34, 197, 94, 0.14);
  color: #22c55e;
}

.dashboard-check-item span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dashboard-check-item strong {
  color: #ffffff;
  font-size: 13px;
}

.dashboard-check-item em {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.dashboard-check-item b {
  background: rgba(var(--brand-primary-rgb), 0.12);
  border-radius: 999px;
  color: #ffb4b8;
  font-size: 10px;
  padding: 5px 8px;
}

.dashboard-check-item.is-complete b {
  background: rgba(34, 197, 94, 0.14);
  color: #86efac;
}

.dashboard-limit-meter {
  display: grid;
  gap: 8px;
}

.dashboard-limit-meter > div:first-child,
.dashboard-limit-mini-grid div {
  display: grid;
  gap: 3px;
}

.dashboard-limit-meter span,
.dashboard-limit-meter em,
.dashboard-limit-mini-grid span,
.dashboard-wallet-row em,
.dashboard-wallet-empty {
  color: #94a3b8;
  font-size: 12px;
}

.dashboard-limit-meter strong,
.dashboard-limit-mini-grid strong {
  color: #ffffff;
}

.dashboard-limit-meter em {
  font-style: normal;
}

.dashboard-limit-mini-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-limit-mini-grid div {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 10px;
}

.dashboard-wallet-row {
  align-items: center;
  background: #ffffff;
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 10px;
}

.dashboard-wallet-row.is-credit {
  border-left-color: #22c55e;
}

.dashboard-wallet-row.is-debit {
  border-left-color: var(--brand-primary);
}

.dashboard-wallet-row span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dashboard-wallet-row strong {
  color: var(--brand-secondary);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-wallet-row b {
  color: var(--brand-secondary);
  font-size: 13px;
  white-space: nowrap;
}

.dashboard-wallet-row.is-credit b {
  color: #15803d;
}

.dashboard-wallet-row.is-debit b {
  color: var(--brand-primary);
}

.dashboard-wallet-empty {
  background: #ffffff;
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.dashboard-wallet-empty strong {
  color: var(--brand-secondary);
}

.dashboard-wallet-empty a {
  color: var(--brand-primary);
  font-weight: 900;
}

.dashboard-review-section,
.dashboard-transactions-section {
  gap: 10px;
}

.dashboard-review-list,
.dashboard-transaction-list {
  display: grid;
  gap: 8px;
}

.dashboard-review-item,
.dashboard-transaction-strip {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  min-height: 58px;
  padding: 9px 10px;
}

.dashboard-review-item {
  border-left-color: #f59e0b;
}

.dashboard-transaction-strip.is-credit {
  border-left-color: #22c55e;
}

.dashboard-transaction-strip.is-debit {
  border-left-color: var(--brand-primary);
}

.dashboard-review-item:hover,
.dashboard-transaction-strip:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.24);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  transform: translateY(-1px);
}

.dashboard-review-item__icon,
.dashboard-transaction-strip__icon {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.dashboard-review-item__icon {
  background: #fff7ed;
  color: #c2410c;
}

.dashboard-transaction-strip.is-credit .dashboard-transaction-strip__icon {
  background: #dcfce7;
  color: #15803d;
}

.dashboard-review-item__main,
.dashboard-review-item__amount,
.dashboard-transaction-strip__main,
.dashboard-transaction-strip__amount {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dashboard-review-item__main strong,
.dashboard-review-item__amount strong,
.dashboard-transaction-strip__main strong,
.dashboard-transaction-strip__amount strong {
  color: var(--brand-secondary);
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-review-item__main em,
.dashboard-review-item__amount em,
.dashboard-transaction-strip__main em,
.dashboard-transaction-strip__amount em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}

.dashboard-review-item__amount,
.dashboard-transaction-strip__amount {
  text-align: right;
}

.dashboard-transaction-strip.is-credit .dashboard-transaction-strip__amount strong {
  color: #15803d;
}

.dashboard-transaction-strip.is-debit .dashboard-transaction-strip__amount strong {
  color: var(--brand-primary);
}

.dashboard-review-item .account-status,
.dashboard-transaction-strip .account-status {
  border: 1px solid transparent;
  font-weight: 900;
}

.dashboard-review-item .account-status.is-pending,
.dashboard-transaction-strip .account-status.is-pending {
  background: #fff3cd;
  border-color: #f59e0b;
  color: #7a4a00;
}

.dashboard-transaction-strip .account-status.is-success {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

.dashboard-transaction-strip .account-status.is-danger {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #991b1b;
}

.dashboard-transaction-strip .account-status.is-muted {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

.dashboard-transaction-empty {
  background: #ffffff;
  color: #64748b;
  padding: 16px;
}

.transactions-page {
  gap: 12px;
  padding: 12px;
}

.transactions-hero {
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #081d3d 62%, rgba(var(--brand-primary-rgb), 0.9) 160%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
}

.transactions-hero__copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.transactions-hero__copy > span,
.transactions-hero__copy p {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.45;
}

.transactions-hero__copy h2 {
  color: #ffffff;
  font-size: 23px;
  line-height: 1.08;
}

.transactions-hero__panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.transactions-hero__panel span,
.transactions-hero__panel em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.transactions-hero__panel strong {
  color: var(--brand-secondary);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.08;
}

.transactions-hero__actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transactions-hero__actions .cmn--btn,
.transactions-hero__actions .cmn--btn2 {
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px 10px;
}

.transactions-summary-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transactions-summary-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 9px 20px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
}

.transactions-summary-card i {
  align-items: center;
  background: rgba(100, 116, 139, 0.12);
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 2px;
  width: 30px;
}

.transactions-summary-card.is-credit i {
  background: #dcfce7;
  color: #15803d;
}

.transactions-summary-card.is-debit i {
  background: rgba(var(--brand-primary-rgb), 0.1);
  color: var(--brand-primary);
}

.transactions-summary-card.is-pending i {
  background: #fff7ed;
  color: #c2410c;
}

.transactions-summary-card span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.transactions-summary-card strong {
  color: var(--brand-secondary);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.transactions-filter-bar {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 10px;
  padding: 12px;
}

.transactions-filter-bar .cmn--btn {
  justify-content: center;
  min-height: 42px;
}

.transactions-filter-bar .account-form-field label {
  color: #475569;
  font-weight: 800;
}

.transactions-filter-bar .account-form-field input,
.transactions-filter-bar .account-form-field select,
.transactions-filter-bar .account-form-field .nice-select {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
  color: var(--brand-secondary);
}

.transactions-filter-bar .account-form-field .nice-select::after {
  border-color: var(--brand-secondary);
}

.transactions-filter-bar .account-form-field .nice-select .current {
  color: var(--brand-secondary);
}

.transactions-filter-bar .account-filter-reset {
  color: var(--brand-secondary);
  justify-content: center;
}

.transactions-ledger {
  display: grid;
  gap: 9px;
}

.transaction-card {
  align-items: start;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-left: 4px solid #94a3b8;
  border-radius: 8px;
  box-shadow: 0 9px 20px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 8px 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-width: 0;
  padding: 10px;
}

.transaction-card.is-credit {
  border-left-color: #22c55e;
}

.transaction-card.is-debit {
  border-left-color: var(--brand-primary);
}

.transaction-card__icon {
  align-items: center;
  background: rgba(100, 116, 139, 0.12);
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.transaction-card.is-credit .transaction-card__icon {
  background: #dcfce7;
  color: #15803d;
}

.transaction-card.is-debit .transaction-card__icon {
  background: rgba(var(--brand-primary-rgb), 0.1);
  color: var(--brand-primary);
}

.transaction-card__main,
.transaction-card__amount {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.transaction-card__main span,
.transaction-card__main em,
.transaction-card__amount span {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.transaction-card__main strong,
.transaction-card__amount strong {
  color: var(--brand-secondary);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transaction-card__amount {
  align-items: center;
  display: flex;
  gap: 8px;
  grid-column: 2 / -1;
  justify-content: space-between;
}

.transaction-card__amount strong {
  font-size: 15px;
}

.transaction-card.is-credit .transaction-card__amount strong {
  color: #15803d;
}

.transaction-card.is-debit .transaction-card__amount strong {
  color: var(--brand-primary);
}

.transaction-card .account-status {
  align-self: start;
  border: 1px solid transparent;
  font-weight: 900;
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  padding: 5px 8px;
}

.transaction-card .account-status.is-pending {
  background: #fff3cd;
  border-color: #f59e0b;
  color: #7a4a00;
}

.transaction-card .account-status.is-success {
  background: #166534;
  border-color: #14532d;
  color: #ffffff;
}

.transaction-card .account-status.is-danger {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #991b1b;
}

.transaction-card .account-status.is-muted {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

.transactions-empty {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #64748b;
  display: grid;
  gap: 9px;
  justify-items: center;
  min-height: 190px;
  padding: 24px;
  text-align: center;
}

.transactions-empty i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  font-size: 22px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.transactions-empty strong {
  color: var(--brand-secondary);
  font-size: 18px;
}

.transactions-empty span {
  color: #64748b;
  max-width: 380px;
}

@media screen and (min-width: 768px) {
  .transactions-page {
    gap: 14px;
    padding: 16px;
  }

  .transactions-hero {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 0.42fr);
    padding: 18px;
  }

  .transactions-hero__copy h2 {
    font-size: 28px;
  }

  .transactions-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .transactions-filter-bar {
    align-items: end;
    grid-template-columns: minmax(145px, 1fr) minmax(145px, 1fr) minmax(135px, 0.8fr) minmax(135px, 0.8fr) auto auto;
  }

  .transaction-card {
    align-items: center;
    gap: 10px;
    grid-template-columns: 38px minmax(0, 1fr) minmax(140px, auto) auto;
    padding: 10px 12px;
  }

  .transaction-card__icon {
    height: 36px;
    width: 36px;
  }

  .transaction-card__amount {
    display: grid;
    grid-column: auto;
    justify-items: end;
    text-align: right;
  }

  .transaction-card .account-status {
    grid-column: auto;
    grid-row: auto;
  }
}

.account-section {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.account-section-head,
.account-bet-top,
.account-payment-item {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.account-section-head h2 {
  font-size: 18px;
}

.account-section-head > div > span {
  color: var(--textcolor);
  font-size: 12px;
}

.account-section-head a {
  color: var(--active-color);
}

.account-bet-list,
.account-payment-list {
  display: grid;
  gap: 12px;
}

.my-bets-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.my-bets-summary-card {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
  display: grid;
  gap: 5px;
  min-height: 74px;
  padding: 13px;
}

.my-bets-summary-card span,
.my-bets-section-head span {
  color: var(--textcolor);
  font-size: 12px;
}

.my-bets-summary-card strong {
  color: var(--white);
  font-size: 19px;
  line-height: 1.2;
}

.my-bets-tabs {
  display: flex;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  padding: 1px 2px 6px;
  scrollbar-width: none;
}

.my-bets-tabs::-webkit-scrollbar {
  display: none;
}

.my-bets-tabs a {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  color: var(--brand-secondary);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
}

.my-bets-tabs a strong {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  font-size: 11px;
  justify-content: center;
  min-width: 24px;
  padding: 3px 6px;
}

.my-bets-tabs a.is-active,
.my-bets-tabs a:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
}

.my-bets-tabs a.is-active strong,
.my-bets-tabs a:hover strong {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.account-bet-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.my-bets-section {
  gap: 14px;
}

.recent-bets-section {
  gap: 10px;
}

.my-bets-section-head {
  align-items: flex-start;
}

.my-bets-section-head > div {
  display: grid;
  gap: 3px;
}

.my-bets-ticket-list {
  align-items: start;
}

.recent-bet-strip-list {
  display: grid;
  gap: 8px;
}

.recent-bet-strip {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-left: 3px solid var(--brand-primary);
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  min-height: 54px;
  padding: 8px 10px;
}

.recent-bet-strip:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.26);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  transform: translateY(-1px);
}

.recent-bet-strip.is-success {
  border-left-color: #22c55e;
}

.recent-bet-strip.is-muted {
  border-left-color: #94a3b8;
}

.recent-bet-strip__icon {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.recent-bet-strip__main,
.recent-bet-strip__figures {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recent-bet-strip__main strong,
.recent-bet-strip__figures strong {
  color: var(--brand-secondary);
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-bet-strip__main em,
.recent-bet-strip__figures em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}

.recent-bet-strip__figures {
  text-align: right;
}

.recent-bets-empty {
  background: #ffffff;
  color: #64748b;
  padding: 16px;
}

.my-bet-ticket {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
  border-left: 4px solid var(--brand-primary);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  color: var(--brand-secondary);
}

.my-bet-ticket.is-success {
  border-left-color: #22c55e;
}

.my-bet-ticket.is-danger {
  border-left-color: var(--brand-primary);
}

.my-bet-ticket.is-muted {
  border-left-color: #94a3b8;
}

.my-bet-ticket .account-status,
.recent-bet-strip .account-status {
  border: 1px solid transparent;
  font-weight: 900;
}

.my-bet-ticket .account-status.is-pending,
.recent-bet-strip .account-status.is-pending {
  background: #fff3cd;
  border-color: #f59e0b;
  color: #7a4a00;
}

.my-bet-ticket .account-status.is-success,
.recent-bet-strip .account-status.is-success {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

.my-bet-ticket .account-status.is-danger,
.recent-bet-strip .account-status.is-danger {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #991b1b;
}

.my-bet-ticket .account-status.is-muted,
.recent-bet-strip .account-status.is-muted {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

.my-bet-ticket__top,
.my-bet-ticket__footer,
.my-bet-leg {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.my-bet-ticket__identity {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.my-bet-ticket span,
.my-bet-ticket__time,
.my-bet-leg span,
.my-bet-ticket__footer {
  color: #64748b;
  font-size: 12px;
}

.my-bet-ticket strong,
.my-bet-leg strong {
  color: var(--brand-secondary);
}

.my-bet-ticket__identity > span {
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
}

.my-bet-ticket__identity strong {
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.my-bet-ticket__time {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.my-bet-ticket__figures {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}

.my-bet-ticket__figures div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
}

.my-bet-ticket__figures div + div {
  border-left: 1px solid #e2e8f0;
}

.my-bet-ticket__figures span {
  color: #64748b;
  font-size: 11px;
}

.my-bet-ticket__figures strong {
  color: var(--brand-secondary);
  font-size: 14px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.my-bet-ticket__payout strong {
  color: var(--brand-primary);
  font-size: 17px;
}

.account-bet-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.account-picks {
  display: grid;
  gap: 8px;
}

.account-picks div,
.account-deposit-grid div,
.account-payment-item {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 6px;
  padding: 10px;
}

.my-bet-ticket .my-bet-leg {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.my-bet-ticket .my-bet-leg + .my-bet-leg {
  border-top: 1px dashed #cbd5e1;
  padding-top: 9px;
}

.my-bet-leg > div {
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0;
}

.my-bet-leg > div:last-child {
  text-align: right;
}

.my-bet-leg em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.my-bet-ticket__footer {
  border-top: 1px solid #e2e8f0;
  padding-top: 10px;
}

.my-bet-ticket__footer > span {
  color: #64748b;
  font-weight: 900;
}

.my-bet-ticket__receipt {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 999px;
  color: var(--brand-primary);
  cursor: default;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  gap: 6px;
  min-height: 32px;
  padding: 6px 10px;
}

.my-bet-ticket__receipt i,
.my-bet-ticket__receipt span {
  color: inherit;
}

.my-bets-empty {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #64748b;
  display: grid;
  gap: 9px;
  justify-items: center;
  min-height: 220px;
  padding: 24px;
  text-align: center;
}

.my-bets-empty i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  font-size: 22px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.my-bets-empty strong {
  color: var(--brand-secondary);
  font-size: 18px;
}

.my-bets-empty span {
  color: #64748b;
  max-width: 360px;
}

.my-bets-pagination {
  display: flex;
  justify-content: center;
  padding-top: 4px;
}

.account-table {
  display: grid;
  gap: 10px;
}

.account-table-row {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 1.3fr 0.8fr 1fr 0.9fr auto;
  padding: 12px;
}

.account-wallet-row {
  grid-template-columns: 1.35fr 1fr 0.8fr 0.8fr 0.9fr auto;
}

.account-wallet-row-debit {
  border-left: 3px solid var(--brand-primary);
}

.account-wallet-row-credit {
  border-left: 3px solid #22c55e;
}

.account-wallet-filters {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, 1fr) minmax(140px, 0.8fr) minmax(140px, 0.8fr) auto auto;
}

.account-filter-reset {
  align-items: center;
  color: var(--textcolor);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  min-height: 42px;
}

.wallet-debit {
  color: var(--brand-primary) !important;
}

.wallet-credit {
  color: #22c55e !important;
}

.wallet-hero {
  align-items: stretch;
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #071a36 68%, rgba(var(--brand-primary-rgb), 0.82) 150%);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
  overflow: hidden;
  padding: 18px;
}

.wallet-hero__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.wallet-hero__copy > span,
.wallet-hero__copy p {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.45;
}

.wallet-hero__copy h2 {
  color: #ffffff;
  font-size: 27px;
  line-height: 1.08;
}

.wallet-balance-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
}

.wallet-balance-card > span,
.wallet-balance-card em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.wallet-balance-card > strong {
  color: #031124;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.wallet-balance-card__bonus {
  align-items: center;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 10px;
}

.wallet-balance-card__bonus span {
  color: #92400e;
  font-size: 11px;
  font-weight: 900;
}

.wallet-balance-card__bonus strong {
  color: #78350f;
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
  text-align: right;
}

.wallet-balance-card__actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wallet-balance-card__actions .cmn--btn,
.wallet-balance-card__actions .cmn--btn2 {
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px 10px;
}

.wallet-metric-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.wallet-metric-card {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
}

.wallet-metric-card i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.12);
  border-radius: 999px;
  color: #ffb4b8;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 2px;
  width: 30px;
}

.wallet-metric-card.is-credit i,
.wallet-metric-card.is-win i,
.wallet-metric-card.is-bonus i {
  background: rgba(34, 197, 94, 0.14);
  color: #86efac;
}

.wallet-metric-card.is-tax i,
.wallet-metric-card.is-debit i {
  background: rgba(var(--brand-primary-rgb), 0.14);
  color: #ffb4b8;
}

.wallet-metric-card span,
.wallet-total-grid span {
  color: var(--textcolor);
  font-size: 12px;
}

.wallet-metric-card strong,
.wallet-total-grid strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.wallet-total-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.wallet-total-grid div {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
}

.wallet-statement-section {
  gap: 14px;
}

.wallet-statement-head {
  align-items: flex-start;
}

.wallet-statement-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.wallet-filter-bar {
  background: rgba(138, 146, 171, 0.08);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 8px;
  padding: 12px;
}

.wallet-ledger-list {
  display: grid;
  gap: 9px;
}

.wallet-ledger-row {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-left: 4px solid #94a3b8;
  border-radius: 8px;
  box-shadow: 0 9px 20px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr) minmax(150px, auto) auto;
  min-width: 0;
  padding: 10px;
}

.wallet-ledger-row.is-credit {
  border-left-color: #22c55e;
}

.wallet-ledger-row.is-debit {
  border-left-color: var(--brand-primary);
}

.wallet-ledger-row__icon {
  align-items: center;
  background: rgba(100, 116, 139, 0.12);
  border-radius: 999px;
  color: #64748b;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.wallet-ledger-row.is-credit .wallet-ledger-row__icon {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.wallet-ledger-row.is-debit .wallet-ledger-row__icon {
  background: rgba(var(--brand-primary-rgb), 0.1);
  color: var(--brand-primary);
}

.wallet-ledger-row__main,
.wallet-ledger-row__amount {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.wallet-ledger-row__main strong {
  color: var(--brand-secondary);
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-ledger-row__main em,
.wallet-ledger-row__amount span {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.wallet-ledger-row__amount {
  justify-items: end;
  text-align: right;
}

.wallet-ledger-row__amount strong {
  color: var(--brand-secondary);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.wallet-ledger-row .account-status {
  border: 1px solid transparent;
  font-weight: 900;
}

.wallet-ledger-row .account-status.is-success,
.account-table-row .account-status.is-success {
  background: #166534;
  border-color: #14532d;
  color: #ffffff;
}

.wallet-empty {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #64748b;
  display: grid;
  gap: 9px;
  justify-items: center;
  min-height: 190px;
  padding: 24px;
  text-align: center;
}

.wallet-empty i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.08);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  font-size: 22px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.wallet-empty strong {
  color: var(--brand-secondary);
  font-size: 18px;
}

.wallet-empty span {
  color: #64748b;
  max-width: 380px;
}

.account-status {
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.2;
  padding: 6px 9px;
  text-transform: capitalize;
  white-space: nowrap;
}

.account-status.is-pending {
  background: rgba(255, 190, 0, 0.14);
  color: #ffd978;
}

.account-status.is-success {
  background: rgba(9, 255, 141, 0.12);
  color: #8fffc7;
}

.account-status.is-danger {
  background: rgba(255, 84, 84, 0.16);
  color: #ff9b9b;
}

.account-status.is-muted {
  background: rgba(138, 146, 171, 0.14);
  color: #cbd5e1;
}

.account-deposit-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-deposit {
  max-width: 720px;
}

.deposit-page.account-deposit {
  gap: 12px;
  max-width: none;
  padding: 12px;
}

.deposit-hero {
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #081d3d 64%, rgba(var(--brand-primary-rgb), 0.92) 160%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
}

.deposit-hero__copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.deposit-hero__copy > span,
.deposit-hero__copy p {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.45;
}

.deposit-hero__copy h2 {
  color: #ffffff;
  font-size: 23px;
  line-height: 1.08;
}

.deposit-hero__panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.deposit-hero__panel > span:not(.account-status),
.deposit-hero__panel em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.deposit-hero__panel strong {
  color: var(--brand-secondary);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.deposit-hero__panel .account-status {
  border: 1px solid transparent;
  font-weight: 900;
  justify-self: start;
}

.deposit-hero__panel .account-status.is-success {
  background: #166534;
  border-color: #14532d;
  color: #ffffff;
}

.deposit-hero__panel .account-status.is-danger {
  background: #991b1b;
  border-color: #7f1d1d;
  color: #ffffff;
}

.deposit-limit-card,
.deposit-flow-card,
.deposit-manual-card,
.deposit-prompt-card,
.deposit-state-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 9px 20px rgba(15, 23, 42, 0.08);
}

.deposit-limit-card {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.deposit-limit-card div:first-child {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.deposit-limit-card span,
.deposit-limit-card em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.deposit-limit-card strong {
  color: var(--brand-secondary);
  font-size: 14px;
  font-weight: 900;
  text-align: right;
}

.deposit-limit-card__bar {
  background: #e2e8f0;
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}

.deposit-limit-card__bar span {
  background: var(--brand-primary);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.deposit-state-card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 14px;
}

.deposit-state-card i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.deposit-state-card strong {
  color: var(--brand-secondary);
  display: block;
  font-size: 14px;
  line-height: 1.3;
}

.deposit-state-card span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.deposit-flow-card,
.deposit-manual-card,
.deposit-prompt-card {
  display: grid;
  gap: 12px;
  padding: 12px;
}

.deposit-flow-card__head {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.deposit-flow-card__head div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.deposit-flow-card__head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.deposit-flow-card__head h2 {
  color: var(--brand-secondary);
  font-size: 18px;
  line-height: 1.15;
}

.deposit-flow-card__head > strong {
  background: rgba(var(--brand-primary-rgb), 0.08);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 999px;
  color: var(--brand-primary);
  font-size: 13px;
  font-weight: 900;
  padding: 7px 10px;
  white-space: nowrap;
}

.deposit-quick-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deposit-quick-grid button {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  color: var(--brand-secondary);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  min-height: 42px;
  padding: 8px 6px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.deposit-quick-grid button:hover,
.deposit-quick-grid button.is-active {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  transform: translateY(-1px);
}

.deposit-field-grid {
  display: grid;
  gap: 10px;
}

.deposit-flow-card .account-form-field label,
.deposit-reference-form .account-form-field label {
  color: #475569;
  font-weight: 800;
}

.deposit-flow-card .account-form-field input,
.deposit-reference-form .account-form-field input {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
  color: var(--brand-secondary);
  font-weight: 800;
}

.deposit-submit-row {
  align-items: stretch;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.deposit-submit-row div {
  display: grid;
  gap: 2px;
}

.deposit-submit-row span,
.deposit-submit-row strong {
  line-height: 1.25;
}

.deposit-submit-row div span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.deposit-submit-row div strong {
  color: var(--brand-secondary);
  font-size: 13px;
}

.deposit-submit-row .cmn--btn2 {
  color: #ffffff;
  justify-content: center;
  min-height: 42px;
}

.deposit-submit-row .cmn--btn2 span,
.deposit-submit-row .cmn--btn2:hover span {
  color: #ffffff !important;
}

.deposit-submit-row .cmn--btn2.is-loading {
  opacity: 0.82;
  pointer-events: none;
}

.deposit-manual-steps {
  display: grid;
  gap: 9px;
}

.deposit-manual-steps div {
  align-items: center;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  display: grid;
  gap: 4px 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  padding: 10px;
}

.deposit-manual-steps span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.deposit-manual-steps strong {
  color: var(--brand-secondary);
  font-size: 15px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.deposit-manual-steps button {
  background: #ffffff;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  border-radius: 999px;
  color: var(--brand-primary);
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 30px;
  padding: 5px 10px;
}

.deposit-reference-form {
  display: grid;
  gap: 10px;
}

.deposit-reference-form .cmn--btn {
  justify-content: center;
  min-height: 42px;
}

.deposit-prompt-card__status {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 48px minmax(0, 1fr);
}

.deposit-prompt-card__status div {
  display: grid;
  gap: 3px;
}

.deposit-prompt-card__status span:not(.deposit-prompt-card__pulse),
.deposit-prompt-card__status em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.deposit-prompt-card__status h2 {
  color: var(--brand-secondary);
  font-size: 20px;
  line-height: 1.15;
}

.deposit-prompt-card__pulse {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 48px;
  justify-content: center;
  position: relative;
  width: 48px;
}

.deposit-prompt-card__pulse::after {
  animation: deposit-pulse 1.8s ease-out infinite;
  border: 1px solid rgba(var(--brand-primary-rgb), 0.34);
  border-radius: inherit;
  content: "";
  inset: -6px;
  position: absolute;
}

@keyframes deposit-pulse {
  0% {
    opacity: 0.9;
    transform: scale(0.9);
  }

  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

.deposit-prompt-steps {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deposit-prompt-steps span {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  min-width: 0;
  padding: 7px 8px;
  text-align: center;
}

.deposit-prompt-steps span.is-active {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
}

.deposit-manual-card .account-danger-button,
.deposit-prompt-card .account-danger-button {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .deposit-page.account-deposit {
    gap: 14px;
    padding: 16px;
  }

  .deposit-hero {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 0.42fr);
    padding: 18px;
  }

  .deposit-hero__copy h2 {
    font-size: 28px;
  }

  .deposit-flow-card,
  .deposit-manual-card,
  .deposit-prompt-card {
    padding: 16px;
  }

  .deposit-quick-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .deposit-field-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  }

  .deposit-submit-row {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .deposit-submit-row .cmn--btn2 {
    min-width: 180px;
  }

  .deposit-manual-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .deposit-reference-form {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .deposit-reference-form .cmn--btn {
    min-width: 170px;
  }

  .deposit-prompt-card__status {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .deposit-prompt-card__pulse {
    height: 56px;
    width: 56px;
  }
}

.withdrawal-page.account-withdrawal {
  gap: 12px;
  padding: 12px;
}

.withdrawal-hero {
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #081d3d 64%, rgba(var(--brand-primary-rgb), 0.92) 160%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  overflow: hidden;
  padding: 14px;
}

.withdrawal-hero__copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.withdrawal-hero__copy > span {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.45;
}

.withdrawal-hero__copy h2 {
  color: #ffffff;
  font-size: 23px;
  line-height: 1.08;
}

.withdrawal-hero__panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
}

.withdrawal-hero__panel > span:not(.account-status),
.withdrawal-hero__panel em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.withdrawal-hero__panel strong {
  color: var(--brand-secondary);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.withdrawal-hero__panel .account-status,
.withdrawal-pending-card .account-status,
.withdrawal-history-card .account-status {
  border: 1px solid transparent;
  font-weight: 900;
}

.withdrawal-hero__panel .account-status {
  justify-self: start;
}

.withdrawal-hero__panel .account-status.is-success {
  background: #166534;
  border-color: #14532d;
  color: #ffffff;
}

.withdrawal-hero__panel .account-status.is-pending,
.withdrawal-pending-card .account-status.is-pending,
.withdrawal-history-card .account-status.is-pending {
  background: #fff3cd;
  border-color: #f59e0b;
  color: #7a4a00;
}

.withdrawal-hero__panel .account-status.is-danger,
.withdrawal-history-card .account-status.is-danger {
  background: #991b1b;
  border-color: #7f1d1d;
  color: #ffffff;
}

.withdrawal-history-card .account-status.is-success {
  background: #166534;
  border-color: #14532d;
  color: #ffffff;
}

.withdrawal-history-card .account-status.is-muted {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

.withdrawal-summary-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.withdrawal-summary-card,
.withdrawal-flow-card,
.withdrawal-pending-card,
.withdrawal-history-section,
.withdrawal-state-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 9px 20px rgba(15, 23, 42, 0.08);
}

.withdrawal-summary-card {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
}

.withdrawal-summary-card i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 2px;
  width: 30px;
}

.withdrawal-summary-card span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.withdrawal-summary-card strong {
  color: var(--brand-secondary);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.withdrawal-state-card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 14px;
}

.withdrawal-state-card i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.withdrawal-state-card strong {
  color: var(--brand-secondary);
  display: block;
  font-size: 14px;
  line-height: 1.3;
}

.withdrawal-state-card span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.withdrawal-flow-card,
.withdrawal-pending-card,
.withdrawal-history-section {
  display: grid;
  gap: 12px;
  padding: 12px;
}

.withdrawal-flow-card__head {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.withdrawal-flow-card__head div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.withdrawal-flow-card__head span,
.withdrawal-pending-card__head span,
.withdrawal-pending-card__head em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.withdrawal-flow-card__head h2,
.withdrawal-pending-card__head h2,
.withdrawal-history-section .account-section-head h2 {
  color: var(--brand-secondary);
  line-height: 1.15;
}

.withdrawal-flow-card__head h2,
.withdrawal-pending-card__head h2 {
  font-size: 18px;
}

.withdrawal-flow-card__head > strong {
  background: rgba(var(--brand-primary-rgb), 0.08);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 999px;
  color: var(--brand-primary);
  font-size: 13px;
  font-weight: 900;
  padding: 7px 10px;
  white-space: nowrap;
}

.withdrawal-quick-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.withdrawal-quick-grid button {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 8px;
  color: var(--brand-secondary);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  min-height: 42px;
  padding: 8px 6px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.withdrawal-quick-grid button:hover,
.withdrawal-quick-grid button.is-active {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #ffffff;
  transform: translateY(-1px);
}

.withdrawal-field-grid {
  display: grid;
  gap: 10px;
}

.withdrawal-flow-card .account-form-field label {
  color: #475569;
  font-weight: 800;
}

.withdrawal-flow-card .account-form-field input {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
  color: var(--brand-secondary);
  font-weight: 800;
}

.withdrawal-submit-row {
  align-items: stretch;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.withdrawal-submit-row div {
  display: grid;
  gap: 2px;
}

.withdrawal-submit-row div span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.withdrawal-submit-row div strong {
  color: var(--brand-secondary);
  font-size: 13px;
}

.withdrawal-submit-row .cmn--btn2 {
  color: #ffffff;
  justify-content: center;
  min-height: 42px;
}

.withdrawal-submit-row .cmn--btn2 span,
.withdrawal-submit-row .cmn--btn2:hover span {
  color: #ffffff !important;
}

.withdrawal-submit-row .cmn--btn2.is-loading {
  opacity: 0.82;
  pointer-events: none;
}

.withdrawal-pending-card__head {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.withdrawal-pending-card__icon {
  align-items: center;
  background: #fff7ed;
  border-radius: 999px;
  color: #c2410c;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.withdrawal-detail-grid {
  display: grid;
  gap: 9px;
}

.withdrawal-detail-grid div {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.withdrawal-detail-grid span,
.withdrawal-history-section .account-section-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.withdrawal-detail-grid strong {
  color: var(--brand-secondary);
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.withdrawal-history-list {
  display: grid;
  gap: 9px;
}

.withdrawal-history-card {
  align-items: start;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-left: 4px solid var(--brand-primary);
  border-radius: 8px;
  display: grid;
  gap: 8px 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-width: 0;
  padding: 10px;
}

.withdrawal-history-card__icon {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.withdrawal-history-card__main,
.withdrawal-history-card__amount {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.withdrawal-history-card__main span,
.withdrawal-history-card__main em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
}

.withdrawal-history-card__main strong,
.withdrawal-history-card__amount strong {
  color: var(--brand-secondary);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.withdrawal-history-card__amount {
  align-items: center;
  display: flex;
  gap: 8px;
  grid-column: 2 / -1;
  justify-content: space-between;
}

.withdrawal-history-card__amount strong {
  color: var(--brand-primary);
  font-size: 15px;
}

.withdrawal-history-card .account-status {
  align-self: start;
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  padding: 5px 8px;
}

.withdrawal-pending-card .account-danger-button {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .withdrawal-page.account-withdrawal {
    gap: 14px;
    padding: 16px;
  }

  .withdrawal-hero {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 0.42fr);
    padding: 18px;
  }

  .withdrawal-hero__copy h2 {
    font-size: 28px;
  }

  .withdrawal-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .withdrawal-flow-card,
  .withdrawal-pending-card,
  .withdrawal-history-section {
    padding: 16px;
  }

  .withdrawal-quick-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .withdrawal-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .withdrawal-submit-row {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .withdrawal-submit-row .cmn--btn2 {
    min-width: 190px;
  }

  .withdrawal-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .withdrawal-history-card {
    align-items: center;
    grid-template-columns: 38px minmax(0, 1fr) minmax(140px, auto) auto;
  }

  .withdrawal-history-card__amount {
    display: grid;
    grid-column: auto;
    justify-items: end;
    text-align: right;
  }

  .withdrawal-history-card .account-status {
    grid-column: auto;
    grid-row: auto;
  }
}

.account-deposit-limit {
  align-items: center;
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}

.account-deposit-limit span,
.account-deposit-steps span {
  color: var(--textcolor);
  font-size: 12px;
}

.account-deposit-limit strong,
.account-deposit-steps strong {
  color: var(--white);
}

.account-deposit-fields {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}

.account-responsible-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-responsible-grid div,
.account-responsible-note {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 6px;
  padding: 10px;
}

.account-responsible-grid span,
.account-responsible-note span {
  color: var(--textcolor);
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}

.account-responsible-grid strong,
.account-responsible-note strong {
  color: var(--white);
}

.responsible-hero {
  align-items: stretch;
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #071a36 72%, rgba(var(--brand-primary-rgb), 0.86) 150%);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.42fr);
  overflow: hidden;
  padding: 18px;
}

.responsible-hero__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.responsible-hero__copy > span,
.responsible-hero__copy p,
.responsible-hero__state em {
  color: #cbd5e1;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.responsible-hero__copy h2 {
  color: #ffffff;
  font-size: 27px;
  line-height: 1.08;
}

.responsible-hero__state {
  align-content: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
}

.responsible-hero__state strong {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.2;
}

.responsible-layout {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.responsible-summary-section,
.responsible-active-section,
.responsible-action-section {
  min-width: 0;
}

.responsible-action-section {
  grid-row: span 2;
}

.responsible-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.responsible-summary-grid div,
.responsible-active-grid div,
.responsible-selection-summary {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
}

.responsible-summary-grid i,
.responsible-active-grid i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.12);
  border-radius: 999px;
  color: #ffb4b8;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 2px;
  width: 30px;
}

.responsible-summary-grid strong,
.responsible-active-grid strong {
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.responsible-active-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.responsible-active-grid div.is-active {
  background: rgba(var(--brand-primary-rgb), 0.2);
  border-color: rgba(var(--brand-primary-rgb), 0.5);
}

.responsible-active-grid div.is-active i {
  background: var(--brand-primary);
  color: #ffffff;
}

.responsible-active-grid span {
  color: #cbd5e1;
  display: block;
  font-size: 12px;
}

.responsible-active-grid strong {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 900;
}

.responsible-active-grid div.is-active span {
  color: #ffe1e3;
}

.responsible-active-grid div.is-active strong {
  color: #ffffff;
}

.responsible-warning {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.11);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
  border-radius: 8px;
  color: #ffb4b8;
  display: grid;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr);
  padding: 11px;
}

.responsible-warning i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.18);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.responsible-warning span {
  color: #f8c4c7;
  font-size: 12px;
  line-height: 1.45;
}

.account-alert {
  border-radius: 8px;
  padding: 12px 14px;
}

.account-alert p {
  margin: 0;
}

.account-alert p:not(:last-child) {
  margin-bottom: 6px;
}

.account-alert.is-success {
  background: rgba(9, 255, 141, 0.14);
  color: #0f5132;
}

.account-alert.is-danger {
  background: rgba(255, 84, 84, 0.14);
  color: #7f1d1d;
}

.account-alert.is-warning {
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
  color: var(--brand-primary);
  font-weight: 700;
}

.account-empty {
  color: var(--textcolor);
  padding: 12px 0;
}

.account-deposit-form,
.account-reference-form {
  display: grid;
  gap: 12px;
}

.account-profile-form,
.account-kyc-form {
  display: grid;
  gap: 14px;
}

.profile-hero-section {
  align-items: stretch;
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #071a36 72%, rgba(var(--brand-primary-rgb), 0.82) 150%);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.38fr);
  overflow: hidden;
  padding: 18px;
}

.profile-hero-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.profile-hero-copy > span,
.profile-hero-copy p {
  color: #cbd5e1;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.profile-hero-copy h2 {
  color: #ffffff;
  font-size: 26px;
  line-height: 1.08;
}

.profile-progress-track {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  height: 9px;
  max-width: 420px;
  overflow: hidden;
}

.profile-progress-track span {
  background: var(--brand-primary);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.profile-hero-wallet {
  align-content: center;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
  display: grid;
  gap: 6px;
  justify-items: start;
  min-width: 0;
  padding: 14px;
}

.profile-hero-wallet strong {
  color: #031124;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.profile-hero-wallet em {
  color: #475569;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.45;
}

.profile-hero-wallet .account-status {
  border: 1px solid transparent;
  font-weight: 900;
}

.profile-hero-wallet .account-status.is-success {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

.profile-hero-wallet .account-status.is-danger {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #991b1b;
}

.profile-step-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-step-card {
  align-items: center;
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
  color: inherit;
  display: grid;
  gap: 5px 10px;
  grid-template-columns: 36px minmax(0, 1fr);
  min-height: 74px;
  padding: 12px;
}

.profile-step-card:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.38);
  transform: translateY(-1px);
}

.profile-step-card span {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 999px;
  color: #ffb4b8;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.profile-step-card strong,
.profile-step-card em {
  grid-column: 2;
  min-width: 0;
}

.profile-step-card strong {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
}

.profile-step-card em {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.profile-step-card.is-complete span {
  background: rgba(9, 255, 141, 0.12);
  color: #8fffc7;
}

.profile-step-card.is-complete em {
  color: #8fffc7;
}

.profile-workspace {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.profile-workspace-main,
.profile-verification-stack {
  min-width: 0;
}

.profile-verification-stack {
  display: grid;
  gap: 14px;
}

.profile-workspace-main {
  min-height: 100%;
}

.profile-workspace-main .profile-data-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-workspace-main .account-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-verification-stack .account-section {
  box-shadow: 0 12px 24px rgba(7, 17, 31, 0.16);
}

.profile-verification-stack .account-kyc-details,
.profile-verification-stack .profile-phone-actions {
  grid-template-columns: 1fr;
}

.profile-verification-stack .account-kyc-progress {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-summary-grid div,
.profile-data-grid div {
  min-width: 0;
}

.profile-summary-grid strong,
.profile-data-grid strong {
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.profile-flow-card {
  scroll-margin-top: 105px;
}

.bonus-code-card {
  overflow: hidden;
}

.bonus-code-card .account-section-head {
  align-items: flex-start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
}

.bonus-code-card .account-section-head > div {
  min-width: 0;
}

.bonus-code-form {
  display: grid;
  gap: 10px;
}

.bonus-code-form input {
  text-transform: uppercase;
}

.bonus-code-form .cmn--btn2 {
  min-height: 42px;
  width: 100%;
}

.bonus-code-support {
  display: grid;
  gap: 10px;
}

.bonus-code-linked,
.bonus-code-history {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(138, 146, 171, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 10px;
}

.bonus-code-linked span,
.bonus-code-history > span {
  color: var(--textcolor);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.bonus-code-linked strong {
  color: var(--white);
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.bonus-code-linked em {
  color: #8ee7b5;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.bonus-code-linked.is-empty strong {
  color: #b7c0d8;
  font-size: 12px;
  font-weight: 700;
}

.bonus-code-history__item {
  align-items: flex-start;
  display: grid;
  gap: 2px;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.bonus-code-history__item strong {
  color: var(--white);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.bonus-code-history__item span {
  color: var(--textcolor);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-align: left;
}

.bonus-code-empty-state {
  min-height: 112px;
}

.profile-flow-card .account-section-head {
  align-items: flex-start;
}

.profile-flow-card .account-section-head > div,
.profile-summary-section .account-section-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

@media screen and (min-width: 768px) {
  .bonus-code-card .account-section-head {
    align-items: center;
    display: flex;
    justify-items: initial;
  }

  .bonus-code-card:not(.is-compact) .bonus-code-form {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bonus-code-card:not(.is-compact) .bonus-code-form .cmn--btn2 {
    min-width: 140px;
    width: auto;
  }

  .bonus-code-card:not(.is-compact) .bonus-code-support {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }

  .bonus-code-card:not(.is-compact) .bonus-code-history__item {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bonus-code-card:not(.is-compact) .bonus-code-history__item span {
    text-align: right;
  }
}

.profile-form-note,
.profile-kyc-intro {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  border-radius: 8px;
  color: #ffb4b8;
  display: grid;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr);
  padding: 10px 12px;
}

.profile-form-note i,
.profile-kyc-intro i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.16);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.profile-form-note span,
.profile-kyc-intro span {
  color: #f8c4c7;
  font-size: 12px;
  line-height: 1.45;
}

.profile-phone-panel {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.profile-phone-main {
  align-items: center;
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 12px;
}

.profile-phone-main > i {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 999px;
  color: #ffb4b8;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.profile-phone-main div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.profile-phone-main span,
.profile-phone-main em {
  color: var(--textcolor);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.profile-phone-main strong {
  color: #ffffff;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.profile-phone-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-confirmed-state {
  align-items: center;
  background: rgba(9, 255, 141, 0.1);
  border-color: rgba(9, 255, 141, 0.2);
  grid-template-columns: 30px minmax(0, 1fr);
}

.profile-confirmed-state i {
  color: #8fffc7;
  font-size: 20px;
}

.account-form-grid,
.account-file-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-form-field--wide {
  grid-column: 1 / -1;
}

.account-profile-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-profile-actions .cmn--btn2 {
  min-width: 150px;
}

.account-phone-otp-form {
  align-content: end;
  display: grid;
  gap: 7px;
}

.account-phone-otp-form .account-form-field {
  min-width: 0;
  width: 100%;
}

.account-phone-otp-form input {
  text-align: center;
}

.account-profile-display {
  margin-bottom: 12px;
}

.account-phone-otp-card {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 6px;
  padding: 10px;
}

.account-phone-otp-card > span {
  color: var(--textcolor);
  font-size: 12px;
}

.account-phone-otp-card button {
  min-height: 42px;
  min-width: 0;
  padding: 9px 7px 12px;
  white-space: nowrap;
  width: 100%;
}

.account-phone-otp-form button {
  width: 100%;
}

.account-phone-otp-card .cmn--btn,
.account-phone-otp-card .cmn--btn2 {
  border-radius: 7px;
  font-size: 12px;
}

.account-phone-otp-send {
  align-content: end;
  display: grid;
  gap: 7px;
}

.account-form-hint {
  color: var(--textcolor);
  font-size: 12px;
}

.account-deposit-simple {
  border-top: 1px solid rgba(138, 146, 171, 0.14);
  padding-top: 12px;
}

.account-deposit-actions {
  display: grid;
  gap: 10px;
}

.account-form-field {
  display: grid;
  gap: 7px;
}

.account-form-field label {
  color: var(--textcolor);
  font-size: 12px;
}

.account-form-field input,
.account-form-field select,
.account-form-field textarea {
  background: var(--brand-secondary);
  border: 1px solid rgba(138, 146, 171, 0.22);
  border-radius: 7px;
  color: var(--white);
  min-height: 42px;
  outline: none;
  padding: 9px 11px;
}

.account-form-field input:focus,
.account-form-field select:focus,
.account-form-field textarea:focus {
  border-color: rgba(var(--brand-primary-rgb), 0.7);
}

.account-form-field select option {
  background: #ffffff;
  color: var(--brand-secondary);
}

.account-form-field .nice-select {
  background: var(--brand-secondary);
  border: 1px solid rgba(138, 146, 171, 0.22);
  border-radius: 7px;
  color: var(--white);
  float: none;
  font-family: inherit;
  min-height: 42px;
  padding: 9px 38px 9px 11px;
  width: 100%;
}

.account-form-field .nice-select::after {
  border-color: var(--white);
  bottom: auto;
  height: 8px;
  margin-top: -6px;
  right: 14px;
  top: 50%;
  width: 8px;
}

.account-form-field .nice-select .current {
  color: var(--white);
  display: block;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-form-field .nice-select.open {
  z-index: 10020;
}

.account-form-field .nice-select .list {
  background: #ffffff;
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.12);
  border-radius: 7px;
  box-shadow: 0 18px 42px rgba(var(--brand-secondary-rgb), 0.18);
  color: var(--brand-secondary);
  max-height: 220px;
  overflow-y: auto;
  z-index: 10030;
}

.account-form-field .nice-select .option {
  border: 0;
  color: var(--brand-secondary);
  line-height: 38px;
  min-height: 38px;
}

.account-form-field .nice-select .option:hover,
.account-form-field .nice-select .option.focus,
.account-form-field .nice-select .option.selected.focus {
  background: rgba(var(--brand-primary-rgb), 0.08);
}

.account-form-field .nice-select .option.selected {
  color: var(--brand-primary);
}

.account-file-field {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 7px;
  cursor: pointer;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.account-file-field span {
  color: var(--textcolor);
  font-size: 12px;
}

.account-file-field input {
  color: #cbd5e1;
  font-size: 12px;
  min-width: 0;
  width: 100%;
}

.account-file-field strong {
  color: var(--white);
  font-size: 12px;
}

.account-kyc-details {
  margin-bottom: 12px;
}

.account-kyc-progress {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.account-kyc-progress span {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 6px;
  color: var(--textcolor);
  font-size: 12px;
  font-weight: 800;
  padding: 8px 10px;
  text-align: center;
}

.account-kyc-progress span.is-active {
  background: rgba(var(--brand-primary-rgb), 0.14);
  border-color: rgba(var(--brand-primary-rgb), 0.34);
  color: var(--white);
}

.account-kyc-upload-flow {
  display: grid;
  gap: 12px;
}

.account-kyc-step {
  display: grid;
  gap: 12px;
}

.account-kyc-file-card {
  min-height: 116px;
}

.account-kyc-submit-fallback {
  display: none;
}

.account-amount-presets {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-amount-presets button {
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 7px;
  color: #dbeafe;
  cursor: pointer;
  font-size: 12px;
  min-height: 36px;
  padding: 7px 8px;
}

.account-amount-presets button:hover {
  background: rgba(var(--brand-primary-rgb), 0.18);
  border-color: rgba(var(--brand-primary-rgb), 0.42);
  color: var(--white);
}

.account-deposit-payment {
  background: rgba(var(--brand-primary-rgb), 0.08);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.account-deposit-steps {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-deposit-steps div {
  background: rgba(138, 146, 171, 0.1);
  border: 1px solid rgba(138, 146, 171, 0.14);
  border-radius: 7px;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.account-deposit-steps strong {
  overflow-wrap: anywhere;
}

.account-self-exclude-form {
  display: grid;
  gap: 14px;
}

.account-self-exclude-form label {
  align-items: flex-start;
  color: #cbd5e1;
  display: flex;
  font-size: 13px;
  gap: 9px;
  line-height: 1.45;
}

.account-self-exclude-form input {
  accent-color: #ff5454;
  margin-top: 3px;
}

.account-restriction-options {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-restriction-options label,
.account-confirm-line {
  background: rgba(138, 146, 171, 0.08);
  border: 1px solid rgba(138, 146, 171, 0.16);
  border-radius: 8px;
  padding: 12px;
}

.account-restriction-options label {
  cursor: pointer;
  min-width: 0;
}

.account-restriction-options label:has(input:checked) {
  background: rgba(var(--brand-primary-rgb), 0.14);
  border-color: rgba(var(--brand-primary-rgb), 0.38);
}

.account-restriction-options strong,
.account-blocked-state strong {
  color: var(--white);
  display: block;
}

.account-restriction-options small,
.account-blocked-state span {
  color: var(--textcolor);
  display: block;
  font-size: 12px;
  line-height: 1.45;
}

.responsible-period-row {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.58fr);
}

.responsible-selection-summary span,
.responsible-selection-summary em {
  color: var(--textcolor);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.responsible-selection-summary strong {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
}

.responsible-confirm-line {
  align-items: flex-start;
}

.responsible-confirm-line span {
  display: grid;
  gap: 3px;
}

.responsible-confirm-line strong {
  color: #ffffff;
  font-size: 13px;
}

.responsible-confirm-line small {
  color: var(--textcolor);
  font-size: 12px;
  line-height: 1.45;
}

.account-blocked-state {
  background: rgba(255, 84, 84, 0.1);
  border: 1px solid rgba(255, 84, 84, 0.24);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 14px;
}

.account-danger-button {
  background: rgba(255, 84, 84, 0.14);
  border: 1px solid rgba(255, 84, 84, 0.36);
  border-radius: 999px;
  color: #ffb4b4;
  cursor: pointer;
  font-weight: 700;
  min-height: 42px;
  padding: 9px 14px;
}

.account-danger-button:hover {
  background: rgba(255, 84, 84, 0.24);
  color: #ffffff;
}

.market-search-summary {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding-bottom: 12px;
  padding-top: 12px;
}

.market-search-summary span {
  color: #64748b;
  display: block;
  font-size: 12px;
}

.market-search-summary strong {
  color: #0f172a;
  display: block;
  font-size: 15px;
}

.market-search-summary a {
  color: var(--button);
  font-size: 13px;
  font-weight: 700;
}

.responsible-reminder {
  align-items: center;
  background: rgba(7, 17, 31, 0.68);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 18px;
  position: fixed;
  z-index: 1000020;
}

.responsible-reminder[hidden] {
  display: none;
}

.responsible-reminder-panel {
  background: var(--brand-secondary-soft);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
  display: grid;
  gap: 9px;
  max-width: 420px;
  padding: 18px;
  width: min(100%, 420px);
}

.responsible-reminder-panel span {
  color: var(--active-color);
  font-size: 12px;
  font-weight: 700;
}

.responsible-reminder-panel strong {
  color: var(--white);
  font-size: 19px;
}

.responsible-reminder-panel p {
  color: #cbd5e1;
  line-height: 1.5;
  margin: 0;
}

.responsible-reminder-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  margin-top: 4px;
}

.responsible-reminder-actions button {
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  min-height: 40px;
  padding: 8px 12px;
  width: 100%;
}

.responsible-reminder-actions > button {
  background: var(--button);
  color: #ffffff;
}

.responsible-reminder-actions form button {
  background: rgba(255, 84, 84, 0.16);
  color: #ffb4b4;
}

.home-promo-strip {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 280px;
}

.home-promo-strip--banner-only {
  grid-template-columns: 1fr;
}

.home-promo-strip--matches-only {
  grid-template-columns: 1fr;
}

.home-banner-stack {
  display: grid;
  gap: 12px;
}

.home-banner-card {
  align-items: center;
  background:
    linear-gradient(120deg, var(--banner-bg), var(--brand-secondary));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: var(--banner-text);
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  height: auto;
  min-height: 118px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}

.home-banner-card__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.home-banner-card__copy span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.home-banner-card__copy strong {
  color: var(--banner-text);
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-banner-card__copy p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}

.home-banner-card--image {
  background: var(--brand-secondary);
}

.home-banner-card--image::before {
  background: linear-gradient(90deg, rgba(3, 17, 36, 0.86), rgba(3, 17, 36, 0.2));
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.home-banner-card__media {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.home-banner-card__button {
  align-self: center;
  background: #ffffff;
  border-radius: 999px;
  color: var(--brand-primary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.2;
  min-height: 36px;
  padding: 9px 12px;
  text-align: center;
  white-space: normal;
  position: relative;
  z-index: 1;
}

.home-game-cards {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.home-game-card {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)),
    var(--game-card-bg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: var(--game-card-text);
  display: grid;
  gap: 12px;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  min-height: 104px;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.home-game-card::before {
  background: radial-gradient(circle at 16% 20%, rgba(255, 255, 255, 0.22), transparent 32%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.home-game-card__background {
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 0.34;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.home-game-card__icon,
.home-game-card__copy,
.home-game-card__cta {
  position: relative;
  z-index: 2;
}

.home-game-card__icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  overflow: hidden;
  width: 54px;
}

.home-game-card__icon img {
  height: 40px;
  object-fit: contain;
  width: 40px;
}

.home-game-card__icon span {
  color: var(--game-card-text);
  font-size: 16px;
  font-weight: 900;
}

.home-game-card__copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.home-game-card__meta {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-game-card__copy strong {
  color: var(--game-card-text);
  font-size: 18px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.home-game-card__copy small {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.home-game-card__cta {
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 999px;
  color: var(--brand-secondary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  white-space: nowrap;
}

.home-match-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.home-match-card {
  background: var(--brand-secondary);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
  border-radius: 8px;
  color: var(--white);
  display: grid;
  gap: 6px;
  min-height: 118px;
  overflow: hidden;
  padding: 14px;
}

.home-match-card--live {
  border-color: rgba(9, 255, 141, 0.22);
}

.home-match-card > span {
  color: var(--brand-primary);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.home-match-card--live > span {
  color: #10b981;
}

.home-match-card > strong {
  color: var(--white);
  font-size: 18px;
  line-height: 1.15;
}

.home-match-card__list {
  display: grid;
  gap: 4px;
}

.home-match-card__list div {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 42px minmax(0, 1fr);
}

.home-match-card__list em {
  color: #cbd5e1;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.home-match-card__list b {
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-card small {
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 800;
}

.aviator-home {
  background: var(--aviator-card-bg, var(--brand-secondary-soft));
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
  overflow: hidden;
}

.aviator-home .section__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
}

.aviator-mode {
  background: rgba(255, 190, 0, 0.14);
  border-radius: 999px;
  color: #ffd978;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 9px;
}

.aviator-shell {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 280px;
  padding: 14px;
}

.aviator-stage {
  background:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.18), var(--aviator-card-bg, var(--brand-secondary))),
    radial-gradient(circle at 18% 18%, rgba(9, 255, 141, 0.16), transparent 28%);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
  border-radius: 8px;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

.aviator-feature-image {
  border-radius: 8px;
  max-height: 110px;
  object-fit: cover;
  opacity: 0.72;
  position: absolute;
  right: 14px;
  top: 14px;
  width: min(32%, 180px);
  z-index: 1;
}

.aviator-stage::before {
  background-image:
    linear-gradient(rgba(var(--brand-primary-rgb), 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  inset: 0;
  position: absolute;
}

.aviator-skyline {
  background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.38), rgba(var(--brand-primary-rgb), 0.26), rgba(9, 255, 141, 0.18));
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}

.aviator-track span {
  background: rgba(255, 255, 255, 0.08);
  height: 1px;
  left: -12%;
  position: absolute;
  transform: rotate(-18deg);
  width: 130%;
}

.aviator-track span:nth-child(1) {
  bottom: 22%;
}

.aviator-track span:nth-child(2) {
  bottom: 38%;
}

.aviator-track span:nth-child(3) {
  bottom: 54%;
}

.aviator-track span:nth-child(4) {
  bottom: 70%;
}

.aviator-plane {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.16);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.45);
  border-radius: 50%;
  bottom: 14%;
  color: #ff8aa0;
  display: flex;
  height: 46px;
  justify-content: center;
  left: 10%;
  position: absolute;
  transform: rotate(-18deg);
  transition: left 0.1s linear, bottom 0.1s linear;
  width: 46px;
  z-index: 2;
}

.aviator-plane i {
  font-size: 22px;
}

.aviator-multiplier {
  color: var(--white);
  font-size: 56px;
  font-weight: 800;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.aviator-status {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 999px;
  bottom: 16px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 700;
  left: 16px;
  padding: 7px 10px;
  position: absolute;
  z-index: 2;
}

.aviator-home[data-aviator-state="live"] .aviator-status {
  color: var(--active-color);
}

.aviator-home[data-aviator-state="crash"] .aviator-status {
  color: #ff9b9b;
}

.aviator-home[data-aviator-state="win"] .aviator-status {
  color: #ffd978;
}

.aviator-panel {
  background: rgba(7, 17, 31, 0.78);
  border: 1px solid rgba(138, 146, 171, 0.16);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 12px;
}

.aviator-copy {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 10px;
}

.aviator-copy p {
  color: var(--aviator-card-text, var(--white));
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}

.aviator-copy a {
  color: var(--brand-primary);
  font-size: 12px;
  font-weight: 800;
}

.aviator-balance,
.aviator-payout {
  background: rgba(138, 146, 171, 0.1);
  border-radius: 7px;
  display: grid;
  gap: 4px;
  padding: 10px;
}

.aviator-balance span,
.aviator-payout span,
.aviator-field label {
  color: var(--textcolor);
  font-size: 11px;
}

.aviator-balance strong,
.aviator-payout strong {
  color: var(--white);
  font-size: 15px;
}

.aviator-field {
  display: grid;
  gap: 6px;
}

.aviator-field input {
  background: #000;
  border: 1px solid rgba(138, 146, 171, 0.24);
  border-radius: 6px;
  color: var(--white);
  min-height: 38px;
  padding: 8px 10px;
}

.aviator-presets {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aviator-presets button {
  background: rgba(138, 146, 171, 0.12);
  border: 1px solid rgba(138, 146, 171, 0.2);
  border-radius: 6px;
  color: #dbeafe;
  cursor: pointer;
  min-height: 34px;
}

.aviator-presets button:hover {
  background: rgba(var(--brand-primary-rgb), 0.2);
  color: var(--white);
}

.aviator-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aviator-actions button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.aviator-history {
  border-top: 1px solid rgba(138, 146, 171, 0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 14px;
}

.aviator-history span {
  background: rgba(138, 146, 171, 0.12);
  border-radius: 999px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 9px;
}

.aviator-history span.is-win {
  background: rgba(9, 255, 141, 0.12);
  color: #8fffc7;
}

.aviator-history span.is-crash {
  background: rgba(var(--brand-primary-rgb), 0.13);
  color: #ff9b9b;
}

.footer-logout-form {
  margin: 0;
}

.footer-logout-form button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.footer-logout-form button:hover {
  color: var(--button-two);
}

.mobile-app-nav {
  display: none;
}

.mobile-low-data-toggle {
  display: none;
}

.mobile-app-nav__icon-wrap {
  display: inline-grid;
  position: relative;
}

.mobile-app-nav__badge {
  align-items: center;
  background: var(--button-one);
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  height: 18px;
  justify-content: center;
  line-height: 1;
  min-width: 18px;
  padding: 0 5px;
  position: absolute;
  right: -12px;
  top: -10px;
}

@media screen and (min-width: 1200px) {
  .my-bets-ticket-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 991px) {
  .account-shell {
    grid-template-columns: 1fr;
  }

  .modal-open {
    overflow: hidden;
    padding-right: 0 !important;
  }

  .modal-open .mobile-app-nav,
  .modal-open .mobile-low-data-toggle {
    opacity: 0;
    pointer-events: none;
    transform: translateY(110%);
  }

  .modal-dialog {
    margin-left: 0;
    margin-right: 0;
  }

  .modal .btn-close {
    min-height: 32px;
    min-width: 32px;
  }

  .mybets__modal .modal-dialog,
  .event__modal .modal-dialog {
    align-items: flex-end;
    display: flex;
    margin: 0;
    max-width: none;
    min-height: 100dvh;
  }

  .mybets__modal .modal-content,
  .event__modal .modal-content {
    background: var(--slidebox);
    border: 1px solid rgba(138, 146, 171, 0.2);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    box-shadow: 0 -18px 42px rgba(7, 17, 31, 0.38);
    left: 0;
    max-height: calc(100dvh - 54px);
    overflow: hidden;
    padding-top: 0;
    position: fixed;
    right: 0;
    top: auto;
    width: 100%;
  }

  .mybets__modal .modal-content .modal-header,
  .event__modal .modal-content .modal-header {
    align-items: center;
    border-bottom: 1px solid rgba(138, 146, 171, 0.14);
    justify-content: space-between;
    min-height: 50px;
    padding: 9px 14px;
  }

  .mybets__modal .modal-content .modal-header .btn-close,
  .event__modal .modal-content .modal-header .btn-close {
    margin: 0;
  }

  .mybets__modal .modal-body,
  .event__modal .modal-body {
    max-height: calc(100dvh - 106px);
    overflow-y: auto;
    padding: 12px 12px calc(16px + env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
  }

  .modal-betslip-section {
    max-height: none;
    overflow: visible;
  }

  .modal-betslip-section.right__site__section,
  .modal-betslip-section .right__site__section {
    height: auto;
    overflow: visible;
    padding-bottom: 0;
    position: static;
  }

  .auth-modal-compact .modal-dialog {
    align-items: flex-end;
    display: flex;
    margin: 0;
    max-width: none;
    min-height: 100dvh;
    padding: 0;
  }

  .auth-modal-compact .modal-content-custom {
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    max-height: calc(100dvh - 18px);
    overflow: hidden;
    width: 100%;
  }

  .auth-modal-compact .modal-body-custom {
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .main__tab__slide .nav .nav-item .search-popup {
    z-index: 1000020;
  }

  .main__tab__slide .nav .nav-item .search-form {
    background: var(--brand-secondary-soft);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    box-shadow: 0 -18px 42px rgba(7, 17, 31, 0.38);
    left: 0;
    margin: 0;
    padding: 16px;
    position: absolute;
    right: -100%;
    width: 100%;
  }

  .responsible-reminder {
    align-items: flex-end;
    padding: 12px;
  }

  .responsible-reminder-panel {
    border-radius: 14px;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }

  .desktop-betslip-column {
    display: none;
  }

  body {
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  .account-sidebar {
    position: static;
  }

  .dashboard-hero,
  .dashboard-overview-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .account-stats,
  .my-bets-summary,
  .account-deposit-grid,
  .account-deposit-steps,
  .account-kyc-progress,
  .account-responsible-grid,
  .account-restriction-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aviator-shell {
    grid-template-columns: 1fr;
  }

  .aviator-stage {
    min-height: 260px;
  }

  .home-promo-strip {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .home-promo-strip--banner-only,
  .home-promo-strip--matches-only {
    grid-template-columns: 1fr;
  }

  .home-banner-card {
    align-items: start;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
  }

  .home-banner-card__button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .home-game-card {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .home-game-card__cta {
    grid-column: 2;
    justify-self: start;
  }

  .account-table-row {
    grid-template-columns: 1fr 1fr;
  }

  .account-wallet-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-hero-section,
  .profile-phone-panel,
  .profile-workspace,
  .responsible-hero,
  .responsible-layout,
  .wallet-hero {
    grid-template-columns: 1fr;
  }

  .profile-phone-actions,
  .profile-verification-stack .profile-phone-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet-metric-grid,
  .wallet-total-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet-ledger-row {
    grid-template-columns: 36px minmax(0, 1fr) auto;
  }

  .wallet-ledger-row__amount {
    grid-column: 2 / -1;
    justify-items: start;
    text-align: left;
  }

  .wallet-ledger-row .account-status {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .responsible-action-section {
    grid-row: auto;
  }

  .responsible-period-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 991px) {
  .mobile-low-data-toggle {
    align-items: center;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
    color: #334155;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    min-height: 36px;
    padding: 7px 12px;
    position: fixed;
    right: 10px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1049;
  }

  .mobile-low-data-toggle i {
    color: inherit;
    font-size: 13px;
  }

  .mobile-low-data-toggle.is-active {
    background: var(--brand-secondary);
    border-color: rgba(var(--brand-primary-rgb), 0.24);
    color: var(--active-color);
  }

  .mobile-app-nav {
    align-items: stretch;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    box-shadow: 0 -14px 34px rgba(15, 23, 42, 0.18);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    left: 0;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    z-index: 1050;
  }

  .mobile-app-nav__item {
    align-items: center;
    border-radius: 8px;
    color: #64748b;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 800;
    gap: 4px;
    justify-content: center;
    min-height: 54px;
    min-width: 0;
    padding: 6px 4px;
    text-align: center;
  }

  .mobile-app-nav__item i {
    color: inherit;
    font-size: 18px;
    line-height: 1;
  }

  .mobile-app-nav__item span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-app-nav__item .mobile-app-nav__icon-wrap {
    display: inline-grid;
    max-width: none;
    overflow: visible;
    place-items: center;
    position: relative;
    width: 24px;
  }

  .mobile-app-nav__item .mobile-app-nav__badge {
    overflow: visible;
    z-index: 2;
  }

  .mobile-app-nav__item--slip {
    color: var(--brand-secondary);
    font-size: 12px;
    font-weight: 900;
    gap: 5px;
    min-height: 64px;
    padding: 0 4px 2px;
    position: relative;
    transform: translateY(-14px);
    z-index: 1;
  }

  .mobile-app-nav__item--slip .mobile-app-nav__icon-wrap {
    background: var(--brand-primary);
    border: 5px solid #ffffff;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(var(--brand-primary-rgb), 0.34);
    color: #ffffff;
    height: 58px;
    width: 58px;
  }

  .mobile-app-nav__item--slip i {
    color: #ffffff;
    font-size: 24px;
  }

  .mobile-app-nav__item--slip > span:last-child {
    color: var(--brand-secondary);
    font-size: 11px;
    line-height: 1;
    margin-top: -1px;
  }

  .mobile-app-nav__item--slip .mobile-app-nav__badge {
    background: var(--brand-secondary);
    border-color: #ffffff;
    height: 21px;
    min-width: 21px;
    right: -5px;
    top: -5px;
  }

  .mobile-app-nav__item.is-active,
  .mobile-app-nav__item:focus,
  .mobile-app-nav__item:hover {
    background: rgba(var(--brand-primary-rgb), 0.1);
    color: var(--preactive);
  }

  .mobile-app-nav__item.has-slip-items {
    color: var(--brand-primary);
  }

  .mobile-app-nav__item.has-slip-items .mobile-app-nav__icon-wrap {
    background: var(--brand-primary);
    color: #ffffff;
  }

  .mobile-app-nav__item.has-slip-items .mobile-app-nav__badge {
    background: var(--brand-secondary);
    color: #ffffff;
  }

  .mobile-app-nav__item--slip.is-active,
  .mobile-app-nav__item--slip:focus,
  .mobile-app-nav__item--slip:hover {
    background: transparent;
    color: var(--brand-primary);
  }

  .account-page,
  .main__body__area {
    padding-bottom: 18px;
  }

  html.low-data-mode .match__fixing__wrap,
  html.low-data-mode .footer__sponsor,
  html.low-data-mode .aviator-home {
    display: none !important;
  }

  html.low-data-mode .wow,
  html.low-data-mode .animated,
  html.low-data-mode .aviator-plane,
  html.low-data-mode .aviator-track span,
  html.low-data-mode .owl-carousel,
  html.low-data-mode .owl-carousel * {
    animation: none !important;
    transition: none !important;
  }

  html.low-data-mode .left__site__section .match__fixing__items,
  html.low-data-mode .event-scoreboard,
  html.low-data-mode .event-market-card,
  html.low-data-mode .right__site__section .betslip__wrap,
  html.low-data-mode .deposit-details-card {
    box-shadow: none !important;
  }

  html.low-data-mode .event-scoreboard__teams span,
  html.low-data-mode .deposit-details-card p,
  html.low-data-mode .main__footer__section .footer__top,
  html.low-data-mode .main__footer__section img {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .profile-reminder-banner {
    padding: 10px;
  }

  .profile-reminder-banner__inner {
    align-items: start;
    display: grid;
    gap: 9px;
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .profile-reminder-banner__button {
    grid-column: 1 / -1;
    margin-left: 0;
    min-height: 40px;
    text-align: center;
    width: 100%;
  }

  .account-heading {
    align-items: flex-start;
    display: grid;
  }

  .account-nav,
  .account-stats,
  .my-bets-summary,
  .account-form-grid,
  .account-file-grid,
  .account-profile-display,
  .account-phone-otp-form,
  .account-deposit-fields,
  .account-deposit-grid,
  .account-deposit-steps,
  .account-kyc-progress,
  .account-responsible-grid,
  .account-restriction-options,
  .responsible-active-grid,
  .responsible-period-row,
  .account-amount-presets,
  .account-wallet-filters,
  .wallet-balance-card__actions,
  .account-table-row {
    grid-template-columns: 1fr;
  }

  .profile-hero-section {
    gap: 12px;
    padding: 14px;
  }

  .profile-hero-copy h2 {
    font-size: 22px;
  }

  .profile-hero-wallet {
    padding: 12px;
  }

  .profile-hero-wallet strong {
    font-size: 19px;
  }

  .profile-step-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .profile-step-card {
    gap: 7px;
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 86px;
    padding: 10px 7px;
    text-align: center;
  }

  .profile-step-card strong,
  .profile-step-card em {
    grid-column: 1;
  }

  .profile-step-card strong {
    font-size: 11px;
  }

  .profile-step-card em {
    font-size: 10px;
  }

  .profile-step-card span {
    height: 31px;
    width: 31px;
  }

  .profile-summary-grid,
  .profile-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-flow-card .account-section-head,
  .profile-summary-section .account-section-head {
    display: grid;
    gap: 8px;
  }

  .profile-phone-actions {
    grid-template-columns: 1fr;
  }

  .profile-verification-stack .profile-phone-actions,
  .profile-workspace-main .account-form-grid {
    grid-template-columns: 1fr;
  }

  .profile-verification-stack .account-kyc-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-phone-main {
    align-items: start;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 10px;
  }

  .profile-phone-main > i {
    height: 32px;
    width: 32px;
  }

  .profile-form-note,
  .profile-kyc-intro {
    align-items: start;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 10px;
  }

  .profile-form-note i,
  .profile-kyc-intro i {
    height: 28px;
    width: 28px;
  }

  .profile-workspace {
    gap: 12px;
  }

  .responsible-hero {
    gap: 12px;
    padding: 14px;
  }

  .responsible-hero__copy h2 {
    font-size: 23px;
  }

  .responsible-hero__state,
  .responsible-summary-grid div,
  .responsible-active-grid div,
  .responsible-selection-summary,
  .account-restriction-options label,
  .account-confirm-line {
    padding: 10px;
  }

  .responsible-layout {
    gap: 12px;
  }

  .wallet-hero {
    gap: 12px;
    padding: 14px;
  }

  .wallet-hero__copy h2 {
    font-size: 23px;
  }

  .wallet-balance-card {
    padding: 12px;
  }

  .wallet-balance-card > strong {
    font-size: 22px;
  }

  .wallet-metric-grid,
  .wallet-total-grid {
    grid-template-columns: 1fr;
  }

  .wallet-metric-card,
  .wallet-total-grid div,
  .wallet-filter-bar {
    padding: 10px;
  }

  .wallet-statement-head {
    display: grid;
    gap: 8px;
  }

  .wallet-ledger-row {
    align-items: start;
    gap: 8px;
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 9px;
  }

  .wallet-ledger-row__icon {
    height: 30px;
    width: 30px;
  }

  .wallet-ledger-row__main strong {
    white-space: normal;
  }

  .wallet-ledger-row__amount,
  .wallet-ledger-row .account-status {
    grid-column: 2;
  }

  .wallet-ledger-row .account-status {
    grid-row: auto;
    justify-self: start;
  }

  .my-bets-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-hero {
    padding: 14px;
  }

  .dashboard-hero__copy h2 {
    font-size: 23px;
  }

  .dashboard-balance-card > strong {
    font-size: 22px;
  }

  .dashboard-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-action-card {
    min-height: 62px;
    padding: 10px;
  }

  .dashboard-limit-mini-grid,
  .dashboard-balance-card__actions {
    grid-template-columns: 1fr;
  }

  .dashboard-check-item {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .dashboard-check-item b {
    grid-column: 2;
    justify-self: start;
  }

  .dashboard-wallet-row {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .dashboard-review-item,
  .dashboard-transaction-strip {
    gap: 8px;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    padding: 8px;
  }

  .dashboard-review-item .account-status,
  .dashboard-transaction-strip .account-status {
    grid-column: 2 / -1;
    justify-self: start;
    padding: 5px 8px;
  }

  .dashboard-review-item__icon,
  .dashboard-transaction-strip__icon {
    height: 30px;
    width: 30px;
  }

  .dashboard-review-item__amount strong,
  .dashboard-transaction-strip__amount strong {
    font-size: 12px;
  }

  .my-bets-summary-card {
    min-height: 68px;
    padding: 11px;
  }

  .my-bets-summary-card strong {
    font-size: 16px;
  }

  .my-bets-tabs {
    margin-left: -2px;
    margin-right: -2px;
  }

  .my-bets-section {
    padding: 12px;
  }

  .recent-bets-section {
    padding: 12px;
  }

  .recent-bet-strip {
    gap: 8px;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    min-height: 58px;
    padding: 8px;
  }

  .recent-bet-strip .account-status {
    grid-column: 2 / -1;
    justify-self: start;
    padding: 5px 8px;
  }

  .recent-bet-strip__icon {
    height: 30px;
    width: 30px;
  }

  .recent-bet-strip__figures strong {
    font-size: 12px;
  }

  .my-bet-ticket {
    padding: 12px;
  }

  .my-bet-ticket__top,
  .my-bet-ticket__footer,
  .my-bet-leg {
    gap: 8px;
  }

  .my-bet-ticket__figures div {
    padding: 9px 7px;
  }

  .my-bet-ticket__figures span {
    font-size: 10px;
  }

  .my-bet-ticket__figures strong {
    font-size: 13px;
  }

  .my-bet-ticket__payout strong {
    font-size: 15px;
  }

  .my-bet-leg {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .my-bet-leg > div:last-child {
    max-width: 112px;
  }

  .responsible-reminder-actions {
    grid-template-columns: 1fr;
  }

  .aviator-multiplier {
    font-size: 42px;
  }

  .aviator-actions,
  .aviator-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-promo-strip,
  .home-banner-card {
    grid-template-columns: 1fr;
  }

  .home-banner-card {
    gap: 10px;
    height: auto;
    min-height: 118px;
    padding: 14px;
  }

  .home-game-cards,
  .home-game-card {
    grid-template-columns: 1fr;
  }

  .home-game-card {
    min-height: 0;
  }

  .home-game-card__cta {
    grid-column: auto;
    justify-self: start;
    white-space: normal;
  }

  .home-banner-card__button {
    justify-self: start;
    max-width: 100%;
    min-width: 0;
  }

  .home-banner-card__media {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .dynamic-events-section .table__items {
    align-items: flex-start;
    display: grid;
  }

  .dynamic-event-meta {
    min-width: 0;
  }

  .dynamic-market-odds {
    justify-content: flex-start !important;
    width: 100%;
  }

  .event-detail-page {
    padding-top: 14px;
  }

  .event-scoreboard__teams {
    gap: 10px;
  }

  .event-scoreboard__teams strong {
    font-size: 16px;
  }

  .event-market-card__head {
    align-items: flex-start;
    display: grid;
  }

  .event-market-card__odds {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deposit-details-card__grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .event-detail-subheader {
    display: none;
  }
}

.header-section,
.menu-fixed,
.header-wrapper .menu__left__wrap,
.header-wrapper .main-menu,
.main-menu {
  background: #ffffff !important;
  
}

.header-wrapper .main-menu li a,
.header-wrapper .main-menu li a span,
.dashboard__header .header-wrapper .dashboar__wrap .items h6,
.header-wrapper .mneu-btn-grp .nice-select,
.header-wrapper .mneu-btn-grp .nice-select .current {
  color: var(--brand-secondary) !important;
}

.dashboard__header .header-wrapper .dashboar__wrap .items .small {
  color: #64748b !important;
}

.header-wrapper .main-menu li a::before {
  background: var(--brand-primary) !important;
}

.header-wrapper .main-menu li a.active,
.header-wrapper .main-menu li a:hover,
.header-wrapper .main-menu li a.active span,
.header-wrapper .main-menu li a:hover span {
  color: var(--brand-primary) !important;
}

.main__tab__slide {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.1) !important;
  box-shadow: 0 8px 22px rgba(var(--brand-secondary-rgb), 0.05);
}

.main__tab__slide .nav .nav-item .nav-link,
.main__tab__slide .nav .nav-item .nav-link span,
.main__tab__slide .nav .nav-item .nav-link span i {
  color: var(--brand-secondary) !important;
}

.main__tab__slide .nav .nav-item .nav-link {
  background: #ffffff !important;
  border: none !important;
}

.main__tab__slide .nav .nav-item .nav-link.active,
.main__tab__slide .nav .nav-item .nav-link.active span,
.main__tab__slide .nav .nav-item .nav-link.active span i,
.main__tab__slide .nav .nav-item .nav-link:hover,
.main__tab__slide .nav .nav-item .nav-link:hover span,
.main__tab__slide .nav .nav-item .nav-link:hover span i {
  color: var(--brand-primary) !important;
}

.main__tab__slide .nav .nav-item .search-form,
.main__tab__slide .nav .nav-item .form input {
  background: #ffffff !important;
  color: var(--brand-secondary) !important;
}

.main__tab__slide .nav .nav-item .form input {
  border-bottom-color: var(--brand-primary) !important;
}

.main__tab__slide .nav .nav-item .form input::placeholder {
  color: #64748b !important;
}

.header-wrapper .main-menu .cmn--btn span,
.header-wrapper .main-menu .cmn--btn2 span,
.header-wrapper .main-menu .cmn--btn:hover span,
.header-wrapper .main-menu .cmn--btn2:hover span {
  color: var(--white) !important;
}

.header-bar span,
.header-bar span:first-child,
.header-bar span:nth-child(2),
.header-bar span:last-child {
  background: var(--brand-secondary) !important;
}

.mobile-menu-slot {
  align-items: center;
  display: flex;
  justify-content: center;
}

.header-bar {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
}

.home-top-promo-slot {
  padding-top: 14px;
}

.header-wrapper .main-menu li a .main-menu__icon {
  align-items: center;
  background: rgba(var(--brand-primary-rgb), 0.1);
  border-radius: 999px;
  color: var(--brand-primary) !important;
  display: inline-flex;
  flex: 0 0 auto;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.header-wrapper .main-menu li a .main-menu__icon i {
  color: inherit !important;
  font-size: 13px;
  line-height: 1;
}

.header-wrapper .main-menu li a:hover .main-menu__icon,
.header-wrapper .main-menu li a.active .main-menu__icon {
  background: var(--brand-primary);
  color: var(--white) !important;
}

@media screen and (max-width: 991px) {
  .home-top-promo-slot {
    padding-top: 10px;
  }

  .header-section .header-wrapper {
    gap: 8px;
    min-height: 58px;
    padding: 8px 10px;
    position: relative;
  }

  .header-section .header-wrapper .menu__left__wrap {
    flex: 1 1 auto;
    justify-content: space-between;
    min-width: 0;
    width: auto;
  }

  .header-section .header-wrapper .logo-menu {
    flex: 0 1 auto;
    min-width: 0;
  }

  .header-section .header-wrapper .logo-menu a {
    width: 118px;
  }

  .dashboard__header .header-wrapper .menu__left__wrap .logo-menu {
    margin-right: 0;
  }

  .mobile-menu-slot {
    flex: 0 0 auto;
    margin-left: auto;
  }

  .header-bar {
    background: #ffffff;
    border: 1px solid rgba(var(--brand-secondary-rgb), 0.16);
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(var(--brand-secondary-rgb), 0.08);
    display: inline-flex;
    height: 38px;
    position: relative;
    width: 42px;
  }

  .header-bar span,
  .header-bar span:first-child,
  .header-bar span:nth-child(2),
  .header-bar span:last-child {
    border-radius: 999px;
    height: 2px;
    left: 10px;
    right: 10px;
    width: auto;
  }

  .header-bar span:first-child {
    top: 11px;
  }

  .header-bar span:nth-child(2) {
    top: 18px;
  }

  .header-bar span:last-child {
    bottom: 11px;
  }

  .header-bar.active span:first-child {
    top: 18px;
    transform: rotate(45deg);
  }

  .header-bar.active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }

  .header-bar.active span:last-child {
    bottom: auto;
    top: 18px;
    transform: rotate(-45deg);
  }

  .menu__left__wrap,
  .main-menu,
  .main__tab__slide,
  .main__tab__slide .nav .nav-item .nav-link {
    background: #ffffff !important;
  }

  .main__tab__slide .nav .nav-item .nav-link {
    border: 1px solid rgba(var(--brand-secondary-rgb), 0.08) !important;
  }

  .main-menu li a {
    align-items: center;
    display: flex !important;
    gap: 9px;
  }

  .header-wrapper .main-menu,
  .main-menu {
    border: 1px solid rgba(var(--brand-secondary-rgb), 0.1);
    border-radius: 12px;
    box-shadow: 0 18px 34px rgba(var(--brand-secondary-rgb), 0.16);
    display: grid !important;
    height: auto;
    left: 10px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 8px;
    pointer-events: none;
    right: 10px;
    top: calc(100% + 6px);
    transform: translateY(-6px);
    transition: max-height 0.22s ease, opacity 0.18s ease, padding 0.18s ease, transform 0.18s ease !important;
    width: auto;
  }

  .header-wrapper .main-menu.active,
  .main-menu.active {
    max-height: calc(100dvh - 92px);
    opacity: 1;
    overflow-y: auto;
    padding: 8px;
    pointer-events: auto;
    transform: translateY(0);
  }

  .main-menu:not(.active) {
    height: auto;
    max-height: 0;
  }

  .main-menu li {
    padding-left: 0 !important;
  }

  .main-menu li:not(:last-child) {
    border-bottom-color: rgba(var(--brand-secondary-rgb), 0.08);
    margin-bottom: 0;
  }

  .main-menu li a {
    border-radius: 8px;
    min-height: 42px;
    padding: 9px 10px;
  }
}

@media screen and (max-width: 767px) {
  .main__body__wrap .dynamic-events-section.live__heightlight,
  .main__body__wrap .dynamic-events-section .main__table,
  .dynamic-events-section .table__wrap {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  .dynamic-events-section .table__items {
    align-items: stretch;
    display: grid !important;
    gap: 9px;
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 10px;
  }

  .dynamic-events-section .t__items,
  .dynamic-events-section .t__items__left,
  .dynamic-events-section .content {
    min-width: 0 !important;
    width: 100%;
  }

  .dynamic-events-section .t__items__left {
    align-items: flex-start;
  }

  .dynamic-events-section .dynamic-event-content,
  .dynamic-events-section .dynamic-event-info-row,
  .dynamic-events-section .dynamic-event-matchup,
  .dynamic-events-section .dynamic-event-team,
  .dynamic-events-section .dynamic-event-league,
  .dynamic-event-meta {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .dynamic-events-section .dynamic-event-content {
    gap: 8px;
  }

  .dynamic-events-section .dynamic-event-info-row {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .dynamic-events-section .dynamic-event-league {
    max-width: calc(100% - 92px);
  }

  .dynamic-event-meta {
    font-size: 11px;
    line-height: 1.3;
  }

  .dynamic-market-odds {
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
  }

  .dynamic-market-odds .point__box {
    align-items: center;
    display: grid !important;
    gap: 2px;
    min-height: 50px;
    min-width: 0;
    padding: 7px 4px;
    width: 100%;
  }

  .dynamic-market-odds .point__box span,
  .dynamic-market-odds .point__box strong {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 380px) {
  .dynamic-market-odds {
    grid-template-columns: 1fr;
  }
}

.dynamic-events-section .dynamic-market-odds .point__box {
  background: var(--pointbox) !important;
  border: 0 !important;
  border-radius: 5px;
  box-shadow: none;
  color: var(--white);
  cursor: pointer;
  min-height: 44px;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.dynamic-events-section .dynamic-market-odds .point__box span {
  color: var(--textcolor);
  font-size: 10px;
  font-weight: 700;
}

.dynamic-events-section .dynamic-market-odds .point__box strong {
  color: var(--white);
  font-size: 14px;
  font-weight: 800;
}

.dynamic-events-section .dynamic-market-odds .point__box:hover,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected {
  background: var(--preactive) !important;
  border-color: var(--preactive) !important;
  color: var(--white) !important;
  transform: translateY(-1px);
}

.dynamic-events-section .dynamic-market-odds .point__box:hover span,
.dynamic-events-section .dynamic-market-odds .point__box:hover strong,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected span,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected strong {
  color: var(--white) !important;
}

.left__site__section .match__fixing__items.live-data-event .match__point li:hover,
.left__site__section .match__fixing__items.live-data-event .match__point li.is-selected {
  background: var(--preactive) !important;
  border-color: var(--preactive) !important;
  color: var(--white) !important;
  transform: translateY(-1px);
}

.left__site__section .match__fixing__items.live-data-event .match__point li:hover span,
.left__site__section .match__fixing__items.live-data-event .match__point li.is-selected span {
  color: var(--white) !important;
}

@media screen and (min-width: 768px) {
  .dynamic-events-section .dynamic-market-odds {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
  }

  .dynamic-events-section .dynamic-market-odds .point__box {
    flex: 0 0 82px;
    min-width: 82px;
    width: 82px;
  }
}

.dynamic-events-section.live__heightlight {
  overflow: hidden;
}

.dynamic-events-section .main__table {
  padding: 9px;
}

.dynamic-events-section .table__wrap {
  gap: 8px;
}

.dynamic-events-section .table__items.dynamic-event-row {
  align-items: center;
  background: rgba(15, 25, 48, 0.76);
  border: 1px solid rgba(123, 131, 156, 0.24) !important;
  border-radius: 9px;
  box-shadow: none;
  gap: 9px;
  grid-template-columns: minmax(260px, 1fr) minmax(86px, auto) minmax(236px, auto);
  min-width: 0;
  overflow: hidden;
  padding: 9px;
}

.dynamic-events-section .table__items.dynamic-event-row:hover {
  border-color: rgba(var(--brand-primary-rgb), 0.48) !important;
  box-shadow: 0 8px 20px rgba(3, 17, 36, 0.2);
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__left {
  align-items: center;
  gap: 8px;
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__icon {
  border-radius: 8px;
  flex-basis: 31px;
  height: 31px;
  width: 31px;
}

.dynamic-events-section .table__items.dynamic-event-row .t__items__icon i {
  font-size: 13px;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-content {
  gap: 6px;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-info-row {
  gap: 6px;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-team {
  font-size: 12px;
  line-height: 1.18;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-versus {
  font-size: 8px;
  height: 20px;
  padding: 0 6px;
}

.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time,
.dynamic-events-section .table__items.dynamic-event-row .dynamic-event-league {
  font-size: 8.5px;
  max-width: 100%;
  padding: 4px 6px;
}

.dynamic-event-meta {
  align-items: center;
  display: inline-flex;
  font-size: 9px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 7px;
}

.dynamic-event-meta span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic-events-section .dynamic-market-odds {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(3, minmax(70px, 78px));
  justify-content: end !important;
  width: auto;
}

.dynamic-events-section .dynamic-market-odds .point__box {
  align-items: center;
  display: grid !important;
  gap: 1px;
  min-height: 39px;
  padding: 5px 6px;
}

.dynamic-events-section .dynamic-market-odds .point__box span {
  font-size: 9px;
  line-height: 1.1;
}

.dynamic-events-section .dynamic-market-odds .point__box strong {
  font-size: 13px;
  line-height: 1.1;
}

.left__site__section .match__fixing__items.live-data-event {
  min-height: 0;
  padding: 12px;
}

.left__site__section .match__fixing__items.live-data-event .match__head {
  gap: 8px;
  margin-bottom: 10px;
}

.left__site__section .match__fixing__items.live-data-event .match-league-name,
.left__site__section .match__fixing__items.live-data-event .match-team-name {
  line-height: 1.2;
}

.left__site__section .match__fixing__items.live-data-event .match__point {
  gap: 6px;
  margin-top: 10px;
}

.left__site__section .match__fixing__items.live-data-event .match__point li {
  min-height: 36px;
  padding: 5px 6px;
}

@media screen and (min-width: 768px) {
  .dynamic-events-section .dynamic-market-odds .point__box {
    flex: initial;
    min-width: 70px;
    width: 78px;
  }
}

@media screen and (max-width: 1199px) {
  .dynamic-events-section .table__items.dynamic-event-row {
    grid-template-columns: minmax(220px, 1fr) minmax(74px, auto) minmax(210px, auto);
  }
}

@media screen and (max-width: 767px) {
  .dynamic-events-section .main__table {
    padding: 8px;
  }

  .dynamic-events-section .table__items.dynamic-event-row {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 8px !important;
  }

  .dynamic-events-section .table__items.dynamic-event-row .t__items__left {
    gap: 7px;
  }

  .dynamic-events-section .table__items.dynamic-event-row .t__items__icon {
    flex-basis: 29px;
    height: 29px;
    width: 29px;
  }

  .dynamic-events-section .table__items.dynamic-event-row .dynamic-event-team {
    font-size: 11.5px;
  }

  .dynamic-events-section .table__items.dynamic-event-row .dynamic-event-time,
  .dynamic-events-section .table__items.dynamic-event-row .dynamic-event-league {
    font-size: 8.5px;
  }

  .dynamic-event-meta {
    justify-self: start;
    max-width: 100%;
  }

  .dynamic-events-section .dynamic-market-odds {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    width: 100%;
  }

  .dynamic-events-section .dynamic-market-odds .point__box {
    min-height: 38px;
    min-width: 0;
    padding: 5px 4px;
    width: 100%;
  }

  .left__site__section .match__fixing__items.live-data-event {
    padding: 10px;
  }
}

@media screen and (max-width: 380px) {
  .dynamic-events-section .dynamic-market-odds {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .dynamic-events-section .dynamic-market-odds .point__box span {
    font-size: 8px;
  }

  .dynamic-events-section .dynamic-market-odds .point__box strong {
    font-size: 12px;
  }
}

.dynamic-events-section .dynamic-market-odds .point__box:hover,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected,
.left__site__section .match__fixing__items.live-data-event .match__point li:hover,
.left__site__section .match__fixing__items.live-data-event .match__point li.is-selected {
  background: var(--preactive) !important;
  border-color: var(--preactive) !important;
  color: var(--white) !important;
  transform: translateY(-1px);
}

.dynamic-events-section .dynamic-market-odds .point__box:hover span,
.dynamic-events-section .dynamic-market-odds .point__box:hover strong,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected span,
.dynamic-events-section .dynamic-market-odds .point__box.is-selected strong,
.left__site__section .match__fixing__items.live-data-event .match__point li:hover span,
.left__site__section .match__fixing__items.live-data-event .match__point li.is-selected span {
  color: var(--white) !important;
}

.main__tab__slide .nav .nav-item .search-form {
  max-width: 820px;
}

.site-search-form {
  background: rgba(3, 17, 36, 0.96);
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
  border-radius: 10px;
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.32);
  display: grid;
  gap: 12px;
  padding: 14px;
}

.site-search-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.main__tab__slide .nav .nav-item .search-popup .site-search-head label {
  color: var(--white);
  font-size: 14px;
  font-weight: 900;
  margin: 0;
}

.site-search-close {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--white);
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.site-search-close i {
  color: inherit;
  font-size: 12px;
}

.site-search-form .form {
  align-items: stretch;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.main__tab__slide .nav .nav-item .site-search-form .form input {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 8px;
  color: var(--brand-secondary) !important;
  min-height: 46px;
  padding: 11px 12px;
}

.main__tab__slide .nav .nav-item .site-search-form .form input::placeholder {
  color: #64748b !important;
}

.site-search-submit {
  align-items: center;
  background: var(--brand-primary);
  border-radius: 8px;
  color: var(--white);
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  gap: 7px;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
}

.site-search-submit .icons,
.site-search-submit .icons i {
  color: inherit;
  font-size: 13px;
}

.site-search-clear {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .site-search-form {
    border-radius: 12px 12px 0 0;
    padding: 12px;
  }

  .site-search-form .form {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-search-submit {
    width: 100%;
  }
}

/*Abstracts / reponsive*/
/*CSS Table Of Content Ends End*//*# sourceMappingURL=main.css.map */