@font-face {
  font-family: 'Averta Std regular';
  src: url('../fonts/AvertaStd-Regular.woff2') format('woff2'),
    url('../fonts/AvertaStd-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta Std bold';
  src: url('../fonts/AvertaStd-Bold.woff2') format('woff2'),
    url('../fonts/AvertaStd-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta Std semibold';
  src: url('../fonts/AvertaStd-Semibold.woff2') format('woff2'),
    url('../fonts/AvertaStd-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  font-family: "Averta Std semibold", sans-serif;
  font-size: var(--heading-six-size);
  line-height: 21px;
  color: var(--white-color);
  overflow-x: hidden;
  text-transform: capitalize;
  background-color: #F0ECE1;
  scroll-behavior: smooth;
}

ul,
li,
span,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure {
  margin: 0px;
  padding: 0px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
}

:root {
  --primary-main-bg: #1e313f;
  --primary-main-color: rgba(86, 99, 132, 1);
  --secondary-main-bg: #129522;
  --secondary-main-color: #183953;
  --sub-footer: #1e323f;
  --safe_bg-color: #00a0ff;
  --safe_color: #00a0ff;
  --match-name: rgb(18 149 34);
  --match-name-bg: #2789ce;
  --in-play: #508d0e;
  --time-in-play: #777;
  --back: #56bdf1;
  --lay: #ffacbd;
  --white-color: #fff;
  --bg-white-color: #fff;
  --black-color: #000;
  --bg-black-color: #000;
  --btn-bg: #0c1632;
  --live-match-bg: #3b5160;
  --light-bg: #f0ece1;
  --login_btn: linear-gradient(90deg, rgb(237 144 31) 0, rgb(237 144 31));
  --sign-up_btn: linear-gradient(90deg, #129522 0, #129522);
  --footer-active: linear-gradient(-180deg, #2b5672 20%, #1f4258 91%);
  --overlay-content: radial-gradient(98.89% 257.71% at -8.19% 6.07%, rgba(0, 0, 0, 0.26) 0%, rgba(48, 48, 120, 0.26) 100%), radial-gradient(78.98% 65.85% at 87.17% 66.43%, rgba(77, 94, 153, 0.22) 0%, rgba(0, 0, 0, 0) 100%), #10182f;
  --title-header-bg: linear-gradient(-180deg, #2e4b5e 0%, #243a48 82%);
  --tabs-bg: #243a48;
  --exchange-sportsbook-list: linear-gradient(90deg, rgb(18 149 34) 0, rgb(18 149 34));
  --theme-gradient: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
  --dark-theme-gradient: linear-gradient(-180deg, #32617f 20%, #1f4258 91%);
  --primary-light-bg: #272f49;
  --match-list-details: #f0f3f9;
  --light-gary-color: #1e1e1e;
  --light-gary-bg: #1e1e1e;
  --bg-form: #3d3b37;
  --bg-form-border: #565656;
  --accodion-bg: #303030;
  --cricket-fight_body_bg: #f5f5f5;
  --data-time-bg: #fdfbfb;
  --team-name: #333;
  --table-text: #666;
  --place_more: #00b2ff1f;
  --place_more_color: #00b2ff;
  --team-edit: #e0fcfe;
  --fighter_team: #e7f5ff;
  --place_btn_group: #a4dbf2;
  --input_bg: #e8e8e8;
  --active_color: #074c2f;
  --cmn-bg-color: #272a35;
  --weight-theme-bold: bold;
  --weight-theme-900: 900;
  --weight-theme-800: 800;
  --weight-theme-700: 700;
  --weight-theme-600: 600;
  --weight-theme-500: 500;
  --weight-theme-400: 400;
  --weight-theme-300: 300;
  --weight-theme-200: 200;
  --weight-theme-100: 100;
  --heading-one-size: 36px;
  --heading-two-size: 24px;
  --heading-three-size: 20px;
  --heading-small-four-size: 19px;
  --heading-four-size: 18px;
  --heading-normal-size: 17px;
  --heading-five-size: 16px;
  --heading-six-size: 14px;
  --paragraph-size: 12px;
  --small-l-size: 11px;
  --small-size: 10px;
}

/******************comman class**************************** */
#loader_page {
  /* Frosted overlay: page stays visible but softened */
  background-color: rgba(240, 236, 225, 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99999;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
}

/* Loader GIF: avoid global img { max-width: 100% } sizing it to the full overlay width */
#loader_page img {
  width: auto;
  height: auto;
  max-width: min(94vw, 420px);
  max-height: min(94vh, 420px);
  object-fit: contain;
  flex-shrink: 0;
}

.container {
  max-width: 768px;
  width: 100%;
  padding: 0;
}

*::-webkit-scrollbar {
  width: 4px;
}

*:horizontal {
  height: 1px;
}

*::-webkit-scrollbar:horizontal {
  height: 5px;
}

*::-webkit-scrollbar-track {
  background-color: rgba(204, 204, 204, 0.3);
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #868687;
}

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

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

.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.ellipsis_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button:hover,
button:focus,
a:hover,
a:focus {
  opacity: 0.8;
}

button {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.modal-content {
  background: #3c4e5d;
}

.exch-modal-popup-header-section {
  border-bottom: 1px solid rgba(41, 50, 74, 1);
  padding: 13px;
}

.b_close {
  background-color: transparent;
  border: 0;
  padding: 0;
  right: 11px;
  position: absolute;
  top: 8px;
  width: 27px;
}

.login-text p {
  font-size: var(--heading-normal-size);
}

.btn-type-submit {
  border-radius: 8px;
  background-image: linear-gradient(-180deg, rgb(18 149 34) 15%, rgb(18 149 34) 100%) !important;
  font-size: var(--heading-six-size);
  height: 45px;
  margin: 0;
  outline: none;
  padding: 3px 10px 5px;
  transition: all 0.2s linear 0s;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color) !important;
  white-space: nowrap;
  line-height: 20px;
  font-weight: var(--weight-theme-600);
}

.top-scroll {
  position: fixed;
  bottom: 95px;
  right: 10px;
  z-index: 9;
}

.back_top img {
  width: 20px;
  transform: rotate(180deg);
}

.center-bottom-fix-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #01111e;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  padding: 13px;
  border-radius: 30%;
  border: 1px solid #129522;
}

.center-bottom-fix-btn {
  border: 0;
  padding: 0;
  background-color: transparent;
  display: block;
  text-align: center;
  line-height: 17px;
  float: right;
}

.whatsup-fixed-icon {
  bottom: 95px;
  left: 10px;
  z-index: 9;
  position: fixed;
}

.instant_id_row {
  display: flex;
  justify-content: end;
  width: max-content;
  float: inline-start;
}

.chat-btn {
  max-width: 50px;
  height: 50px;
  background-color: transparent;
  border: 0;
  padding: 0;
  display: block;
  float: right;
}

.offcanvas {
  visibility: inherit !important;
  display: none;
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: inherit !important;
  display: block;
}

.offcanvas {
  width: 768px !important;
  margin-left: calc((100% - 776px) / 2) !important;
  margin-right: calc((100% - 356px) / 2) !important;
  transition: none !important;
  transform: inherit !important;
  z-index: 9999 !important;
}

/*-------------------------- 
/* Tempale name : spinmatch.. 
/*========================================================================== 1.0 index ============================================================================ */
.header-wrapper {
  position: sticky;
  top: 0;
  z-index: 99;
  left: 0;
  right: 0;
}

.log-sin {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  font-size: var(--heading-six-size);
  font-weight: var(--weight-theme-700);
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  color: var(--white-color) !important;
  padding: 4px 8px;
  box-shadow: inset 0 0.5px 0 0 rgba(255, 255, 255, 0.5);
  overflow: hidden;

  img {
    width: 24px;
    height: 24px;
  }
}

.header_right ul {
  display: flex;
  align-items: center;
  gap: 2px;
}

.header-menu-toggle-wrap {
  position: relative;
}

.header-menu-toggle {
  height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #56606b;
  border-radius: 4px;
  background: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
  color: #fff;
  font-size: 12px;
  font-weight: var(--weight-theme-600);
  line-height: 1;
  padding: 0 8px;
}

.header-menu-toggle img {
  width: 9px;
  height: 9px;
}

.header-quick-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 130px;
  display: none;
  background: #1a2329;
  border: 1px solid #2f424d;
  border-radius: 6px;
  padding: 4px 0;
  z-index: 120;
}

.header-quick-menu.show {
  display: block;
}

.header-quick-menu-link {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 8px 10px;
}

.header-quick-menu-link:hover {
  background: #2b3a43;
}

.c_logo {
  width: 165px;
  height: 72px;
  display: flex;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.log-color {
  background-image: linear-gradient(90deg, #FFE935 0, #F6FF29);
  background-color: #FFFA00;
  position: relative;
  color: #000 !important;
}

.sin-color {
  background-image: linear-gradient(135deg, #F10000, #C70000 100%, #C70000 0);
  background-color: #EE0000;
}

.log-color.success:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 129px;
  height: 40px;
  background: url(../images/animation.svg) no-repeat left 0 top 0;
  background-size: 129px 40px;
  -webkit-animation: fly-data-v-e3a4a5bc 2s linear 1s infinite;
  animation: fly-data-v-e3a4a5bc 2s linear 1s infinite;
  box-shadow: none;
}

.l-r_pad {
  padding: 0 10px;
  background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
  height: 70.39px;
}

@-webkit-keyframes fly-data-v-e3a4a5bc {
  0% {
    transform: translate(-400%);
  }

  to {
    transform: translate(100%);
  }
}

@keyframes fly-data-v-e3a4a5bc {
  0% {
    transform: translate(-400%);
  }

  to {
    transform: translate(100%);
  }
}

.marquee-box {
  width: 100%;
  color: var(--white-color);
  background-repeat: repeat-x;
  background: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
  border-bottom: 1px solid #1e2c32;
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 0;

  h4 {
    display: flex;
    align-items: center;
    font-size: 16.64px;
    font-weight: var(--weight-theme-600);
    background: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
    padding-right: 19px;

    img {
      width: 21.75px;
      height: 21.75px;
    }
  }
}

.marquee-box h4:after {
  content: "";
  position: absolute;
  left: 65px;
  top: 0;
  z-index: 2;
  width: 10.23px;
  height: 32px;
  background: url(../images/path_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.con_bg {
  background: url(../images/bg1.jpg);
  background-size: cover;
  padding: 0 5px;
}

.game_play {
  position: relative;
}

.game_play_body {
  height: 250px;
  background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);

  img {
    width: 100%;
    height: 100%;
    background-size: cover;
  }
}

.all_sports_wapper ul li {
  height: 100%;

  a {
    height: 100%;
    position: relative;
  }
}

.entrance-title {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30.72px;
  background: linear-gradient(270deg, rgba(69, 94, 104, 0) 4%, #000 97%);
  border-bottom: 5px solid #ffb80c;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;

  h2 {
    flex: 1;
    font-size: 17.94px;
    text-indent: 8px;
    color: var(--white-color);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.how-install-content {
  text-align: center;
}

#install-apk-model .btn-type-submit {
  width: 50%;
  margin: 0 auto;
}

.entrance-title span {
  background-color: #ffb80c;
  color: #000;
  position: relative;
  padding: 0 7px;
}

.live_sports {
  padding: 0 7.68px 7.68px;
}

.entrance-title span::before {
  content: "";
  position: absolute;
  left: -12px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 12px solid #ffb80c;
}

.on_live {
  position: absolute;
  z-index: 3;
  right: 0;
  width: 23%;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.3) 82%, transparent 100%);
  padding: 7px;
  top: 0;
}

.on_live dt {
  margin-bottom: 6px;
  line-height: normal;
  margin-top: -6px;
}

.on_live .live_icon {
  height: 21px;
  line-height: 21px;
  font-weight: bold;
  color: var(--white-color);
  padding-right: 4px;
  background: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
  border-radius: 4px;
  display: inline-flex;
  font-size: 16.64px;
}

.on_live .live_icon span {
  height: 20px;
  padding: 0 4px 0 0;
  margin-right: 7px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
  position: relative;
  border-radius: 4px 0 0 4px;
}

.on_live .live_icon span:before {
  width: 21px;
  height: 14px;
  background-size: contain;
  background: url("../images/live.svg");
  background-repeat: no-repeat;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  top: 6px;
  left: 4px;
}

.on_live dd {
  color: var(--white-color);
  font-size: 12.8px;
  line-height: 15px;
  margin-bottom: 6px;
  vertical-align: top;
  flex-wrap: wrap;
  display: flex;
}

.on_live dd p {
  flex: 1;
}

.on_live dd span {
  color: #333333;
  background: #ffffff;
  text-align: center;
  border-radius: 0.53333vw;
  min-width: 17.91px;
  height: 17.91px;
}

.twinkling,
.tag-live strong:before,
.on_live .live_icon span:before {
  animation: twinkling 1.4s infinite ease;
}

@keyframes twinkling {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}

.all_sports_wapper ul {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: space-between;

  li {
    width: 49.3%;
  }
}

.w_full {
  width: 100% !important;
}

.sub_footer_body {
  width: 89%;
  margin: 0 auto;
}

.sub_footer_inner {
  padding: 0 15px;
  background: var(--sub-footer);
  font-family: Arial, Sans-Serif;
  font-weight: var(--weight-theme-400);
  line-height: 1.5;
  text-align: left;
  color: #aaa;
  padding-bottom: 50px;
}

.downlode-apk {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 14px auto 24px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.downlode-apk {
  img {
    width: 160px;
    height: auto;
  }
}

.scroll_item {
  overflow-x: auto;
  overflow-y: hidden;
}

.policies-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.policies-list li {
  width: 33.33%;
  text-align: center;
}

.policies-list li a img {
  width: 50px;
}

.support {
  width: 101px !important;
}

.joinNow {
  width: 100%;
}

.jnHeading.signUp_btn {
  text-align: center;
  margin-bottom: 0.5rem;
  font-weight: var(--weight-theme-400);
  line-height: 1.2;
  font-size: var(--heading-six-size);
  color: #aaa;
  padding-top: 18px;
}

.joinNowList {
  margin: 14px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
}

.joinNowItem {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  width: 32%;
}

.joinNowItem img {
  width: 30px;
}

.joinNowItem span {
  text-align: center;
  font-size: var(--small-size);
  font-weight: var(--weight-theme-500);
  color: #aaa;
  line-height: 16px;
}

.footercolumn {
  position: relative;
  column-count: 2;
  column-gap: 20px;
  font-size: 15px !important;
  font-weight: var(--weight-theme-500);
  color: #888 !important;
  line-height: 28px;
  text-align: center;
  margin: 18px auto 24px;
  padding-top: 24px;
  text-transform: capitalize;
}

.footercolumn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 183, 12, 0.35) 16%,
    rgba(255, 183, 12, 0.88) 45%,
    rgba(255, 200, 80, 0.82) 55%,
    rgba(255, 183, 12, 0.35) 84%,
    transparent 100%
  );
  pointer-events: none;
  box-shadow: 0 0 16px rgba(255, 183, 12, 0.18);
}

.footercolumn p.footer-links {
  font-size: var(--heading-five-size);
  text-align: center;
  margin-bottom: 10px;
}

.footercolumn p.footer-links a {
  color: var(--white-color);
  text-decoration: none;
  font-size: 15px;
}

.cls-social-icons ul {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  row-gap: 19px;
  flex-wrap: wrap;
  column-gap: 35px;
}

.cls-social-icons ul li a img {
  max-width: 24px;
  height: auto;
  object-fit: contain;
}

.footer-text {
  color: #aaa;
  font-size: var(--small-size);
  line-height: 1.5;
  margin-top: 15px;
  padding-bottom: 50px;
}

.fei-seo-local-contact {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}

.fei-seo-local-contact p {
  margin: 0;
}

.fei-seo-local-contact address.fei-seo-local-contact__address {
  margin: 0;
  font-style: normal;
}

.fei-seo-local-contact a[href^="tel:"] {
  color: inherit;
  text-decoration: underline;
}

.fei-seo-local-contact--landing {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.72);
}

.marquee {
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.marquee-content {
  display: flex;
  list-style: none;
  animation: scrolling 10s linear infinite;
}

.marquee-item {
  height: 64px;
  width: 28%;
  flex-shrink: 0.03;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #424242;
  padding: 9px;
  margin: 0 3px;
}

.marquee-image {
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translatex(-1000px);
  }
}

.footer_nav ul {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.footer_nav nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: linear-gradient(-180deg, #243a48 20%, #172732 91%);
  color: var(--white-color);
  z-index: 10;
  border-radius: 35px 35px 0 0;
  left: 0;
  margin: 0 auto;
  max-width: 768px;
}

.footer_nav nav .active {
  background: #FFB80C !important;
}

.footer_nav nav .active a {
  text-shadow: 0px 0px 8px #000;
}

.footer_nav nav .main-nav {
  position: relative;
}

.footer_nav nav .main-nav.select:before {
  background: url("../images/left-side.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer_nav nav .main-nav .icon-sports {
  width: 8.53333vw;
  height: 6.93333vw;
  margin: -2.13333vw auto 1.06667vw;
}

.footer_nav nav .main-nav .icon-home {
  width: 8.53333vw;
  height: 8vw;
  margin: -2.13333vw auto 0vw;
}

.footer_nav nav a {
  color: var(--white-color);
  font-size: 15.6px;
  line-height: 0.8;
  padding: 8.96px 12.8px 0;
}

.footer_nav nav img {
  width: 25.59px;
  height: 25.59px;
  margin: 0 auto 5px;
}

.footer_nav nav .icon-home {
  width: 6.66667vw;
}

.footer_nav nav .icon-sports {
  width: 5.86667vw;
  height: 4.8vw;
  margin: 0 auto 0.53333vw;
}

.footer_nav ul li {
  width: 20%;
  position: relative;

  a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 9.5px;
  }
}

#home,
#Exch,
#account {
  border-radius: 35px 35px 0 0;
  background: var(--dark-theme-gradient);
}

#inPlay,
#sports1 {
  border-radius: 0 0 35px 35px;
  background: linear-gradient(-180deg, #243a48 20%, #172732 91%);
}

.cls-footer-sec.sk-footer ul li:nth-child(odd)::after {
  content: "";
  width: 62px;
  position: absolute;
  left: 100%;
  bottom: 0;
  height: 39px;
  background-color: none;
  background: var(--dark-theme-gradient);
}

.cls-footer-sec.sk-footer ul li:nth-child(odd):before {
  content: "";
  width: 62px;
  position: absolute;
  right: 100%;
  bottom: 0;
  z-index: -1;
  height: 39px;
  background-color: none;
  background: var(--footer-active);
}

.cls-footer-sec.sk-footer ul li:nth-child(even)::after {
  content: "";
  width: 35px;
  position: absolute;
  left: 95%;
  top: 0;
  z-index: -1;
  height: 39px;
  background: linear-gradient(-180deg, #243a48 20%, #172732 91%);
}

.cls-footer-sec.sk-footer ul li:nth-child(even)::before {
  content: "";
  width: 35px;
  position: absolute;
  right: 95%;
  top: 0;
  z-index: -1;
  height: 39px;
  background: linear-gradient(-180deg, #243a48 20%, #172732 91%);
}

.cls-footer-sec.sk-footer ul li.active::after,
.cls-footer-sec.sk-footer ul li.active::before {
  background: #FFB80C !important;
}

.cls-footer-sec.sk-footer ul li:last-child:after,
.cls-footer-sec.sk-footer ul li:first-child::before {
  display: none;
}

#promotion_slider-top .owl-nav button.owl-next {
  background-image: url(../images/rightslide.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 43%;
  left: auto;
  right: -10px;
  transform: translate(0%, -50%);
  width: 52px;
  background-size: 34px 34px;
  opacity: 0.8;
}

#promotion_slider-top .owl-nav button.owl-prev {
  background-image: url(../images/leftslide.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translate(0%, -50%);
  width: 52px;
  background-size: 34px 34px;
  opacity: 0.8;
}

#promotion_slider-top .owl-nav button span {
  opacity: 0;
}

/*========================================================================== 2.0 login form ============================================================================ */
.sP_login {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: var(--bg-white-color);
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: "Averta Std semibold", sans-serif !important;
}

.sp_cont {
  position: relative;
  font-family: "Averta Std semibold", sans-serif !important;
}

.sP_login .header {
  background-image: url("../images/Rectangle.png");
  height: 245px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  padding: 20px 0px;
  flex-direction: column;
  align-items: center;
  background-position: 10% 100%;
}

#sEc_login,
#lOg_header {
  display: flex;
}

.header_img1 {
  padding: 15px 0px;
}

.hEader_log {
  font-size: 74px;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  top: -20px;
  position: relative;
  font-family: "Inter", sans-serif;
  line-height: 1.3;
  font-weight: var(--weight-theme-600);
}

.header_img2 {
  position: absolute;
  top: 80px;
  animation: fOotball 5s infinite;
}

@keyframes fOotball {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  75% {
    transform: scale(1.15);
  }

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

.lOgin_pan {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0px;
  max-width: 510px;
  margin: 0 auto;
}

.form_list_select {
  width: 100%;
}

.custom-field input.dirty+.placeholder,
.custom-field input:focus+.placeholder,
.custom-field input:not(:placeholder-shown)+.placeholder {
  top: -10px;
  left: 12px;
  font-size: var(--paragraph-size);
  color: #00a512;
  opacity: 1;
  font-family: "Averta Std semibold", sans-serif !important;
}

.custom-field {
  position: relative;
  font-size: var(--heading-six-size);
  margin-bottom: 8px;
  display: inline-block;
  --field-padding: 12px;
  display: flex;
  align-items: center;
  font-family: "Averta Std semibold", sans-serif !important;
  width: 100%;
}

.custom-field_bft {
  position: absolute;
  z-index: 999;
  left: 5px;
  top: 12px;
}

.custom-field.two input {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: white;
  border-bottom: 1px solid #ebedf1;
  transition: background-size 0.3s ease;
  font-family: "Averta Std semibold", sans-serif !important;
  box-shadow: inset 0 1.5px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: #1E1E1E;
  width: 100%;
}

.custom-field input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-family: "Averta Std semibold", sans-serif !important;
}

.custom-field input {
  border: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f2f2f2;
  padding: var(--field-padding);
  border-radius: 3px;
  width: 310px;
  outline: none;
  box-shadow: none;
  font-size: var(--heading-six-size);
  font-family: "Averta Std semibold", sans-serif !important;
}

.custom-field .placeholder {
  position: absolute;
  left: 25px;
  font-size: 13px;
  font-style: normal;
  font-weight: var(--weight-theme-400);
  line-height: 20px;
  top: 20px;
  line-height: 100%;
  transform: translateY(-50%);
  color: #aaa;
  transition: top 0.3s ease, color 0.3s ease, font-size 0.3s ease;
  font-family: "Averta Std semibold", sans-serif !important;
  background-color: transparent;
  opacity: 1;
}

.custom-field.two input.dirty,
.custom-field.two input:not(:placeholder-shown),
.custom-field.two input:focus {
  background-size: 100% 0.15em, 100% 0.1em, 100%;
  border-bottom: 1px solid #00a512;
  font-family: "Averta Std semibold", sans-serif !important;
}

.custom-field_bfp.show img {
  filter: invert(31%) sepia(74%) saturate(1913%) hue-rotate(111deg) brightness(95%) contrast(86%);
}

.sigIn_fz {
  padding: 12px;
  border-radius: 35px;
  cursor: pointer;
  outline: none;
  border: none;
  width: 135px;
  font-size: var(--heading-six-size);
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
  border-color: #000;
  color: #FFB80C;
  font-family: "Averta Std semibold", sans-serif !important;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sigIn_fz {
  font-size: 14px !important;
}

.custom-field_aft1 {
  position: absolute;
  z-index: 999;
  right: 5px;
  top: 10px;
  cursor: pointer;
}

.custom-field_bfp {
  position: absolute;
  z-index: 999;
  left: 5px;
  top: 10px;
}

.sTart_p span {
  display: flex;
  justify-content: center;
  padding: 2px;
  font-size: var(--heading-six-size);
  color: #222;
}

.sTart_p a {
  text-decoration: none;
  color: #2789CE;
}

.sTart_O {
  display: flex;
  justify-content: center;
  font-size: var(--heading-six-size);
  padding: 12px 0px;
  font-weight: var(--weight-theme-400);
  color: #222;
}

.sTart_c {
  color: #d4d4d4;
}

#sOcial_icons {
  display: flex;
  justify-content: center;
  padding: 5px 0px;
}

#sOcial_icons ul li {
  text-decoration: none;
  display: inline;
  padding: 0px 10px;
}

.custom-field_afp {
  position: absolute;
  z-index: 999;
  right: 5px;
  top: 13px;
  background: white;
}

.sIgnIn {
  margin: 18px 0px;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 5px;
}

.sP_login .footer {
  display: flex;
  padding: 5px 0px 20px;
  align-content: center;
  flex-wrap: wrap;
}

.sP_login .footer_cont1 {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.footer_cont1 ul li {
  display: inline;
}

.footer_cont1 ul li a {
  color: #000;
  font-family: "Averta Std semibold", sans-serif !important;
  font-size: var(--small-l-size);
  font-style: normal;
  font-weight: var(--weight-theme-400);
  line-height: 18px;
  text-decoration: none;
}

.footer_cont1 ul li a:hover {
  color: #00a512;
}

#fOoter_cont1 li:not(:last-child):after {
  content: " | ";
  font-size: var(--small-size);
  color: #222;
}

#fOoter_icons {
  padding-top: 15px;
  padding-bottom: 10px;
}

#fOoter_icons img {
  width: 30px;
  height: 30px;
  margin: 0px 5px;
}

.close_btn {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 999;
  color: var(--white-color);
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  border-radius: 25px;
  font-size: 15px;
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  img {
    filter: brightness(0) invert(1);
    width: 14px;
    height: 14px;
  }
}

.capcha_img img {
  width: 16px;
}

.capcha_bg {
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%) !important;
  padding: 0px 4px 2px;
  border-radius: 5px;

  img {
    width: 35px;
  }
}

.pAd_10 {
  padding: 10px 0 5px 0;
}

