body {
  --primary-color: #0f212e;
  --secondary-color: #1a2c38;
  --sec2:#2f4553;
  --grey-300: #526064;
  --grey-400: #557086;
  --grey-500: #213743;
  --grey-700: #0f212e;
  --grey-800: #071d2a;
  --gray-9020:#213743;
  --tab-hoveractive:#2f4553;
  --blue-color: #1475e1;
  --blue-color2: #0963c9;
  --text-white: #fff;
  --lable-color: #b1bad31;
  --text-light:#b1bad3;
  --gray-color: #b1bad3;
  --btncolor1: #028FCD;
  --back-bg:#bbe1ee;
  --lay-bg:#f6c5c8;
  --backtext:#106481;
  --laytext:#af4d52;
  --btn-gredient: linear-gradient(to right, #05BABF, #06A1E3);
  --semibold: 'proxima_nova_ltsemibold';
  --bold: 'proxima_nova_altbold';
  --thin: 'proxima_nova_ltthin'
}



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



/* 

:root {
  --primary-color: #0134a9;
  --secondary-color: #1e4cb9;
  --bg-light:#deebff;
  --text-white: #fff;
  --bg-white: #fff;
  --text-dark: #1e1e1e;
  --market-bg:#F6F9FF;
  --market-bg-hover:rgb(29 52 169 / 10%);
  --back-bg:#bbe1ee;
  --lay-bg:#f6c5c8;
  --backtext:#106481;
  --laytext:#af4d52;
}
 */

.f-semibold {
  font-family: 'proxima_nova_ltsemibold';
}

.f-thin {
  font-family: 'proxima_nova_ltthin';
}

.f-bold {
  font-family: 'proxima_nova_altbold';
}

*::-webkit-scrollbar-track {border-radius:0; background-color:var(--primary-color)}
*::-webkit-scrollbar {width:5px; height:4px; background-color:var(--primary-color); border:1px solid #fff}
*::-webkit-scrollbar-thumb {border-radius:0; background-color:var(--grey-300)}

/** Proxima Nova **/

@font-face {
  font-family: 'proxima_nova_altbold';
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_altblack';
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_scosfthin';
  src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_ltthin';
  src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot');
  src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
    url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Proxima Nova';
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  overflow-x: hidden;
  background-color: var(--secondary-color);
  color: var(--gray-color);
}

.main_wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}

.main_wrapper .left_sidebar {
  top: 0;
  left: 0;
  width: 240px;
  border-right: 0px;
  transform: translateX(0%);
}

.main_wrapper .left_sidebar {
  background-color: var(--grey-700);
  width: 240px;
  min-height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  filter: drop-shadow(0 0 5px rgba(25, 25, 25, .25));
}
.main_wrapper .right_wrapper {
  width: calc(100% - 240px);
  padding: 0px;
  margin-left:240px;
}
.main_header {
  height: 60px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  position: relative;
    z-index: 2;
}
.center-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px;
}

.main_wrapper .left_sidebar .logo_img {
  background-color: var(--primary-color);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  width: 100%;
  padding: 0px 20px;
}
.main_wrapper .left_sidebar .logo_img .toggle_btn svg.icon {
  width: 20px;
  height: 20px;
  fill: var(--text-light);
}
.main_wrapper .left_sidebar .logo_img .btn_grp {
  display:flex;
  align-items:center;
  gap:7px;
}

.main_wrapper .left_sidebar .logo_img .btn_grp .btn {
  background-color: var(--secondary-color);
  font-family: var(--semibold);
  color: #fff;
  text-transform: uppercase;
  padding: 6px 11px;
  font-size: 15px;
  height: 38px;
  overflow: hidden;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
}

.main_wrapper .left_sidebar .logo_img .btn_grp .sports_btn {
  background: url('../images/sports-balls-en.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_wrapper .left_sidebar .logo_img .btn_grp .sports_btn:hover, .main_wrapper .left_sidebar .logo_img .btn_grp .sports_btn.active {
  background: url('../images/sports-balls-orange-en.jpg');
}

.main_wrapper .left_sidebar .logo_img .btn_grp .casino_btn {
  background: url('../images/casino-poker-cards-en.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_wrapper .left_sidebar .logo_img .btn_grp .casino_btn:hover, .main_wrapper .left_sidebar .logo_img .btn_grp .casino_btn.active {
  background: url('../images/casino-poker-cards-green-en.jpg');
}



.main_wrapper .left_sidebar .sidebar_menu {
  padding: 15px;
  overflow-y: auto;
  height: 86vh;
}


.main_wrapper .left_sidebar .side_box {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
  background-color: var(--secondary-color);
  border-radius: 3px;
  margin-bottom: 10px;
}


.main_wrapper .left_sidebar .side_box ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.main_wrapper .left_sidebar .sidebar_menu ul li a {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--text-white);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  background-color: transparent;
  border-radius: 3px;
  font-family: var(--semibold);
  opacity: 0.5;
}


.main_wrapper .left_sidebar .sidebar_menu ul li a img {
  max-width: 18px;
  max-height: 18px;
}

.main_wrapper .left_sidebar .sidebar_menu ul li svg.icon {
  width: 18px;
  height: 18px;
  fill: #fff;
}
 .main_wrapper .left_sidebar .sidebar_menu ul li a:hover, .main_wrapper .left_sidebar .sidebar_menu ul li a.selected {
  background: #2f4553;
  opacity: 1;
}

/* left bar css end */

/* right wrapper css start */
.right_wrapper header {
  display: flex;
  gap: 20px;
  align-items: end;
  height: 60px;
  position: relative;
  align-items: center;
}

.right_wrapper header .search_bar {
  width: 285px;
  position: relative;
}
.herobanner_slider .owl-nav {
  display: none !important;
}
.right_wrapper header .search_bar .form-control {
  height: 40px;
  background-color: var(--secondary-color);
  border-radius: 70px;
  border: 1px solid #ffffff52;
  color: var(--text-white);
  padding-left: 36px;
}

.right_wrapper header .search_bar .search_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
}

.form-control:focus {
  box-shadow: none;
}

.right_wrapper header .header_right_block {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: end;
}

.right_wrapper header .language_drop .lang_drop {
  padding: 8px 0 8px 36px;
  color: var(--text-white);
  width: auto;
  font-weight: 400;
  position: relative;
  border: 0;
  background: transparent;
}

.right_wrapper header .language_drop .lang_drop:focus {
  box-shadow: none;
}