#sOcial_icons ul li img {
  width: 20px;
}

.button-whatsapp {
  margin-top: 10px;
}

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

.whatsapp_btn a {
  color: var(--white-text);
  background-color: #01b55e;
  padding: 9px 31px 9px 76px;
  width: 230px;
  display: inline-block;
  border-radius: 10px;
  text-transform: capitalize;
  position: relative;
  animation: blink_btn 1.5s infinite linear alternate;
}

.whatsapp_btn img {
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 43px;
  color: green;
  width: 55px;
}

.lOgin_pan {
  position: relative;
  z-index: 1;
}

.login_content .nav {
  margin: 0 auto 11px;
  background: linear-gradient(-180deg, #315195 0%, #14213d 100%);
}

.login_content .nav {
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start;
  overflow-y: hidden;
  max-width: max-content;
  width: 100%;
  margin: 0 auto -1px;
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
  border-radius: 6px;
  padding: 5px 5px 8px 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  white-space: nowrap;
}

.login_content .nav-tabs .nav-link {
  min-width: 155px;
  color: var(--white-color);
  text-transform: capitalize;
  padding: 5px;
}

.login_content .nav-tabs .nav-link.active {
  background: #fff;
  color: #19294d;
  border-radius: 4px;
}

.login_content .nav-tabs .nav-link.active span {
  color: #2b2925;
}

.form_list_select_div-r {
  display: flex;
  align-items: center;
  gap: 5px;
}

.form_list_select_div-r input {
  width: 216px;
}

.codein {
  border: 0;
  border-radius: 0;
  color: #1E1E1E;
  padding: 0.6rem 2.25rem 0.93rem 1.6rem;
  box-shadow: inset 0 1.5px 0 0 rgba(0, 0, 0, 0.1);
  font-size: var(--heading-six-size);
  margin-bottom: 10px;
  border-radius: 5px !important;
  overflow: hidden;
  border: 1px solid #666;
  padding: 10px !important;
  min-width: 80px;
}

.custom-field.two input {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: white;
  border-bottom: 1px solid #ebedf1;
  transition: background-size 0.3s ease;
  font-family: "Averta Std semibold", sans-serif !important;
  box-shadow: inset 0 1.5px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: #1E1E1E;
  border: 1px solid #666;
  padding: 10px !important;
}

.custom-field.two input::placeholder {
  color: #1E1E1E;
}

.custom-field.two input:focus {
  color: #1E1E1E;

  background-color: #FFF0CA;
  box-shadow: inset 0 0.26667vw 1.33333vw rgba(161, 128, 45, 0.6);
}

.form-select:focus {
  border-color: transparent;
  border: 1px solid #666;
  color: #1E1E1E;
  background-color: #FFF0CA;
  box-shadow: inset 0 0.26667vw 1.33333vw rgba(161, 128, 45, 0.6);
}

.toster,
.clipbordtext,
.Confirm-password-i {
  display: none;
  color: var(--white-color);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgb(218, 74, 76) !important;
  z-index: 1045;
  padding: 10px 15px;
  text-transform: capitalize;
  font-weight: var(--weight-theme-500);
  width: 768px;
  max-width: 100%;
  margin: 0 auto;
}

.toster span {
  text-align: center;
  font-weight: var(--weight-theme-300);
  font-size: var(--heading-six-size);
  line-height: 1rem;
}

.toster.show,
.Confirm-password-i.show {
  display: block;
}

#fOrget_pAs {
  text-align: center;
  font-size: 56px !important;
}

#for_header {
  height: 321px;
}

.form_list_select_div-l {
  position: relative;
}

.otpbtnnew {
  font-size: var(--small-size);
  height: 24px;
  padding: 2px 10px;
  position: absolute;
  right: 5px;
  top: 10px;
  width: auto;
  line-height: normal;
  border-radius: 3px;
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%) !important;
  border-color: #000;
  color: var(--white-color);
  font-weight: var(--weight-theme-500);
}

.otpbtnnew:disabled {
  background: var(--primary-main-bg);
}

.left_a {
  left: 5px !important;
}

.otp_b {
  padding-right: 70px !important;
}

.sigIn_fz.w_all {
  width: 250px;
}

.ui-link.collapsed .on_click_data {
  display: contents;
}

.ui-link.collapsed .on_click_data_icon {
  display: none;
}

.on_click_data {
  display: none;
}

.on_click_data_icon {
  display: contents;
  color: transparent !important;
}

.on_click_data_icon img {
  position: relative;
  top: 11px;
  width: 21px !important;
  height: 25px !important;
  object-fit: contain;
}

/*========================================================================== 3.0 home page ============================================================================ */
.r_header {
  display: flex;
  align-items: center;
}

.a-open_bets {
  color: #88cb90 !important;
  border-radius: 4px;
  border: 1px solid #274053;
  background: #274053;
  box-shadow: none !important;
  padding: 7.6px 11.1px;
  margin-right: 5px;
  font-size: 16.64px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;

  img {
    width: 25.9px;
    height: 25.9px;
  }
}

.deposit_o {
  color: #fff !important;
  border-radius: 4px;
  border: 1px solid #274053;
  background: var(--Brand-Green, #129522);
  box-shadow: none !important;
  padding: 9px 9.1px;
  font-size: 16.64px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;

  img {
    width: 24.31px;
    height: 24.31px;
  }
}

#accountCredit li span:nth-child(1) {
  color: #88cb90 !important;
  opacity: 0.7;
  font-size: 15.36px;
}

.refresh_btn {
  border-radius: 4px;
  border: 1px solid #274053;
  background: #274053;
  box-shadow: none !important;
  padding: 9px 10px;
  gap: 5px;
  display: flex;

  img {
    width: 24.31px;
    height: 24.31px;
  }
}

.balance_details {
  text-align: end;
  padding-right: 6px;
  line-height: normal;
}

.overlay_sk {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
}

#inPlayDiv.open2 {
  animation: height1 0.2s forwards;
  animation-timing-function: linear;
  box-shadow: 2px 2px 15px #ccc;
}

#inPlayDiv {
  position: fixed;
  bottom: 69px;
  background-color: #fff;
  z-index: 999;
  width: 430px;
  margin: 0 auto;
  overflow: auto;
  border-radius: 7px;
  max-height: 370px;
  transition: 2s;
  left: 0;
  right: 0;
}

#inPlayDiv li {
  border-bottom: 1px solid #ccc;
  height: 72px;
  padding-left: 19.71px;
  display: flex;
  align-items: center;
  margin: 0 19.71px;
}

#inPlayDiv li img {
  width: 31.19px;
  margin-right: 19.2px;
}

.open2 li a {
  color: #222;
  font-size: 16.64px;
  line-height: 1.2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/*========================================================================== 4.0 privacy-policy ============================================================================ */
.news-wrap.news-wrap-frame .side-head {
  top: 0;
  z-index: 2;
  border-radius: 0;
  background-color: #ffb80c;
  position: sticky;
  padding: 17.022px 0;
  text-align: center;
}

.info-footer .btn-send {
  background-image: linear-gradient(-180deg, #ffb80c 15%, #ffa00c 100%);
  border: 1px solid #aaa;
  color: #1e1e1e !important;
  font-size: 19.2px;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--weight-theme-700);
  padding: 14px 76px;
}

.news-wrap .side-head h3 {
  font-size: 23.04px;
  color: var(--light-gary-color);
  font-family: "Averta Std bold";
  font-weight: var(--weight-theme-600);
}

.tc-wrap p,
.announce-wrap p {
  margin: 0 0 18px 0;
}

.announce-wrap p {
  color: var(--light-gary-color);
  text-transform: math-auto;
  font-size: 19.2px;
  line-height: 1.5;
  font-family: "Averta Std semibold";
}

.announce-wrap p a {
  text-decoration: none;
  color: var(--match-name);
  outline: none;
  -webkit-tap-highlight-color: rgba(182, 223, 253, 0.5);
}

.announce-wrap {
  background-color: var(--white-color);
  padding: 19px 16px 0;
}

.tc-wrap h3,
.announce-wrap h3 {
  font-size: 21.76px;
  margin-bottom: 11px;
  color: rgba(30, 30, 30, 0.9);
  line-height: 1.2;
  background: transparent;
  font-family: "Averta Std bold";
}

.tc-wrap ul,
.announce-wrap ul,
.tc-wrap ol,
.announce-wrap ol {
  margin-left: 36px;
  color: var(--light-gary-color);
  text-transform: math-auto;
  font-size: 19.2px;
  line-height: 1.5;
}

.tc-wrap ul li,
.announce-wrap ul li,
.tc-wrap ol li,
.announce-wrap ol li {
  list-style-type: disc;
  margin-bottom: 22.5px;
  font-weight: var(--weight-theme-500);
}

.about-info {
  background-color: var(--white-color);
  padding-bottom: 0;
}

.info-footer {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  border-top: 1px solid #e0e6e6;
  background-color: var(--white-color);
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1023;
  height: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-send {
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
  border: 1px solid #000;
  color: rgb(18 149 34) !important;
  font-size: 19.2px;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--weight-theme-700);
  padding: 14px 76px;
}

/*========================================================================== 5.0 rules-and-regulations ============================================================================ */
.declared {
  background-color: #aed5f5;
  font-size: 3.46667vw;
  line-height: 1.3;
  padding: 16.18px 16.18px 3px 16.18px;
  margin-bottom: 2.66667vw;
  border-radius: 2.13333vw;
}

.rules-reg ul li,
.rules-reg ul li,
.rules-reg ol li,
.rules-reg ol li {
  list-style-type: auto;
}

.rules-reg ul,
.rules-reg ul,
.rules-reg ol,
.rules-reg ol {
  margin-left: 0;
}

.declared p {
  font-size: 16.64px;
  margin-bottom: 12px;
}

ul.t_condition li {
  list-style-type: circle;
}

/*========================================================================== 6.0 account menu-offcanvas ============================================================================ */
.offcanvas {
  width: 776px;
  max-width: 100%;
  margin: 0 auto;
}

.offcanvas-body {
  padding-bottom: 100px;
}

.offcanvas.offcanvas-bottom {
  height: auto;
  max-height: 100%;
  top: 56px;
  bottom: 0;
}

.path-wrap {
  background-color: var(--light-gary-color);
  color: var(--white-color);
  font-weight: bold;
}

.account-id {
  width: 100%;
  align-items: center;
  padding: 11px 0 9.36px 11px;
  display: flex;
  justify-content: space-between;
}

.menu-list {
  background-color: var(--white-color);
  border-bottom: 1px solid #7e97a7;
}

.mian-wrap {
  margin-bottom: 118px;
}

.menu-list li {
  border-bottom: 1px solid #e0e6e6;
  list-style: none;
  align-items: center;
}

.menu-list a {
  flex: 1;
  position: relative;
  font-size: 19.2px;
  line-height: 1.6;
  padding: 10.34px 43.52px 10.34px 12.8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  color: #2789ce;
  font-weight: var(--weight-theme-500);
}

.menu-list a:after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: "";
  width: 30.72px;
  height: 30.72px;
  background: #fff url("../images/download _arrow.svg") no-repeat;
  background-size: contain;
  border: 1px solid #e0e6e6;
  border-radius: 5px;
}

.account-id .time-zone {
  border-left: 1px solid #4b4b4b;
  padding: 0 20px 0 13px;
  margin-left: 1.86667vw;
  float: right;
  line-height: 27px;
}

.account-id span img {
  width: 25.19px;
  margin-right: 5px;
}

.account-id span {
  font-size: 16.64px;
  text-transform: uppercase;
  font-weight: var(--weight-theme-500);
  line-height: 17px;
}

.offcanvas-backdrop.show {
  opacity: 0;
}

.user-img {
  display: flex;
  align-items: center;
}

.logout {
  height: 63.44px;
  background-image: linear-gradient(-180deg, #e93522 0%, #be2414 100%);
  border: 1px solid #8a0011;
  border-width: 1px 0 1px 0;
  color: var(--white-color) !important;
  font-size: 20.48px;
  font-weight: var(--weight-theme-600);
  margin-bottom: 5.33333vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logout:after {
  content: "";
  width: 19.19px;
  height: 19.19px;
  background: url("../images/logout.svg") no-repeat;
  background-size: contain;
  margin-left: 8.5065px;
}

.logout.whatsapp-id-btn {
  background-image: linear-gradient(-180deg, #25d366 0%, #128c7e 100%);
  border-color: #0d6b4d;
  margin-bottom: 0;
}

.logout.whatsapp-id-btn:after {
  background-image: url("../images/whatsapp.svg");
  width: 22px;
  height: 22px;
}

.account-page-cta {
  padding-top: 108px;
  padding-bottom: 2px;
  min-height: 500px;
  background: cadetblue;
}

.account-top-content {
  width: 100%;
  max-width: 720px;
  margin: 0 auto 14px;
  color: #1f2a35;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
}

.account-top-content p {
  margin: 0 0 8px;
}

.account-top-content p:last-child {
  margin-bottom: 0;
}

.exchange-footer-content-wrap {
  background: #232a33;
  padding: 14px 0 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  position: relative;
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}

.exchange-footer-content {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1.58;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  text-transform: none;
}

.exchange-footer-content h1,
.exchange-footer-content h2,
.exchange-footer-content h3 {
  color: #fff;
  font-weight: 700;
  line-height: 1.28;
  margin: 0 0 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}

.exchange-footer-content h1 {
  font-size: clamp(1.15rem, 4.2vw, 1.45rem);
  margin-bottom: 12px;
}

.exchange-footer-content h2 {
  font-size: clamp(1rem, 3.4vw, 1.25rem);
  margin-top: 20px;
  padding-left: 10px;
  border-left: 3px solid rgba(255, 183, 12, 0.9);
}

.exchange-footer-content h3 {
  font-size: clamp(0.92rem, 3.1vw, 1.1rem);
  margin-top: 16px;
}

.exchange-footer-content p {
  margin: 8px 0 0;
  text-transform: none;
}

.exchange-footer-content ul,
.exchange-footer-content ol {
  margin: 8px 0 0;
  padding-left: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.55;
  text-transform: none;
}

.exchange-footer-content li {
  margin-bottom: 6px;
  text-transform: none;
}

.exchange-footer-content-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 183, 12, 0.35) 16%,
    rgba(255, 183, 12, 0.88) 45%,
    rgba(255, 200, 80, 0.82) 55%,
    rgba(255, 183, 12, 0.35) 84%,
    transparent 100%
  );
  pointer-events: none;
  box-shadow: 0 0 16px rgba(255, 183, 12, 0.18);
}

.account-whatsapp-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.account-whatsapp-wrap .logout.whatsapp-id-btn {
  width: auto;
  max-width: min(340px, 88vw);
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 28px;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
}

.account-auth-btns {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 12px 0 8px;
}

.account-auth-btns ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.profilename.login-last {
  display: contents;
  font-size: var(--small-l-size);
  line-height: normal;
}

.exch-top-bonus-account-profile-wrapper {
  background: #244a62;
}

.exch-top-account-profile-wrapper {
  width: 100%;
  height: max-content;
  padding: 0.69rem 11px;
}

.exch-top-account-profile-upper-div {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.exch-top-account-profile-upper-div-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

.exch-top-account-left-balanced {
  color: #86efac;
  font-size: var(--heading-five-size);
  font-weight: var(--weight-theme-700);
  line-height: 14px;
  letter-spacing: 0.0225rem;
}

.xs-bd-font {
  color: var(--white-color);
  font-weight: var(--weight-theme-700);
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.015rem;
}

.exch-top-account-profile-upper-div-right {
  display: flex;
}

.exch-top-account-profile-upper-div-right p {
  margin-right: 10px;
}

.toggle label {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.exch-top-account-profile-lower-div {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.38rem;
  margin-top: 9px;
}

.bonus-info {
  width: 100%;
}

.info-bonus {
  width: 100%;
  display: flex;
  margin-bottom: 8px;
}

.exch-top-account-profile-lower-div-left {
  display: flex;
  padding: 0.375rem 0.5rem;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 0.5rem;
  border-left: 2px solid rgb(18 149 34);
  background: var(--primary-light-bg);
  width: 50%;
  flex-wrap: wrap;
}

.xs-font {
  color: var(--white-color);
  font-size: 13px;
}

.mian-wrap .form-check {
  min-height: fit-content;
  margin-bottom: 0;
}

.form-switch .form-check-input {
  width: 24px;
  height: 12px;
}

.form-check-input:focus {
  box-shadow: none;
}

.xs-bd-font a img {
  filter: brightness(0) invert(1);
  width: 16px;
  object-fit: cover;
}

/*======================== 7.0 modal ============================== */
.exch-left-right-side-listing {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.exch-left-right-side-listing li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  align-items: center;
  gap: 10px;
}

.color-odd {
  color: red !important;
}

.login-card .login-btn {
  display: flex;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  align-self: stretch;
  border-radius: 0.5rem;
  background: radial-gradient(25% 90% at 50% 50%, #009d46 0%, #2db261 100%);
  box-shadow: 0 5px 21px #00cf5875;
  margin: 1.5rem 0rem;
  z-index: 100;
  width: 100%;
  color: var(--white-color) !important;
}

.login-box .login-card .login-btn {
  display: flex;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  align-self: stretch;
  border-radius: 0.5rem;
  background: radial-gradient(25% 90% at 50% 50%, #009d46 0%, #2db261 100%);
  box-shadow: 0 5px 21px #00cf5875;
  margin: 1.5rem 0rem;
  z-index: 100;
  width: 100%;
}

.accordion .accordion-item {
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(41, 50, 74, 1);
  border-radius: 0;
}

.accordion-button::after {
  background-image: url(../images/plus-icon.svg) !important;
  position: absolute;
  right: 0px;
}

#bonus-infomodalToggle .accordion-button::after {
  background-image: url(../images/add.png) !important;
}

#bonus-infomodalToggle .accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus-icon.png) !important;
}

.exch-left-right-side-listing li .accordion .accordion-button::after {
  filter: invert(1);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus-icon.svg) !important;
  transform: rotate(-180deg);
  filter: brightness(0) invert(1) !important;
}

.exch-cashout-body-center {
  padding: 14px;
}

.login-card .accordion {
  width: 100%;
}

.login-card .accordion-button {
  background-color: transparent;
  box-shadow: none;
}

.login-card .accordion-item .accordion-button {
  padding: 13px 0 10px 0;
}

.accordion-button:not(.collapsed) {
  color: var(--white-color);
  border: 0;
}

.accordion-button {
  color: var(--white-color);
}

.exch-left-right-side-listing li .accordion .accordion-body {
  padding: 12px 0 0 0px;
  background: transparent;
}

.login-card .sm-font {
  color: var(--white-color);
  font-weight: var(--weight-theme-400);
  font-size: var(--paragraph-size);
  line-height: normal;
  letter-spacing: 0.015rem;
}

.login-card .sm-bd-font {
  color: var(--white-color);
  font-weight: var(--weight-theme-500);
  font-size: var(--paragraph-size);
  line-height: normal;
  letter-spacing: 0.015rem;
}

.accordion-button p,
.accordion-button span {
  font-size: var(--heading-six-size);
  text-transform: capitalize;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.exch-cashout-body-center {
  text-align: center;
  width: 100%;
}

.exch-locked-bonus-card-listing {
  list-style: none;
}

.exch-locked-bonus-card-listing {
  list-style: none;
}

.exch-locked-bonus-card {
  display: flex;
  gap: 15px;
  align-items: center;
}

.exch-bonus-lft-bx {
  padding: 10px;
  width: 100px;
  text-align: center;
  border-radius: 4px;
}

.green-bg {
  background: linear-gradient(94deg, #019744 2.96%, #33c76d 96.02%);
  box-shadow: 0 4px 20px #00cf5859;
}

.exch-bonus-progress-bx {
  margin: 5px 0;
}

.exch-bonus-progress-bx .progress {
  height: 5px;
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.exch-locked-bonus-card-listing li {
  border-bottom: 1px solid #ffffff1a;
  padding: 12px 0;
}

.exch-bonus-rit-bx {
  width: 100%;
}

.exch-rolling-amount {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.font-gray-color {
  color: #929eb5;
  font-size: var(--paragraph-size);
}

.exch-bonus-rit-bx .xs-bd-font {
  display: flex;
}

.exch-locked-bonus-card-listing li:last-child {
  border-bottom: none;
}

.search-lang-input {
  position: relative;
  padding-bottom: 20px;
}

.search-lang-input .form-control {
  padding-right: 35px;
  padding-top: 7px;
  padding-bottom: 10px;
}

.search-lang-input .form-control {
  padding-right: 35px;
  padding-top: 7px;
  padding-bottom: 10px;
}

.custom-language-list {
  max-height: 230px;
  overflow-y: auto;
}

.custom-language-list ul li {
  display: inline-block;
  width: 100%;
  position: relative;
}

.custom-language-list ul li .form-check {
  z-index: 100;
  width: 100%;
  display: flex;
  padding: 0.5rem 0.625rem;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.375rem;
  border: 1px solid #42567e;
  background: #000c24;
  color: var(--white-color);
  font-size: 13px;
  font-style: normal;
  font-weight: var(--weight-theme-400);
  line-height: 120%;
  margin-bottom: 8px;
}

.btn.link-btn {
  position: absolute;
  top: 2px;
  right: 0;
}

.btn.link-btn img {
  width: 15px;
}

.two-btns ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.two-btns ul li {
  width: 50%;
}

.two-btns .btn {
  width: 100%;
}

.two-btns .btn-type-submit {
  border-radius: 3px;
  font-size: var(--heading-six-size);
  height: auto;
  padding: 6px 5px;
  margin-top: 10px;
}

.btn-type-submit.btn.thm-bor-but {
  background: transparent !important;
  border: 1px solid var(--secondary-main-bg) !important;
}

.change-lang-modal .login-text p {
  font-size: var(--heading-six-size);
}

.custom-language-list ul li.active .form-check:after {
  background-image: url(../images/ck-lang-icon.svg);
  background-size: 100%;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background-repeat: no-repeat;
  right: 10px;
}

.custom-language-list ul li.active .form-check,
.custom-language-list ul li .form-check:hover {
  border: 1px solid #2db261;
}

.custom-language-list ul li.active .form-check label {
  color: #2db261;
}

/*======================== 8.0 modal ============================== */
.acti_log {
  background: var(--title-header-bg);
  color: var(--white-color);
  font-size: 18.2644px;
  line-height: 2.2;
  text-align: center;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: center;
}

.dataTables_length {
  padding: 5px 0;
  color: #333;
  font-size: 17.1253px;
  font-weight: var(--weight-theme-500);
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
  font-size: 15.8px;
  color: #222;
  font-weight: var(--weight-theme-600);
  white-space: nowrap;
}

table th {
  background-color: #d6e4e5 !important;
}

.table td,
.table .announce-wrap table th,
.announce-wrap table .table th {
  padding: 8px 5px;
}

.table td {
  padding: 8px 5px;
  border: 1px solid #e0e6e6;
}

/* .table tr td:first-child {
  border-left: none;
} */
table.dataTable tbody tr {
  background-color: var(--bg-white-color) !important;
  color: #333;
  vertical-align: middle;
}

table tr td {
  font-size: 15.8px;
  color: #222;
  font-weight: var(--weight-theme-600);
}

.dataTables_paginate {
  padding: 15px 0 55px;
  text-align: center;
  color: #333;
  font-weight: var(--weight-theme-500);
}

.dataTables_paginate a {
  color: #333;
  font-size: var(--heading-five-size);
  font-weight: var(--weight-theme-500);
}

.table.table-hover.dataTable.no-footer {
  margin-bottom: 0;
}

.activity-logs .account-id {
  padding: 11px 0 10.36px 11px;
}

.activity-logs .account-id .time-zone {
  padding: 0 10px 0 9px;
}

.paginate_button.current {
  background-color: #dcdcdc;
  border: 1px solid #979797;
  padding: 7.8px 15.6px;
  margin: 0 14px;
}

.activity-log .dataTables_length {
  font-size: 14.1253px;
}

/*======================== 9.0 in-play page ============================== */
.exchange-sportsbook-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--secondary-main-bg) !important;
  border-radius: 50px;
  overflow: hidden;
}

.exchange-sportsbook-list ul li {
  list-style-type: none;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 50%;
}

.exchange-sportsbook-list ul li .nav-link {
  width: 100%;
  padding: 12.7px 5px;
  color: var(--white-color);
  font-size: 16.48px;
  border-radius: 50px;
  font-weight: var(--weight-theme-600);
}

.exchange-sportsbook-list ul li .nav-link.active {
  background: var(--exchange-sportsbook-list) !important;
  color: var(--white-color);
}

.exchange-sportsbook-list {
  background: #263d4c;
  background-repeat: repeat-x;
  background-image: var(--theme-gradient);
  border-bottom: 1px solid #1e2c32;
  padding: 10px;
}

.exchange_sports_bg {
  background-color: #172832;
  color: var(--white-color);
  font-size: 28.67px;
  font-weight: var(--weight-theme-600);
  padding: 11.336px;
}

.exchange_sports_bg ul {
  border: 1px solid var(--bg-white-color);
  border-radius: 7px;
  overflow: hidden !important;
}

.exchange_sports_bg ul li {
  flex: 1;
  border-right: 1px solid var(--bg-white-color);
}

.exchange_sports_bg ul li .nav-link {
  color: var(--white-color);
  font-size: 17.92px;
  text-align: center;
  padding: 10.73px 3px;
  width: 100%;
  border-radius: 0;
}

.exchange_sports_bg ul li:last-child {
  border: 0;
}

.exchange_sports_bg ul li .nav-link.active {
  color: #172832;
  background-color: var(--white-color);
  font-weight: var(--weight-theme-500);
}

.game_icons {
  display: flex;
  align-items: center;
  background: var(--title-header-bg);
  justify-content: center;
  position: relative;
  padding: 8.5px 0;
}

.game_icons img {
  width: 25.59px;
  height: 25.59px;
  margin-left: 10px;
  position: absolute;
  left: 0;
}

.game_icons h3 {
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 17.92px;
  font-weight: var(--weight-theme-600);
}

.game_ban {
  padding: 12px 1px 0px 1px !important;
  margin-top: 5px;
}

.in_play_bg {
  background-color: var(--white-color);
  border-bottom: 5px solid var(--bg-black-color);
}

.in_play_match-list {
  padding: 10.28px 0 14.36px 10px;
  border-bottom: 1px solid #e0e6e6;
}

.in_play_match-list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 97%;
}

.in_play_match-list-left img {
  width: 24px;
  height: 24px;
}

.game_ban img {
  border-radius: 37px;
}

.set-fav {
  border: 0;
  background-color: transparent;
  width: 20px;
  margin-right: 12px;
}

.set-fav.user-login {
  width: 30px !important;
  height: 30px !important;
  padding: 0;
}

.set-fav.user-login img {
  width: 100%;
  height: 100%;
}

.betcoin {
  width: 20.47px;
  height: 19.19px;
  background-color: #0a92a5;
  margin-right: 7.24px;
  display: inline-flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;

  img {
    width: 14.8px;
    height: 14.8px;
  }
}

.game_bookmaker {
  background-color: #226bc3;
}

.text-tittle {
  color: var(--in-play);
  font-size: 15.36px;
  font-weight: var(--weight-theme-600);
}

.in_play_match-list-right p {
  color: #2789ce;
  font-weight: var(--weight-theme-600);
  font-size: 19.2px;
  padding-top: 7px;
  text-transform: math-auto;
}

.exchange_sports .tab-content {
  background-color: var(--light-bg);
}

.time_match {
  color: var(--time-in-play) !important;
}

.get-result .form-select {
  background-image: url("../images/downward-arrow.png");
  height: 51.9px;
  background-size: 28px 30px;
  font-size: 20.75px;
  color: var(--light-gary-color);
}

.play-icon {
  width: 21.22px !important;
  height: 21.22px !important;
  object-fit: contain;
}

.exchange_sports_bg .form-select:focus {
  box-shadow: none;
}

/*======================== 10.0 eventdetails page ============================== */
.live_match_tv {
  position: relative;
}

.close-video {
  position: absolute;
  top: 11px;
  right: 19px;
  z-index: 9;
  width: 49.66px;
  height: 34.6px;
  background-color: #00000080;
  border: 1px solid #c8c7c7;
  border-radius: 5px;

  img {
    width: 15px;
  }
}

.flex_pin {
  display: flex;
  align-items: center;
  padding-left: 11.928px;
}

.pin-matchs {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.pin-matchs {
  img {
    width: 20px;
  }
}

.floating-button-sec {
  position: fixed;
  bottom: 106px;
  left: 13px;
  width: 100%;
  z-index: 9;
}

.floating-button-sec span.floating-btn {
  border-radius: 50%;
  background-image: radial-gradient(circle 19px at center, #f8c84e 0, #cea130 50%, #f8c84e 100%);
  transition: all 0.3s ease;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.4);
  display: block;
  text-align: center;
  line-height: 17px;
  float: left;
  position: relative;
}

.floating-button-sec span.floating-btn img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.badge-round {
  position: absolute;
  top: 3px;
  right: -8px;
  display: flex;
  min-width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  border: 1px solid var(--bg-black-color);
  border-radius: 50%;
  background-color: #40505f;
  color: var(--white-color);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -1px;
  padding-top: 0px;
  justify-content: center;
  align-items: center;
  line-height: 19px;
}

#bet_slip .modal-dialog-centered {
  align-items: end;
}

#bet_slip .modal-content {
  margin: auto;
  background: var(--bg-white-color);
  box-shadow: 0px -3px 4px rgb(0 0 0 / 15%);
  border-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inherit;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  transform: translateY(50px);
  animation: come-in 0.7s ease forwards;
  padding-bottom: 0;
  height: auto;
  overflow-y: scroll;
}

@keyframes come-in {
  to {
    transform: translateY(0);
  }
}

.modal-header.ml-popup {
  background: #40505f;
  border-radius: 5px 5px 0px 0px;
  height: 35px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: unset !important;
  border-bottom: unset !important;
}

.arrow-sec {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 14.5px;
}

.add-match-pop .shoe_score-2 {
  display: none;
}

.shoe_score-2.show {
  display: inline-flex;
}

.shoe_score-1.show {
  display: none;
}

.match-head-items {
  background-color: var(--tabs-bg);
  background: var(--title-header-bg);
  color: #7e97a7;
  line-height: 2.1;
  padding: 1.8px 11.34px;
}

.match-head-items h2 {
  font-size: 16.64px;
}

.match-head-items ul {
  display: flex;
  align-items: center;
  gap: 15px;

  li button {
    border: 0;
    background-color: transparent;
  }
}

.cash-out-btn.cancel_filter {
  font-size: 14px;
  text-transform: capitalize;
  margin-left: 6px;
}

.match-head-items ul li button img {
  width: 17px;
  height: 17px;
  filter: brightness(0) invert(1);
}

.filter-btn label.form-check-label {
  font-size: var(--paragraph-size);
}

.check-blow {
  padding-bottom: 8px;
}

.match-odds {
  color: var(--white-color);
  background-image: linear-gradient(-180deg, rgb(18 149 34) 15%, rgb(18 149 34) 100%) !important;
  border-color: rgba(51, 51, 51, 0.3);
  font-weight: var(--weight-theme-500);
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 11px 8.5px;
  font-size: 16.64px;
  border-radius: 45px;
  display: inline-block;
}

.market-type {
  background-color: #e0e6e6;
  padding: 11.5px;
}

.live-match-item {
  display: grid;
  grid-template-columns: 1fr 179.49px;
  background-color: var(--white-color);
  border-bottom: 1px solid #7e97a7;
  align-items: center;
}

.match_box_inner .live-match-item {
  padding-left: 10px;
}

.group-right {
  display: flex;
  justify-content: space-around;
  width: 100%;
  align-items: center;
  gap: 1px;
  position: relative;
}

.susp {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--white-color);
  font-weight: var(--weight-theme-500);
  text-shadow: 0 0.26667vw 1.06667vw rgba(0, 0, 0, 0.5);
  font-size: 16.64px;
}

.group-right .in-play-btn {
  width: 50%;
  text-align: center;
  height: 55.27px;
  border: 0;
}

.back.spark {
  animation: sparkBack 0.5s ease;
}

@keyframes sparkBack {
  0% {
    background-color: #b7d5eb;
    color: var(--light-gary-color);
  }

  50% {
    background-color: #f8e71c;
    color: var(--white-color);
  }

  100% {
    background-color: #b7d5eb;
    color: var(--light-gary-color);
  }
}

.lay.spark {
  animation: sparkLay 0.5s ease;
}

@keyframes sparkLay {
  0% {
    background-color: #efd3d9;
    color: var(--light-gary-color);
  }

  50% {
    background-color: #26f1f8;
    color: var(--white-color);
  }

  100% {
    background-color: #efd3d9;
    color: var(--light-gary-color);
  }
}

.blink {
  -webkit-animation: blink 800ms step-end infinite;
  animation: blink 800ms step-end infinite;
}

@-webkit-keyframes blink {
  50% {
    background-color: #f8e71c;
    color: var(--white-color);
  }
}

@keyframes blink {
  50% {
    background-color: #f8e71c;
    color: var(--white-color);
  }
}

.match-head h5 {
  color: #222222;
  font-size: 19.2px;
  padding: 0px 11.928px;
  max-width: 225px;
}

.back {
  background-color: var(--back);
}

.lay {
  background-color: var(--lay);
}

.in-play-btn {
  color: var(--light-gary-color);
  font-size: 14.64px;
  font-weight: var(--weight-theme-600);
  line-height: 17px;
}

.lay-back {
  height: 44.78px;
  width: 100%;
  color: #222222;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 16.64px;
  padding-bottom: 3.112px;
  font-weight: var(--weight-theme-500);
}

.in-play-btn span {
  font-size: 13px;
}

.live_profit {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0px 11.928px;
  color: var(--black-color);
  font-size: 13.33px;
  font-weight: var(--weight-theme-600);
  line-height: normal;
}

.loss_text {
  color: #b30000;
}

.profit_text {
  color: #060;
}

.suspend {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #d0021b;
  color: #d0021b;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  font-size: 16.64px;
}

.min-max-value {
  background-color: #e0e6e6;
  width: 50.45px;
  border: 0;
  height: 44.78px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  img {
    width: 32px;
    height: 32px;
  }
}

.min-max-value:after {
  position: absolute;
  left: 49px;
  content: "";
  width: 0;
  height: 18px;
  border-top: 0px solid transparent;
  border-bottom: 47px solid transparent;
  border-left: 14px solid #e0e6e6;
  top: 0;
}

.market-value-text {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 15px;
  color: #222222;
  font-size: 14.08px;
}

.market-value-btn {
  border: 0;
  background-color: transparent;

  img {
    width: 32px;
    height: 32px;
  }
}

.market-value-text p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: var(--weight-theme-500);
  line-height: 15px;
}

.totalMatched {
  color: #222222;
  font-size: 14.08px;
  font-weight: var(--weight-theme-500);
}

.f-right.min-max {
  background-color: var(--white-color);
  border-bottom: 1px solid #7e97a7;
  width: 100%;
  text-align: end;
  color: #222 !important;
  font-size: var(--paragraph-size);
  font-weight: var(--weight-theme-600);
  padding: 5px 14px;
  display: flow;
  line-height: normal;
}

.cash-out-btn {
  color: var(--black-color);
  border-color: rgba(51, 51, 51, 0.3);
  font-weight: var(--weight-theme-600);
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 4px 5.8px;
  font-size: 11.2854px;
  border-radius: 6px;
  display: inline-block;
  background-color: #e0e6e6;
}

.modal-banner-sec {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.btn.btn-secondary.cancle-but.w-50 {
  height: 45px;
}

.active_odd {
  background-color: #656565;
}

.bet_slip-wrap {
  padding-top: 12.08px;
  border-bottom: 1px solid #7e97a7;
}

.btn-list {
  padding: 0 4.927px 8.927px;
  display: flex;
  gap: 10px;
}

.btn-list li {
  flex: 1;
  overflow: hidden;
}

.input-num {
  font-size: 23px;
  font-weight: bold;
  background: var(--bg-white-color);
  border: 1px solid #aaa;
  border-radius: 13px;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-weight: var(--weight-theme-600);
  height: 100%;
  box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
}

.input-num button {
  width: 57.59px;
  height: 51.19px;
  background-image: linear-gradient(-180deg, #fff 0%, #eee 89%);
  justify-content: center;
  align-items: center;
  display: flex;
  border: 0;
}

.input-num button:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.icon-minus:before {
  width: 21.75px;
  height: 5.11px;
  background-image: url(../images/less.svg);
}

.input-num input {
  position: relative;
  flex: 1;
  color: var(--light-gary-color);
  justify-content: center;
  align-items: center;
  overflow: hidden;
  display: flex;
  text-align: center;
  border: 0;
  font-weight: var(--weight-theme-600);
  height: 100%;
  box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
  caret-color: #1f72ac;
  font-size: 19.2px;
  width: 80%;
}

.input-num input:focus {
  background-color: #fff0ca;
}

.icon-plus {
  border-left: 1px solid #aaa !important;
}

.icon-plus:before {
  width: 21.75px;
  height: 23.09px;
  background-image: url(../images/add.svg);
}

.icon-minus {
  border-right: 1px solid #aaa !important;
}

.coin-list {
  margin-bottom: 10.6667px;
  background-image: var(--dark-theme-gradient);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.coin-list li {
  width: 16.667%;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.coin-list button {
  color: var(--white-color);
  line-height: 2.46;
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 40.92px;
  font-size: 14.64px;
  font-weight: bold;
}

.keyboard-wrap {
  border-top: 1px solid #aaa;
  margin-bottom: 18px;
  display: flex;
}

.keyboard-wrap ul {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
}

.keyboard-wrap li {
  flex: 1 1 13.66667%;
}

.keyboard-wrap button {
  font-size: 19.2px;
  color: var(--light-gary-color);
  background-color: var(--white-color);
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  width: 100%;
  font-weight: var(--weight-theme-500);
  height: 50.59px;
}

.keyboard-wrap .btn-delete {
  justify-content: center;
  align-items: center;
  display: flex;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.keyboard-wrap .btn-delete:before {
  content: "";
  width: 23.3px;
  height: 14.26px;
  background-size: contain;
  background-image: url(../images/crose-input.svg);
  background-repeat: no-repeat;
}

.btn-cancel {
  background-image: linear-gradient(-180deg, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 89%);
  border: 1px solid rgb(170, 170, 170);
  border-radius: 12px;
  font-size: 19.02px;
  font-weight: var(--weight-theme-500);
  line-height: 2.6;
  color: rgb(30, 30, 30) !important;
  width: 100%;
  display: block;
  text-align: center;
  height: 51.92px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card.card-body.p-0.border-radius-0 {
  border-radius: 0;
  border: 0;
}

.btn-list .btn-send {
  border: 1px solid #aaa;
  font-size: 19.92px;
  border-radius: 10px;
  width: 290px;
  height: 51.19px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--weight-theme-700);
  background: #444;
  border-color: var(--black-color);
  color: rgb(18 149 34) !important;
  line-height: 18px;
}

.btn-list .btn-send:disabled {
  background-image: linear-gradient(-180deg, #f6ecc6 0%, #e7dcb4 100%);
  border-color: #dbd39f;
  color: #999 !important;
}

.loading-overlay {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 99;
  justify-content: center;
  align-items: center;
}

.loading-overlay.show {
  display: flex;
}

.any-odds {
  background: linear-gradient(90deg, #264d66 0.2%, rgb(34 55 68 / 62%) 101.99%);
  padding: 8px;
  margin-bottom: 10px;

}

.Toastify {
  display: none;
}

.Toastify.show {
  display: block;
}

.Toastify__toast-container--top-right {
  left: 50%;
  top: 3em;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  display: flex;
  width: 20px;
}

.font-s {
  font-size: 14px;
}

.Toastify__close-button {
  align-self: flex-start;
  background: transparent;
  border: none;
  color: var(--white-color);
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
}

.Toastify__toast-container {
  box-sizing: border-box;
  color: var(--white-color);
  padding: 4px;
  position: fixed;
  width: 480px !important;
  z-index: 9999;
  background-color: rgb(92, 184, 92) !important;
  max-width: 100%;
  margin: 0 auto;
}

.Toastify__toast {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.any-odds .form-check-label {
  color: var(--white-color);
  font-weight: var(--weight-theme-600);
}

.bet_slip-wrap .form-switch .form-check-input {
  width: 29px;
  height: 15px;
  margin-left: 3px;
  margin-right: 5px;
}

.bet_slip-wrap .form-check-input:checked {
  background-color: var(--secondary-main-bg);
  border-color: var(--secondary-main-bg);

}

.live-2 {
  display: none;
}

.nav-link.active .live-1 {
  display: none;
}

.nav-link.active .live-2 {
  display: block;
}

.fancy-and-premium-tab .mb-pill {
  border-bottom: 4px solid #087989;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.fancy-and-premium-tab .mb-pill .nav-link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #898989;
  height: 28.28px;
  justify-content: center;
  gap: 8px;
  color: var(--white-color);
  font-size: var(--paragraph-size);
  font-weight: var(--weight-theme-500);
  position: relative;
  max-width: 200px;
  width: 200px;
  border-radius: 0;
  font-size: 16.64px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.fancy-details-tabs-sec .nav-link {
  width: auto !important;
}

.input-num input:focus-visible {
  outline: 0;
}

.fancy-details-tabs-sec {
  background: var(--tabs-bg);
  overflow-x: auto;
}

.fancy-details-tabs-sec ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  margin-left: 2px;
}

.fancy-details-tabs-sec ul .nav-item .nav-link {
  color: var(--white-color);
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 8px 12px;
}

.fancy-details-tabs-sec ul .nav-item .nav-link.active {
  background-color: transparent;
  color: rgb(18 149 34) !important;
  position: relative;
}

.fancy-details-tabs-sec ul .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  width: 100%;
  background: #f90;
  height: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  bottom: 3px;
}

.fancy-and-premium-tab {
  padding-top: 30px;
}

.live-match-detail {
  margin-bottom: 19px;
}

.live-match-detail .live-match-item {
  background-color: transparent;
}

.info-sec-icon {
  position: relative;
}

.right-marke.info-show {
  background: var(--bg-white-color);
  border-radius: 100%;
  padding: 4px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #8ea4b2;
}

.right-marke.info-show img {
  filter: invert(87%) sepia(2%) saturate(3357%) hue-rotate(175deg) brightness(74%) contrast(85%);
}

.info-list {
  display: none;
  position: absolute;
  background: #393939;
  border-radius: 4px;
  width: max-content;
  padding: 2px 7px;
  z-index: 99;
  left: 50%;
  top: 50%;
  transform: translate(-49%, 59%);
  font-size: var(--small-l-size);
  color: var(--black-color);
  font-weight: var(--weight-theme-500);
}

.info-sec-icon:hover .info-list {
  display: inline-block;
}

.right-marke {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.right-marke img {
  width: 29px;
  filter: invert(97%) sepia(73%) saturate(3260%) hue-rotate(126deg) brightness(74%) contrast(85%);
  object-fit: contain;
}

.info-sec {
  align-items: center;
  gap: 5px;
  display: flex;
}

.live-match-detail .accordion-header,
.live-match-detail .accordion-button,
.info-icon-i,
.pin-match {
  background-color: var(--live-match-bg) !important;
  border: 0;
}

.live-match-detail .accordion-button {
  padding: 0;
}

.live-match-detail .accordion-button::after,
.live-match-detail .accordion-button:not(.collapsed)::after {
  background-image: none !important;
}

.accordion-button:focus {
  box-shadow: none;
}

.info-icon-i img {
  width: 19.19px;
  height: 19.19px;
}

.pin-match img {
  width: 32px;
  height: 32px;
}

.live-match-detail .accordion-header {
  padding: 1.8px 11.34px;
}

.live-match-detail .accordion-button {
  font-size: 16.64px;
  font-weight: var(--weight-theme-500);
}

.sus-toster {
  background-color: rgb(92, 184, 92) !important;
}

/*======================== 11.0 hightlight inplay page ============================== */
.highlights_slider .owlCarousel img {
  width: auto;
}

.highlights_slider .owl-theme .owl-dots .owl-dot.active span,
.highlights_slider .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary-color);
}

.highlights_slider .owl-nav button span {
  opacity: 0;
}

.highlights_slider .owl-nav button.owl-prev {
  background-image: url(../images/left-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 40px;
  background-size: 50px 37px;
}

.highlights_slider .owl-nav button.owl-next {
  background-image: url(../images/right-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0%;
  transform: translate(0%, -50%);
  width: 40px;
  background-size: 50px 37px;
}

.exchange-menu ul {
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
  padding-right: 53px;
}

.exchange-menu {
  position: relative;
  padding-top: 2px;
  background-color: #1e1e1e;
}

.bg_color-2 {
  width: 63.09px;
  height: 45.19px;
  border: 1px solid #181818;
  margin-bottom: 10px;
  border-radius: 21px;
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #00478c 0%, #000e42 100%);
  box-shadow: 4px 4px 6px #090909, -4px -4px 15px #323232, inset 2px 4px 4px #226c97;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg_color-2 img {
  filter: drop-shadow(0px 0px 13.8826px rgba(255, 255, 255, 0.79));
  height: 25.59px;
  object-fit: cover;
}

.exchange-menu span {
  font-size: var(--heading-six-size);
  color: var(--white-color);
  font-weight: var(--weight-theme-600);
}

.exchange-menu ul {
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
  overflow-x: scroll;
  padding-right: 53px;
  border-bottom: 4px solid #ffa40c;
}

.exchange-menu ul li {
  position: relative;
}

.exchange-menu ul li .nav-link.active .bg_color-2 {
  border: 1px solid var(--bg-white-color) !important;
  box-shadow: 0px 0px 10px #fff;
  background: linear-gradient(-180deg, #464646 15%, #121212 100%) !important;
}

.exchange-menu ul li .nav-link {
  padding: 10px 15px 10px;
}

.exchange-menu ul li .nav-link.active,
.exchange-menu ul li .nav-link {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tag-new {
  position: absolute;
  width: 52.52px;
  height: 25.44px;
  background: url("../images/new.svg") center no-repeat;
  background-size: contain;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
  z-index: 2;
  display: flex;
  justify-content: center;
  right: -15px;
  top: 11px;
}

.new-text {
  line-height: 18px;
  align-items: center;
  display: block;
}

.Casino-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #b90d35 0%, #420010 100%, #500114 100%);
  box-shadow: none;
}

.cricket-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #a74503 0%, #421800 100%);
  box-shadow: 4px 4px 6px #090909, -4px -4px 15px #323232, inset 2px 4px 4px #ca5406;
}

.soccer-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #dcaa28 0%, #463806 100%);
  box-shadow: 4px 4px 6px #090909, -4px -4px 15px #323232, inset 2px 4px 4px #e9be22;
}

.Tennis-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #1a6618 0%, #053800 100%);
  box-shadow: 4px 4px 6px #090909, -4px -4px 15px #323232, inset 2px 4px 4px #377e1a;
}

.horse-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #00478c 0%, #000e42 100%);
  box-shadow: 4px 4px 6px #090909, -4px -4px 15px #323232, inset 2px 4px 4px #226c97;
}

.gryhound-bg {
  background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, rgb(167, 69, 3) 0%, rgb(66, 24, 0) 100%);
  box-shadow: rgb(9, 9, 9) 4px 4px 6px, rgb(50, 50, 50) -4px -4px 15px, rgb(202, 84, 6) 2px 4px 4px inset;
}

.tag-live strong {
  flex: 1;
  height: 100%;
  margin-right: 10px;
  padding: 3px;
  border-radius: 0.8vw 0vw 0vw 0.8vw;
  background-image: linear-gradient(180deg, #fff 0%, #eee 89%);
  position: relative;
}

.tag-live strong:before {
  width: 22px;
  height: 9px;
  background: url("../images/wifi.svg") no-repeat;
  background-size: contain;
  content: "";
  display: inline-flex;
  justify-content: center;
  background-size: 18px 9px;
  left: 0;
}

.tag-live {
  position: absolute;
  top: 10px;
  right: -12px;
  min-width: 39px;
  height: 16px;
  border-radius: 0.8vw;
  padding-right: 5px;
  color: var(--white-color);
  text-align: center;
  font-size: 2.66667vw;
  background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
  box-shadow: 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  line-height: 16px;
  z-index: 9;
}

.twinkling,
.tag-live strong:before,
.on_live .live_icon span:before {
  animation: twinkling 1.4s infinite ease;
}

@keyframes twinkling {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}

.a-search {
  padding: 0;
  background-image: linear-gradient(180deg, #525252 0%, #2d2d2d 100%);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6.5px;
  border: 0;
  z-index: 10;
  width: 50px;
}

.a-search img {
  width: 28.16px;
  height: 28.16px;
}

.search-list-modal .modal-dialog-centered {
  align-items: self-start;
  margin: 0;
  justify-content: center;
  --bs-modal-width: 100%;
  max-width: 768px;
  margin: 0 auto;
  width: 100%;
}

.search-list-modal .modal-content {
  background: var(--bg-white-color);
  border-radius: 0;
}

.search-list-modal .modal-header {
  padding: 0;
}

.search-list-modal .modal-header button {
  height: 83.91px;
  border: 0;
  background-color: transparent;
}

.search-one {
  width: 72px;
}

.search-two {
  width: 20px;
}

.search-three {
  width: 27px;
}

.search-input:focus-visible {
  outline: none;
}

.searxh-a {
  width: 10%;
}

.searxh-b {
  width: 70%;
}

.searxh-c {
  width: 20%;
}

.close-search {
  justify-content: end;
  display: flex;
  align-items: center;
  padding-right: 5px;
  gap: 20px;
}

.search-input {
  margin: 0;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  color: var(--black-color);
  font-size: 23px;
  height: 82.91px;
  z-index: 99999;
  position: relative;
  width: 100%;
}

.search-input::placeholder {
  color: #9b9b9b;
  font-size: var(--heading-four-size);
  font-weight: var(--weight-theme-500);
}

.search-input:focus {
  box-shadow: none;
}

.view-all-sports {
  text-align: center;
}

.view_more_btn {
  color: #dfa827;
  font-size: var(--heading-six-size);
  font-weight: var(--weight-theme-600);
  padding: 10.5px 0 12px;
  background-color: transparent;
  width: 100%;
  border: 0;
}

.show-more-item {
  display: none;
}

.show-more-item.show {
  display: flex;
}

.in_play_bg.bg_border {
  border-bottom: 4px solid #ffa40c;
}

.suggestion-wrap {
  max-height: 316px;
  border-top: 1px solid #d8d8d8;
  overflow-y: scroll;
  display: none;
}

.suggestion-wrap.show {
  display: block;
}

.suggestion-wrap li {
  height: 82px;
  line-height: 89px;
  list-style: none;
  text-indent: 22px;
}

.suggestion-wrap li p,
.suggestion-wrap li a {
  display: block;
  height: 100%;
  color: var(--match-name);
  font-size: 25.56px;
  font-weight: var(--weight-theme-600);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 550px;
  white-space: nowrap;
}

.suggestion-wrap li .time {
  margin-right: 11px;
  font-weight: normal;
  color: var(--time-in-play);
  font-weight: var(--weight-theme-500);
  font-weight: "inter";
}

/*======================== 12.0 casino page ============================== */
.search-filter {
  background-color: #1c1c1c;
  padding: 12px 14px;
}

.filter-search ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.filter-search ul button {
  background-color: transparent;
  padding: 0;
  border: 0;
}

.filetr-posi {
  position: relative;
}

.filter-txt.main_label {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}

.filter-txt span {
  font-size: var(--heading-four-size);
  text-transform: uppercase;
  padding-left: 8px;
  font-weight: var(--weight-theme-500);
  color: var(--white-color);
  position: relative;
}

.left-imgg.left-arrow {
  visibility: hidden;
}

.main-slider-home {
  padding: 8px 7px 0px 8px;
  background: #171717;
}

.casino_slider_item img {
  border-radius: 12px;
}

#casino_slider-top .owl-dots {
  margin-top: 0px;
  text-align: center;
}

#casino_slider-top .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  display: inline-block;
  background: #8f8f8f !important;
}

#casino_slider-top .owl-dot.active {
  background: #f3b52f !important;
}

.navbar-main {
  background: #171717;
  padding-bottom: 10px;
  padding-top: 13px;
}

ul.navbar-scroll {
  display: flex;
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 13px 20px;
}

li.navtext {
  list-style: none;
  position: relative;
}

.navbar-inner .head3.actives {
  color: #e2ae3e;
}

.navbar-inner .head3 {
  position: relative;
  cursor: pointer;
  font-style: normal;
  font-weight: var(--weight-theme-400);
  font-size: var(--heading-normal-size);
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #9a9a9a;
  text-align: center;
  width: max-content;
  white-space: nowrap;
}

.head3.actives:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e2ae3e;
  bottom: -15px;
  right: 0px;
  left: 50%;
  z-index: 9;
  transform: translateX(-50%);
}

.navbar-inner:after {
  width: 100%;
  content: "";
  position: absolute;
  background: var(--bg-form-border);
  height: 0px;
  bottom: 0;
  border-bottom: 2px solid var(--bg-form-border);
  z-index: 0;
}

.navbar-inner {
  position: relative;
}

.game-provider {
  background: #171717;
  padding: 4px 15px 30px;
}

.game-provider .hpr {
  color: #dfdfdf;
  font-style: normal;
  font-weight: var(--weight-theme-600);
  font-size: var(--heading-normal-size);
  line-height: 35px;
  width: 98%;
  margin: 5px auto;
}

.home-wrapper-inner.cl-home-wrapper {
  width: 100%;
}

.home-wrapper-inner {
  display: flex;
  flex-direction: column;
  gap: 9px;
  justify-content: center;
  text-align: center;
  width: 62px;
}

.home-wrapper-inner.cl-home-wrapper .cl-home-wrapper-in.place-two-rows {
  grid-auto-columns: 150px;
  grid-template-columns: unset;
  overflow: auto hidden;
  grid-template-rows: repeat(2, auto);
}

.cl-home-wrapper .inner-icons {
  border-radius: 10px;
  background: var(--bg-form);
  border: 1px solid var(--bg-form-border);
  display: grid;
  place-items: center;
  width: unset;
  padding: unset;
}

.cl-home-wrapper .inner-icons {
  border-radius: 10px;
  background: var(--bg-form);
  border: 1px solid var(--bg-form-border);
  display: grid;
  place-items: center;
  width: unset;
  padding: unset;
}

.game-provider .inner-icons img {
  height: 30px;
  width: 30px;
  background-size: contain;
}

.home-wrapper-inner.cl-home-wrapper .cl-home-wrapper-in {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(5, calc((100% - 40px) / 4));
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-flow: column;
}

.game-provider .inner-icons .sub-inner-icons {
  padding: 15px 10px;
}

.game-provider .inner-icons .icntxt {
  font-style: normal;
  margin: 0;
  font-weight: var(--weight-theme-500);
  font-size: var(--heading-five-size);
  line-height: 12px;
  color: #959595;
  text-transform: uppercase;
  padding-top: 20px;
}

.casino-filter-menu .offcanvas {
  width: 775px !important;
  transition: none;
}

.offcanvas.offcanvas-end {
  top: 69px;
  background-color: #1c1c1c;
  margin: 0 auto;
  right: 0;
  left: 0;
  border: 0;
}

.categories-filter {
  display: flex;
  justify-content: space-between;
  padding: 11px 15px;
  background: #1c1c1c;
  align-items: center;
  position: relative;
}

.left-imgg {
  flex: 1;
  display: flex;
  background-color: transparent;
  border: 0;
}

.filter-txt {
  color: var(--white-color);
  font-style: normal;
  font-weight: var(--weight-theme-500);
  font-size: var(--heading-four-size);
  line-height: 21px;
  flex: 1;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 2%);
}

.filter-items,
.recentgames-recenth {
  margin: 0 15px 15px;
}

.inner-items:first-child {
  border-top: unset;
}

.inner-items {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
  border-top: 1px solid #36332d;
}

.filter-items .d-fleex {
  display: flex;
  gap: 14px;
}

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

.topgames-txt {
  font-style: normal;
  font-weight: var(--weight-theme-500);
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: var(--white-color);
  align-items: center;
  display: flex;
  text-transform: uppercase;
}

.topgames-no {
  color: #a8a8a8 !important;
}

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

.filter-items {
  background: #292622;
  border-radius: 9px;
  margin: 15px;
  margin-bottom: 111px;
}

.gametxt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 17px 13px 13px;
}