.right_wrapper header .language_drop .lang_drop .flag_ico {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.right_wrapper header .language_drop .dropdown-menu {
  background-color: var(--secondary-color);
  border: 1px solid #ffffff52;
  padding: 0;
  overflow: hidden;
}

.right_wrapper header .language_drop .dropdown-menu li a.dropdown-item {
  position: relative;
  padding: 5px 0px 5px 34px;
  color: var(--text-white);
  font-size: 15px;
}

.right_wrapper header .language_drop .dropdown-menu li a.dropdown-item:hover {
  background-color: var(--primary-color);


}

.flag_ico {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.right_wrapper header .btn_group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.right_wrapper header .btn_group .btn {
  width: 93px;
  text-align: center;
  font-size: 14px;
  padding: 12px 9px;
  border-radius: 6px;
  border: 0;
  background-color: var(--blue-color);
  font-family: var(--bold);
}
.btn-primary {
  text-align: center;
  font-size: 14px;
  padding: 12px 14px;
  border-radius: 4px;
  border: 0;
  background-color: var(--grey-500);
  font-family: var(--bold);
}


.right_wrapper header .btn_group .btn-primary {
  background-color: transparent;
}
.right_wrapper header .btn_group .btn-demo{
  background-color:var(--grey-500);
}

.right_wrapper header .btn_group .btn:focus {
  box-shadow: none;
}


.right_inner_wrapper {
  margin-top: 25px;
  height: calc(100vh - 85px);
  overflow-y: auto;
}

.right_inner_wrapper .game_banner {
  min-height: auto;
  max-height: 238px;
  border-radius: 10px;
  overflow: hidden;
}

.right_inner_wrapperv .game_banner img {
  width: 100%;
  height: 100%;
}

.providers_wrapper {
  position: relative;
  margin-top: 25px;
  display: inline-block;
  width: 100%;
}


.section_heading h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: var(--text-white);
  font-family: var(--semibold);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 15px;
}

.section_heading h2 span svg.icon{width:20px; height:20px; fill:var(--text-light);}
.section_heading h2:hover svg.icon{fill:#fff !important;}
.serach_box {
  position:relative;
  margin:20px 0px;
}
.serach_box .serach_btn {
  position: absolute;
  top: 7px;
  left: 16px;
}
.serach_box .serach_btn svg.icon {
 width:20px;
 height:20px;
 fill:var(--grey-400);
}

.serach_box .form-control {
  background-color: var(--primary-color);
  border: 2px solid var(--sec2);
  border-radius: 41px;
  height: 41px;
  color:var(--grey-300);
  padding: 0px 44px;
  font-size: 14px;
  font-family: var(--semibold);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
}
.serach_box .form-control::placeholder {
  color:var(--grey-300);
}
.providers_wrapper .items_img {
  background-color: var(--sec2);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  height: 57px;
  box-shadow: 0 4px 6px -1px rgba(27, 23, 23, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);
  position:relative;
  transition:0.2s all;
}

.providers_wrapper .items_img img {
  max-height: 40px;
  width: auto !important;
  max-width: 80%;
}

.providers_wrapper .section_heading {
  margin-bottom: 18px;
}

.tabs_wrapper {
  padding: 5px;
  background-color: var(--primary-color);
  border-radius: 70px;
  margin-top: 0px;
  overflow: auto;
  flex-wrap: nowrap;
  width: auto;
  max-width: 100%;
  display: inline-flex;
  margin-bottom: 0;
}


.tabs_wrapper ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
}

.tabs_wrapper ul li a {
  padding: 9px 17px;
  font-size: 14px;
  color: var(--text-white);
  font-weight: 500;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 70px;
  background-color: transparent;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-family: var(--semibold);
}

.tabs_wrapper ul li a svg.icon {
  width:18px;
  height:18px;
  fill:var(--gray-color);
}

.tabs_wrapper ul li a.active,
.tabs_wrapper ul li a:hover {
  background: var(--tab-hoveractive);
}

.slider_card {
  margin-top: 25px;
  display: inline-block;
  width: 100%;
}

.slider_card .slider_inner_card {
  padding: 0;
  border-radius: 0;
  background-color: var(--secondary-color);
  margin-top: 15px;
  position: relative;
}

.slider_card .slider_inner_card .item {
  background-color:transparent;
  padding:0px;
  border-radius: 8px;
}

.slider_card .slider_inner_card .item .items_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0;
  text-decoration: none;
  position:relative;
}
.slider_card .slider_inner_card .item .items_card .sports_count {
  position: absolute;
  background-color: var(--grey-700);
  top: 18px;
  left: 0;
  height: 36px;
  width: 28px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.slider_card .slider_inner_card .item .items_card .items_game_img {
  border-radius: 5px;
  min-height: auto;
  width: 100%;
  max-height: 270px;
  overflow: hidden;
}

.slider_card .slider_inner_card .item .items_card .items_game_img img {
  width: 100%;
  height: 100%;
}

.slider_card .slider_inner_card .item .items_card .tittle_block {
  flex: 1;
  margin-top: auto;
  padding-left: 5px;
}
.slider_card .slider_inner_card .item .items_card .tittle_block .live_players {
  color: #fff;
  font-family: var(--semibold);
  font-size: 13px;
  position: relative;
  display: inline-flex;
  padding-left: 15px;
  gap: 6px;
  margin-top: 4px;
  line-height: 20px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}

.slider_card .slider_inner_card .item .items_card .tittle_block .live_players::before {
  content: '';
  height: 8px;
  width: 8px;
  background-color: #1fff20;
  animation: svelte-pulse 1s infinite ease-out;
  border-radius: 50%;
  position: absolute;
  left: 1px;
  top: 5px;
}

@keyframes svelte-pulse {
  0% {
      box-shadow: 0 0 #00e70166
  }

  30% {
      box-shadow: 0 0 2px 2px #00e70166
  }

  70% {
      box-shadow: 0 0 2px 2px #00e70166
  }

  to {
      box-shadow: 0 0 #00e70166
  }
}

.slider_card .slider_inner_card .item .items_card .tittle_block .live_players span{
  color:var(--text-light);
  font-weight: 400;
}



.right_inner_wrapper .owl-nav {
  position: absolute;
  top: -55px;
  right: 0;
  z-index: 1;
}

.right_inner_wrapper .owl-carousel .owl-dots {
  display: none;
}

.right_inner_wrapper .owl-carousel .owl-nav {
  display: flex;
  gap: 0;
}
.right_inner_wrapper .owl-carousel .owl-nav span {
  display:none;
}
.right_inner_wrapper .owl-carousel .owl-nav .owl-prev, .right_inner_wrapper .owl-carousel .owl-nav .owl-next {
  height: 35px;
  width: 45px;
  border: 1px solid var(--sec2);
  border-radius: 0px;
  font-size: 25px;
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  margin: 0px;
}
.right_inner_wrapper .owl-carousel .owl-nav .owl-prev:hover, .right_inner_wrapper .owl-carousel .owl-nav .owl-next:hover {
  background-color:transparent !important;
}

.right_inner_wrapper .owl-carousel .owl-nav .owl-prev {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-right: -1px;
  background: url('../images/left-arrow.png') !important;
  background-position: center !important;
  background-size: 13px !important;
  background-repeat: no-repeat !important; 
}
.right_inner_wrapper .owl-carousel .owl-nav .owl-next {
  border-top-right-radius:25px;
  border-bottom-right-radius:25px;
  background:url('../images/right-arrow.png') !important;
  background-position: center !important;
  background-size: 13px !important;
  background-repeat: no-repeat !important;
}


.herobanner_slider .owl-nav {
  display: none;
}

.herobanner_slider .owl-dots {
  display: none;
}

.search_btn {
  display: none;
}

.right_wrapper header .search_bar.collapse:not(.show) {
  display: block;
}

/* right wrapper css end */



/* footer css start */
.footer_wrapper {
  background-color: var(--grey-800);
  border-radius:0px;  
  margin-top:60px;
}

.footer_wrapper .footer_inner_wrapper {
  padding: 50px 0px;
  padding-top: 0px;
}

.footer_wrapper .footer_inner_block.first_block {
  max-width: 425px;
}

.footer_wrapper .footer_inner_block.first_block .footer_logo {
  margin-bottom: 25px;
  display: block;
}

.footer_wrapper .footer_inner_block.first_block p {
  font-size: 14px;
  color: var(--text-white);
  font-weight: 400;
}

.footer_wrapper .footer_inner_block.first_block .social_links {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
}

.footer_wrapper .footer_inner_block.first_block .social_links a {
  display: inline-block;
}

.footer_wrapper .footer_inner_block.first_block .social_links a img {
  width: 35px;
  height: 35px;
}
.footer_wrapper .footer_inner_block .footer_heading {
  font-size: 16px;
  color: var(--text-white);
  margin-bottom:5px;
  font-family:var(--semibold);
}

.footer_wrapper .footer_inner_block .footer_link ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.footer_wrapper .footer_inner_block .footer_link ul li {
  margin-bottom:0px;
}

.footer_wrapper .footer_inner_block .footer_link ul li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-light);
  text-decoration: none;
  font-family:var(--semibold);
}

.footer_wrapper .footer_inner_block .footer_link ul li a:hover {
  color: var(--btncolor1);
  text-decoration: underline;
}

.footer_wrapper .footer_inner_block .payment_methods ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer_wrapper .footer_inner_block .payment_methods ul li {
  width: calc(25% - 10px);
  padding: 5px;
  height: 40px;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer_wrapper .footer_inner_block .payment_methods ul li IMG {
  max-width: 100%;
}

.footer_wrapper .copyright_wrapper {
  padding: 14px 0;
  text-align: center;
  border-top: 1px solid #ffffff42;
}

.footer_wrapper .copyright_wrapper p {
  font-size: 12px;
  color: var(--text-white);
  font-weight: 400;
  margin: 0;
}

.footer_wrapper .lgogo_wrap {
  border-top:2px solid var(--grey-500);
  border-bottom:2px solid var(--grey-500);
  padding:30px 0px;
  margin-bottom:30px;
}

.footer_wrapper .logo-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;  
}