.htext {
  font-weight: var(--weight-theme-600);
  font-size: var(--heading-five-size);
  line-height: 21px;
  color: var(--white-color);
  text-transform: uppercase;
}

.htext img {
  padding-right: 3px;
}

.hnext {
  font-style: normal;
  font-weight: var(--weight-theme-500);
  font-size: var(--heading-five-size);
  align-items: center;
  line-height: 16px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #959187 !important;
  display: flex;
  gap: 9px;
}

.hnext img {
  height: 15px;
}

.img-ind-container {
  grid-template-columns: repeat(3, 1fr);
  padding: 10px 20px 20px;
  margin: unset;
  display: grid;
  gap: 15px;
}

.img-ind-container .find-imf {
  padding: 2px;
  background-image: linear-gradient(#fdc315, #fff1ad, #e6931b);
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.img-ind-container .find-imf img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background: var(--bg-white-color);
}

.allgame-inner1 {
  background-color: #171717;
}

.search-filter-menu .htext {
  display: flex;
  align-items: center;
  gap: 5px;
}

.recentgames-recenth {
  margin: 15px;
  background: #2b2b2b;
  border-radius: 8px;
  margin: 0 15px 15px;
}

.search-games {
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-txtt {
  font-style: normal;
  font-weight: var(--weight-theme-400);
  font-size: var(--small-l-size);
  line-height: 13px;
  letter-spacing: 0.02em;
  color: var(--white-color) !important;
  background: #4a4845;
  width: 100%;
  border: none !important;
  box-shadow: none;
  margin: 0;
  padding: 12px;
  border-radius: 7px;
}

.search-txtt::placeholder {
  color: var(--white-color);
}

.ftlsrc {
  display: grid;
  position: absolute;
  right: 10px;
  border: 0;
  background-color: transparent;
  padding: 0;
}

.ftlsrclose {
  position: absolute;
  right: 10px;
  display: none;
  border: 0;
  background-color: transparent;
  padding: 0;
}

.htext img {
  height: 20px !important;
  padding-right: 3px;
  position: relative;
  top: -1px;
}

.casinolisting-title {
  text-transform: uppercase;
  gap: 8px;
}

.no-data-found-master-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 77vh;
  flex-direction: column;
}

.slot-filter .game-center-r img {
  width: 18px;
}

.casinoLink {
  height: 124px;
  display: block;
}

.no-data-found-master-wrapper h4 {
  font-size: 16.64px;
  color: #4a4845;
  padding-top: 10px;
}

/*======================= 13.0 refer and earn page ============================== */
.refer_img,
.refer_img img {
  width: 100%;
}

.refer_box {
  background-color: #e5e5e5;
  border-radius: 16px;
  margin: 5px;
  padding-bottom: 15px;
}

.inplay-live-match {
  padding-bottom: 50px;
}

.copy_code {
  background-color: var(--bg-white-color);
  border: 2px dashed #305093;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  height: 43px;
  min-width: 60px;

  input {
    border: 0;
    color: #305093;
    font-weight: var(--weight-theme-500);
    font-size: 16px;
    line-height: 20px;
    line-height: 35px;
    padding-left: 15px;
  }
}

.copy_code input:focus {
  outline: 0;
}

.click_copy img {
  filter: invert(26%) sepia(97%) saturate(549%) hue-rotate(186deg) brightness(66%) contrast(89%);
}

.copy_code input::placeholder {
  color: #305093;
}

.social-link {
  overflow-x: auto;
  padding-bottom: 6px;
}

.social-link ul {
  display: flex;
  column-gap: 15px;
}

.share_on {
  background-color: #1cb956;
  border-radius: 5px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: var(--white-color);
  font-size: 12px;
  font-weight: var(--weight-theme-500);
  padding: 5px 19px;
  width: max-content !important;
  height: 42px !important;

  img {
    width: 20px;
  }
}

.refer-video-sec {
  width: 100%;
  padding: 0 5px;
}

.refer-video-sec h3 {
  font-size: 16px;
  font-weight: var(--weight-theme-600);
  line-height: 17.1px;
  color: var(--black-color);
  padding: 5px 0;
  padding-left: 5px;
}

.bank-transfer-sec .thm-heading {
  display: inline-block;
  padding: 10px 12px;
  border-bottom: 1px solid var(--file-uplode);
}

.refer-video-sec video {
  width: 100%;
  border-radius: 10px;
  margin: 10px 0;
}

.social-link ul li a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: var(--white-color);
}

.refer-code-box {
  text-align: left;
  margin-top: 20px;
}

.refer-code-box label {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: var(--weight-theme-500);
  color: var(--black-color);
}

.copy-refer-code {
  position: relative;
}

.copy-refer-code .form-control {
  background: #f5f5f5 !important;
  height: 50px;
  color: #666 !important;
  border-radius: 8px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: var(--weight-theme-500);
  border: 0 !important;
}

.copy-refer-code .exch-sm-btn,
.copy-refer-code .exch-sm-btn:hover {
  position: absolute;
  top: 5px;
  right: 5px;
  width: auto;
  padding: 0 18px;
  border-radius: 6px;
  height: 40px;
  box-shadow: none;
  font-size: 12px;
  font-weight: var(--weight-theme-600);
  background: linear-gradient(-180deg, #ffb80c 15%, #ffa00c 100%);
  color: var(--light-gary-color);
  border: 0;
}

.click_copy {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  padding: 0;
}

.copy_your_code {
  background-color: #f5f5f5;
  padding: 9px 15px;
  border-radius: 8px;
  margin: 13px 0px 10px;
}

.inner_body {
  margin: 0 15px;
}

.code-title {
  font-size: 14px;
  line-height: 17.1px;
  font-weight: var(--weight-theme-600);
  color: #333333;
}

.exch-fancy-primium-tabs-wrapper .nav-tabs .nav-link span {
  color: var(--white-color);
  text-align: center;
  font-size: 13px;
  font-weight: var(--weight-theme-500);
  line-height: 150%;
  letter-spacing: 0.3px;
  width: max-content;
  z-index: 2;
}

.exch-fancy-primium-tabs-wrapper .nav-tabs .nav-link {
  gap: 19px;
  display: flex;
  height: 30px;
  padding: 5px 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  background-color: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.7);
}

.exch-fancy-primium-tabs-wrapper .nav-tabs {
  border-bottom: 0;
}

.exch-fancy-primium-tabs-wrapper .nav {
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start;
  overflow-y: hidden;
  max-width: max-content;
  width: 100%;
  margin: 20px auto 0;
  background: linear-gradient(180deg, #303d46 0%, #192226 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 5px 5px 8px 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  white-space: nowrap;
}

.exch-fancy-primium-tabs-wrapper .nav-tabs .nav-link.active {
  background: linear-gradient(180deg, #1c2129 0%, #161b20 100%);
  box-shadow: 0px 1.38889px 1.38889px rgb(0 0 0 / 65%);
  border-radius: 5px;
  transition: 0.3s ease-in-out;
  transition-property: transform, width;
  color: #ffbb00;
}

.exch-fancy-primium-tabs-wrapper .nav-tabs .nav-link.active span {
  color: #ffbb00;
}

.exch-fancy-primium-tabs-wrapper {
  padding-top: 14px;
  background-color: #f2f2f2;
}

.inplay-live-match-inner .path-wrap a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 6px;
  color: var(--white-color);
  padding: 5px;
  width: fit-content;
}

.inplay-live-match-inner .path-wrap a h5 {
  font-size: 17.152px;
  font-weight: var(--weight-theme-500);
}

/*============= 14.0 Bonus page =================================== */
/*============= 15.0 myprofile-edit page =================================== */
.menu-list-profile {
  flex: 1;
  position: relative;
  font-size: 19.2px;
  font-weight: var(--weight-theme-600);
  line-height: 2.5;
  padding: 15px 18px 0 15px;
  flex-wrap: wrap;
  color: #2789ce;
  background-color: var(--white-color);
  margin-bottom: 15px;
}

.my-profil-bg {
  background-color: var(--light-bg);
}

.menu-list-profile li {
  border-bottom: 1px solid #e0e6e6;
  list-style: none;
  align-items: center;
}

.profile-items {
  display: flex;
  align-items: center;
  width: 100%;
}

.profile-items label {
  width: 25%;
}

.profile-items p {
  width: 70%;
  float: right;
}

.copy-deti .profile-items label {
  width: 95%;
  font-size: var(--heading-four-size);
}

.profile-icon {
  background: transparent;
  border: 0;
  padding: 0;
  width: 18px;
}

/*======================== 16.0 help ============================== */
.vipheading h2 {
  font-size: 32px;
  color: var(--white-color);
  padding-bottom: 10px;
}

.helpGreen {
  color: #0cd664;
}

.contact-div img {
  height: 40px;
  padding: 0px 5px;
}

.help_div {
  padding-bottom: 60px;
}

.fancycard {
  padding: 16px;
  border-radius: 12px;
  background: rgb(26, 33, 42);
}

.fancy-pattern .topleft {
  filter: invert(86%) sepia(17%) saturate(470%) hue-rotate(345deg) brightness(91%) contrast(85%);
}

.fancy-pattern .topright {
  filter: invert(86%) sepia(17%) saturate(470%) hue-rotate(345deg) brightness(91%) contrast(85%);
  float: right;
  transform: scaleX(-1);
}

.fancycard .card-content {
  color: var(--white-color);
  padding: 30px;
}

.fancycard .card-content .image img {
  filter: invert(87%) sepia(11%) saturate(716%) hue-rotate(345deg) brightness(90%) contrast(88%);
}

.fancycard>.card-content .title {
  margin-bottom: 24px;
  font-size: 20px;
}

.fancycard>.card-content .desc__ {
  font-size: var(--heading-five-size);
}

.desc__ p {
  margin: 20px 0px 0px 0px !important;
}

.number {
  font-size: 16px;
  color: #80e91d;
  font-weight: var(--weight-theme-600);
  margin-top: 10px;
  display: block;
}

.fancy-pattern .bottomleft {
  filter: invert(86%) sepia(17%) saturate(470%) hue-rotate(345deg) brightness(91%) contrast(85%);
  transform: scaleX(-1) rotate(180deg);
}

.headerImage img {
  width: 100%;
  padding-top: 22px;
}

.pd5 {
  background-color: #232a33;
  padding-top: 25px;
}

.pd20 {
  padding: 20px;
}

.fancy-pattern .bottomright {
  filter: invert(86%) sepia(17%) saturate(470%) hue-rotate(345deg) brightness(91%) contrast(85%);
  float: right;
  transform: rotate(180deg);
}

.bold.number img {
  width: 16px;
}

.bold.number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

/* Contact page: WhatsApp card — one button per row (label + link from Customizer) */
.fei-contact-wa-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.fei-contact-wa-btn {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px 12px 14px;
  border-radius: 12px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 600;
  color: #fff !important;
  background: linear-gradient(160deg, #25d366 0%, #128c7e 55%, #075e54 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 4px 16px rgba(7, 94, 84, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.fei-contact-wa-btn:hover {
  color: #fff !important;
  filter: brightness(1.06);
  box-shadow: 0 6px 22px rgba(7, 94, 84, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

.fei-contact-wa-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
}

.fei-contact-wa-btn-icon img {
  width: 18px;
  height: 18px;
  display: block;
}

.fei-contact-wa-btn-label {
  text-align: center;
  line-height: 1.25;
  min-width: 0;
}

/*======================== 17.0 get-losing-bonus_ modal ============================== */
.get-losing-bonus_y .modal-content {
  background: var(--bg-white-color);
  border: 0;
}

.get-losing-bonus_y .modal-header {
  background-color: var(--light-gary-color);
  border: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

.get-losing-bonus_y .modal-header h5 {
  font-size: 26px;
}

.get-losing-bonus_y p {
  font-size: 17.5px;
  color: #222;
  font-weight: var(--weight-theme-500);
  text-align: center;
  padding-top: 4px;
  line-height: 22px;
  text-transform: math-auto;
}

.get-losing-bonus_y .info_list li:before {
  display: inline-block;
  content: "";
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.5rem;
  position: absolute;
  left: 0;
  top: 1vw;
  background-color: rgb(18 149 34) !important;
}

.get-losing-bonus_y .info_list {
  position: relative;
  padding: 11px 0 0 26px;
  font-weight: var(--weight-theme-500);
}

.get-losing-bonus_y .info_list li {
  font-size: 15.8px;
  list-style-type: none;
  position: relative;
  padding-left: 25px;
  color: #686363;
  line-height: 23px;
}

.button-sec button {
  background: #444 !important;
  border-color: var(--black-color);
  color: rgb(18 149 34) !important;
  font: inherit;
  height: 43.19px;
  width: 45%;
  border-radius: 2vw;
  font-size: 19.2px;
  border: 0;
  font-weight: var(--weight-theme-500);
}

.button-sec.activated {
  display: flex;
  justify-content: center;
  margin: 16px 0;
  padding: 15px 0 3px;
}

.button-sec.activated {
  display: flex;
  justify-content: center;
  margin: 16px 0;
  padding: 15px 0 3px;
}

span.highlight_bonus {
  color: #e08713;
}

/*======================== 18.0 get-losing-bonus_ modal ============================== */
.player-to-player-transfer_y .modal-content {
  background: var(--bg-white-color);
  border: 0;
}

.jconfirm-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: var(--weight-theme-500);
  margin-top: 19px;
  display: block;
}

.warning_img {
  background: #fee3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 5px;

  img {
    width: 25px;
  }
}

.logout_text p {
  color: rgba(0, 0, 0, 0.87);
}

.logout_text {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-direction: column;
}

.player-to-player-transfer_y .modal-dialog {
  margin: 0 auto;
}

.internal_transfer_form {
  padding-left: 20%;
}

.internal_transfer_form span {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16.64px;
  padding: 10px 0;
  display: block;
  font-weight: var(--weight-theme-500);
}

.internal_transfer_form input {
  position: relative;
  background: var(--bg-white-color);
  border: 1px solid #666;
  box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: var(--light-gary-color);
  font-size: var(--heading-four-size);
  font-family: Helvetica, Tahoma, sans-serif;
  padding: 12.8px 8.09px;
  margin-bottom: 11px;
  width: auto;
}

.internal_transfer_form input:focus {
  color: var(--light-gary-color);
  background-color: #fff0ca;
  box-shadow: inset 0 0.26667vw 1.33333vw rgba(161, 128, 45, 0.6);
  border-color: #be7809;
}

.jconfirm-buttons {
  display: flex;
  gap: 5px;
  justify-content: end;
}

.jconfirm-buttons button.btn-default,
.jconfirm-buttons a.btn-default {
  background-color: #ecf0f1;
  color: var(--black-color);
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-transform: uppercase;
  font-size: var(--heading-six-size);
}

.jconfirm-buttons button.btn-default:hover,
.jconfirm-buttons a.btn-default:hover {
  background-color: #bdc3c7;
  color: var(--black-color);
  border: 0;
}

.player-to-player-transfer_y,
.balance-details_y {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}

.player-to-player-transfer_y.show,
.balance-details_y.show {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*======================== 19.0 balance-details_ modal ============================== */
.balance-details_y .modal-dialog {
  background-color: rgba(54, 70, 93, 0.95);
  --bs-modal-width: 768px;
  margin: 0 auto;
  min-height: 100%;
}

.balance-details_y .modal-content {
  background: transparent;
  border: 0;
}

.balance-details_y .jconfirm-title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}

.balance-details_y .jconfirm-title-c>* {
  padding-bottom: 25px;
}

.balance-details_y .jconfirm-title-c {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.balance-details_y .jconfirm-title {
  color: rgb(243 243 243 / 87%);
  font-size: 26px;
  font-weight: var(--weight-theme-500);
  margin-top: 19px;
  display: block;
}

.jconfirm-title img {
  height: 100px;
}

.jconfirm-title span {
  font-size: 28px;
  padding-top: 23px;
  display: block;
}

.jconfirm-content img {
  height: 15px;
  margin-right: 5px;
}

.push-right {
  float: right;
}

.needto {
  color: #2789ce;
  font-size: 16.64px;
}

.jconfirm-content {
  font-size: 15.64px;
  font-weight: var(--weight-theme-500);
  line-height: 25px;
}

.balance-details_y .btn.btn-sm {
  background: #303f53;
  color: var(--white-color);
  border: none;
  width: 100%;
  font-weight: var(--weight-theme-500);
  line-height: 2.6;
  font-size: var(--heading-four-size);
  margin-top: 7px;
  border-radius: 8px;
}

.balance-details_y .jconfirm-buttons button {
  font-size: 15px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: 0;
  color: white;
  padding: 10px;
  min-width: 100px;
  text-transform: capitalize;
}

.balance-details_y .jconfirm-buttons {
  text-align: center;
  justify-content: center;
  margin-top: 14px;
}

.update-name_y .jconfirm-buttons button.btn-blue {
  background-color: #3498db;
  color: var(--white-color);
  text-shadow: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: var(--weight-theme-700);
  border-radius: 3px;
  border: 0;
}

.update-name_y .btn-default {
  font-size: 13px;
  font-weight: var(--weight-theme-600);
  border-radius: 3px;
  border: 0;
}

/*======================== 20.0 currentbets_ modal ============================== */
.tabbable-line {
  background: #232a33;
  box-shadow: 0px 3px 5px #06131c;
}

.casino_filter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0 15px;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.jrk_select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  width: 100%;
}

.select-styled {
  border: 1px solid #ffffff;
  border-radius: 30px;
  /* width: 100%;
  */
  box-sizing: border-box;
  height: 30px;
  display: flex;
  padding-left: 10px;
  align-items: center;
}

.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 11px;
  right: 10px;
}

/****** Filter section css ********/
.jrk_filter_section {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 0.4fr 0.6fr;
  align-items: center;
  padding: 12px;
}

.jrk_selectDate_wrapper {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  gap: 8px;
  width: 60%;
}

.jrk_title {
  color: #7a7d80;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: unset;
}

.jrk_logDetails {
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 9px;
  display: grid;
  grid-template-columns: 25% 47% 25%;
  gap: 3%;
}

.jrk_status {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.jrk_success_green {
  color: #06b404;
}

.jrk_failed_red {
  color: #f62c2c;
}

.jrk_location,
.jrk_ipAddress {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.jrk_location {
  font-size: 11px;
}

.jrk_ipAddress {
  font-size: 12px;
}

.jrk_dateSec {
  color: #808080;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.jrk_bodySec {
  background: #242a32;
  padding: 0 8px;
}

.jrk_title_column div {
  color: #448ef7;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.jrk_title_column {
  display: grid;
  grid-template-columns: 25% 47% 25%;
  gap: 3%;
  padding: 10px 8px;
}

.jrk_headSec {
  background: linear-gradient(180deg, #33485a 0%, #293947 100%);
  padding: 7px 12px;
  display: grid;
  grid-template-columns: 70% 30%;
  align-items: center;
}

.jrk_headSec h4 {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin: unset;
}

.jrk_activityLog_section .select-styled:active,
.jrk_activityLog_section .select-styled.active {
  background: #232932;
}

.jrk_logMessage_container {
  display: grid;
  gap: 4px;
}

.jrk_loadMore_btn {
  all: unset;
  border-radius: 74px;
  background: #384a58;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  height: 40px;
  width: 160px;
  display: grid;
  place-items: center;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin: 16px 0;
  transition: all 1s ease;
}

.jrk_loadMore_btn:active {
  animation: bounce 1s;
  transition: all 1s ease;
}

@keyframes bounce {
  0% {
    transform: scale(0.9);
  }

  25% {
    transform: scale(0.95);
  }

  50% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(1.05);
  }

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

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

#page:has(.jrk_activityLog_section) {
  background-color: #232932;
  padding-bottom: 0;
}

.select-styled:active,
.select-styled.active {
  background: transparent;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: none;
  border-radius: 11px 11px 0 0;
}

.select-styled.active {
  border-radius: 11px 11px 0 0;
}

.select-styled.active:after {
  top: 5px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 9;
  margin: 0;
  max-height: 200px;
  overflow: hidden auto;
  padding: 0 7px 12px;
  border-radius: 0 0 11px 11px;
  list-style: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-top: none;
  background: #242a32;
}

.select-options li {
  margin: 0;
  padding: 12px 0 0;
  text-align: left;
  border-bottom: 0.5px solid #30383f;
  transition: all 0.15s ease-in;
}

.select-options li:last-child {
  border-bottom: none;
}

.select-styled.yearSelected,
.select-styled.monthSelected {
  background: #1a1c21;
  border: transparent;
  color: #e4bf69;
}

.select-styled.yearSelected:after,
.select-styled.monthSelected:after {
  border-color: #e4bf69 transparent transparent transparent;
}

.tabbable-line-bg {
  background: #232a33;
}

.tabbable-line h3 {
  font-size: 17.92px;
  text-align: center;
  padding: 10px 0;
}

.tabbable-line .nav-pills .nav-link {
  font-size: 13px;
  color: #b0b0b0;
  font-weight: var(--weight-theme-600);
  padding: 7px 11px;
  text-transform: capitalize;
}

.tabbable-line .nav-pills .nav-link.active {
  background-color: transparent;
  color: #ffb80c !important;
  border-bottom: 2px solid rgb(18 149 34) !important;
  border-radius: 0;
}

.tabbable-line .nav {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-left: 5px;
}

.nobets {
  margin: 0 auto;
  width: 90%;
  padding: 10px;
}

.no-bets-image-div {
  padding: 10px;
  text-align: center;
}

.no-bets-text-div {
  margin: auto;
  width: 70%;
  padding: 20px;
  text-align: center;
  color: var(--white-color);
}

.no-bets-text-div h4 {
  font-size: var(--heading-normal-size);
  text-transform: math-auto;
}

.s-book li {
  flex: 25%;
}

.s-book .nobets {
  margin: 50% auto;
}

/*======================== 21.0 open-bets-offcanvas ============================== */
.open-bets-canvas-bg {
  background-color: #eeeeee;
  width: 550px !important;
}

.open-bets-canvas-bg.offcanvas-start {
  border-right: 0;
}

.open-bets-canvas-bg .offcanvas-header {
  background-color: #0a101f;
  padding: 0;
}

.open_bets_header {
  display: flex;
  background-color: var(--light-gary-color);
  height: 48px;
  align-items: center;
}

.open_bets_header_l {
  height: 100%;
  display: flex;
  width: 7%;
  border-right: 1px solid #464646 !important;
  justify-content: center;
}

.open_bets_header_r {
  height: 100%;
  padding-left: 13px;
  display: flex;
  align-items: center;
}

.open_bets_header_r p {
  color: var(--white-color);
  text-transform: capitalize;
  font-size: 15px;
  font-weight: var(--weight-theme-500);
}

.menu-list .inplay-off a:before {
  content: "";
  width: 12.8px;
  height: 12.8px;
  border-radius: 50%;
  background-color: #c5d0d8;
  border: 1px solid rgba(51, 51, 51, 0.4);
  margin-right: 1.33333vw;
}

.Matched_title {
  background: var(--title-header-bg);
  color: var(--white-color);
  font-size: 16px;
  font-weight: var(--weight-theme-500);
  padding: 5px 12px;
}

.odds_data .table th {
  background-color: white !important;
  text-align: center;
  color: #59666f;
  font-weight: var(--weight-theme-600);
  font-size: 13px;
  padding: 5px;
  width: 20%;
}

.back_lay_bet {
  display: flex;
  align-items: center;
  gap: 5px;
}

.btn_place {
  background-color: #1a69a7;
  padding: 8px 8px;
  border-radius: 4px;
  margin-left: 6px;
}

.odds_data {
  border-bottom: 1px solid #a7a7a7;
  background-color: var(--bg-white-color);
}

.check_data {
  background-color: var(--bg-white-color);
  padding: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.open_after_bet {
  display: none;
}

.open_after_bet.show {
  display: block;
}

.bets_tabs.show {
  display: none;
}

.check_data label {
  color: #2f3133;
  font-size: 15px;
  font-weight: var(--weight-theme-500);
  margin-left: 5px;
  line-height: 25px;
}

.check_data .form-check-input:checked[type="checkbox"] {
  background-image: url(../images/check_odds.svg);
}

.check_data .form-check-input:checked {
  background-color: var(--match-name-bg);
  border-color: var(--match-name-bg);
}

.check_data .form-check-input[type="checkbox"] {
  border-radius: 100%;
  width: 22px;
  height: 22px;
}

.odds_data .table th:first-child,
.odds_data .table td:first-child {
  width: 48%;
  text-align: left;
  white-space: nowrap;
}

.odds_data .table td {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #88b0ce;
  background: #beddf4;
  color: #2f3133;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
  padding: 5px 0;
}

.odds_data .table .ref_num {
  padding: 0;
  border: 0;
  background: #d2e7f7;
  font-size: 12px;
  padding: 5px;
  color: #435a69;
}

.open-bets-canvas-bg .offcanvas-tittle {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 12px 5px;

  span {
    color: rgb(18 149 34) !important;
  }
}

.open-bets-canvas-bg .offcanvas-tittle img {
  width: 25.59px;
  height: 25.59px;
}

.open-bets-canvas-bg .offcanvas-tittle span {
  font-size: 18.09px;
  font-weight: var(--weight-theme-500);
}

.open-bets-canvas-bg .offcanvas-header .btn-close {
  padding: 0px 38px 0 0;
  opacity: 1;
  filter: brightness(0) invert(1);
  background-size: 10px 11px;
  border-left: 1px solid #ffffff !important;
  border-radius: 0;
  height: 100%;
  margin: 0;
  --bs-offcanvas-border-color: red;
  filter: invert(37%) sepia(62%) saturate(6232%) hue-rotate(122deg) brightness(97%) contrast(86%);
  width: 20px;
  height: 49px;
}

.col-stake_edit {
  width: 100%;
  flex: 100%;
}

.left-arrow_close {
  background-color: transparent;
  padding: 0;
  border: 0;

  img {
    width: 21px;
  }
}

.open_bets_item ul {
  padding: 10px;
}

.open_bets_item ul li {
  flex: 1;
  justify-content: center;
  display: flex;
}

.open_bets_item ul li .nav-link {
  font-size: 16.64px;
  color: var(--black-color);
  font-weight: var(--weight-theme-500);
  padding: 0;
}

.open_bets_item ul li .nav-link.active {
  background-color: transparent;
  color: rgb(18 149 34) !important;
}

/*==================================27. sportsbook-bets =============*/
.sportsbook-bets_acc {
  padding: 5px;
}

.sportsbook-bets_acc .accordion-button {
  background-color: #1a212a;
  border-radius: 5px !important;
  padding: 10px 10px !important;
}

.bet_img {
  width: 16px;
}

.sportsbook-bets_ac_header {
  width: 100%;
}

.flex-around {
  display: flex;
  justify-content: flex-start;
}

.flex-around>div {
  width: 50%;
}

.bets-type-name {
  font-size: 12px !important;
  color: var(--white-color);
  padding-left: 16px;
  text-transform: math-auto !important;
  word-break: break-word;
}

.bets-type-time {
  color: grey;
  font-size: 10px !important;
}

.sportsbook-bets_acc .accordion-button:not(.collapsed)::after {
  background-image: url("../images/zrrow_a.png") !important;
  filter: none !important;
  transform: rotate(-360deg);
  background-size: 11px 11px;
  right: 15px;
  top: 13px;
}

.sportsbook-bets_acc .accordion-button::after {
  background-image: url("../images/zrrow_a.png") !important;
  filter: none !important;
  background-size: 11px 11px;
  right: 28px;
  top: 6px;
  transform: rotate(-180deg);
}

.sportsbook-bets_acc .accordion .accordion-item {
  border-top: 0;
}

.bgTicketFooter {
  background-color: #1a212a !important;
  border-radius: 5px !important;
  color: var(--white-color);
  padding: 10px 10px !important;
}

.bgTicketFooter label {
  font-size: 10px;
  color: grey;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: var(--weight-theme-600);
}

.bgTicketFooter h5 {
  font-size: 12px;
  font-weight: var(--weight-theme-600);
  color: grey;
  margin: 0px;
}

.bgTicketFooter .col-4 {
  text-align: end;
}

.bgTicketFooterButton {
  background-color: #1a212a !important;
  border-radius: 10px !important;
  color: var(--white-color);
  padding: 0 10px;
}

.cashout-amount-btn button {
  width: 100%;
  margin: 10px 5px;
  color: rgb(255, 255, 255);
  background-color: #232a33;
  font-size: 12px;
  padding: 10px 5px;
  border: 1px solid transparent;
  border-radius: 6.25rem;
}

.cashout-number {
  padding: 0px 10px;
  color: rgb(12, 212, 99);
  text-transform: capitalize;
}

.bgTicketBody {
  background-color: #1a212a;
  border-radius: 5px !important;
  padding: 10px 10px !important;
}

.bet-on-game-name {
  color: var(--white-color);
  font-size: 12px;
}

.bet-on-game-date {
  color: gray;
  margin-top: 20px;
  font-size: 10px;
  text-align: end;
}

.my-bets_acc .bets-type-name {
  background: dodgerblue;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px !important;
}

.team_bets_odds {
  margin-left: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.sportsbook-bets_acc.my-bets_acc .accordion-button:not(.collapsed)::after {
  right: 0px;
  transition: 0.5s;
}

.sportsbook-bets_acc.my-bets_acc .accordion-button::after {
  right: 7px;
  transition: 0.5s;
}

.runnerName {
  color: var(--white-color);
  font-size: 12px;
  font-weight: var(--weight-theme-500);
  display: none;
}

.accordion-button.collapsed .runnerName {
  display: block;
  transition: 0.7s;
}

.my-bets_acc .bet-on-game-name {
  margin: 10px 0;
}

.bet-on-game-desc {
  color: gray;
  margin: 0px;
  font-size: 10px;
  line-height: 14px;
}

.bet-on-game-points h6 {
  color: rgb(12, 212, 99);
  font-weight: bold;
  font-size: 12px;
  text-align: end;
}

.bet-on-game-name img {
  width: 12px;
}

.nag_t {
  color: red !important;
}

.modal-dialog.modal-dialog-centered.modal-sm {
  max-width: 350px;
  margin: 0 auto;
}

/*==================================29. low balance =============*/
.flex-box-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}

.wallet-deposit {
  width: 71px;
  margin-top: 15px;
}

.deposit-balnce {
  font-size: 12px;
  line-height: normal;
}

.check-blow-item {
  color: #ffbb00;
  font-weight: var(--weight-theme-500);
  line-height: 12px;
  padding-top: 10px;
}

.offcanvas-body {
  overflow-x: hidden;
}

/*======================== 30.0 casino_bet ============================== */
.casino_bet {
  overflow-x: auto;
}

.casino_bet ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 9px;
  padding: 15px;
}

.tabs__item_list {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1a1a1a;
  font-size: 14px;
  font-weight: var(--weight-theme-500);
  color: var(--white-color);
}

.tabs__item_list img {
  width: 30px;
}

.casino_bet .nav-pills .nav-link.active {
  background-color: transparent;
  outline: solid 2px #f9bb22;
}

.casino_bet .nav-pills .nav-link {
  padding: 0;
  border-radius: 60px;
}

.item-two {
  display: none;
}

.casino_bet .nav-pills .nav-link.active .tabs__item_list {
  .item-one {
    display: none;
  }

  .item-two {
    display: block;
  }
}

.mt_a {
  margin-top: 30px;
}

.mt_a .accordion-button::after,
.mt_a .sportsbook-bets_acc .accordion-button::after,
.mt_a .accordion-button:not(.collapsed)::after,
.mt_a .sportsbook-bets_acc .accordion-button:not(.collapsed)::after,
.mt_a .sportsbook-bets_acc .accordion-button:not(.collapsed)::after {
  background-image: none !important;
}

.nag_tb {
  color: rgb(211, 48, 48) !important;
  font-weight: var(--weight-theme-600);
  font-size: 12px;
  text-transform: uppercase;
}

.date_t {
  font-size: 10px !important;
  padding-left: 33px;
}

.profit_p {
  color: rgb(12, 212, 99) !important;
}

.tabs__item_list img {
  transition: all 0.3s linear;
}

.tabs__item_list:hover img,
.tabs__item_list.active img {
  transform: rotate(180deg);
  opacity: 0;
}

.tabs__item_list:hover .item-two {
  opacity: 1;
}

.list_custom {
  position: relative;
}

.s_select.show,
.e_select.show {
  border-radius: 11px;
}

.s_select,
.e_select {
  border-radius: 30px;
}

.select_year.select-hidden.collapsed img {
  transform: rotate(180deg);
}

.select_year.select-hidden img {
  transform: rotate(0deg);
}

/*======================== 31.0 multiMarket ============================== */
.game-info {
  background-color: #243a48;
  background: var(--title-header-bg);
  color: #7e97a7;
  line-height: 2.1;
  padding: 0 1.86667vw;
  justify-content: space-between;
  font-size: 16.64px;
}

.multiMarket_head,
.multiMarket_head .pin-match {
  background: #172832 !important;
}

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

.relode {
  padding: 0;
  background-color: transparent;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  width: 50.41px;
  padding: 8.96002px;

  img {
    width: 28.16px;
    height: 28.16px;
  }
}

.multi-Go {
  background-color: #3b5160;
  width: 30.72px;
  height: 30.72px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.event_mult_name {
  font-size: 19.2px;
  text-transform: math-auto;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

.no-data {
  background: var(--bg-white-color);
  border: 1px solid #7e97a7;
  border-radius: 1.6vw;
  color: #7e97a7;
  text-align: center;
  font-size: 20.48px;
  margin: 25.6px 12.8px;
  padding: 12.8px 8.96005px 25.6px;
  text-transform: math-auto;
  font-weight: var(--weight-theme-500);
}

.no-data h3 {
  background-image: none;
  font-size: 25px;
  color: #7e97a7;
  border-bottom: 1px solid #e0e6e6;
  margin-bottom: 14px;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
  line-height: 2.2;
  font-weight: var(--weight-theme-500);
}

/* weekly reward start */
.weekly-reward-body {
  background: #d9d9d9;
  border-radius: 0px 0px 18.21px 18.21px;
  padding-top: 10px;
  position: relative;
  z-index: 999;
}

.weekly-reward-body h3 {
  font-size: 13.66px;
  font-weight: var(--weight-theme-500);
  line-height: 16.53px;
  text-align: center;
  color: #2d486b;

  span {
    font-size: 18.21px;
    font-weight: 700;
  }
}

.weekly-reward-footer {
  font-size: 13.66px;
  font-weight: var(--weight-theme-600);
  line-height: 16.53px;
  text-align: center;
  min-width: 150px;
  width: fit-content;
  color: var(--white-color);
  border-radius: 9.1px 9.1px 0px 0px;
  padding: 6px;
  margin: 0 auto;
  margin-top: 10px;
}

.platinum-footer {
  background: linear-gradient(219.19deg, #22354d 1.62%, #375b88 101.94%);
}

.weekly-reward-header {
  background: linear-gradient(219.19deg, #22354d 1.62%, #375b88 101.94%);
  border-radius: 10px 10px 0px 0px;
  min-height: 68px;
  position: relative;
  margin: 0px 10px;
  transform: translateY(100%);
}

.weekly-reward-header h3 {
  font-size: 22.76px;
  font-weight: 700;
  line-height: 19.34px;
  text-align: center;
  color: var(--white-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-transform: uppercase;
}

.weekly-reward-con {
  margin-bottom: 28px;
}

.reward-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 85px;
  z-index: 0;
  background-position: bottom;
}

.reward-bg1 {
  background-image: url(../images/reward-bg1.svg);
  animation: slideLeft 8s linear infinite;
}

.reward-bg2 {
  background-image: url(../images/reward-bg2.svg);
  animation: slideRight 8s linear infinite;
  z-index: 9;
}

.reward-bg3 {
  background-image: url(../images/reward-bg3.svg);
  animation: slideLeft 8s linear infinite;
  z-index: 99;
}

@keyframes slideLeft {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

@keyframes slideRight {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.weekly-reward-header.animate {
  animation: slideIn 0.5s ease-out forwards;
}

@keyframes slideIn {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0%);
  }
}

.weekly-reward-header::before,
.weekly-reward-header::after {
  content: "";
  width: 20px;
  height: 12px;
  background: #263d59;
  clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
  display: block;
  position: absolute;
  bottom: -1px;
  background-repeat: no-repeat;
  background-size: contain;
}

.weekly-reward-header::before {
  left: -9px;
}

.weekly-reward-header::after {
  right: -10px;
  transform: scaleX(-1);
}

.gold-thm {
  .weekly-reward-header {
    background: linear-gradient(61.51deg, #e0ae66 20.32%, #f3a40e 89.97%);
  }

  .weekly-reward-header.animate {
    animation: slideIn 0.8s ease-out forwards;
  }

  .reward-bg1 {
    background-image: url(../images/rewardgold-bg1.svg);
  }

  .reward-bg2 {
    background-image: url(../images/rewardgold-bg2.svg);
  }

  .reward-bg3 {
    background-image: url(../images/rewardgold-bg3.svg);
  }

  .weekly-reward-header::before,
  .weekly-reward-header::after {
    background: #bc7c02;
  }

  .platinum-footer {
    background: linear-gradient(11.13deg, #e0ae66 -132.49%, #f3a40e 94.95%);
  }
}

.silver-thm {
  .weekly-reward-header {
    background: linear-gradient(219.19deg, #909797 1.62%, #a3a6a7 101.94%);
  }

  .weekly-reward-header.animate {
    animation: slideIn 1s ease-out forwards;
  }

  .reward-bg1 {
    background-image: url(../images/rewardsilver-bg1.svg);
  }

  .reward-bg2 {
    background-image: url(../images/rewardsilver-bg2.svg);
  }

  .reward-bg3 {
    background-image: url(../images/rewardsilver-bg3.svg);
  }

  .weekly-reward-header::before,
  .weekly-reward-header::after {
    background: #5c7276;
  }

  .platinum-footer {
    background: linear-gradient(219.19deg, #909797 1.62%, #a3a6a7 101.94%);
  }
}

.silver-thm {
  .weekly-reward-header {
    background: linear-gradient(219.19deg, #909797 1.62%, #a3a6a7 101.94%);
  }

  .weekly-reward-header.animate {
    animation: slideIn 1s ease-out forwards;
  }

  .reward-bg1 {
    background-image: url(../images/rewardsilver-bg1.svg);
  }

  .reward-bg2 {
    background-image: url(../images/rewardsilver-bg2.svg);
  }

  .reward-bg3 {
    background-image: url(../images/rewardsilver-bg3.svg);
  }

  .weekly-reward-header::before,
  .weekly-reward-header::after {
    background: #5c7276;
  }

  .platinum-footer {
    background: linear-gradient(219.19deg, #909797 1.62%, #a3a6a7 101.94%);
  }
}

.bule-thm {
  .weekly-reward-header {
    background: linear-gradient(61.51deg, #5149d1 20.32%, #3a30cc 89.97%);
  }

  .weekly-reward-header.animate {
    animation: slideIn 1.5s ease-out forwards;
  }

  .reward-bg1 {
    background-image: url(../images/rewardbule-bg1.svg);
  }

  .reward-bg2 {
    background-image: url(../images/rewardbule-bg2.svg);
  }

  .reward-bg3 {
    background-image: url(../images/rewardbule-bg3.svg);
  }

  .weekly-reward-header::before,
  .weekly-reward-header::after {
    background: #231c84;
  }

  .platinum-footer {
    background: linear-gradient(61.51deg, #5149d1 20.32%, #3a30cc 89.97%);
  }
}

/* weekly reward end */
/*========================================================================== setting-offcanvas ============================================================================ */
.side-content h3 {
  background-image: linear-gradient(-180deg, #2e4b5e 0%, #243a48 82%);
  color: #fff;
  font-size: 17.92px;
  line-height: 2.2;
  padding: 0 8.96002px;
}

.setting-block {
  font-size: 19.2px;
  color: #243a48;
  border-bottom: 1px solid #e0e6e6;
  padding: 5px 0 0 5px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  margin: 0;
}

.coin {
  background-color: #444 !important;
  color: rgb(18 149 34) !important;
  width: 100%;
  line-height: 1.6;
  font-size: 19.2px;
  border: 1px solid #000;
}

.stake-setting input {
  width: 100%;
  margin: 0;
}

.btn-edit {
  color: #243a48 !important;
  background: rgba(197, 208, 215, 0.4);
  border: 1px solid #7e97a7;
  border-radius: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.6;
}

.btn-edit:after {
  content: "";
  width: 19.19px;
  height: 19.19px;
  background-image: url(../images/edit.svg);
  background-size: contain;
  vertical-align: top;
  margin-top: 0;
  margin-left: 5px;
}

.col-stake_edit .stake_edit_save {
  background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
  border: 1px solid #000;
  color: rgb(18 149 34) !important;
  font-size: 19.2px;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--weight-theme-700);
  padding: 14px 76px;
}

.coin:focus {
  border: 1px solid #aaa;
  background: linear-gradient(-180deg, #fff 0%, #eee 89%);
  color: #1e1e1e !important;
  font-weight: bold;
}

.setting-block dt,
.setting-block dd {
  flex: 1;
  padding: 0 10px 10px 0;
  align-items: center;
}

#editCustomizeStakeList input {
  text-align: center !important;
}

#editCustomizeStakeList input:focus,
#userCoin:focus {
  color: #1e1e1e;
  background-color: #fff0ca;
  box-shadow: inset 0 0.26667vw 1.33333vw rgba(161, 128, 45, 0.6);
  border-color: #be7809;
  outline: 0;
}

.exchange input {
  border: 1px solid #666;
}

.side-content input {
  position: relative;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 5px;
  color: #1e1e1e;
  font-size: 18.19px;
  padding: 8px 5px;
  margin-bottom: 3px;
  text-align: right;
}

.stake-setting dt {
  flex: 1 1 100%;
}

.stake-setting dd {
  flex: 25%;
  margin: 0;
}

/*==================================26. notification =============*/
.notification-main .match-head.text-dark.team-list-wet {
  line-height: 20px;
  white-space: wrap;
  color: #222;
  font-size: 14px;
  font-weight: var(--weight-theme-400);
}

.notification-main .transactions-request {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  margin-top: 8px;
  width: 100%;
  padding: 7px 7px;
  border: 1px solid #dadada75;
}

.transactions-request-icon {
  display: flex;
  align-items: center;
  gap: 5px;
}

.account-section.notification-main {
  padding: 0 10px 0px;
}

.notification-main .transactions-request .request-icon-con {
  border-radius: 4px;
  background: var(--secondary-main-bg);
  margin-right: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notification-main .match-con.clock-sec img {
  margin-right: 5px;
  filter: brightness(0) invert(1);
}

.notification-main .transactions-request .request-icon-con img {
  width: 20px;
  filter: brightness(0) invert(1);
}

.no-notification-main {
  padding: 100px 0px;
}

.no-notification {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0px;
}

.no-notification-main .profit-color {
  font-size: 17px;
  color: #7d7d7d !important;
  text-align: center;
}

.no-notification-paragraph p {
  font-size: 12px;
  color: #7d7d7d !important;
  line-height: 17px;
}

.no-notification-paragraph {
  text-align: center;
  color: var(--dark-text-color);
  font-size: 14px;
  font-weight: var(--weight-theme-400);
  line-height: 20px;
}

.no-notification-main .thm-heading {
  justify-content: center !important;
  background-color: transparent;
}

.notification-main .transactions-request .match-head.team-list-wet {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 16px;
  color: #545454;
}

.notification-main .transactions-request .border-right-sec.timer,
.match-date {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 11px;
  color: #545454;
}

.border-right-sec.timer {
  border-right: 1px solid #b5b3b3;
}

.notification-main .transactions-request .match-con.clock-sec {
  gap: 5px;
}

.no-notification img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(100%) saturate(1868%) hue-rotate(115deg) brightness(95%) contrast(104%);
}

.onclick-satke-modal .modal-header {
  background-color: var(--primary-color);
  color: var(--white-text-color);
  padding: 10px;
}

.onclick-satke-modal .modal-header h5 {
  font-size: 19px;
  font-weight: var(--weight-theme-400);
}

.onclick-satke-modal .modal-footer {
  border-top: none;
  justify-content: center;
  gap: 10px;
}

.onclick-satke-modal .modal-footer .save-btn,
.onclick-satke-modal .modal-footer .cancel-btn {
  background-color: var(--primary-color);
  color: var(--white-text-color);
  width: 48%;
  margin: 0;
}

.onclick-satke-modal .modal-footer .cancel-btn {
  background-color: transparent;
  border: 1px solid var(--primary-text-color);
  color: var(--primary-text-color);
}

.onclick-satke-modal .modal-body {
  padding-bottom: 0px;
}

.onclick-satke-modal .stake-btn {
  text-align: center;
}

.onclick-satke-modal .form-control:focus {
  border-color: var(--primary-color);
}

.onclick-satke-modal .stake-btn-parent h6 {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--primary-text-color);
}

.onclick-satke-modal .modal-header .btn-close {
  padding: 0px;
}

/*========================================================================== 4.0 horse-racing ============================================================================ */
.list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 5px;
  overflow-y: hidden;
  padding-left: 5px;
  padding-bottom: 5px;
}

.meeting-container {
  border-bottom: 1px solid #e1e6ea;
  padding-bottom: 1px;
}

.redirect {
  text-align: center;
  background-color: #f0f1f5 !important;
  width: 50px;
  height: 34px;
  padding: 10px 2px;
  white-space: nowrap;
  color: #525252 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Averta Std regular";
  font-size: 12px;
}

.match_title {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 0 26px 0 10px;
  min-height: 38px;
  display: flex;
  align-items: center;
}

.exchange_sport .accordion-button {
  background-color: #303030 !important;
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 0 !important;
}

.battel img {
  width: 16px;
  height: 10px;
}

.exchange_sport .accordion-button:not(.collapsed)::after {
  background-image: url(../images/r-arrow.svg) !important;
  transform: rotate(-180deg);
  top: 0px;
  transition: 0.7s;
  right: 15px;
}

.exchange_sport .accordion-button::after {
  background-image: url(../images/r-arrow.svg) !important;
  right: 8px;
  background-size: 15px;
  top: 12px;
  transition: 0.7s;
}

.game-wrap {
  background-color: #172832;
  color: #fff;
  text-align: center;
}

.racing_match {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding-left: 10px;

  h5 {
    padding: 0;
    font-size: 15.36px;
  }
}

.racing_match ul {
  display: block;
  line-height: 1.1;
  font-size: 15.36px;
  color: #222;
}

.racing_match img {
  width: 26px;
  height: 21px;
}

.btn-sec {
  margin-left: 5px;

  .thm-btn {
    background-color: var(--in-play);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 10px;
    line-height: 15.41px;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    border: 1.5px solid transparent;
  }
}

.eventlist-header {
  background: var(--title-header-bg);
  padding: 10px;

  .event-list-left .thm-heading h2 {
    color: var(--white-color);
  }

  .event-btn {
    color: var(--white-color);
    text-transform: uppercase;
  }

  .thm-heading {
    display: flex;
    align-items: center;
    gap: 5px;

    h2 {
      font-size: 14px;
      font-weight: 600;
      line-height: 17.1px;
      text-transform: capitalize;
    }
  }
}

.heading-number {
  background-color: chocolate;
  padding: 0 2px;
  border-radius: 2px;
}

.open-bets-thm-sec {
  background-color: var(--white-color);
  border-radius: 4px;
}

.open-bets-thm {
  & .open-bets-header {
    .open-bets-list {
      background: #d1d1d1;
    }
  }
}

.open-bets-list {
  display: grid;
  grid-template-columns: 50% 20% 20% 10%;
  width: 100%;
  align-items: center;
  border-top: 1.2px solid var(--white-color);
  position: relative;
}

.open-bets-thm {
  .open-bets-list {
    grid-template-columns: 50% 20% 30%;
    border-top: 0;
  }
}

.open-bets-thm {
  & .open-bets-header {
    & .open-bets-list {
      .thm-heading {
        border-right: 0;
      }
    }
  }
}

.open-bets-thm {
  & .open-bets-list {
    .thm-heading {
      padding: 5px;
      min-height: 28px;
      color: #222;
    }

    h2 {
      color: #222;
      font-size: 14px;
    }
  }
}

.small-con {
  color: #222;
  font-size: 14px;
  text-align: left !important;
  padding-left: 6px;
}

.open-bets-thm {
  & .back-list {
    .open-bets-list {
      background-color: #8dd2f0;
      border-radius: 0;
    }
  }
}

.open-bet-footerbg::before {
  content: "";
  display: block;
  background-color: #d6eff9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lay-list {
  background-color: #feafba;
}

.lay-list {
  position: relative;
}

.bet-sub-con {
  font-size: 12px;
  font-weight: 500;
  line-height: 13.31px;
  position: relative;
  color: #666666 !important;
  padding: 10px;
  width: 100%;
  position: relative;
  white-space: nowrap;
}

.lay-bg-color::before {
  background-color: #ffdde2;
}

.open-bets-thm {
  .bet-sub-con::before {
    border: 0.8px solid #f5f5f5;
    width: 2px;
  }
}

.bet-sub-con::before {
  content: "";
  border-right: 1px solid #cacaca87;
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
}

.open-bets-thm {
  & .back-list {
    & .open-bets-list {
      .thm-heading {
        border-right: 1px solid #63bee3;
        padding: 8px;
      }
    }
  }
}

.open-bets-thm {
  & .back-list {
    & .open-bets-list {
      .thm-heading:last-child {
        border-right: none;
      }
    }
  }
}

.open-bets-thm {
  .lay-list .thm-heading {
    border-right: 1px solid #ec9da8;
  }
}

.add-match-pop .go-live {
  display: none;
}

.add-match-pop .tv_live {
  display: inline-block;
}

.add-match-pop.collapsed .go-live {
  display: inline-block;
}

.add-match-pop.collapsed .tv_live {
  display: none;
}

.close-bg {
  position: relative;
}

.close-bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #2b292930;
  z-index: 99;
}

.eventlist-body {
  .eventlist-con {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;

    .thm-heading h2 {
      color: #222;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 210px;
    }
  }

  .eventlist-con:last-child {
    border-bottom: none;
  }
}

.eventlist-body {
  .eventlist-con {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
  }
}

.columns-100 {
  grid-template-columns: 100% !important;
}

.eventlist-con {
  display: grid;
  grid-template-columns: 1fr 40%;
  width: 100%;
  position: relative;
}

.event-list-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event-list-left {
  .thm-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

.winner-index {
  z-index: 999;
  background-color: #fff;
}

.winner-sec {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.winner-sec {
  h3 {
    color: #cb8c0e !important;
  }
}

.winner-index {
  h3 {
    color: #000 !important;
  }
}

.close-bg {
  & .thm-heading {
    h3 {
      color: #ccc;
      font-size: 14px;
    }
  }
}

.open-bets-thm {
  .open-bet-footerbg {
    background-color: transparent;
    position: relative;
    border-radius: 0;
    grid-template-columns: 33% 33% 33%;
  }
}

.uniform-1 {
  background-color: #bb2025;
}

.uniform-2 {
  background-color: #253d83;
}

.uniform-3 {
  background-color: #fff;
  border: 1px solid #e1e6ea;
  color: #000 !important;
}

.uniform-4 {
  background-color: #1e1e1e;
  color: #fff;
}

.uniform-5 {
  background-color: #ffb80c;
  color: #000;
}

.uniform_sections {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 5px;
  font-size: 17.92px;
  font-weight: bold;
}

.open-bet-wrapper {
  padding: 5px 0;
}

.open-bets-thm {
  .bet-sub-con:last-child::before {
    display: none;
  }
}

.racing_match.racing_match_info h5 {
  font-size: 19.2px !important;
}

/* ****************************cricket-fight-************************* */
.back_home {
  display: flex;
  align-items: center;
  gap: 10px;
}

.back_home img {
  width: 8px !important;
}

.back_home span {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 18.1px;
  text-align: left;
  font-family: "Poppins", sans-serif;
}

.cricket_btn {
  background: var(--sub-footer);
  font-size: 14px;
  font-weight: 500;
  line-height: 16.59px;
  text-align: center;
  border-radius: 15px;
  color: var(--white-color) !important;
  padding: 6px 12px;
  border: 0;
}

.flex-box {
  display: flex;
  gap: 8px;
  align-items: center;
}

.rules_modal {
  background: var(--sub-footer);
  border-radius: 100%;
  padding: 6px;
  border: 0;
}

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

.cricket_list_wrapper {
  background: var(--dark-theme-gradient);
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
}

.event_name {
  background: #fff;
  border-radius: 0 0 12px 12px;
  padding: 7px 13px;
  width: fit-content;
  margin: 0 auto;
  text-transform: capitalize;
}

.event_name h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  color: var(--secondary-main-bg);
  font-family: "Poppins", sans-serif;
}

.set_reminder {
  position: absolute;
  right: 5px;
  top: 2px;
  background-color: transparent;
  z-index: 9;
  cursor: pointer;
}

.match-team {
  padding: 5px 10px 0;
  background-image: url(../images/vs.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}

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

.team-img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #e2e2e2;
  overflow: hidden;
}

.team-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.team_align span {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 17.1px;
  text-transform: capitalize;
  max-width: 152px;
  font-family: "Poppins", sans-serif;
}

.match-team_b.team_align span {
  text-align: end;
}

.match_start_timeline {
  background-color: #2d5874;
  border-radius: 12px 12px 0 0;
  padding: 4px 13px;
  width: fit-content;
  margin: 0 auto;
  text-transform: capitalize;
  margin-top: -4px;
}

.match_start_timeline span {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  color: #c5c4c4;
}

.match-team>div {
  width: 50%;
}

.match-team_b {
  justify-content: end;
}

.match-team::before {
  background: #415969;
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  transform: translate(-50%, 0%);
  left: 50%;
  top: 1px;
  z-index: -1;
}

.banner-item,
.banner-item img {
  border-radius: 10px;
}

.cricket-fight-slider {
  margin-top: 10px;
}

.menu-nav {
  margin-bottom: 10px;
}

.scoreCollapseBartabs {
  background: var(--primary-color);
}

.scoreCollapseBartabs ul li {
  text-align: center;
  border-right: 1px solid #fff;
  flex: 1;
}

.scoreCollapseBartabs ul .nav-link {
  border: 0;
  width: 100%;
  color: var(--white-color);
  white-space: nowrap;
  background-color: #415969;
  text-transform: capitalize;
}

.scoreCollapseBartabs ul .nav-link.active {
  background: var(--secondary-main-bg);
  border: 0;
  color: var(--white-color);
  margin-bottom: 0;
}

#cricket-fight .owl-nav.disabled+.owl-dots {
  margin: -1px auto 4px;
  width: 100%;
  text-align: center;
}

#cricket-fight .owl-dots .owl-dot span {
  width: 14px;
  height: 3.25px;
  margin: 0px 5px;
  background: #d9d9d9;
  border-radius: 0;
  display: block;
}

#cricket-fight .owl-dot.active span {
  background: #0e2571 !important;
}

.bt-close {
  background: transparent;
  border: 0;
  padding: 0;
}

.modal-body.rule-modal-sec {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  max-height: 450px;
  overflow-y: auto;
}

.modal-header.container-close {
  background: linear-gradient(-180deg, rgb(18 149 34) 15%, rgb(18 149 34) 100%) !important;

  .thm-heading {
    display: block;
  }
}

.bet_palce_button.modal-fix-btn {
  width: 100%;
  display: flex;
  padding: 9px 5px 15px;
  gap: 5px;
}

.reminder-btn.thm-btn-h.thm-btn.active,
.reminder-btn.thm-btn-h.thm-btn:focus,
.reminder-btn.thm-btn-h.thm-btn:hover {
  border: 2px solid var(--secondary-main-bg);
}

.bet_palce_button .thm-border-btn {
  padding: 9px 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  background-color: #f3f4f4;
}

.bet_palce_button .thm-btn {
  background: linear-gradient(-180deg, rgb(18 149 34) 15%, rgb(18 149 34) 100%) !important;
  color: var(--white-color);
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  border: 0;
}

.event-wrapper .thm-heading h2 {
  font-size: 12px;
  font-weight: 600;
  line-height: 17.1px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.event-wrapper .rule-modal-sec,
.event-wrapper .thm-heading,
.event-wrapper p {
  text-align: left !important;
  color: var(--ironsidegrey);
}

.event-wrapper li {
  font-size: 12px;
  font-weight: 400;
  line-height: 17.1px;
  color: #fff;
  margin-left: 17px;
  margin-bottom: 10px;
  list-style-type: disc;
}

.reminder_type {
  display: flex;
  align-items: center;
  gap: 5px;
}

.reminder_type {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  margin: 10px;
}

.matchReminder_modal h3 {
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.matchReminder_modal p {
  font-size: 11px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.reminder-btn.thm-btn-h.thm-btn {
  background-color: var(--white-color);
  border-radius: 5px;
  padding: 5px;
}

.reminder-btn.thm-btn-h.thm-btn {
  background-color: #e9f8ff;
  border-radius: 5px;
  padding: 5px;
  color: #393939;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  width: 100%;
  font-size: 13px;
  border: 1px solid transparent;
}

.reminder_type .form-item {
  flex: 1;
}

.success-toaster.show {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

.success-toaster {
  width: 520px;
  border-left: 5px solid #148312;
  position: fixed;
  top: 5%;
  left: 100%;
  transform: translateX(0);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--white-color);
  padding: 16px 10px;
  border-radius: 8px;
  gap: 10px;
  box-shadow: 0px 0px 10px 0px #0000004a;
  transition: left 0.5s ease, opacity 0.5s ease;
  opacity: 0;
  z-index: 9999;
  max-width: 100%;
}

.play-tabs-img {
  background: #d9ffe7;
  padding: 5px;
  border-radius: 3px;
}

.success-toaster .play-tabs-img::before {
  background: rgb(217, 255, 231);
}

.play-tabs-img img {
  position: relative;
  z-index: 9;
  width: 30px;
}

.success-toaster .thm-heading h3 {
  font-size: 12px;
  font-weight: 600;
  line-height: 17.1px;
  color: #696969;
}

.inplay-con .thm-heading {
  display: block;
}

.success-close-btn {
  border: 0;
}

.stage {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  margin-top: 30px;
}

.stage .stage-item {
  position: relative;
  text-align: center;
  list-style-type: none;
  width: 100%;
  float: left;
  font-size: 12px;
  transition: 0.7s;
}

.dot {
  height: 30px;
  width: 30px;
  border-radius: 4px;
  background-color: #dcdcdc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.stage-item.active .dot {
  background: var(--secondary-main-bg);
}

.stage-item.active .stage-item-text span {
  color: var(--primary-color) !important;
}

.stage-item.active .dot span {
  color: var(--white-text-color);
}

.dot span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.stage-item.disabled .dot span {
  color: #000;
}

.stage .stage-item.disabled .dot {
  background-color: #dcdcdc;
  border-radius: 4px;
}

.stage .stage-item.disabled .stage-item-text span {
  color: #bfbfbf;
  font-size: 13px;
  font-weight: 500;
}

.stage .stage-item .stage-item-text {
  margin-top: 8px;
}

.stage .stage-item .stage-item-text span {
  font-size: 13px;
  font-weight: 500;
  color: #bfbfbf;
}

.stage {
  counter-reset: step;
}

.stage .stage-item:after {
  height: 2px;
  content: "";
  position: absolute;
  background-color: #dcdcdc;
  top: calc((var(--stage-circle-size) / 2) + (var(--height) / 2));
  left: auto;
  transition: 0.7s;
  z-index: inherit;
  right: 73%;
  width: 90px;
  top: 25%;
}

.stage .stage-item:first-child:after {
  content: none;
}

.stage-content .stage-content-item.disabled {
  display: none;
}

.stage-content-item textarea {
  min-height: 150px !important;
  padding: 10px;
}

.stage-content-item-block {
  margin-top: 15px;
  color: var(--sv-white);
  position: relative;
}

.stage-content-item-block img {
  border-radius: 4px;
}

.next-back {
  margin-top: 20px;
  margin-bottom: 20px;
}

.removeThis {
  color: var(--sv-danger);
  cursor: pointer;
  position: absolute;
  right: 15px;
}

.stage.stage-info .stage-item.activated:after,
.stage.stage-info .stage-item.active:after {
  background-color: #129522;
}

.info-footer button:hover {
  color: var(--primary-color);
}

.match-banner-sec .promotion-con {
  width: 100% !important;
  height: 100% !important;
}

.rule-btn {
  padding: 10px !important;
  margin-right: 6px !important;
}

.eventlist-sub-son {
  text-align: center;
  margin-top: 10px;
}

.eventlist-sub-son p {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}

.bet-detail-tabs-sec {
  padding: 20px 12px;
}

.howplayModal_match h3 {
  margin: 7px 0;
}

.match_event {
  position: relative;
}

.my_contests .match-team::before {
  background: none;
}

.my_contests .match-team {
  background-image: url(../images/VS_match.svg);
  background-size: 25px;
}

.my_contests .team-img {
  width: 44px;
  height: 44px;
  border-radius: 15px;
}

.my_contests .team_align span {
  font-size: 14px;
  word-wrap: break-word;
}

.my_contests .event_name {
  border-radius: 0 15px 15px 0;
  position: relative;
  top: -12px;
  padding: 5px 11px 5px 9px;
}

.market-tabel {
  margin-top: 10px;
  position: relative;

  thead {
    background-color: var(--primary-color);

    tr th {
      font-size: 13px;
      font-weight: 400;
      line-height: 15px;
      text-align: left;
      color: var(--white-color);
      padding: 9px 8px;
    }
  }

  .market-tabel tbody tr td {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: var(--dune-color);
  }

  .table> :not(caption)>*>* {
    border-bottom: 1.5px solid var(--body-bg);
    box-shadow: none;
  }

  .lavared {
    font-weight: 500;
  }
}

.placebet-bet-tabel .table> :not(caption)>*>* {
  vertical-align: middle;
  border: 1.5px solid #f5f5f5 !important;
}

.market-tabel .table {
  background-color: var(--bg-white-color);
  font-family: "Poppins", sans-serif;
  border-radius: 10px;
}

.team-bet-tabel {
  text-align: center;
}

.team-bet-tabel {
  span {
    width: 100%;
    display: block;
    margin-bottom: 4px;
    line-height: 30px;
  }
}

.betamount-btn {
  width: 100%;
  padding: 10px;
  font-weight: 600;
  border-radius: 4px;
  background-color: #dcf8d7;
  font-size: 12px;
  color: #008bb6;
  border-radius: 0px 15px 15px 0;
  border-right: 0px;
  position: relative;
  margin-right: 0;
  padding-right: 19px;
  font-family: "Poppins", sans-serif;
  border: 0;
}

.view-btn {
  background-color: transparent;
  color: #008bb6;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  border: 0;
  padding: 0;
}

.placebet-bet-tabel tbody tr td {
  color: var(--table-text);
  font-size: 13px;
  font-weight: 500;
}

.placebet-bet-tabel tr th {
  border: none !important;
}

.team-vs-play .container,
.team-vs-play .container {
  max-width: 768px;
  width: 100%;
}

.market-tabel tr th:first-child {
  border-radius: 10px 0 0 0;
}

.market-tabel tr th:last-child {
  border-radius: 0 10px 0 0;
}

.team-arrow.rotate {
  transform: rotate(180deg);
}

.cricket_list_wrapper.my_contests {
  margin-bottom: 0;
  margin-top: 21px;
}

.scoreCollapseBartabs.contestes_list ul {
  margin-bottom: 25px;
}

.total_team {
  color: #008bb6 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif;
}

.kellygreen {
  color: #148312 !important;
}

.lavared {
  color: #dc2525 !important;
}

.edit-cricket-team {
  background-color: var(--white-color);
  padding: 10px;
}

.select-player-sec {
  background: #f1f9ff;
  margin-top: 10px;
}

.player-teams-sec {
  padding: 10px;
}

.tournament-team {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 8px;
  width: 100%;
  border-radius: 0 28px 28px 0;
  margin-bottom: 5px;
  justify-content: flex-start;
  cursor: pointer;
}

.team-flag {
  width: 43px;
  height: 43px;
  border-radius: 8px;
  overflow: hidden;
}

.team-user-status {
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 2px 4px 2px 2px;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  text-transform: uppercase;
  width: fit-content;
  text-align: left;
  color: var(--team-name);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.team-user-status {
  img {
    width: 10px;
    height: 10px;
    margin-right: 3px;
  }
}

.team_detalis h3 {
  font-size: 12px;
  font-weight: 600;
  line-height: 17.1px;
  color: var(--team-name) !important;
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.player-details-con {
  margin: 0px 10px;
}

.tournament-team-right {
  border-radius: 28px 0 0 28px !important;
}

.team-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team_detalis .bet_palce_button .thm-btn {
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team_detalis .bet_palce_button .thm-border-btn {
  background-color: transparent;
  border: 1px solid #00a826;
  color: #00a826;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.tournament-teams-sec {
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.team-edit-item {
  background-color: var(--team-edit);
  border-radius: 6px;
  margin-bottom: 14px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 49px;
  width: 100%;
}

.betteam-teams-header {
  .team-edit-item {
    width: 44%;
    position: relative;
    margin-bottom: 0px;
    border-radius: 0 28px 28px 0;
  }
}

.team-edit-item-con {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.team-edit-active {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: #12bcca;
}

.team-edit-item {
  h3 {
    font-size: 12px;
    color: #054146;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
  }
}

.team-edit-con {
  width: 21px;
  height: 21px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  font-family: Rubik;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  color: #222;
}

.fight-edit-item {
  background-color: var(--fighter_team);
  border-radius: 28px 0 0 28px !important;
}

.container-close .cancel-btn {
  width: fit-content !important;
  margin: 0px !important;
  margin-left: auto !important;
  background: #fed5d5;
  color: #dc2525;
  font-weight: 600;
  margin-right: 28px !important;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 8px;
  border-radius: 4px;
  border: 0;
  height: 35px;
}

.logout_text {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-direction: column;
}

.warning_img {
  background: #fee3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

.warning_img {
  img {
    width: 25px;
  }
}

.win-edit-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2px;
  gap: 5px;
}

.win-edit-sec {
  display: flex;
  align-items: top;
  gap: 5px;
  justify-content: flex-start;
}

.win-loss-img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
  background-color: var(--white-color);
  margin-right: 10px;
}

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

.fight-edit-item {
  .team-edit-active {
    background-color: #0d99ff;
  }
}

.blinking_dots {
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #2fb219;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.cricket-sub-con.live-cricket {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #2fb219;
  background: var(--data-time-bg);
  margin: 0 auto;
  width: min-content;
  padding: 2px 24px;
  position: relative;
  top: 0px;
  border-radius: 0 0 12px 12px;
}

.login-tabs-sec.scoreCollapseBartabs ul {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.inplay-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}

.inplay-list-header {
  .inplay-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

.inplay-list-header {
  & .inplay-heading {
    .thm-heading {
      display: flex;
      justify-content: flex-start;
    }
  }
}

.info-btn {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;

  img {
    filter: brightness(0.5);
    width: 13px;
  }
}

.inplay-list-header {
  .inplay-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

.secondary-btn {
  background-color: #ebf2f7;
  border-radius: 4px !important;
  color: #008bb6;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.59px;
  padding: 4px 8px;
  min-height: auto;
  min-width: 26px;
  font-family: "Poppins", sans-serif;
  border: 0;
}

.border_bottom {
  padding-bottom: 11px !important;
  border-bottom: 1px solid #f5f5f5;
}

.tournament-team.active_my {
  border: 2px solid #12bcca;
}

.tournament-team.active_opp {
  border: 2px solid #0d99ff;
}

.secondary-btn img {
  filter: invert(49%) sepia(70%) saturate(2422%) hue-rotate(184deg) brightness(103%) contrast(106%);
}

.select_player h3 {
  font-size: 14px !important;
}

.bet_team {
  margin-top: 10px;
  background-color: var(--white-color);
  border-radius: 16px 16px 0 0;

  .first_team {
    border-radius: 16px 16px 0 0;
  }
}

.bet_team .bet_team_body:last-child {
  border: 0;
}

.bet_team_body {
  background-color: var(--white-color);
  padding: 10px;
  border-bottom: 1px solid #d5c9c9;
}

.bet_team_inner h2 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 17.1px;
  margin-bottom: 15px;
  color: #222;
}

.bet_info_btn {
  border: 0;
  background-color: transparent;
}

.bet_type {
  background: var(--secondary-main-bg);
  border-radius: 0 26px 26px 0;
  gap: 10px;
  padding: 8px 23px 8px 10px;
  display: inline-block;

  span {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-transform: capitalize;
    color: var(--white-color);
    margin-left: 5px;
  }
}

.place_btn_group {
  margin: 13px 0;

  ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    gap: 10px;
  }

  li {
    flex: 1;
  }

  .place_btn {
    background-color: #e8e8e8;
    border-radius: 5px;
    width: 100%;
    padding: 6px 10px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 21.1px;
    color: #000;
    border: 0;
  }
}

.place_btn::placeholder {
  color: #000;
}

.place_btn:focus {
  box-shadow: none;
}

.place_btn_group ul li:last-child {
  width: max-content;
  flex: none;

  .edit_icon_pin {
    border-radius: 5px;
    padding: 4px 12px;
    border: 0;
    background-color: #e8e8e8;
  }
}

.market-tabel table {
  width: 100%;
  border-collapse: collapse;
}

.market-tabel td,
.market-tabel th {
  word-wrap: break-word;
  white-space: nowrap !important;
}

.market-tabel td:first-child,
.market-tabel th:first-child {
  max-width: 130px;
}

.table-responsive .market-tabel td,
.table-responsive .market-tabel th {
  max-width: 100% !important;
}

.place_input {
  background-color: var(--input_bg) !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 41.33px;
  text-align: left;
  color: #999;
  padding: 10px 15px;
  border: 0;
}

.place_input:focus {
  box-shadow: inset 0 0.26667vw 1.33333vw #dcf8d7;
}

.place_bet {
  border-radius: 22px;
  background: var(--secondary-main-bg);
  padding: 10px 15px;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 21.33px;
  text-align: center;
  color: var(--white-color) !important;
  white-space: nowrap;
  width: 100%;
  border: 0;
}

.betting-area {
  gap: 10px;

  div {
    width: 50%;
  }
}

.w_adj div {
  width: 33.33%;
}

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

.place_btn_group.edit_run ul li:last-child {
  flex: 1 !important;
}

.info-sec-icon {
  position: relative;
  margin-right: 7px;
}

.info-list {
  display: none;
  position: absolute;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 6px;
  z-index: 9;
  left: -9px;
  top: 4px;
  text-align: center;
  width: max-content;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  opacity: 1;

  ul {
    list-style: none;
  }
}

.info-sec-icon:hover .info-list {
  display: inline-block;
}

.show_rules .info-list {
  left: auto;
}

.show_rules .info-list::before {
  right: 2px;
  left: auto;
}

.Matched_Bets-table {
  margin-top: 15px;

  h2 {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.59px;
    text-align: center;
    color: #222;
  }
}

.Matched_Bets_table::before {
  display: none;
}

.fight-edit-item .team-edit-active {
  margin-right: 0px;
  margin-left: 10px;
}

.win-edit-sec {
  .team-edit-active {
    margin-right: 10px;
    margin-top: 1px;
  }
}

.refer-video iframe {
  width: 100%;
}

.table> :not(:first-child) {
  border-top: 2px solid transparent;
}

.cricket-fight-wrapper .accordion-item {
  background-color: transparent;
}

.my_contests.collapsed .team-arrow {
  transform: rotate(360deg);
}

.my_contests .team-arrow {
  transform: rotate(180deg);
}

.vs-itme.eye-clippath-bg {
  position: absolute;
  right: -35px;
  background: var(--primary-color);
  border-radius: 10px 0 0 10px;
  padding: 2px 4px;
  top: 0px;
  border: 0;

  img {
    filter: brightness(0) invert(1);
  }
}

.vs-itme.eye-clippath-bg #eyeIcon {
  display: block;
}

.vs-itme.eye-clippath-bg #eyeCloseIcon {
  display: none;
}

.vs-itme.eye-clippath-bg.collapsed #eyeIcon {
  display: none;
}

.vs-itme.eye-clippath-bg.collapsed #eyeCloseIcon {
  display: block;
}

.success-toaster-con.thm-heading {
  display: block;
}

.success-toaster-con.thm-heading span {
  font-size: 11px;
  line-height: normal;
}

.place_bet:disabled {
  opacity: 0.6;
}

.view-Cancelled {
  color: #dc2525;
  border: 0;
  background-color: transparent;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}

.bet_box {
  width: 8px;
  height: 8px;
  border-radius: 2px 0px 0px 0px;
  display: inline-block;
  margin-right: 4px;
}

.bet_box.green {
  background-color: #3da30d !important;
}

.bet_box.orange {
  background-color: #009890 !important;
}

.bet_box.red {
  background-color: #008bb6 !important;
}

.save-team_btn {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  color: var(--white-color);
  margin-top: 10px;
  background-color: var(--secondary-main-bg);
  border-radius: 40px;
  padding: 8px 25px;
  border: 0;
  font-weight: 600;
  font-size: 14px;
}

.bet_type.Team_b {
  background: #009890;
}

.bet_type.Team_c {
  background-color: #008bb6;
}

.item-first .form-control::placeholder {
  font-size: 14px;
}

.info-list.info_item {
  width: 150px;
  transform: translate(-96%, 10%);
}

.market-tabel .info-list {
  left: -48px;
}

.bet-show-on-top .event-card-btn button {
  width: 54.5px;
  height: 45px !important;
}

.bet-show-on-top .event-rgt {
  display: flex;
  gap: 3px;
}

.game-table-body .event-card-sec {
  display: flex;
  align-items: center;
  border: 1px solid #00000026;
  border-radius: 10px;
  background: #f6f8fc;
  overflow: hidden;
  width: 100%;
}

.game-table-body .event-lft {
  width: 70%;
  padding-left: 8px;
}

.game-table-body .event-card-btn.inective-btn {
  width: 30%;
}

.fa-angles-up img {
  filter: brightness(0) invert(1);
}

.outer-change {
  padding: 5px;
}

.reminder_img {
  filter: brightness(0) invert(1);
}

.fancy-tabs-wrapper .login_content .nav-tabs .nav-link {
  min-width: 118px;
}

#ruleModal h3 {
  font-size: 15px;
}

.my_contests_w .cricket_list_wrapper {
  overflow: visible !important;
}

.market-tabel table th {
  background-color: #2b3d47 !important;
}

.market-tabel table td {
  border: 1px solid #e0e6e6 !important;
}

.cricket-fight-wrapper .accordion .accordion-item {
  border-top: 0;
}

#cancelbetModal .logout_text p {
  color: #fff;
}

.kellygreen.fw-bolder {
  color: var(--white-color) !important;
}

.vs-itme.eye-clippath-bg {
  position: absolute;
  right: -35px;
  background: var(--secondary-main-bg);
  border-radius: 10px 0 0 10px;
  padding: 2px 4px;
  top: 0px;
  border: 0;
}

.bets-deatils-table-sec .container {
  background: #f2f2f2;
  padding: 10px;
}

.thm-heading span {
  color: var(--secondary-main-bg);
  font-weight: 500 !important;
}

.path-wra {
  background: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
  padding: 5px;

  a {
    display: flex;
    align-items: center;
    gap: 10px;


  }

  h5 {
    color: #fff;
    font-size: 13px;
  }

}

.event-list-left .thm-heading {
  display: flex;
  align-items: center;

  span {
    color: #fff !important;
  }
}

#ruleModal .nav {
  margin-bottom: 20px;
}

/* **************************** Matka ************************* */
.madhur-con {
  background: var(--sub-footer);
  border-radius: 5px;
  margin-bottom: 5px;
}

.matka-information {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 10px;
  background: #203949;
  box-shadow: rgba(46, 46, 46, 0.16) 0px 1px 4px;
  border-radius: 11px 11px 0 0;
}

.matka-lft-title h3 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.matka-rgt-title {
  display: flex;
  align-items: center;
  gap: 20px;
}

.open-close-text {
  font-size: 10px;
  font-weight: 600;
  color: #21c021;
  text-transform: uppercase;
}

.open-close-text span {
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: #21c021;
  display: inline-block;
  margin-right: 2px;
}

.upcoming-day {
  color: #fff;
  font-size: 10px;
  border: solid 1px var(--secondary-main-bg);
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 400;
}

.matka-market-img-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 5px 10px;
}

.matka-box {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-left: 7px;
  background: var(--dark-theme-gradient);
  padding: 2px;
}

.matka-box img {
  width: 100%;
}

.clock-icon h6 img {
  width: 13px;
}

.clock-icon h6 span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.play-and-timer-btn {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 10px;
}

.play-now-btn {
  margin-top: 10px;
}

.play-now-btn .place_bet {
  margin-top: 6px !important;
  display: block;
  font-size: 15px;
  line-height: normal;
}

.clock-icon {
  display: flex;
  align-items: center;
  gap: 6px;
}

.matka-tabs-sec {
  padding: 5px;
}

.open-close-text.red-bg span {
  background: #d80606;
}

.open-close-text.red-bg {
  color: #d80606;
}




/* -----matka-details-css-Start-- */
.matka-openbtn-header {
  margin: 5px 0px 0px !important;
}

.matkaresult-header {
  border-radius: 5px 5px 0px 0px;
  background-color: #2b5570;
  position: relative;
  margin-bottom: 5px;
}

.inplay-header-list {
  justify-content: start !important;
  gap: 9px;
}

.inplay-header-list .open-matkastatus {
  padding: 0px;
  display: flex;
  align-items: center;
}

.inplay-header-list h2 {
  font-size: 14px;
  color: var(--black-text-color);
}

.matka-openbtn-con {
  color: var(--black-text-color);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}

.dropdown-toggle.lotcounts-btn::after {
  display: none;
}

.matka-openbtn {
  background-color: #274053 !important;
  color: #00a826;
  border-radius: 0px 5px 0px 0px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  gap: 5px;
  border: 0;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 5px;

  .heading-number {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 3px;
    height: 25px;
    min-width: 25px;
    border-radius: 100%;
  }
}

.open-bets-list {
  display: flex !important;
  gap: 10px !important;
  align-items: center;
  padding-left: 6px;
}

.matka-details-tabs-con {
  margin-top: 15px;
  margin-bottom: 60px;
}

.matka-tabs-list {
  grid-template-columns: 17% 17% 17% 17% 17%;
  display: grid;
  gap: 10px 15px;

  padding: 0px 10px 10px 10px !important;
  margin-bottom: 10px;
  justify-content: space-between;
  margin-left: 81px !important;
  margin-top: 15px;
}

.matka-details-tabs-con {
  .betamount-btn {
    background-color: #474747;
    color: var(--white-text-color);
    border: solid 1px #797979 !important;
    border-radius: 4px 4px 4px 4px;
    font-size: 15px;
    margin-right: 0px !important;
    min-width: 40px;
    width: 100%;
    position: relative;
    border: none;
    display: flex;
    justify-content: center;
    padding: 5px !important;
  }

  .betamount-btn:hover {

    border-color: var(--primary-color) !important;
    color: var(--secondary-main-bg);

  }

}

.matka-details-tabs-con {
  position: relative;
}

.matka-left-fix {
  position: fixed;
  width: auto;
  top: 30%;
  z-index: 1;
}

.divider_border {
  border-bottom: solid 1px #414141;
  margin-left: 70px;
}

.lotcount-btn-text p {
  color: var(--white-color);
}

.contestes_list .nav-link img {
  filter: brightness(0) saturate(100%) invert(87%) sepia(34%) saturate(5755%) hue-rotate(353deg) brightness(105%) contrast(101%);
}

.matka-left-fix {
  .matka-fix-list {
    border-left: solid 65px var(--cmn-bg-color);
    height: 100%;
    width: 29px;
    border-radius: 0px 10px 10px 0px;
    position: relative;
    padding: 10px 0px 1px;
    outline: 1px solid var(--primary-color);
  }
}

.bet-detail-tabs-sec ul {
  list-style-type: none;
}

.matka-details-tabs {
  margin: 10px 0px;
}

.matka-fix-item {
  margin-left: -55px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 51vh;
}

.matka-fix-list-number {
  background-color: #ffffff;
  width: 44px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 16.13px;
  text-align: left;
  margin-bottom: 12px;
  position: relative;
  border: none;
  color: var(--black-color);
  padding: 2px;
  border-radius: 5px;
}

.open-number {
  background: #dbebd9;
  color: #23a60e;
}

.matka-fix-list-sub {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.13px;
  text-align: center;
  border-radius: 0px 0px 3px 3px;
}

.open-number-sec {
  height: 45px;
  padding-top: 2px !important;
  padding-bottom: 17px !important;
}

.lotcounts-btn {
  background-color: var(--cmn-bg-color);
  width: auto;
  height: 54px;
  border-radius: 19.57px 0px 0px 20.2px;
  box-shadow: 0px 0px 7.57px 0px #00000040;
  border: 2.52px solid #ffffff !important;
  position: relative;
  z-index: 9;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ui-widget-content .thm-btn {
  cursor: move;
}

#lotcounts-wrapper {
  position: fixed;
  top: 25%;
  bottom: 0;
  right: 0;
  left: auto;
  height: 60px;
  margin: 0 auto;
  max-width: 768px;
  z-index: 1026;
}

.scroll-div {
  position: relative;
}

#draggable {
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0 !important;
  margin: 0 auto;
  left: auto !important;
}

.lotcounts-btn img {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

.lotcount-btn-text {
  color: var(--white-text);
  font-size: 13px;
  font-weight: 400;
  display: none;
}

.lotcounts-btn.active .lotcount-btn-text {
  display: block;
}

.lotcount-btn-text span {
  display: flex;
  line-height: 1.1;
}

.chips-btn {
  padding: 12px;
  color: var(--white-color);
  text-transform: capitalize !important;
  text-align: center;
  width: 100%;
  background: var(--secondary-main-bg) !important;
}

.lotcount-menu {
  transform: translate(0px, 0px) !important;
  padding: 0px;
  width: 353px;
  top: 0;
  left: auto;
  gap: 0px;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
  border: 0px;
  right: 0;
  background-color: var(--cmn-bg-color);
  position: absolute;
  z-index: 8;
}

.menu-details-heading p,
.menu-details-heading span {
  color: var(--white-text-color);
  font-size: 12px;
  line-height: normal;
}

.dropdown-menu-header {
  background-color: var(--cmn-bg-color);
  padding: 16px;
  border: 2.52px solid #ffffff !important;
  border-radius: 10px 0px 0px 10px;
}

.lots-list-sec {
  padding: 10px;
}

.lotcount-heading h3 {
  color: var(--white-color);
  font-size: 15px;
  font-weight: 600;
}

.lots-list-sec {
  ul {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    gap: 17px;
  }

  & ul {
    li {
      list-style: none;
    }
  }

  .center-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: auto;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
  }

  & ul {
    & li {
      & .form-check {
        .form-check-input:checked[type="radio"] {
          background-color: #eeffe38a;
          border-color: #ffffff;
          box-shadow: none !important;
        }
      }
    }
  }

  & ul {
    & li {
      & .form-check {
        width: 70px;
        height: 70px;
        visibility: visible;

        .form-check-input {
          width: 100%;
          margin-left: 0px;
          height: 100%;
          background-color: transparent;
          border: none;
          background-position: 1px 2.1px !important;
          box-shadow: none !important;
          border: 2px solid transparent;
        }
      }
    }
  }

  & .center-text {
    label {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 14px;
      font-weight: 600;
      line-height: 16px;
      text-align: center;
      color: var(--white-color);
    }
  }

  .lots-input-bg1 {
    background-image: url("../images/lots-input1.png") !important;
  }

  .lots-input-bg2 {
    background-image: url("../images/lots-input2.png") !important;
  }

  .lots-input-bg3 {
    background-image: url("../images/lots-input3.png") !important;
  }

  .lots-input-bg4 {
    background-image: url("../images/lots-input4.png") !important;
  }

  .lots-input-bg5 {
    background-image: url("../images/lots-input5.png") !important;
  }

  .lots-input-bg6 {
    background-image: url("../images/lots-input6.png") !important;
  }

  .lots-input-bg7 {
    background-image: url("../images/lots-input7.png") !important;
  }

  .lots-input-bg8 {
    background-image: url("../images/lots-input8.png") !important;
  }
}

.matka-details-tabs ul {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.matka-details-tabs ul li {
  margin: 1px;
}

.close-number {
  background: #facece;
  color: #ef5050;
}

.edit-chips-modal {
  .modal-header h4 {
    font-size: 16px;
  }
}

.edit-chips-modal .form-control {
  background-color: var(--cmn-bg-color);
  color: var(--white-text-color);
  height: 35px;
  font-size: 14px;
  font-weight: 400;
  border: solid 1px #797979;
  box-shadow: none;
  text-align: center;
}

.edit-chips-modal .form-control::placeholder {
  color: var(--white-text-color);
}

.edit-input-list ul {
  li {
    width: 100% !important;
    margin: 5px 0px;
    padding: 0px 5px;
  }
}

.name-value-heading {
  justify-content: center;
  font-size: 12px;
}

.name-value-heading h3 {
  font-size: 14px !important;
  line-height: 13px;
}

.bet_palce_button {
  justify-content: center;
  padding-top: 10px;
}

.update-stake-btn {
  color: var(--white-color) !important;
  text-transform: uppercase;
  padding: 8px !important;
  font-size: 16px !important;
  width: 97% !important;
  background-color: var(--secondary-main-bg);
  border: 0;
}

.matka-bet-sec {
  height: auto;
  border-radius: 5px;
  border: 1px solid #ffffff4d;


  .filter-sec .modal-header {
    padding: 10px 10px 5px;
    border-bottom: none;
    background-color: #3c4e5d;
    color: var(--white-color);
  }

  .btn-close {
    top: 12px;
  }
}

.filter-sec .modal-header .thm-heading {
  justify-content: flex-start;
  gap: 5px;
}


.back-link-cl {
  position: absolute;
  left: 0;
  right: auto;
  width: 30px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back-link-cl img {
  width: 14px;
}

.matka-tabs-list.w-100.ps-0 {
  margin-left: 0 !important;
}

.matka-bet-body .placebet-bet-tabel tbody tr td {
  background-color: #dcf8d7;
}

.matka-bet-body tr {
  white-space: nowrap;
}

.filter-sec .modal-header h4 {
  display: flex;
  gap: 5px;
  font-size: 16px;
  align-items: center;

  .heading-number {
    background-color: #dcf8d7;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  span {
    color: #000;
    font-size: 12px;
  }
}

.matka-bet-body .placebet-bet-tabel tr th {
  border: 1.5px solid #f5f5f5 !important;
  font-size: 12px;
  font-weight: 500;
}


.matka-detalis-list {
  overflow-x: auto;

  ul {
    white-space: nowrap;
    flex-wrap: nowrap;

    li {
      flex: auto;
      white-space: nowrap;
    }
  }
}

.offcanvas.offcanvas-bottom.matka-bet-sec {
  height: auto;
  max-height: max-content;
  top: inherit;
  bottom: 0;
}

.close_matka .matka-fix-list-number {
  font-size: 18px;
  padding-bottom: 16px;
}

.circle {
  width: 6px;
  height: 6px;
  background: #13ab10 !important;
  position: relative;
  border-radius: 100%;
  transition: all 0.3s;
  margin: 0px 5px 3px 0px;
  top: 1px;
}

.circle::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #1295228a;
  animation: innerOut 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
}

.open-matkastatus {
  span {
    color: #13ab10 !important;
  }
}

@keyframes innerOut {

  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) scale(2);
  }
}

.name-value-heading .small-con {
  color: #fff;
}

/* -----matka-details-css-End-- */


.min-max-section {
  display: flex;
  align-items: center;
  gap: 2px;
  float: inline-end;

  span {
    font-size: 12px;
  }

  h6 {
    font-size: 13px;
  }
}

.open-bet-wrapper .open-bets-list {
  display: grid !important;
}

/* Casino modal start */
.gp-closeButton {
  right: -7px;
  top: -7px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  width: 32px;
  border-radius: 100px;
  border: solid 1px #fff;
}

.gp-content {
  position: relative;
  width: 277px;
  padding: 0 0 20px;
  background-color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  color: var(--dark-text-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25), inset -3px 4px 6px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.game-point-section .modal-content {
  background: transparent;
  border: 0;
}

.gp-img {
  left: 25%;
  top: -70px;
  height: 150px;
  position: absolute;
  width: 50%;
}

.gp-checkout {
  width: 213px;
  text-align: center;
  margin-top: 35px;
  color: #252b37;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.gp-title {
  display: flex;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #252b37;
  margin-top: 60px;
}

.gp-descr {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  color: #007b59;
  margin-top: 11px;
}

.gp-welcome {
  text-align: center;
  margin-top: 10px;
  color: #252b37;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.gp-button {
  background: #017b5a;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  width: 230px;
  height: 44px;
  border-radius: 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: var(--white-text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 52px;
}

.player-to-player-transfer_x {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  transition: all 0.4s;
}

.player-to-player-transfer_x.show {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social_link {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-right: 0 !important;
  padding: 6px 0;

  #sOcial_icons ul {
    display: flex;
    align-items: center;


  }
}

.menu-list .social_link a:after {
  display: none !important;
}

.menu-list .social_link ul li {
  border: 0;
}

.menu-list .social_link a {
  padding: 4px;
  border: 1px solid #e0e6e6;
  border-radius: 5px;
}

.menu-list .social_link {
  flex: 1;
  position: relative;
  font-size: 19.2px;
  line-height: 1.6;
  padding: 10.34px 43.52px 10.34px 12.8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  color: #2789ce;
  font-weight: var(--weight-theme-500);
}

.social_link #sOcial_icons {
  padding: 0 !important;
}

.mr-row-sec {
  padding: 5px;

  label {
    color: #969696;
    margin-bottom: 5px;
  }
}

.tabbable-panel {
  background: #232a33;

  .form-select {
    background-color: #f1f1f1;
  }
}


.notice-txt {
  padding: 10px 28px 30px 28px;
  text-align: center;
}

.notices-cnt-sec small {
  font-family: "Averta Std bold", sans-serif;
  font-size: 23.5px;
  line-height: 1;
  text-align: center;
  color: var(--white-color);
  font-weight: var(--weight-theme-500);
}

.notices-cnt-sec h2 {
  font-family: "AvertaStd-ExtraBold", sans-serif;
  font-size: 23.5px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #129522 !important;
  margin: 14.1px 0;
  font-weight: var(--weight-theme-500);
}

.notices-cnt-sec p {
  font-family: "Averta Std bold", sans-serif;
  font-size: 23.5px;
  line-height: 30px;
  text-align: center;
  color: var(--white-color);
  margin-top: 14.1px;
  font-weight: var(--weight-theme-500);
}

.notices-cnt-sec a {
  width: 216px;
  height: 61px;
  font-family: "Averta Std semibold", sans-serif;
  font-size: 18.8px;
  line-height: 1;
  color: var(--white-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 28.2px auto 0;
  background: linear-gradient(180deg, #464646 0%, #181818 100%);
  border-radius: 35px;
  background: #129522 !important;
  font-weight: var(--weight-theme-500);
}

.notices-cnt-sec {
  padding-top: 10px;
  background: linear-gradient(180deg, #1d2a2e 42.02%, #2c323a 100%);
}

.cls-modal-skip {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2000;
}

#offer_modal .modal-dialog-centered {
  align-items: end;
  margin: 0 auto;
  min-height: 100%;
}

#offer_modal {
  --bs-modal-zindex: 9999;
}

.bet_marque .marquee-box {
  border-bottom: 1px solid #fff;
}

.whatsapp_chat {
  bottom: 150px !important;
  left: 16px !important;

  img {
    width: 35px;

  }
}

.whatsapp-modal-number {
  background: #43b36d;
  padding: 8px 10px;
  border-radius: 20px;
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  max-width: 300px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}

.whatsapp-modal-btn-icn {
  flex: 0 0 16px;
  height: 16px;
}

.marquee-box marquee {
  color: #6AC2FF;
}

.sigin-bg {
  background-image: none !important;
}

.sigin-wrapper {
  background-color: rgb(255, 184, 12);
}

.desktop-left {
  width: fit-content;
}

.desktop-right {
  width: calc(100% - 768px);
  background-image: url('../images/desktop-right-bg.jpg');
  background-position: center right;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.desktop-right-con {
  color: #fff;
  background: #000000c4;
  padding: 40px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.5;
  max-width: 750px;
  border-radius: 10px;
  margin: 20px auto;

  p {
    margin-bottom: 15px;
  }

  .desktop-right-con-block {
    margin-bottom: 15px;
  }

  .desktop-right-con-block:last-child {
    margin-bottom: 0;
  }

  .desktop-right-con-block--heading {
    font-weight: 700;
    font-size: 14px;
  }

  /* Rich-text heading sizing for Landing Settings HTML */
  h1,
  .landing-h1 {
    font-size: 23px;
    line-height: 1.22;
    margin: 0 0 10px;
    font-family: "Averta Std bold", "Averta Std semibold", sans-serif;
    font-weight: 700;
    text-transform: none;
  }

  h2,
  .landing-h2 {
    font-size: 19px;
    line-height: 1.28;
    margin: 0 0 9px;
    font-family: "Averta Std bold", "Averta Std semibold", sans-serif;
    font-weight: 700;
    text-transform: none;
  }

  h3,
  .landing-h3 {
    font-size: 16px;
    line-height: 1.32;
    margin: 0 0 8px;
    font-family: "Averta Std semibold", sans-serif;
    font-weight: 600;
    text-transform: none;
  }

  ul,
  ol {
    margin: 0 0 12px 18px;
    padding: 0;
    text-transform: none;
  }

  li {
    margin-bottom: 6px;
  }
}

/* Editorial landing panel (dark card + rules between Customizer blocks) */
.desktop-right-con.fei-landing-rich {
  background: #1a2a33;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 26px 22px 24px;
  text-align: left;
  text-transform: none;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
  -webkit-user-select: text;
  user-select: text;
}

/* Desktop right panel only: translucent black; blur scales with opacity so low % stays clear */
.desktop-right .desktop-right-con.fei-landing-rich {
  --fei-landing-desktop-panel-opacity: 0.55;
  background: rgb(0 0 0 / var(--fei-landing-desktop-panel-opacity));
  border-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(calc(12px * var(--fei-landing-desktop-panel-opacity)));
  -webkit-backdrop-filter: blur(calc(12px * var(--fei-landing-desktop-panel-opacity)));
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.22);
  max-width: min(640px, 94%);
  width: fit-content;
  margin: 14px auto;
  padding: 12px 14px 11px;
  align-self: center;
}

/* Wide desktop: landscape body — columns 1+2 side by side, column 3 full width */
.desktop-right .fei-landing-rich-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;
}

.desktop-right .fei-landing-rich-body > hr.fei-landing-rich-rule--in-body {
  display: none;
}

.desktop-right .fei-landing-rich-body > .desktop-right-con-block:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.desktop-right .fei-landing-rich-body > .desktop-right-con-block:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.desktop-right .fei-landing-rich-body > .desktop-right-con-block:nth-child(5) {
  grid-column: 1 / -1;
  grid-row: 2;
}

/* Heading strip: accent icon + divider (desktop right only) */
.desktop-right .desktop-right-con.fei-landing-rich .fei-landing-rich-top {
  position: relative;
  padding-left: 26px;
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.desktop-right .desktop-right-con.fei-landing-rich .fei-landing-rich-top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffb70c' stroke-width='1.5' stroke-linejoin='round' d='M12 3l1.6 4.9h5.2l-4.2 3 1.6 5L12 14.9 7.8 16.8l1.6-5-4.2-3h5.2L12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.95;
  pointer-events: none;
}

/* Section titles in body: gold accent bar */
.desktop-right .desktop-right-con.fei-landing-rich .fei-landing-rich-body h2,
.desktop-right .desktop-right-con.fei-landing-rich .fei-landing-rich-body .landing-h2 {
  padding-left: 8px;
  border-left: 3px solid rgba(255, 183, 12, 0.9);
  margin-left: 0;
}

@supports selector(:has(*)) {
  .desktop-right .fei-landing-rich-body p:has(> strong:first-child) {
    position: relative;
    padding-left: 1.4em;
  }

  .desktop-right .fei-landing-rich-body p:has(> strong:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #1fa568;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3.5 3.5L11 1'/%3E%3C/svg%3E");
    background-size: 9px 7px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/* Compact + smaller type (wide desktop column only; intro/mobile use base .fei-landing-rich sizes) */
.desktop-right .desktop-right-con.fei-landing-rich .desktop-right-con-block--heading {
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
  padding-bottom: 2px;
}

.desktop-right .desktop-right-con.fei-landing-rich hr.fei-landing-rich-rule {
  margin: 9px 0;
}

.desktop-right .desktop-right-con.fei-landing-rich p {
  font-size: 11px;
  line-height: 1.45;
  margin-bottom: 8px;
}

.desktop-right .desktop-right-con.fei-landing-rich h1,
.desktop-right .desktop-right-con.fei-landing-rich .landing-h1 {
  font-size: 14px;
  line-height: 1.28;
  margin: 0 0 6px;
}

.desktop-right .desktop-right-con.fei-landing-rich h2,
.desktop-right .desktop-right-con.fei-landing-rich .landing-h2 {
  font-size: 12px;
  line-height: 1.32;
  margin: 10px 0 5px;
}

.desktop-right .desktop-right-con.fei-landing-rich h2:first-child,
.desktop-right .desktop-right-con.fei-landing-rich h1:first-child {
  margin-top: 0;
}

.desktop-right .desktop-right-con.fei-landing-rich h3,
.desktop-right .desktop-right-con.fei-landing-rich .landing-h3 {
  font-size: 11px;
  margin: 8px 0 4px;
}

.desktop-right .desktop-right-con.fei-landing-rich ul:not(.fei-landing-list-check):not(.fei-landing-list-diamond),
.desktop-right .desktop-right-con.fei-landing-rich ol {
  margin: 0 0 8px 1em;
  font-size: 11px;
}

.desktop-right .desktop-right-con.fei-landing-rich ul:not(.fei-landing-list-check):not(.fei-landing-list-diamond) li,
.desktop-right .desktop-right-con.fei-landing-rich ol li {
  margin-bottom: 4px;
}

.desktop-right .desktop-right-con.fei-landing-rich ul.fei-landing-list-check li,
.desktop-right .desktop-right-con.fei-landing-rich ul.fei-landing-list-diamond li {
  font-size: 11px;
  padding-left: 1.15em;
  margin-bottom: 5px;
}

.desktop-right .desktop-right-con.fei-landing-rich ul.fei-landing-list-check li {
  padding-left: 1.55em;
}

.desktop-right .desktop-right-con.fei-landing-rich ul.fei-landing-list-check li::before {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  background-size: 9px 7px;
  top: 0.22em;
}

.desktop-right-con.fei-landing-rich .desktop-right-con-block {
  margin-bottom: 0;
  padding-bottom: 0;
}

.desktop-right-con.fei-landing-rich .desktop-right-con-block--heading {
  font-size: inherit;
  font-weight: inherit;
  padding-bottom: 4px;
}

.desktop-right-con.fei-landing-rich hr.fei-landing-rich-rule {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  margin: 20px 0;
}

.desktop-right-con.fei-landing-rich p {
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.55;
  text-align: left;
  margin-bottom: 12px;
}

.desktop-right-con.fei-landing-rich p:last-child {
  margin-bottom: 0;
}

.desktop-right-con.fei-landing-rich h1,
.desktop-right-con.fei-landing-rich .landing-h1 {
  color: #fff;
  font-size: 21px;
  line-height: 1.25;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}

.desktop-right-con.fei-landing-rich h2,
.desktop-right-con.fei-landing-rich .landing-h2 {
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  margin: 16px 0 10px;
}

.desktop-right-con.fei-landing-rich h2:first-child,
.desktop-right-con.fei-landing-rich h1:first-child {
  margin-top: 0;
}

.desktop-right-con.fei-landing-rich h3,
.desktop-right-con.fei-landing-rich .landing-h3 {
  color: #fff;
  font-size: 15px;
  margin: 14px 0 8px;
}

.desktop-right-con.fei-landing-rich ul:not(.fei-landing-list-check):not(.fei-landing-list-diamond),
.desktop-right-con.fei-landing-rich ol {
  margin: 0 0 14px 1.1em;
  padding: 0;
  color: rgba(255, 255, 255, 0.92);
}

.desktop-right-con.fei-landing-rich ul:not(.fei-landing-list-check):not(.fei-landing-list-diamond) li {
  list-style-type: disc;
  margin-bottom: 8px;
  padding-left: 4px;
}

.desktop-right-con.fei-landing-rich ol li {
  list-style-type: decimal;
  margin-bottom: 8px;
}

.desktop-right-con.fei-landing-rich strong,
.desktop-right-con.fei-landing-rich b {
  color: #fff;
  font-weight: 700;
}

.desktop-right-con.fei-landing-rich a {
  color: #7ec8ff;
  text-decoration: underline;
}

/* Optional: add class on <ul> in Landing Settings HTML */
.desktop-right-con.fei-landing-rich ul.fei-landing-list-check {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
}

.desktop-right-con.fei-landing-rich ul.fei-landing-list-check li {
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 12px;
  list-style: none;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.5;
}

/* Green circle + white check (Landing Settings lists) */
.desktop-right-con.fei-landing-rich ul.fei-landing-list-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.1em;
  height: 1.1em;
  min-width: 17px;
  min-height: 17px;
  border-radius: 50%;
  background-color: #1fa568;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3.5 3.5L11 1'/%3E%3C/svg%3E");
  background-size: 11px 9px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.desktop-right-con.fei-landing-rich ul.fei-landing-list-diamond {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
}

.desktop-right-con.fei-landing-rich ul.fei-landing-list-diamond li {
  position: relative;
  padding-left: 1.35em;
  margin-bottom: 12px;
  list-style: none;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.5;
}

.desktop-right-con.fei-landing-rich ul.fei-landing-list-diamond li::before {
  content: "";
  position: absolute;
  left: 0.15em;
  top: 0.45em;
  width: 7px;
  height: 7px;
  background: #4a9eff;
  transform: rotate(45deg);
  box-shadow: 0 0 0 1px rgba(74, 158, 255, 0.35);
}

.desktop-right-logo {
  width: fit-content;
  margin: 0 auto;
}

.follow-us-sec {
  margin-top: 21px;
}

.follow-us-sec h2 {
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.follow-us-sec ul {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
 
}

.follow-us-sec ul li {
  list-style: none; 
  max-width: 110px;
  max-height: 42px !important;
  img{
    width: 100%;
    height: 100%;
  }
}

.footer-link ul{
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
  margin-top: 15px;
  flex-wrap: wrap;
}
.ui-link{
  color: #fff;
  font-size: 14px; 
}
.ui-link:hover{
  text-decoration: underline;
  color: #fff !important;
}
.desktop-right-sec {
  width: 80%;
}

.logo-position {
  position: absolute;
  bottom: 10%;
  font-size: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.lOgin_pan nav{
  width: 100%;
  margin-bottom: 15px;
  .nav-tabs{
    width: 100%;
    max-width: 100%;
  }
  .nav-link{
    width: 100%;
  }
}

.custom-inputs-sec{
  .tab-pane{
    width: 100%;
  }
  .tab-content{
    width: 100%;
  }
  .tab-cont{
    width: 100%;
  }
}

.support-wrap{
  opacity: 0.4 !important;
  background: #000 !important;
}

.social-icon {
  display: flex;
  gap: 14px;
  justify-content: center;
  padding: 14px 0px;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.3);
}
.facebook-link{
  padding: 15px 0px;
  p {
    text-decoration: underline;
    font-size: 14px; 
  }
}

.live_sports {
  padding: 0;
}

/* —— Blog listing + single (dark shell, matches FUNIN landing chrome) —— */
body.fei-blog {
  background-color: #0a0a0a;
  color: #e8eaed;
  text-transform: none;
}

body.fei-blog .news-wrap.news-wrap-frame.fei-blog-shell {
  background: transparent;
}

body.fei-blog .fei-blog-side-head h3 {
  color: #1e1e1e;
}

body.fei-blog .fei-blog-side-head.fei-blog-side-head-back {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
}

body.fei-blog a.fei-blog-back {
  align-self: flex-start;
  margin-left: 10px;
  font-size: 15px;
  color: #1e1e1e;
  font-family: "Averta Std semibold", sans-serif;
  text-decoration: none;
}

body.fei-blog a.fei-blog-back:hover {
  text-decoration: underline;
}

body.fei-blog h3.fei-blog-single-heading {
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 20px;
  line-height: 1.25;
}

body.fei-blog .fei-blog-list {
  padding: 16px 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.fei-blog .fei-blog-card {
  margin: 0;
  padding: 0;
  background: #141414;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.fei-blog .fei-blog-card-link {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  color: inherit;
  text-decoration: none;
  min-height: 0;
}

body.fei-blog .fei-blog-card-thumb {
  flex: 0 0 38%;
  max-width: 200px;
  min-width: 112px;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  background: #000;
  min-height: 120px;
}

body.fei-blog .fei-blog-card-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.fei-blog .fei-blog-card-body {
  flex: 1;
  min-width: 0;
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.fei-blog .fei-blog-card-title {
  font-size: 19px;
  color: #fff;
  margin: 0 0 8px;
  font-family: "Averta Std bold", sans-serif;
  line-height: 1.3;
}

body.fei-blog .fei-blog-card-meta {
  font-size: 13px;
  color: #9aa0a6;
  margin: 0 0 10px;
  text-transform: none;
}

body.fei-blog .fei-blog-card-excerpt {
  font-size: 15px;
  line-height: 1.5;
  color: #bdc1c6;
  margin: 0 0 12px;
  text-transform: none;
  font-family: "Averta Std regular", "Averta Std semibold", sans-serif;
}

body.fei-blog .fei-blog-card-cta {
  font-size: 14px;
  color: #5cabff;
  font-family: "Averta Std semibold", sans-serif;
}

body.fei-blog .fei-blog-empty {
  text-align: center;
  padding: 36px 16px;
  color: #9aa0a6;
  font-size: 16px;
}

body.fei-blog .fei-blog-pagination {
  padding: 8px 0 28px;
}

body.fei-blog .fei-blog-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.fei-blog .fei-blog-pagination li {
  margin: 0;
}

body.fei-blog .fei-blog-pagination a,
body.fei-blog .fei-blog-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #1e1e1e;
  color: #e8eaed;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.fei-blog .fei-blog-pagination a:hover {
  background: #2789ce;
  color: #fff;
  border-color: transparent;
}

body.fei-blog .fei-blog-pagination span.current {
  background: #2789ce;
  color: #fff;
  border-color: transparent;
}

body.fei-blog .fei-blog-pagination span.dots {
  background: transparent;
  border: none;
}

body.fei-blog .fei-blog-article {
  background: #141414;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 20px 18px 28px;
  margin: 0 0 24px;
}

body.fei-blog .fei-blog-single-meta {
  font-size: 14px;
  color: #9aa0a6;
  margin: 0 0 16px;
}

body.fei-blog .fei-blog-single-thumb {
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 20px;
  background: #000;
}

body.fei-blog .fei-blog-single-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

body.fei-blog .fei-blog-content {
  font-size: 17px;
  line-height: 1.65;
  color: #e3e3e3;
  text-transform: none;
  font-family: "Averta Std regular", "Averta Std semibold", sans-serif;
}

body.fei-blog .fei-blog-content p {
  margin: 0 0 1em;
}

body.fei-blog .fei-blog-content h2,
body.fei-blog .fei-blog-content h3,
body.fei-blog .fei-blog-content h4 {
  color: #fff;
  margin: 1.25em 0 0.5em;
  font-family: "Averta Std bold", sans-serif;
}

body.fei-blog .fei-blog-content a {
  color: #5cabff;
  text-decoration: underline;
}

body.fei-blog .fei-blog-content ul,
body.fei-blog .fei-blog-content ol {
  margin: 0 0 1em 1.25em;
  padding: 0;
}

body.fei-blog .fei-blog-content li {
  list-style: disc;
  margin-bottom: 0.35em;
}

body.fei-blog .fei-blog-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* —— Landing intro (left column; visible at all breakpoints including wide desktop) —— */
.fei-landing-intro {
  padding: 22px 0 14px;
  background: radial-gradient(ellipse 100% 80% at 50% -20%, rgba(255, 183, 12, 0.09) 0%, transparent 55%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, transparent 50%);
}

.fei-landing-intro .container {
  max-width: 720px;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}

/* Mobile / left column: premium card (solid panel; mirrors desktop accents) */
.fei-landing-intro .fei-landing-intro-inner {
  position: relative;
  margin: 0 auto 10px;
  max-width: 100%;
  padding: 22px 20px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: linear-gradient(165deg, #1f3544 0%, #172a35 42%, #121e26 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 183, 12, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  overflow: hidden;
}

.fei-landing-intro .fei-landing-intro-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 183, 12, 0.5) 22%,
    rgba(255, 200, 80, 0.65) 50%,
    rgba(255, 140, 0, 0.45) 78%,
    transparent 100%
  );
  pointer-events: none;
}

.fei-landing-intro .fei-landing-rich-top {
  position: relative;
  padding-left: 30px;
  margin-bottom: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.fei-landing-intro .fei-landing-rich-top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffb70c' stroke-width='1.5' stroke-linejoin='round' d='M12 3l1.6 4.9h5.2l-4.2 3 1.6 5L12 14.9 7.8 16.8l1.6-5-4.2-3h5.2L12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.95;
  filter: drop-shadow(0 0 10px rgba(255, 183, 12, 0.35));
  pointer-events: none;
}

.fei-landing-intro .fei-landing-rich-body h2,
.fei-landing-intro .fei-landing-rich-body .landing-h2 {
  padding-left: 10px;
  border-left: 3px solid rgba(255, 183, 12, 0.88);
  margin-left: 0;
}

@supports selector(:has(*)) {
  .fei-landing-intro .fei-landing-rich-body p:has(> strong:first-child) {
    position: relative;
    padding-left: 1.5em;
  }

  .fei-landing-intro .fei-landing-rich-body p:has(> strong:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #1fa568;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3.5 3.5L11 1'/%3E%3C/svg%3E");
    background-size: 10px 8px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.22);
  }
}

.fei-landing-intro .fei-landing-intro-inner .desktop-right-con-block--heading {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.fei-landing-intro .fei-landing-intro-inner h1,
.fei-landing-intro .fei-landing-intro-inner .landing-h1 {
  font-size: clamp(1.15rem, 4.2vw, 1.45rem);
  line-height: 1.22;
  margin: 0 0 4px;
  color: #fff;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.35);
}

/* Sports Settings card: long H1 stays one line on typical phone widths */
.fei-sports-page-seo .fei-sports-seo-block--lead h1,
.fei-sports-page-seo .fei-sports-seo-block--lead .landing-h1 {
  font-size: clamp(0.5rem, 1.35vw + 0.42rem, 1rem);
  line-height: 1.15;
  letter-spacing: -0.045em;
  margin: 0;
}

/* —— Sports Settings: icons + layout —— */
.fei-sports-page-seo .fei-sports-seo-card {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 183, 12, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fei-sports-page-seo .fei-sports-seo-headline {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fei-sports-page-seo .fei-sports-seo-headline-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  margin-top: 2px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 183, 12, 0.22) 0%, rgba(255, 140, 0, 0.12) 100%);
  border: 1px solid rgba(255, 183, 12, 0.35);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffb70c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6.5 9.5L12 4l5.5 5.5M12 4v16M8 20h8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}

.fei-sports-page-seo .fei-sports-seo-headline-text {
  flex: 1;
  min-width: 0;
}

.fei-sports-page-seo .fei-sports-seo-card h2,
.fei-sports-page-seo .fei-sports-seo-card .landing-h2 {
  padding-left: 10px;
  border-left: 3px solid rgba(255, 183, 12, 0.88);
  margin-left: 0;
  margin-top: 0;
}

.fei-sports-page-seo .fei-sports-seo-block--features h2:first-child,
.fei-sports-page-seo .fei-sports-seo-block--features .landing-h2:first-child {
  margin-bottom: 14px;
}

.fei-sports-page-seo .fei-sports-seo-block--intro p {
  margin-top: 8px;
}

.fei-sports-feature {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 12px 12px 12px 10px;
  border-radius: 12px;
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.fei-sports-page-seo .fei-sports-feature:last-child {
  margin-bottom: 0;
}

.fei-sports-page-seo .fei-sports-feature-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background-color: rgba(31, 165, 104, 0.2);
  border: 1px solid rgba(31, 165, 104, 0.45);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.fei-sports-page-seo .fei-sports-feature--live .fei-sports-feature-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%234ade80' stroke-width='1.6' stroke-linecap='round' d='M8.5 10a6 6 0 0111 2M6 14a10 10 0 0116 0M4 18a14 14 0 0118 0'/%3E%3Ccircle cx='12' cy='8' r='2' fill='%234ade80'/%3E%3C/svg%3E");
}

.fei-sports-page-seo .fei-sports-feature--smooth .fei-sports-feature-icon {
  background-color: rgba(74, 158, 255, 0.18);
  border-color: rgba(74, 158, 255, 0.42);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%237ec8ff' stroke-width='1.6' stroke-linecap='round' d='M4 14c3-4 5-4 8 0s5 4 8 0'/%3E%3Cpath stroke='%237ec8ff' stroke-width='1.6' stroke-linecap='round' d='M4 10c3 4 5 4 8 0s5-4 8 0'/%3E%3C/svg%3E");
}

.fei-sports-page-seo .fei-sports-feature--devices .fei-sports-feature-icon {
  background-color: rgba(255, 183, 12, 0.15);
  border-color: rgba(255, 183, 12, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='14' height='10' rx='1.5' stroke='%23ffb70c' stroke-width='1.5'/%3E%3Cpath stroke='%23ffb70c' stroke-width='1.5' stroke-linecap='round' d='M7 18h14M17 14v4'/%3E%3Crect x='14' y='11' width='7' height='11' rx='1.2' stroke='%23ffb70c' stroke-width='1.5'/%3E%3C/svg%3E");
}

.fei-sports-page-seo .fei-sports-feature-body {
  flex: 1;
  min-width: 0;
}

.fei-sports-page-seo .fei-sports-feature-body h3,
.fei-sports-page-seo .fei-sports-feature-body .landing-h3 {
  margin-top: 0;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 700;
}

.fei-sports-page-seo .fei-sports-feature-body p {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.52;
  font-size: 13px;
}

.fei-sports-page-seo .fei-sports-seo-block--closing p {
  margin-top: 8px;
}

/* Contact page: footer intro block (Contact Us Settings) */
.fei-contact-page-seo .fei-contact-seo-card {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 183, 12, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fei-contact-page-seo .fei-contact-seo-card h2,
.fei-contact-page-seo .fei-contact-seo-card .landing-h2 {
  padding-left: 10px;
  border-left: 3px solid rgba(255, 183, 12, 0.88);
  margin-left: 0;
  margin-top: 0;
}

.fei-contact-page-seo .fei-contact-seo-block:first-child h1,
.fei-contact-page-seo .fei-contact-seo-block:first-child .landing-h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.fei-contact-page-seo .fei-contact-seo-block p {
  margin-top: 8px;
}

.fei-contact-page-seo .fei-contact-seo-block ul {
  margin: 8px 0 0;
  padding-left: 1.25rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.55;
}

.fei-contact-page-seo .fei-contact-seo-block li + li {
  margin-top: 6px;
}

/* Help /contact: SEO block lives inside .help_div — same column as cards (no beige “floating” strip) */
body.help-page .help_div {
  padding-bottom: 0;
}

body.help-page .fei-contact-page-seo.fei-landing-intro {
  padding: 0;
  margin: 0;
  background: transparent;
}

body.help-page .fei-contact-page-seo .container {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body.help-page .fei-contact-page-seo .fei-landing-intro-inner.fei-contact-seo-card {
  /* Matches .pd20 card gutter; --fe-help-text-inset aligns H1 with H2 copy (stripe 3px + padding 10px). */
  --fe-help-text-inset: 13px;
  position: relative;
  padding: 14px 20px 26px;
  margin: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  text-align: left;
}

body.help-page .fei-contact-page-seo .fei-landing-intro-inner.fei-contact-seo-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 183, 12, 0.35) 16%,
    rgba(255, 183, 12, 0.88) 45%,
    rgba(255, 200, 80, 0.82) 55%,
    rgba(255, 183, 12, 0.35) 84%,
    transparent 100%
  );
  pointer-events: none;
  box-shadow: 0 0 16px rgba(255, 183, 12, 0.18);
}

body.help-page .fei-contact-page-seo .fei-contact-seo-block:first-child h1,
body.help-page .fei-contact-page-seo .fei-contact-seo-block:first-child .landing-h1 {
  padding-left: var(--fe-help-text-inset);
}

body.help-page .fei-contact-page-seo .fei-contact-seo-block:not(:first-child) p {
  padding-left: var(--fe-help-text-inset);
  box-sizing: border-box;
}

body.help-page .fei-contact-page-seo .fei-contact-seo-block:not(:first-child) ul {
  padding-left: calc(var(--fe-help-text-inset) + 1.25rem);
  box-sizing: border-box;
}

body.help-page .fei-contact-page-seo .fei-landing-intro-inner::before {
  display: none;
}

body.help-page .fei-contact-page-seo.fei-landing-intro .fei-landing-intro-inner hr.fei-landing-rich-rule {
  margin: 10px 0;
}

/* Square off the fancycard above so it meets the SEO block */
body.help-page #fei-contact-address .pd20 {
  padding: 12px 20px 0;
}

body.help-page #fei-contact-address .fancycard {
  border-radius: 12px 12px 0 0;
}

body.help-page #fei-contact-address .fancycard .card-content {
  padding-top: 18px;
  padding-bottom: 18px;
}

body.help-page #fei-contact-address .fancycard > .card-content .title {
  margin-bottom: 10px;
}

body.help-page #fei-contact-address .fei-contact-address-text p {
  margin: 0 !important;
}

/* Same text rhythm as “Contact Fun Exchange” block: full-width gutter, left-aligned copy */
body.help-page #fei-contact-address .card-content.text-center {
  text-align: left;
}

body.help-page #fei-contact-address .card-content .image {
  text-align: left;
}

body.help-page #fei-contact-address .card-content .image img {
  display: block;
  margin-left: 0;
  margin-right: auto;
}

@supports selector(:has(*)) {
  body.help-page #mail:has(+ section.fei-contact-page-seo) .pd20 {
    padding-bottom: 0;
  }

  body.help-page #mail:has(+ section.fei-contact-page-seo) .fancycard {
    border-radius: 12px 12px 0 0;
  }
}