.footer_wrapper .logo-wrapper img {
  width: auto;
  height: 2.5rem;
  margin: 0 auto;
}

.footer_wrapper .Footer_content {
  text-align:center;  
}
.footer_wrapper .Footer_content .logo {
  margin-bottom: 19px;
}
.footer_wrapper .Footer_content p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 31px;
  margin-bottom: 22px;
}
.footer_wrapper .Footer_content .links {
  font-size: 14px;
}
.footer_wrapper .Footer_content .links a{
  color:var(--text-white);
  text-decoration:none;
  font-family:var(--semibold);
}
.footer_wrapper .Footer_content .ft_sign_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 21px;
  padding-bottom: 0px;
}

.footer_wrapper .Footer_content .ft_sign_logo img{width:40px;}



/* footer css end */



.game_table {
  margin-top: 27px;
}

.table_box .table{
  color:var(--text-light);
  border:none !important;
}
.table_box .table tr ,.table_box .table tbody {border:none !important;}
.table_box .table th, .table_box .table td {
  padding: 13px 10px;
  border: none !important;
  box-shadow: none;
  background:transparent;
}
.table_box .table a {
  color:#fff;
  text-decoration:none;
  font-weight:700;
  display:inline-flex;
  gap:8px;
}
.table_box .table a svg.icon {
  fill:var(--text-light);
  width:20px;
  height:20px;
}
.table_box .table td .text-green {
  color:#1fff20;
}
.table_box  tbody tr {
  border-radius:5px;
  overflow:hidden;  
}
.table_box  tbody tr:nth-child(even) {
  background-color: #213743;
  border-radius: 8px;
  overflow: hidden;
}


.ruls_content h1, .ruls_content h2{
  color: #d1d5db;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0;
}
.ruls_content p{
  color:var(--text-light);
  font-size:16px;
  line-height:26px;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.ruls_content h3{
  color:var(--text-light);
  font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
}
.ruls_content a{
  color:var(--text-light);
}
.ruls_content .content_block{
  margin-top: .875rem;
}
/* .more-content {
  display: none;
} */
.Rules_box {
  padding: 15px;
  background-color:var(--primary-color);
  border-radius:10px;
  position:relative;
  overflow:hidden;
}

.btnshowbottm {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  padding: 20px;
  background: rgb(15,33,46);
  background: linear-gradient(180deg, rgb(21 39 53 / 0%) 0%, rgb(36 55 69 / 68%) 100%);
}
.read_less_morebtn {
  width: auto;
  height: 39px;
  z-index: 20;
  background-color: var(--sec2);
  color: #9ca3af;
  border: none;
  padding: 0px 15px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 2px 4px #11212c;
}

.read-more-btn svg{
  height: 15px;
  width: 15px;
}
.arrow {
  margin-left: 5px;
  transition: transform 0.3s ease;
}
.arrow.up {
  transform: rotate(180deg);
}

.mobile_fix_menu {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background-color: var(--primary-color);
  flex-wrap: wrap;
  justify-content: space-around;
}
.mobile_fix_menu a {
  width: min-content;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px;
  line-height: 24px;
  flex: 1 0 20%;
  min-width: 20%;
}
.mobile_fix_menu a svg.icon {
  width: 16px;
  height: 16px;
  fill:#fff;
}





/* theem modal css start */
.theemmodal .modal-content{
  background-color: var(--secondary-color);
  border-radius: .5rem;
  overflow: hidden;
  border: 0;
}
.Inner_modal .modal-content {
  background-color: var(--secondary-color);
  border-radius: .5rem;
  overflow: hidden;
  border: 0;
}
.theemmodal .modal-dialog{
  max-width: 500px;
}
.theemmodal  .left_block_modal {
  padding-right: 1rem;
  height: 100%;
}
.theemmodal  .left_block_modal img{
  width: 100%;
  max-height: 446px;
}
.theemmodal  .modal-body{
  padding: 0;
}
.theemmodal  .form_block_right{
  padding: 1rem;
  /* padding-left: 2rem; */
}
.theemmodal  .header_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  position: relative;
}
.theemmodal  .header_block h3{
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--text-white);
  margin: 0;
  flex: 1;
  text-align: center;
}
.theemmodal  .btn-close{
  width: 32px;
  height: 32px;
  border-radius: .5rem;
  padding: .375rem;
  opacity: 1;
  background-image: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--greybg);
  position: absolute;
  right: 0;
}
.theemmodal  .btn-close svg{
  width: 20px;
  height: 20px;
  fill: #9ca3af;
}
.theemmodal  .btn-close:hover{
  background-color: var(--greybg);
}
.theemmodal  .btn-close:hover svg{
  fill: var(--text-white);
}
.theemmodal  .btn-primary{
  width: 100%;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  /* background-image: linear-gradient(to right, #8d5af8, #6f2ddd); */
  color: #05080a;
  border-radius: 5px;
  margin-top: .5rem;
  border: 0;
  height: 52px;
  background-color:var(--blue-color);
}
.theemmodal  .btn-primary:hover{
  background-image: none;
  background-color:var(--blue-color2);
}

.theemmodal .form-label{
  color: var(--text-light);
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 5px;
}

.theemmodal .form-label span{
  color: red;
  margin-left: 3px;
}
.input_block{
  margin-bottom: 0.70rem;
}
.input_block .form-control{
  color: var(--text-white);
  background-color: var(--greybg);
  border-color: #2f4553;
  font-size: .875rem;
  line-height: 1.25rem;
  height: 40px;
  border-radius: .25rem;
  border-width: 2px;
}

.forgot_link {
  display: block;
  font-size: .875rem;
  line-height: 1.25rem;
  color: var(--text-white);
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  margin: 1rem 0;

}
.forgot_link:hover {
  color: var(--text-white);
}
.button_block{
  margin-top: 0;
}
.distext{
  color:var(--text-light);
  font-weight: 300;
  font-size: .875rem;
  line-height: 1.25rem;
  text-align: center;
  margin-top: .75rem;
}
.distext a{
  color:var(--text-white);
  font-weight: 600;
  font-size: .875rem;
  text-decoration: none;
}
.distext a:hover{
  color:var(--text-white);
}
.theemmodal.register_modal  .left_block_modal img {
  width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: fill;
}
.theemmodal.register_modal  .input_block {
  margin-bottom: 1rem;
}
.theemmodal.register_modal .button_block {
  margin-top: 1rem;
}
.theemmodal.register_modal .theemmodal .btn-primary{
  margin-top: 0;
}
.theemmodal.register_modal .modal-dialog{
  max-width: 490px;
}
.modal-backdrop {
  background-color: #000000bf;
}
.eye_icon {
  position: absolute;
  top: 18px;
  right: 15px;
  transform: translateY(-50%);
  color: var(--text-light);
}
.eye_icon svg{
  height: 20px;
  width: 18px;
  fill: var(--text-light);
}
.or_block{
    max-width: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-self: center;
    margin: auto;
    margin-top: 10px;

}
.or_block::before, .or_block::after{
  content: "";
    display: inline-flex;
    height: 1px;
    background: #2f4553;
    flex: 1;
}
.or_block{
  color: var(--text-light);
}
.social_icon{
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}
.social_icon a{
  width: 46px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2f4553;
  border-radius: 3px;
}
.social_icon a:hover{
  background-color: #557086;
}
.social_icon a img{
  height: 24px;
  width: 24px;
}
.step_text{
  font-size: 1rem;
  color: var(--text-light);
  text-align: center;
  font-weight: 600;
}
button:focus:not(:focus-visible){
  box-shadow: none;
}
/* theem modal css end */




/* repost page css start */

.report_inner_wrapper{
  padding: 15px 50px;
}
.reports_inner_card{
  padding: 20px;
  background-color: var(--bg-white);
  border-radius: 20px;
}
.card_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card_heading{
  font-size: 20px;
  color: var(--bg_dark);
}
.serach_input{
  position: relative;
  width: 300px;
}
.serach_input .form-control{
  height: 45px;

}
.serach_input .form-control:focus{
  box-shadow: none;
}
.search_icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--icon_fill);
}
.report_inner_wrapper .input_block .form-control{
  height: 40px;
  font-size: 14px;
  background-color: var(--grey-800);
  color: var(--light-text);
}
.form-control:focus{
  box-shadow: none;
}
.report_inner_wrapper .input_block .form-label{
  font-size: 15px;
  color: var(--greybg);
}
.report_inner_wrapper .input_block .btn-primary{
  color: var(--text-white);
  padding: 0 30px;
  height: 40px;
  background-color: var(--blue-color);
  border-radius: 5px;
  border: 0;
}
/* .report_inner_wrapper .input_block .btn-primary:hover{
  background-image: linear-gradient(to top, #6f2ddd, #8d5af8);
} */