/* One continuous band into mobile footer on /help (same base tone as .pd5) */
body.help-page .sub_footer .sub_footer_inner {
  background-color: #232a33;
}

.fei-landing-intro .fei-landing-intro-inner .fei-landing-rich-body hr.fei-landing-rich-rule,
.fei-landing-intro .fei-landing-intro-inner .fei-landing-rich-body hr.fei-landing-rich-rule--in-body {
  border-top-color: rgba(255, 255, 255, 0.16);
  margin: 14px 0;
}

/* Contact + Sports SEO: <hr> is direct child of inner (not landing-rich-panel) */
.fei-landing-intro .fei-landing-intro-inner > hr.fei-landing-rich-rule {
  border-top-color: rgba(255, 255, 255, 0.16);
  margin: 14px 0;
}

.fei-landing-intro .fei-landing-intro-inner p {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.58;
}

.fei-landing-intro .fei-landing-intro-inner a {
  color: #8fd4ff;
  text-decoration-color: rgba(143, 212, 255, 0.45);
}

.fei-landing-intro .fei-landing-intro-inner a:hover {
  color: #b8e4ff;
  text-decoration-color: rgba(184, 228, 255, 0.7);
}

/*
 * Landing left intro — Contact-style flush band ONLY when .desktop-right is hidden
 * (responsive.css: max-width 1199px). On wide desktop the same copy lives in the
 * right-column glass panel; a full #232a33 strip here fights the hero and looks “broken”.
 */