.show_entris{
  display: flex;
  gap: 5px;
  align-items: center;
  color: #000;
  margin-bottom: 15px;

}
.show_entris .form-select{
  padding: 0px 5px;
  height: 28px;
  width: 50px;
  border-radius: 0;
  background-position: right  3px center;

}
.show_entris .input_block{
  border-radius: 0;
}

.tbl_filter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}

.report_inner_wrapper{
  padding:0;
  min-height:70vh;
}
.reports_inner_card {
  padding: 0;
  background-color: var(--bg-white);
  border-radius: 20px;
}
.card_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.card_heading{
  font-size: 18px;
  color: var(--text-white);
  margin: 0;
  font-weight: 400;
}
.serach_input{
  position: relative;
  width: 300px;
}
.serach_input .form-control {
  height: 40px;
  border-radius: 8px;
  background-color: var(--grey-800);
  border: 1px solid #ffffff52;
  color: var(--text-white);
}
.serach_input .form-control:focus{
  box-shadow: none;
}
.search_icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--light-text);
}
.search_icon:hover{
   color: var(--text-white);
}
.input_block .form-control {
  height: 40px;
  font-size: 14px;
}
.form-control:focus{
  box-shadow: none;
}
.input_block .form-label{
  font-size: 15px;
}
.input_block .btn-primary{
  background-color:var(--sucess-color);
  border-color: var(--sucess-color);
  color: var(--bg-white);
  padding: 0 30px;
  height: 40px;
}


.show_entris{
  display: flex;
  gap: 5px;
  align-items: center;
  color:var(--light-text);
  margin-bottom: 0;

}
.report_inner_wrapper  .show_entris .form-select{
  padding: 0px 5px;
  height: 28px;
  width: 50px;
  border-radius: 5px;
  background-position: right  3px center;
}
.show_entris .input_block {
  border-radius: 0;
  margin: 0;
}

.tbl_filter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.icon_block{
  display: flex;
  align-items: center;
  gap: 5px;  
}
.icon_block a{
  color: var(--light-text);
}
.icon_block a svg{
  height: 25px;
  width: 25px;
}
.custom_table table{
  font-size: 14px;
  border-color: #2f4553;
  color: var(--light-text);
}
.custom_table table thead {
  background-color: var(--grey-800);
}
.custom_table table thead th {
  background-color: transparent;
  color: var(--text-white);
  font-weight: 500;
  white-space: nowrap;
  padding: 4px 7px;
}
.custom_table .table>:not(:first-child) {
  border-top: none;
}

.custom_table table  td {
  white-space: nowrap;
  padding: 4px 7px;
}

button:focus:not(:focus-visible){
  box-shadow: none !important;
}
#picker{
  display: none !important;
}

.report_inner_wrapper .input_block .form-control::-webkit-calendar-picker-indicator {
filter: invert();
}


.tabs_row .nav-tabs{
  border: 0;
}
.tabs_row  .nav-tabs .nav-link{
  color: var(--text-white);
  border: 0;
  font-weight:500;
}
.tabs_row  .nav-tabs .nav-link:hover{
  border: 0;
}
.tabs_row  .nav-tabs .nav-link.active {
  background: var(--blue-color);
  border-radius: 5px;
  color: var(--text-white);
}
.tabs_row{
  margin-bottom: 15px;
}
.radio_block{
  display: flex;
  align-items: center;
  gap: 10px;
}
.radio_block .form-check-input:checked {
  background-color: var(--blue-color);
  border-color:var(--blue-color);
}
.radio_block .form-check-input:focus{
  box-shadow: none;
}
.radio_block .form-check {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 0;
  margin: 0;
  line-height: normal;
}
.bets_amount{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-dark);
}



.sports_inplay {
  padding: 0px;
  background-color: var(--grey-500);
  border-radius: 5px;
  margin-bottom: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.sports_inplay .sportscardbtn {
  height: 34px;
  width: 100%;
  display: block;
  border-bottom: 2px solid rgba(255,255,255,0.1);
  height: 50px;
  display: inline-flex;
  align-items: center;
  padding: 0px 20px;
  text-decoration: none;
  padding-bottom: 8px;
  position: relative;
}

.sports_inplay .sportscardbtn .title {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 11px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

.sports_inplay .sportscardbtn .title small {
  font-size:11px;
  font-weight: 400;
}
.sports_inplay .sportscardbtn .title svg {
  height: 22px;
  width: 22px;
  fill:#fff;
}
.sports_wrapper .section_heading {
  margin-bottom: 14px;
}

.market-list {
  font-size: 16px;
  font-weight: 500;
  transition: all .3s ease-in-out;
  margin: 0;
  padding: 4px;
  border-radius: 0px;
  position: relative;
  background: var(--market-bg);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  cursor: pointer;
}
.market-list:last-child {
  border:none;
}

.market-list::before {
  content: '';
  position: absolute;
  background-color: var(--market-bg-hover);
  left: 0;
  width: 0%;
  height: 100%;
  transition: 0.3s all;
  z-index: 0;
}

.market-list:hover::before {
  content: '';
  width:100%;
  transition:0.3s all;
}
.market-list .market-game .makeet_name_wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.market-list .market-game .makeet_name_wrap .game-name {
  line-height: 20px;
  padding-left: 10px;
  color: #fff;
} 
.market-list  .market_odds{
  display:inline-flex;
  gap:5px;
  z-index: 1;
}
.market-list  .market_odds .oddbox {
  width: 74px;
  text-align: center;
  line-height: 37px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
  background-color: #eee;
  cursor: pointer;
}

.market-list  .market_odds .oddbox.back {background-color:var(--back-bg); color:var(--backtext);}
.market-list  .market_odds .oddbox.lay {background-color:var(--lay-bg); color:var(--laytext);}
.market-list .market-game {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 470px);
  align-items: center;
  padding-right: 20px;
  z-index: 1;
}
.market-list .market-game .game-name .game_subtitle {
  text-transform: capitalize;
  font-size: 11px;
  font-weight: 500;
  color:var(--text-light);
}
.market-list .market-count {
  display:inline-flex;
  gap:4px;
}
.market-list .market-game {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 470px);
  align-items: center;
}

.market-list  .market-count .count {
  color: var(--light-text);
  border: 1px solid var(--grey-400);
  cursor: pointer;
  width: 23px;
  height: 23px;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  line-height: 25px;
  font-size: 13px;
  position: relative;
  font-family: var(--semibold);
}

.market-list  .market-count .livetv {
  border:none;
  margin-right:1px;
}
.market-list  .market-count .livetv svg.icon {
  fill: #fff;
  width: 17px;
  height: 17px;
}
.market-list  .market-count .count span {
  background-color: var(--primary-color);
  color: #fff;
  padding: 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.1;
  border-radius: 20px;
  float: left;
  display: inline-flex;
  min-width: 14px;
  height: 14px;
  position: absolute;
  top: -11px;
  right: -4px;
  box-shadow: rgba(0, 0, 0, 0.16) 2px 1px 5px, rgba(0, 0, 0, 0.23) 0px 2px 5px;
  align-items: center;
  justify-content: center;
}