@media screen and (max-width: 1199px) {
  .desktop-left .fei-landing-intro {
    padding: 0;
    margin: 0;
    background: #232a33;
  }

  .desktop-left .fei-landing-intro .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .desktop-left .fei-landing-intro .fei-landing-intro-inner {
    --fe-landing-col-inset: 13px;
    position: relative;
    margin: 0;
    padding: 16px 20px 26px;
    border-radius: 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow: none;
    background: transparent;
    text-align: left;
  }

  .desktop-left .fei-landing-intro .fei-landing-intro-inner::before {
    display: none;
  }

  .desktop-left .fei-landing-intro .fei-landing-intro-inner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 183, 12, 0.35) 16%,
      rgba(255, 183, 12, 0.88) 45%,
      rgba(255, 200, 80, 0.82) 55%,
      rgba(255, 183, 12, 0.35) 84%,
      transparent 100%
    );
    pointer-events: none;
    box-shadow: 0 0 16px rgba(255, 183, 12, 0.18);
  }

  .desktop-left .fei-landing-intro .fei-landing-intro-inner .fei-landing-rich-body hr.fei-landing-rich-rule,
  .desktop-left .fei-landing-intro .fei-landing-intro-inner .fei-landing-rich-body hr.fei-landing-rich-rule--in-body {
    margin: 10px 0;
  }

  .desktop-left .fei-landing-intro .fei-landing-rich-body {
    padding-left: 17px;
  }

  .desktop-left .fei-landing-intro .fei-landing-rich-body .desktop-right-con-block h2 ~ p,
  .desktop-left .fei-landing-intro .fei-landing-rich-body .desktop-right-con-block h2 ~ ul,
  .desktop-left .fei-landing-intro .fei-landing-rich-body .desktop-right-con-block h2 ~ ol {
    padding-left: var(--fe-landing-col-inset);
    box-sizing: border-box;
  }

  .desktop-left .fei-landing-intro .fei-landing-rich-body .desktop-right-con-block h2 ~ ul,
  .desktop-left .fei-landing-intro .fei-landing-rich-body .desktop-right-con-block h2 ~ ol {
    padding-left: calc(var(--fe-landing-col-inset) + 1.25rem);
  }

  .desktop-left .fei-landing-intro + .fei-landing-faq {
    padding-top: 22px;
  }
}