.makeet_name_wrap .date-height {display:block; float:left;}
.makeet_name_wrap .date-height .in-play {position:relative; background:var(--in-play-color); color:var(--in-play-border); font-size:8px; font-weight:600; text-align:center; display:inline-block; text-transform:initial;}
.date-time {position:relative; width:62px; height:42px; border-radius:5px; text-align:center; font-weight:600; padding:6px 1px; float:left; margin-right:5px; text-transform:uppercase; background:#d1d1d1; color:#000;}
.makeet_name_wrap .in-play::before {animation-delay:-4s;}
.makeet_name_wrap .in-play::after, .makeet_name_wrap .in-play::before {content:"";  margin:-5%; box-shadow:inset 0 0 0 2px; border-radius:7px; animation:clipMe 8s linear infinite; position:absolute; top:0; bottom:0; left:0; right:0}
@keyframes clipMe {
0%, 100% {clip:rect(0,75px,2px,0)}
25% {clip:rect(0, 2px, 75px, 0)}
50% {clip:rect(45px, 75px, 75px, 0)}
75% {clip:rect(0, 75px, 75px, 45px)}
}
.makeet_name_wrap .date-time .animate {left:7px;}
.makeet_name_wrap .animate {overflow:hidden; position:relative; float:right; width:73px; height:40px; left:2px; top:-4px}
.makeet_name_wrap .animate .flip-animation {animation:flip-1 6s cubic-bezier(.23,1,.32,1.2) infinite; height:inherit}
.makeet_name_wrap .animate .flip-animation li {color:var(--text-white); font-size:9px; font-weight:700; padding:0; height:39px; margin-bottom:20px!important; display:flex; align-items:center; justify-content:center; text-transform:uppercase; line-height:normal;}
.makeet_name_wrap .animate .flip-animation li.time_date {display:block; top:5px; position:relative}
.makeet_name_wrap .date-height ul li {margin:0 0 10px;}
.makeet_name_wrap .date-time .time {font-size:9px; white-space:nowrap; text-align:center; display:block; font-weight:600; color:var(--text-white);}
.makeet_name_wrap .in-play .in-play-light {display:flex; align-items:center; left:-4px; position:relative;}
.makeet_name_wrap .icon-holder-small {width:21px; height:24px; margin:2px auto auto; align-items:center; display:flex; position:relative;}
.makeet_name_wrap .animate .flip-animation li .date, .animate .flip-animation li .time {color:var(--text-white)!important}
@keyframes flip-1 {
0% {margin-top:-90px}
30% {margin-top:-60px}
55% {margin-top:-60px}
75% {margin-top:0}
99.99% {margin-top:0}
100% {margin-top:-90px}
}



/* tab menu css start */
.tab_wrapper{
  overflow-x: auto;
  overflow-y: hidden;
  background-color: var(--grey-700);
  border-radius: .5rem;
  padding: 0 .5rem;
  margin-bottom:10px;
}
.tab_wrapper ul{
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tab_wrapper ul li a {
  display: block;
  position: relative;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-light);
  padding: 1.6rem 0 1.5rem;
}

.tab_wrapper ul li a .element_div{
  display: block;
  /* content: ""; */
  background: var(--blue-color);
  width: 12px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%);
  border-radius: 0 0 100% 100%;
  opacity: 0;
}
.tab_wrapper ul li {
  min-width:67px;
}
.tab_wrapper ul li a.active .element_div{
  opacity: 1;
}
.tab_wrapper ul li a .icon_block {
  position: relative;
}
.tab_wrapper ul li a .icon_block svg{
  height: 28px;
  width: 28px;
  fill: var(--text-light);
}
.tab_wrapper ul li a  .menutext{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 6ch;
}
.counter_block {
  color: #b1bad3;
  background: #071824;
  min-width: 1.8em;
  border-radius: 2em;
  padding: 0 .5em;
  display: inline-flex;
  font-size: .75rem;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.5;
  position: absolute;
  top: -8px;
  right: -16px;
}
.tab_wrapper ul li a.active, .tab_wrapper ul li a:hover{
color: var(--text-white);
}
.tab_wrapper ul li a.active .counter_block{
background-color: var(--blue-color);
color: #071824;
}
.tab_wrapper ul li a.active .icon_block svg, .tab_wrapper ul li a:hover .icon_block svg{
fill: var(--text-white);
}
/* tab menu css start */



/* match detsils */
.sport_bet_table {
  padding: 0px;
  background-color: var(--grey-500);
  border-radius: 5px;
  margin-top: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.sport_tabel_header {
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  height: 46px;
  display: inline-flex;
  padding: 0px 20px;
  text-decoration: none;
  width: 100%;
}
.sport_tabel_header h5 {
  margin: 0;
  font-size: 16px;
  color: var(--text-white);
  font-weight: 600;
}
.sport_tabel_body {
  padding: 0;
}
.backlay_row {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
}

.max_coin {width:calc(100% - 313px); text-align:right; color:var(--text-light);}

.backlay_row .max_coin span {
  border-radius: 30px;
  background-color:var(--grey-700);
  padding: 6px 11px;
}


.lay_back_btn {display:flex; gap:3px;}
.lay_back_btn .btn {
  height: 32px;
  width: 72px;
  color: #242424;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.team_score_details_row {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
  margin-top: 0;
  padding: 4px 10px;
}
.over_details .btn {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0px 10px;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  width: 72px;
  align-items: center;
  justify-content: center;
  max-height: 42px;
  min-height: 42px;
  border-radius: 3px;
  font-family: var(--semibold);
}
.over_details .btn span:nth-child(2) {
  font-size:13px;
  color: #5a5a5a;
}
.team_name {
  display: flex;
  flex-direction: column;
  width: calc(100% - 410px);
  color: var(--text-white);
  line-height: 18px;
  justify-content: center;
  position: relative;
}

.btn_group {display:flex; gap:3px; justify-content:end;}
.col_50 {width:50%;}
.col_20 {width:20%;}
.col_36 {width:36%;}
.col_44 {width:44%;}

.col_row {display:flex; align-items:center;}
.total_score_bet .team_score_details_row {color:var(--text-white); font-weight:300; gap:15px; flex-wrap:wrap;}
.fancy_bet .team_score_details_row:first-child{border-top:0px !important;}

.dis_block span {font-size:15px; line-height:16px;}
.total_score_bet .btn_group .btn {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0px 10px;
  font-size: 15px;
  line-height: 15px;
  color: #363636;
  width: 72px;
  align-items: center;
  justify-content: center;
  max-height: 42px;
  min-height: 42px;
  border-radius: 3px;
  font-family: var(--semibold);
}
.total_score_bet .btn_group .btn span:nth-child(2) {
  font-size:13px;
  color: #5a5a5a;
}
.details_sccore {display:flex; flex-direction:column;}
.total_score_bet .dis_block, .total_score_bet .details_sccore {line-height:20px;}
.total_score_bet .col_row {gap:5px; width:49%;}
.total_score_bet .lay_back_btn {justify-content:end; max-width:calc(100% - 86px); gap:3px;}
.col_80 {width:80%;}
.suspended_block {position:relative;}
.suspended_block::after {
  content: attr(data-title);
  background-color: #000000d1;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: red;
}

.fancy_bet .suspended_block::after {
  width: 72% !important;
}

/* match_details */

.top_breadcrumbs {
  display:flex;
  gap:5px;
}
.top_breadcrumbs a {
  background-color: var(--primary-color);
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-family: var(--semibold);
  position: relative;
  border-radius: 5px;
  font-family: 'proxima_nova_altbold';
}
.top_breadcrumbs .breadlist {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border-radius:5px;
}
.top_breadcrumbs .breadlist a {
  border-radius:0px;
}
.top_breadcrumbs a img {
  width:12px;
}
.top_breadcrumbs .breadlist a::before {
  content: '';
  background-color: var(--secondary-color);
  width: 2px;
  height: 158px;
  position: absolute;
  right: 0;
  transform: rotate(18deg);
  top: -78px;
}
.top_breadcrumbs .breadlist a:last-child:before {
  display:none !important;
}
.top_breadcrumbs .breadlist a[aria-disabled="false"]{
  color:var(--text-light);
}

.mobile_logo img {
  max-width: 120px;
  max-height: 44px;
}

.main_wrapper.match_detail_betslip .right_wrapper {
  width: calc(100% - 610px);
}
.betslipsidebar {
  display:none;
}
.match_detail_betslip .betslipsidebar {
  width:370px;
  background-color:var(--primary-color);
  height:100vh;
  display:block;
}
.match_detail_betslip .betslipsidebar .betslip-head {
  height: 60px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-white);
}



.betslipsidebox {
  padding: 10px;
}

.bet-slip {
  border-bottom: 1px solid #dbdbdb;
  padding: 0;
  margin-bottom: 7px;
  padding-bottom: 7px;
}