/* —— Landing FAQ (above footer) —— */
.fei-landing-faq {
  --fei-faq-green: #007a53;
  --fei-faq-green-dark: #006848;
  --fei-faq-bg: #0a0a0a;
  --fei-faq-panel-bg: #1a1f26;
  --fei-faq-orange: #ff8c00;
  padding: 28px 0 36px;
  background-color: var(--fei-faq-bg);
  background-image: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(0, 122, 83, 0.12) 0%, transparent 55%),
    repeating-linear-gradient(
      -32deg,
      transparent,
      transparent 24px,
      rgba(255, 255, 255, 0.02) 24px,
      rgba(255, 255, 255, 0.02) 25px
    );
}

.fei-landing-faq .container {
  max-width: 720px;
}

.fei-faq-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  padding-left: 4px;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  font-family: "Averta Std bold", "Averta Std semibold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.fei-faq-heading-accent {
  display: block;
  width: 4px;
  min-height: 28px;
  border-radius: 2px;
  background: var(--fei-faq-orange);
  flex-shrink: 0;
}

.fei-faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fei-faq-item {
  border-radius: 50px;
  overflow: hidden;
}

.fei-faq-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 16px 24px;
  margin: 0;
  border: none;
  border-radius: 50px;
  background: var(--fei-faq-green);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Averta Std bold", "Averta Std semibold", sans-serif;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  transition: background 0.2s ease, filter 0.2s ease;
}

.fei-faq-trigger:hover {
  filter: brightness(1.06);
}

.fei-faq-q {
  flex: 1;
  line-height: 1.35;
}

.fei-faq-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--fei-faq-green-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.fei-faq-icon-i {
  display: block;
  width: 14px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  position: relative;
  transition: transform 0.25s ease;
}

.fei-faq-icon-i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 14px;
  margin-left: -1px;
  margin-top: -7px;
  background: #fff;
  border-radius: 1px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.fei-faq-item.is-open .fei-faq-icon-i::after {
  opacity: 0;
  transform: scaleY(0);
}

.fei-faq-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
  background: var(--fei-faq-panel-bg);
  border-radius: 0 0 24px 24px;
  margin-top: -8px;
  padding-top: 8px;
}

.fei-faq-item.is-open .fei-faq-panel {
  grid-template-rows: 1fr;
}

.fei-faq-panel[hidden] {
  display: none;
}

.fei-faq-item.is-open .fei-faq-panel {
  display: grid;
}

.fei-faq-panel-inner {
  min-height: 0;
  overflow: hidden;
  padding: 18px 22px 22px 26px;
}

.fei-faq-panel-inner p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #e8eaed;
  font-weight: 400;
  font-family: "Averta Std regular", "Averta Std semibold", sans-serif;
  text-transform: none;
  -webkit-user-select: text;
  user-select: text;
}

@media (max-width: 575px) {
  .fei-landing-faq {
    padding: 22px 12px 28px;
  }

  .fei-faq-heading {
    font-size: 22px;
    margin-bottom: 18px;
  }

  .fei-faq-trigger {
    padding: 14px 16px 14px 20px;
    font-size: 14px;
    border-radius: 40px;
  }

  .fei-faq-item {
    border-radius: 40px;
  }

  .fei-faq-icon {
    width: 32px;
    height: 32px;
  }
}