.bet-nation a {
  color: #000;
}
.match-result {
  margin-top: 0;
  height: auto;
  color: #aaafb5;
  font-size: 14px;
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bet-team {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
} 
.bet-team-name {
  max-width: calc(100% - 85px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bet-slip .bet-nation {
  display: flex;
  justify-content: space-between;
}
.bet-slip .bet-nation .close-bet img {
  width:12px;
}
.odds-box {
  position: relative;
  width: 80px;
}
.odds-box .libtn {
   position:absolute;
}

.odds-box .libtn img {
  width: 10px;
}
.odds-box .libtn {
  position: absolute;
  right: 5px;
  transform: rotate(90deg);
  top: -2px;
}
.odds-box .libtn.nextbtn {
  position: absolute;
  right: 8px;
  transform: rotate(270deg);
  top: inherit;
  bottom: -3px;
}

.possible-win h1 {
  font-size: 16px;
  margin: 0px;
  padding-left: 4px;
  margin-top: 5px;
  font-weight: 600;
}
.possible-win {
  display: inline-block;
  margin-left: 10px;
}
.bet-slip-box .form-control {
  /* background: #ededed; */
  color: #ededed;
  font-size: 14px;
  height: 36px;
  background-color: var(--primary-color);
  border: 1px solid var(--sec2) !important;
}

.bet-slip-box .form-control:focus {
  box-shadow:none;
  border:none;
}
.odds-box .form-control {
  width: 80px;
  border: 0;
}
.bet-input {
  margin-top: 3px;
  margin-left: 4px;
  width: calc(48% - 8px);
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 0;
  margin-left: 4px;
  border:none;
}
.bet-buttons {
  padding: 2px 4px 0 4px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-center;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 2px;
}
.bet-buttons .btn {
  min-width: calc(25% - 3px);
  margin-right: 3px;
  margin-bottom: 4px;
  height:38px;
  border-radius: 0;
  background-color: var(--grey-500);
  border: none;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.bet-slip-container .place-bet-btn {
  padding: 0;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
}

.place-bet-btn button.btn.btn-primary.btn-block {
  width: 100%;
  height: 38px;
  border-radius: 0;
  background-color: var(--sec2);
  border: none;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}

.slot_games_list {
  display: flex;
  flex-wrap: wrap;
  gap:10px;
}
.slot_games_list .item {
  width: calc(12.5% - 10px);
}
.seermorebtnwrap {
  text-align: center;
  margin-top: 30px;
}
.seermorebtnwrap .btn-info {
  width: auto;
  height: 44px;
  z-index: 20;
  background-color: var(--sec2);
  color: #9ca3af;
  border: none;
  padding: 0px 40px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 3px 3px #11212c;
  margin: 0px;
}



/* horse racing */



.horse-table .game-name {
  width: calc(100% - 30px);
}

.horse-table .team-event {
  max-height: 30px;
  line-height: 30px;
}

.horse-time-detail {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 400px);
}

.horse-detail .detail-page-container .bet-table-row {
  margin-bottom: 0;
  /* padding: 0 8px; */
}

.horse-detail .detail-page-container .bet-table-row:first-child {
  margin-bottom: 0;
}

.horse-time-detail span {
  background:var(--sec2);
  color: #eee;
  padding: 5px 10px;
  border-radius: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
}

.horse-time-detail span.active {
  position: relative;
}

.horse-time-detail span.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid green;
}

.horse-detail .nation-name .custom-control {
  width: 100%;
}

.horse-detail .nation-name label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--font-body);
}

.horse-detail .nation-name label::before,
.horse-detail .nation-name label::after {
  top: 50%;
  transform: translateY(-50%);
}

.horse-detail .nation-name label .jockey-detail {
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1;
}

.horse-detail .nation-name label img {
  border: 1px solid var(--text-table);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.horse-detail .nation-name label img {
  height: 28px;
  margin-right: 5px;
}

.horse-detail .scorecard-banner.banner,
.horse-detail .scorecard-banner.banner img {
  height: 70px;
}

.horse-detail .scorecard {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  width: 100%;
  height: 100%;
}

.horse-detail .scorecard .horse-timer {
  font-size: 20px;
  font-weight: bold;
  color: var(--text-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.horse-detail .scorecard .horse-timer small {
  color: #fff;
  font-weight: bold;
}

.horse-detail .scorecard .horse-timer > span {
  text-align: center;
}

.horse-detail .scorecard .horse-timer > span:last-child {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.horse-detail .scorecard > div:first-child {
  /* position: absolute;
  left: 0; */
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.horse-detail .scorecard .time-detail {
  font-size: 24px;
  color: #eee;
  text-align: right;
}

.horse-detail .scorecard p,
.horse-detail .scorecard h5 {
  margin-bottom: 2px;
}

.horse-detail .scorecard p {
  font-size: 20px;
  font-weight: bold;
}

.horse-detail .scorecard h5 {
  font-size: 14px;
}

.horse-tab {
  margin-top: 10px;
}

.horse-tab .nav {
  border-bottom: 1px solid var(--horse-racing_75);
  overflow: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.horse-tab.race12 .nav {
  border-bottom: 1px solid var(--grey-hounds_75);
}

.horse-tab .nav-pills .nav-link {
  background-color:var(--sec2);
  color: #eee;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-right: 1px solid #555;
  padding: 2px 16px;
}
.horse-tab .nav-pills .nav-item:last-child .nav-link {
  border-right: 0;
}
.horse-tab .nav-pills .nav-link.active,
.horse-tab .nav-pills .show > .nav-link {
  background-color: var(--horse-racing) !important;
  color: #fff;
  font-weight: bold;
}
.horse-tab.race4339 .nav-pills .nav-link.active {
  background-color: var(--grey-hounds) !important;
}
.horse-tab.race4339 .nav-pills .nav-link.active,
.horse-tab.race4339 .nav-pills .show > .nav-link {
  background-color: var(--grey-hounds) !important;
}
.horse-table .bet-table-row {
  padding: 6px 8px 1px 8px;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  border-top: 1px solid #263d4e;
}

.horse-time-detail a {
  display: flex;
  text-decoration:none;
}
.horse-detail .nation-name label > div:first-child {
  text-align: center;
  line-height: normal;
  font-size: 12px;
  margin-right: 5px;
  display: inline-block;
  width: 25px;
}
.horse-detail .nation-name label > div:last-child {
  width: calc(100% - 75px);
}
.horse-table .game-title {
  width: 400px;
}
.horse-table .bet-table-row p {
  margin-bottom: 0px;
  font-size: 16px;
}
.horse-detail .nation-name label div:last-child > span:first-child {
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.horse-detail .nation-name label div:last-child > div {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  position: absolute;
  right: 0;
  top: 0;
}

.horse-detail .detail-page-container .bl-box:nth-child(7n) {
  margin-right: 0;
}

.horse-detail .video-tv {
  height: auto;
}
.horse-detail .video-tv.hide-tv {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.horse-detail .horse-attr {
  background: #666;
  padding: 1px 5px;
  font-size: 12px;
  line-height: normal;
  margin-left: 2px;
  border-radius: 0;
  color: #ddd;
}

/* progress bar */

.progress.mobile-timer .progress-bar {
  transition: width 1.5s !important;
}

/* .progress.mobile-timer {
  border-radius: 0;
  font-size: 14px;
  height: auto;
  background-color: var(--btn-gredient);
} */

.userprofile .btn.btn-secondary.dropdown-toggle svg.icon {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.userprofile .btn.btn-secondary.dropdown-toggle.lang_drop {
  padding: 0px;
}
.userprofile .btn.btn-secondary.dropdown-toggle.lang_drop::after {
  display:none;
}
.userprofile ul.dropdown-menu.dropdown-menu-end {
  border: none;
  background: #fff;
  color: #000;
}
.userprofile ul.dropdown-menu.dropdown-menu-end li a.dropdown-item {
  color: var(--sec2);
  font-weight: 600;
  font-size: 14px;
  padding: 6px 13px;
}
.userprofile ul.dropdown-menu.dropdown-menu-end li a.dropdown-item:hover {
  background:#b1bad3;
}

.balancebtn {
  background-color: var(--primary-color);
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.balancebtn .coins_btn {
  background-color: var(--blue-color);
  padding: 10px 16px;
  border-radius: 3px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
.balancebtn span {
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.balancebtn .coins_btn svg.icon {
  fill:var(--text-white);
  width:18px;
  height:18px;
}

.sport_layout_sidebar .side_box .sideboxtitle {
  border-bottom: 2px solid #2f4553;
  padding: 11px 13px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.sport_layout_sidebar .side_box .accordion-item {
  border: none;
  background: transparent;
}
.sport_layout_sidebar .side_box .accordion-item .accordion-button {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--text-white);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.sport_layout_sidebar .side_box .accordion-item .accordion-button svg.icon {
  width: 18px;
  height: 18px;
  fill: #b1bad3;
}
.sport_layout_sidebar .side_box .accordion-item .accordion-body {
  padding: 0px;
}

.sport_layout_sidebar .side_box .accordion-item .accordion-button::after{
    opacity: 1;
    background-size: 16px;
    position: absolute;
    right: 5px;
    background-image:url(../images/dp-1.png);
}


.sport_layout_sidebar .side_box .accordion-item .accordion-button:not(.collapsed)::after {
  background-image:url(../images/dp-2.png);
  transform:inherit;
}


.sport_layout_sidebar .side_box .accordion-item .accordion-button.withoutarrow::after{
  display:none;
}
.sport_layout_sidebar .side_box .accordion-item .matchlistacc {
  padding: 0px 13px;
}
.sport_layout_sidebar .side_box .accordion-item .matchlistacc a {
  color: var(--text-white);
  text-decoration: none;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  height: 30px;
  display: flex;
  width: 94%;
  align-items: center;
}
.sport_layout_sidebar .side_box .accordion-item .accordion-button[aria-expanded="true"]{
  background: #213743;
}
.sport_layout_sidebar .side_box .accordion-item .accordion-collapse.show {
  background: #213743;
}
.sport_layout_sidebar ul li a {
  opacity: 1 !important;
}

.sport_layout_sidebar ul li a svg.icon {
  fill: #b1bad3 !important;
}
.progresspage {
  margin-top:30px;
}
.progresspage .progress{
  height: 2px;
  width: 180px;
  margin: 0 auto;
  padding: 0px;
  background: #2f4553;
}
.progresspage span {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 2px;
}

.deposit .bankdetails {
  padding: 10px;
  background-color: #0f212e;
  border-radius: 10px;
  margin-top: 9px;
}
.deposit .nav-pills .nav-link {
  background-color: #1f3a4e;
  padding: 8px 23px;
  margin-right: 5px;
  cursor: pointer;
  color:var(--text-white);
}
.deposit .nav-pills .nav-link.active{
  background-color: var(--blue-color);
}


/* 16-09-2024 css start */
.serach_deta_list {
 
  max-height: 250px;
  overflow: auto;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.serach_deta_list ul {
  margin: 0;
  width: 100%;
  list-style: none;
  background-color: #0f212e;
  border-radius: 15px;
  padding: 15px 0;
}
.serach_deta_list ul li{
  margin-bottom: 5px;
}
.serach_deta_list ul li a {
  text-decoration: none;
  color: var(--text-white);
  padding: 5px 15px;
  display: block;
}
.serach_deta_list ul li a:hover {
  background-color: #1a2c38;
}
/* 16-09-2024 css start */

.providers_gap {
  gap:35px 30px;
}

.Footer_content .logo img {
  max-width: 120px;
  max-height: 48px;
}


/* 22-10-2024 css start */
.sport_details_wrapper iframe{
  height: 250px;
}

.span_text_block{
  margin-left: 7px;
}

/* 22-10-2024 css end */

/* loader */
.homeloader {
  background-color:var(--primary-color);
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 99999;
}
.homeloader  .loaderwrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.homeloader .logoloder {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  width:auto;
  position:relative;
}

.homeloader .logoloder::before {
  background-color: var(--primary-color);
  content: '';
  width: 118px;
  display: inline-block;
  height: 40px;
  opacity: 1;
  position: absolute;
  z-index: 9999;
  left: -111px;
  transform: rotate(301deg);
  animation: mymove 1.5s infinite;
  opacity: 0.7;
}
.homeloader .logoloder img {
  max-width:120px;
  position:relative;
}
.dotloadersec {
  background-color:#0f212e94;
}
.dotloadersec .loaderwrap .dotwrap{
  width: 5em;
  border-radius: 15em;  
  background-color:var(--sec2);
}
.dotloadersec .loaderwrap .dot {
  width: 1em;
  height: 1em;
  background:var(--back-bg);
  border-radius: 20em;
  filter: brightness(1.25);
  animation: stretch 1s linear alternate infinite;
}
@keyframes stretch {
  100% {    
    transform: translateX(4em);
  }
}


.herobanner_slider .Banner_item {
  border-radius:10px;
  padding:20px;
  background-color:var(--gray-9020);
}
.herobanner_slider .Banner_item span.promo {
  background-color: #fff;
  color: var(--grey-500);
  padding: 0px 13px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  display: inline-flex;
  height: max-content;
  width: fit-content;
  line-height: 22px;
}
.herobanner_slider .Banner_item .sportname {
  margin-top: 12px;
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  font-family: 'proxima_nova_ltsemibold';
}
.herobanner_slider .Banner_item .banner_content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.herobanner_slider .Banner_item .btnplay {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 30px;
  text-decoration: none;
  font-family: 'proxima_nova_ltsemibold';
  display: inline-flex;
  height: 46px;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  width: max-content;
}
.herobanner_slider .Banner_item .btnplay:hover {
  background-color:var(--sec2);
  transition:0.3s all;
}

/* 25-10-2024 css start */


.result_modal.result_modal  .modal-body {
  padding: 15px;
}
.radio_block_modal{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.result_modal .modal-content{
  background-color: var(--secondary-color);
  border-radius: .5rem;
  overflow: hidden;
  border: 0;
}

.result_modal  .left_block_modal {
  padding-right: 1rem;
  height: 100%;
}
.result_modal  .left_block_modal img{
  width: 100%;
  max-height: 446px;
}
.result_modal  .modal-body{
  padding: 0;
}
.result_modal  .form_block_right{
  padding: 1rem;
  /* padding-left: 2rem; */
}
.result_modal  .header_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  position: relative;
}
.result_modal  .header_block h3{
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--text-white);
  margin: 0;
  flex: 1;
  text-align: center;
}
.result_modal  .btn-close{
  width: 32px;
  height: 32px;
  border-radius: .5rem;
  padding: .375rem;
  opacity: 1;
  background-image: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--greybg);
  position: absolute;
  right: 15px;
}
.result_modal  .btn-close svg{
  width: 20px;
  height: 20px;
  fill: #9ca3af;
}
.result_modal  .btn-close:hover{
  background-color: var(--greybg);
}
.result_modal  .btn-close:hover svg{
  fill: var(--text-white);
}

.radio_block_modal .custom-radio{
  display: flex;
  gap: 3px;
}
/* 25-10-2024 css end */

/* 26-10-2024 css start */
.game_subtitle.bottom_block {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  color: #b1bad3;
}
.theemmodal.alert_modal  .modal-body {
  padding: 20px;
  padding-top: 50px;
}
.theemmodal.alert_modal  .btn-close {
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;
}
.theemmodal.alert_modal   .btn-primary {
  margin-top: 15px;
  height: 38px;
  padding: 0 15px;
}
.alert_content{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alert_content img{
  max-height: 60px;
}
.alert_content h3{
  font-size: 22px;
  color: var(--text-white);
  margin-bottom: 0;
}
.alert_content p {
  font-size: 15px;
  margin: 0;
}
/* 26-10-2024 css end */


/* new page css start */


.mobile_logo img{
  max-width: 100px;
}

.heading_block {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.heading_block .heading_text h5{
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-white);
  margin: 0;
}
.heading_block .heading_text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.heading_block .heading_text svg {
  width: 20px;
  height: 20px;
  fill: #b1bad3;
}

.heading_block .close_icon svg{
  width: 14px;
  height: 14px;
  fill: #b1bad3;
}

.heading_block .close_icon:hover svg{
  fill:var(--text-white);
}

.overview_wrapper{
  padding: 0;
  gap:1.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  grid-auto-flow: column;
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  margin-top: 1.5rem;
}
.overview_wrapper ul li p {
  margin:0px !important;
  font-size: 16px;
  margin-bottom: .5rem;
}

.overview_wrapper .f-16 {
  font-size:16px;
}

.left_col_block{
  position: sticky;
  top: 2em;
  max-width: 100%;
  min-width: 180px;
  background-color: var(--primary-color);
  color: #d5dceb;
  border-radius: .5rem;
}
.right_col_block{
  background-color: var(--primary-color);
  color: #d5dceb;
  border-radius: .5rem;
  padding: 1.5rem;
  overflow: hidden;
  position: relative;
}
.left_sticky_menu{
  padding: .5rem 0;
}
.left_sticky_menu ul{
  padding: 0;
  margin: 0;
  list-style: none;

}
.left_sticky_menu ul li a{
  font-weight: 600;
  font-size: .875rem;
  padding: .9375rem 1.25rem;
  display: block;
  text-decoration: none;
  color: var(--text-white);
  line-height: normal;
  border-left: 3px solid transparent;
}
.left_sticky_menu ul li a.active{
  background-color: #071824;
  border-left: 3px solid var(--blue-color);
}
.left_sticky_menu ul li a:hover{
  background-color: #071824;
}
.content_wrapeer h2{
  font-size: 1.75rem;
  color: var(--text-white);
  font-weight: 600;
}
.content_wrapeer p{
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 1rem;
}
.code_text{
  display: flex;
    flex-direction: column;
    overflow-x: auto;
    padding: 1rem;
    background: #213743;
    color: var(--text-white);
    border-radius: .25rem;
    margin-top: 1rem;
   
}
.code_text span{
  font-size: 1.125rem;
}
.content_wrapeer h3 {
  font-size: 24px;
  color: var(--text-white);
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.content_wrapeer ul {
  margin: 0;
  margin-top: 1rem;
}
.content_wrapeer ul li {
  font-size: 16px;
  margin-bottom: .5rem;
}
.logo_svg_img {
  margin-top: 1rem;
  display: block;
}
.logo_svg_img svg{
  max-width: 120px;
  color: var(--text-white);
}
.logo_svg_img .cls-3.svelte-dmytnz.svelte-dmytnz {
  fill: #46c6f1;
}

.logo_svg_img  .cls-2.svelte-dmytnz.svelte-dmytnz {
  fill: #fff;
}

.mobile_block{
  display: flex;
  gap: .5rem;
  margin-top: 1.5rem;
}
.back_btn{
  line-height: 1;
  font-weight: 600;
  font-size: .875rem;
  padding: .9375rem 1.25rem;
  background-color: #0f212e;
  border-radius: 4px;
  color: var(--text-white);
}
.back_btn svg{
  height: 15px;
  width: 15px;
}
.back_btn:hover{
  color: var(--text-white);
}
.mobile_block .dropdown-toggle{
  line-height: 1;
  font-weight: 600;
  font-size: .875rem;
  padding: .9375rem 1.25rem;
  background-color: #0f212e;
  border-radius: 4px;
  color: var(--text-white);
  border: 0;
}
.mobile_block .dropdown-toggle:focus{
  box-shadow: none;
}

.code_text pre.pre.svelte-amanii {
  overflow: hidden;
}
.code_text pre{
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  margin: 0;
  padding: 0;
}
.code_text pre code {
  font-size: 16px;
  white-space: pre-line;
  text-align: left;
  padding: 0;
  margin-top: -30px;
}
.content_wrapeer h4{
 font-size: 1.125rem;
 color: var(--text-white);
 margin-top: 1rem;
 font-weight: 600;
}

.input_btn{
  display: flex;
}
.input_block .input_btn .btn-primary {
  background-color:#00e701;
  padding: 0 30px;
  height: 40px;
  border: 0;
  color: #000;
  font-weight: 600;
}
.input_block .input_btn .form-control{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.copy_icon {
  position: absolute;
  right: 15px;
  top: 50%;
  color: var(--text-white);
  transform: translateY(-50%);
}
.copy_icon:hover{
  color: var(--text-white);
}
.copy_icon svg{
  height: 15px;
  width: 15px;
}
.content_wrapeer h5 {
  font-size: 18px;
  color: var(--text-white);
  margin-top: 1rem;
  font-weight: 600;
  font-family: 'proxima_nova_ltsemibold';
}
.content_wrapeer svg{
   height: 15px;
   width: 15px;
   color: var(--text-white);
}
.content_wrapeer a{
  color: var(--text-white);
}
.blog_img_block{
  margin-top: 15px;
}
.blog_img_block span{
  font-size: 15px;
  margin-bottom: 15px;
  display: block;
}
.blog_img_block img{
 width: 100%;
 border-radius: .5rem;
}
.overview_wrapper.blog_page_wrapper .right_col_block{
  background-color: transparent;
  max-width: 650px;
  margin: auto;
  padding: 0;
}
.overview_wrapper.blog_page_wrapper {
  display: block;
}
.left_space_content{
  padding-left: 20px;
}

.code_new{
  font-size:1.125rem;
  color: #b1bad3;
  line-height: 150%;
  text-align: left;
  justify-content: flex-start;
  font-weight: 400;
  display: block;
  align-items: center;
}
.code_new .pre_block {
  display: flex;
    flex-direction: column;
    overflow-x: auto;
    padding:1rem;
    background: #213743;
    color: var(--white);
    border-radius: .25rem;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.code_new pre .code_block{
  font-family: monospace, monospace;
    font-size: 1em;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
/* new page css end */

.lgogo_wrap.partner_wrap {
  border-top: 0px;
  padding-top: 3px;
}
.lgogo_wrap.partner_wrap img {
  height: 72px;
}

.top-logo_warp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  border-bottom: 2px solid var(--grey-500);
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.top-logo_warp .logo-top img {
  max-height: 55px;
  margin-bottom: 11px;
  max-width: 160px;
}
.right_social {
  display: flex;
  align-items: center;
  gap:12px;
}
.right_social svg.icon {
  width:20px;
  height:20px;
  fill:var(--text-white);
}

.new_login_design .modal-dialog {
  max-width: 630px;
  margin: 20px auto;
}
.new_login_design .input_.block .form-control {
  height: 39px;
  font-size: 14px;
}

.new_login_design .form_block_right {
  padding: 0px;
}
.new_login_design .main_form {
padding: 15px;
}
.new_login_design .main_form form{
height: 88vh;
display: flex;
flex-direction: column;
}
 
.new_login_design .modal-content {
  background-color: #0f212e;
  border-radius: 5px;
}


.new_login_design .modal-content .header_block {
  background-color: #1a2c38;
  justify-content: space-between;
  padding: 15px;
  height: 60px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.new_login_design .login_logo img {
  max-height: 40px;
}
.new_login_design .or_block span {
  background: #0f212e;
  padding: 0px 10px;
  display: inline-block;
}
.new_login_design .signin_btns {
  margin-top: auto;
}
.new_login_design .social_icon {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 18px;
}
.new_login_design .input_block .form-label {
  font-size: 14px;
  font: inherit;
  font-weight: 600;
}
.new_login_design .btn-close {
  width: 45px;
  height: 36px;
  border-radius: 30px;
  padding: .375rem;
  opacity: 1;
  background-image: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;  
  position: absolute;
  font-weight: 500;
  right: 12px;  
}
.new_login_design .btn-close:hover{
  background-color:#0f212e;
}
.new_login_design .btn-primary {
  color:#fff !important;
}
.accordion-item {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
  background: #213743;
  border-radius: 4px;
  margin-bottom: 7px;
}
.accordion-item .accordion-button {
  border-radius: 0px;
  margin: 0px;
  background: transparent;
  color: #fff;
  border: none;
  box-shadow: none;
  padding: 11px;
  min-height: 53px;
  font-weight: 600;
  font-size: 14px;
}
.accordion-body p {
  margin-bottom: 5px;
}
.accordion-button::after {
  filter: invert(1);
}
.accordion-body {
  padding-top: 0px;
}
.modal-backdrop {
    display: none !important;
}
.modal {
    background-color: #000000bf;
    z-index: 999999;
}
.mobile_fix_menu {
    z-index: 88;
}


/* 17-04-2025 css star */
.marquee_wrapper {
  overflow: hidden;
  color: #fff;
  position: relative;
  max-width: 250px;
}

.marquee_content {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-left 15s linear infinite;
}

@keyframes marquee-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* 17-04-2025 css end */