:root {
    --primary-color: #81080B;
    --secondary-color: #BA7C28;
    --secondary-color2: #511005;
    --header-bg: linear-gradient(to right, #710A00, #520800);
    --crad-bg: linear-gradient(to right, #820A0B, #C96000);
    --withdrawal-btn: linear-gradient(to bottom, #FAE9C7, #FFC68B);
    --card-howtoplay: linear-gradient(to bottom, rgb(250 233 199 / 70%), rgb(255 198 139 / 80%));

    --deposit-btn: linear-gradient(to bottom, #F0C45A, #D68A29);
    --sport-tabs: linear-gradient(to bottom, #6F0B01, #530800);
    --back-bg: linear-gradient(to bottom, #BAE7FF, #5B7DBDA6);
    --lay-bg: linear-gradient(to bottom, #FAC2EC, #F78FFE82);
    --progress-bar: #C4B1A2;
    --fill-bar: #C45900;
    --chat-bg: #C35701;
    --card-btn-bg: #5C0900;
    --text-yellow: #E9B54E;
    --dark-text: #842811;
    --primary-text: #631209;
    --secondary-text: #FECF9A;
    --text-black: #000000;
    --btn-bg: #8E151A;
    --other-bg: #FFDE21;
    --text-success: #5CC623;
    --green-bg:#5CC623;
    --text-light: #FAE6C3;
    --text-red: #FF3700;
    --text-other-color: #5B0800;
    --br-other-color: #5D0900;
    --text-white: #fff;
    --br-color: #8D3A1B;
    --br-color-2: #CA6000;
    --br-light-bg: #FCD89C;
    --back: #97D4FF;
    --lay: #FFACCB;
  }

  a {
    text-decoration: none;
  }

  body {
    font-family: "Merriweather Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    overflow-x: hidden;
    color: var(--text-white);
    background-color: var(--primary-color);
    padding: 0px;
    margin: 0px;
  }



  .header_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--header-bg);
    height: 60px;
    padding: 5px 10px;
    position: fixed;
    top: 0;
    z-index: 99;
    left: 0;
  }

  .header_wrapper .logo_box img {
    max-height: 43px;
  }

  .header_wrapper .header_right_box {
    display: flex;
    gap: 15px;
    align-items: center;
  }

  /* .header_right_box .user_box{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--other-bg);
    display: flex;
    align-items: center;
    justify-content: center;
  } */
  .header_right_box .user_box img {
    width: 30px;
    height: 30px;
  }

  .header_right_box .user_balance {
    display: flex;
    gap: 18px;
    align-items: center;
  }

  .header_right_box .user_balance .balance_details {
    display: flex;
    flex-direction: column;
    line-height: normal;
  }

  .header_right_box .user_balance .balance_details span {
    color: var(--text-white);
    font-size: 12px;
  }

  .header_right_box .deposit_withdrawal {
    display: flex;
    gap: 6px;
    align-items: center;
  }

  .header_right_box .deposit_withdrawal .withdrawal_btn {
    background: var(--withdrawal-btn);
    border-radius: 4px;
    border: 1px solid var(--br-color);
    padding: 6.5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-text);
    font-family: "Baloo 2", sans-serif;
    width: 100px;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  }

  .header_right_box .deposit_withdrawal .deposit_btn {
    background: var(--deposit-btn);
    border-radius: 4px;
    border: 1px solid var(--br-color);
    padding: 6.5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-text);
    font-family: "Baloo 2", sans-serif;
    width: 100px;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  }
.header_right_box .deposit_withdrawal.login_signup_btn .withdrawal_btn {
    padding: 4px;
}
.header_right_box .deposit_withdrawal.login_signup_btn .deposit_btn {
    padding: 4px;
}
  .main_container {
    display: flex;
  }

  .right_wrapper {
    width: calc(100% - 254px);
    margin-left: 254px;
    padding: 10px 13px;
    margin-top: 60px;
    overflow-x: hidden;
  }

  .left_sidebar_wrapper {
    width: 254px;
    position: fixed;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    border-right: 1px solid var(--br-color-2);
    background: linear-gradient(to bottom, #830011, rgb(0 0 0 / 70%));
    padding: 0px 15px 15px;
    overflow-y: auto;
    z-index: 1;
  }

  .left_sidebar_wrapper::-webkit-scrollbar {
    width: 5px;
}


  .left_sidebar_wrapper::-webkit-scrollbar-thumb {
    background-color: var(--secondary-text);
    border-radius: 10px;
}


  .left_sidebar_wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}

  .left_sidebar_wrapper .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  .left_sidebar_wrapper .item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 7.5px 8px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--text);
    line-height: 1;
    transition: .18s ease;
  }

  .left_sidebar_wrapper .icon img {
    width: 26px;
    height: 30px;
    object-fit: contain;
  }

  .left_sidebar_wrapper .label {
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 14px;
    color: var(--secondary-text);
  }

  .left_sidebar_wrapper .item:hover .label {
    color: var(--text-white);
  }

  /* .left_sidebar_wrapper .item:hover .icon img{
      filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7499%) hue-rotate(224deg) brightness(114%) contrast(93%);
    } */

  /* right wrapper css start */
  .deposit_withdraw {
    display: flex;
    gap: 26px;
    margin-bottom: 20px;
  }

  .deposit_withdraw a {
    background-color: var(--secondary-color2);
    border: 1px solid var(--br-color-2);
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-white);
    line-height: normal;
    min-height: 44px;
    width: 100%;
    text-align: center;
    box-shadow: 1px 1px 15px 1px #FDAC0033;

  }

  .hero_wrapper {
    display: flex;
    gap: 28px;
    margin-bottom: 30px;
  }

  .hero_wrapper .banner_wrapper {
    width: 70%;
  }

  .hero_wrapper .banner_wrapper img {
    width: 100%;
  }

  .hero_wrapper .bronze_wrapper {
    width: 30%;

  }

  .hero_wrapper .bronze_wrapper .bronze_card {
    height: 100%;
    background: linear-gradient(to bottom,
        #8B101B 0%,
        /* top */
        #E9A71B 50%,
        /* center */
        #8B101B 100%
        /* bottom */
      );
    border: 1px solid #9A151C;
    padding: 26px 50px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    box-shadow: 2px 4px 50.6px 2px rgba(0, 0, 0, 0.4);
  }

  .hero_wrapper .bronze_wrapper .bronze_card::after {
    content: '';
    background-image: url(../images/icon-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
  }

  .name_box h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-white);
    margin: 0;
  }

  .name_box p {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 30px;
  }


  .progress_bar_box {
    margin: 18px 0 28px;
  }

  .progress_bar_box .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    letter-spacing: .2px;
    margin-bottom: 3px;
    font-size: 13px;
  }


  /* Progress track */
  .progress_bar_box .progress {
    --val: 0;
    --max: 100;
    height: 9px;
    border-radius: 999px;
    background: #52110540;
    position: relative;
    overflow: hidden;
  }

  /* Progress fill */
  .progress_bar_box .progress::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 30%;
    background: #521105;
    border-radius: inherit;
    box-shadow: 1px 1px 7.6px 2px rgba(220, 178, 18, 1);
  }

  /* optional soft highlight near the start like the image */
  .progress_bar_box .progress::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    /* background: radial-gradient(35px 20px at 18px 50%, rgba(255,255,170,.35), transparent 65%); */
    pointer-events: none;
  }



  .feature-card {
    width: 100%;
    background: var(--secondary-color2);
    border: 1px solid var(--br-color-2);
    border-radius: 5px;
    box-shadow: 1px 1px 15px 1px #FDAC0033;
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 22px;
    padding: 8px;
    align-items: center;
  }

  .feature-card .thumb {
    width: 160px;
    height: 160px;
    border-radius: 14px;
    overflow: hidden;
    background: #3a0e09;
    display: grid;
    place-items: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
      0 6px 18px rgba(0, 0, 0, .35);
  }

  .feature-card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .feature-card .content h3 {
    margin: 0 0 10px;
    color: var(--text-white);
    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: .2px;
  }

  .feature-card .content p {
    margin: 0;
    color: var(--text-white);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
  }

  .section_wrapper {
    margin-top: 10px;
  }

  .section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .section_header h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-text);
    margin: 0;
    text-transform: capitalize;
  }


  .heading_right a.seeall_link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--secondary-text);
    font-size: 12px;
    font-weight: 600;
    background: var(--sport-tabs);
    width: 70px;
    justify-content: center;
    border-radius: 70px;
    transition: transform 0.3s, box-shadow 0.3s;
    transform-style: preserve-3d;
    perspective: 1000px;
    height: 26px;
    border: 1px solid var(--secondary-text);
  }

  .heading_right a.seeall_link svg {
    width: 20px;
    height: 20px;
    fill: var(--primary-color);
    display: none;
  }

  .heading_right a.seeall_link:hover {
    background-color: var(--secondary-color);
  }


  /* slider sectin css start */

  .slider_wrapper .slick-next {
    top: -20px;
    right: 73px;
    background-image: url("../images/next-arrow.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  .slider_wrapper .slick-prev {
    top: -20px;
    right: 102px;
    left: auto;
    background-image: url("../images/pre-arrow.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
  }
  .slider_wrapper .slick-next:hover, .slider_wrapper .slick-next:focus {
    background-image: url("../images/next-arrow.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  .slider_wrapper .slick-prev:hover,   .slider_wrapper .slick-prev:focus {
    background-image: url("../images/pre-arrow.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
  }
  .slider_wrapper .slick-next::before,
  .slider_wrapper .slick-prev::before {
    display: none;
  }

  .slider_wrapper .slick-slide {
    padding-right: 17px;
  }

  .slider_wrapper .slick-slide:nth-child(7) {
    margin-right: 0px;
  }

  .slider_wrapper .slick-slide img {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
  }
  .slider_wrapper .slick-slide img:hover {
    border: solid 2px transparent;
  }

  .slider_wrapper .slick-slide:last-child {
    padding-right: 0px;
  }

  .slider_wrapper .slick-dots {
    display: none !important;
  }

  .slider_wrapper .slick-dotted.slick-slider {
    margin-bottom: 0px;
  }


  /* sport tabs css start */
  .sports_tabs_wrapper .sports-list {
    display: flex;
    gap: 12px;
    align-items: center;
    overflow-x: auto;
    padding: 2px;
    margin: 0;
    list-style: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .sports_tabs_wrapper .sports-list::-webkit-scrollbar {
    height: 6px
  }

  .sports_tabs_wrapper .sports-list::-webkit-scrollbar-thumb {
    background: #691d1d;
    border-radius: 8px
  }

  .sports_tabs_wrapper .sports-list::-webkit-scrollbar-track {
    background: transparent
  }

  .sports_tabs_wrapper .chip {
    scroll-snap-align: center;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5.5px 18.09px;
    background: var(--sport-tabs);
    color: var(--secondary-text);
    border-radius: 6px;
    box-shadow: 0 1px 0 var(--ring) inset, 0 2px 6px rgba(0, 0, 0, .25);
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease;
    font-family: "Tiro Tamil", serif;
    font-size: 20px;
    font-weight: 400;
    min-height: 40px;
    min-width: 160px;
    cursor: pointer;
  }

  .sports_tabs_wrapper .chip:hover {
    background: var(--deposit-btn);
    color: var(--gold-strong)
  }

  .sports_tabs_wrapper .chip .ico img {
    height: 25px;
  }

  .sports_tabs_wrapper .chip:hover .ico img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(339deg) brightness(104%) contrast(103%);
  }

  /* sport tabs css end */


  /* background element css start */
  .element_1 {
    position: fixed;
    left: -92px;
    z-index: -1;
    bottom: 30px;
    pointer-events: none;
  }

  .element_2 {
    position: fixed;
    right: 6%;
    z-index: -1;
    top: 105px;
    pointer-events: none;
    height: 100px;
    width: 100px;
  }

  .element_3 {
    position: fixed;
    left: 120px;
    z-index: -1;
    top: 28%;
    pointer-events: none;
  }

  .element_4 {
    position: fixed;
    right: -100px;
    z-index: -1;
    bottom: 23%;
    pointer-events: none;
  }

  .element_5 {
    position: fixed;
    left: 30px;
    z-index: -1;
    top: 28%;
    pointer-events: none;
    width: 80px;
    display: none;
  }

  .element_6 {
    position: fixed;
    left: 90px;
    z-index: -1;
    top: 37%;
    pointer-events: none;
    width: 50px;
    /* display: none; */
  }

  .element_7 {
    position: fixed;
    right: -20px;
    z-index: -1;
    bottom: 27%;
    pointer-events: none;
    width: 80px;
    display: none;
  }

  .element_8 {
    position: fixed;
    right: 49px;
    z-index: -1;
    bottom: 23%;
    pointer-events: none;
    width: 50px;
    display: none;
  }

  /* background element css end */


  /* live match css start */
  .live_match_slider .match_card {
    background: var(--sport-tabs);
    border: 1px solid var(--br-color-2);
    border-radius: 9px;
    padding: 5px 9px;
  }

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

  .live_match_slider .match_card .top_header_card .match_name {
    display: flex;
    gap: 5px;
    color: var(--text-yellow);
    font-family: "Tiro Tamil", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
  }

  .live_match_slider .match_card .top_header_card .round_box {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid var(--br-color);
    background: var(--withdrawal-btn);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .live_match_slider .match_card .top_header_card .round_box span {
    font-size: 12px;
    color: var(--dark-text);
    font-weight: 400;
    line-height: 10px;
  }

  .live_match_slider .match_card .top_header_card .top_header_right {
    display: flex;
    gap: 5px;
  }

  .live_match_slider .match_card .match_details {
    margin-top: 6px;
    line-height: 15px;
  }
.live_match_slider .match_card .match_details .match_type {
    color: var(--text-yellow);
    font-family: "Tiro Tamil", serif;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;
    width: 100%;
    display: block;
}

  .live_match_slider .match_card .match_details .team_name {
    font-family: "Tiro Tamil", serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--secondary-text);
    margin: 0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    width: 100%;
    display: block;
  }

  .live_match_slider .match_card .match_details .time_text {
    font-size: 11px;
    font-weight: 400;
    color: var(--secondary-text);
    font-style: italic;
    margin-bottom: 10px;
    display: block;
    margin-top: 5px;
  }

  .live_match_slider .match_card .match_details .live_icon {
    width: 40px;
    height: 21px;
    position: absolute;
    top: 3px;
    right: 0;
  }

  .live_match_slider .match_card .bet_box_wrapper {
    display: flex;
    gap: 3px;
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col {
    width: calc(33.33% - 3px);
    display: flex;
    border-radius: 3px;
    overflow: hidden;
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .bl_box {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 15px;
    padding: 3px 0;
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .bl_box .bet_value {
    font-size: 13px;
    font-weight: 400;
    color: var(--dark-text);
    font-family: "Tiro Tamil", serif;
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .bl_box .bet_value_amount {
    font-size: 10px;
    color: var(--text-black);
    font-weight: 400;
    font-family: "Tiro Tamil", serif;
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .back.bl_box {
    background: var(--back-bg);
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .lay.bl_box {
    background: var(--lay-bg);
  }

  .live_match_slider .match_card .bet_box_wrapper .bet_col .bl_box:hover {
    opacity: 0.9;
  }

  /* live match css end */

  /* ptovider section start */

  .provider_slider_wrapper .game_item_img {
    border-radius: 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid transparent;
    cursor: pointer;
    background: var(--sport-tabs);
    border: 1px solid var(--br-light-bg);
    box-shadow: 0px 0px 2.5px 1px var(--br-light-bg),
      /* drop shadow */
      inset 0px 0px 1px 2px var(--br-light-bg);
    /* inner shadow */
  }

  .provider_slider_wrapper .game_item_img img {
    max-height: 38px;
    filter: brightness(0) saturate(100%) invert(87%) sepia(16%) saturate(1247%) hue-rotate(323deg) brightness(104%) contrast(99%);
    object-fit: contain;
  }

  .provider_slider_wrapper .game_item_img:hover {
    background-color: var(--provider-box-bg);
  }

  .provider_slider_wrapper .game_item_img:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
  }

  /* .provider_slider_wrapper .slick-slide>div:nth-child(1) {
    margin-bottom: 30px;
  } */

  /*  */

  /* mobile navigation css start */
  .mobile_navigation {
    height: 50px;
    background: var(--header-bg);
    display: none;
    align-items: center;
    padding: 5px 15px;
    position: fixed;
    bottom: 0;
    z-index: 11;
    justify-content: space-between;
    width: 100%;

  }

  .mobile_navigation a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--secondary-text);
    font-size: 10px;
    font-weight: 400;
    line-height: 100%;
  }

  .mobile_navigation a img {
    width: 20px;
    margin-bottom: 5px;
  }

  /* mobile navigation css end */


  /* promotion page css start */
  .page_heading {
    margin-bottom: 25px;
  }

  .page_heading h1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    color: var(--secondary-text);
  }

  .no_promotion_card {
    border-radius: 10px;
    border: 1px solid var(--br-color-2);
    padding: 25px 33px;
    background: var(--crad-bg);
  }

  .no_promotion_card .card_heading {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .no_promotion_card .card_heading .dot_box {
    background-color: #DD7D22;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .no_promotion_card .card_heading h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: var(--secondary-text);
  }

  .no_promotion_card p {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-text);
    margin: 0;
    margin-top: 9px;
  }

  .no_promotion_card .card_btn_block {
    display: flex;
    margin-top: 35px;
    gap: 32px;
  }

  .no_promotion_card .card_btn_block a {
    background-color: var(--card-btn-bg);
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-text);
  }

  .no_promotion_card .card_btn_block a img {
    width: 24px;
    height: 24px;
  }

  /* promotion page css start */

  /* category page css start */
  .hero_slider_wrapper {
    margin-top: 23px;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
  }

  .hero_slider_wrapper img {
    width: 100%;
    height: 100%;
    max-height: min-content;
  }

  .search_bar_casino {
    position: relative;
  }

  .search_bar_casino .form-control {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 45px;
    border-radius: 5px;
    border: 1px solid var(--br-color-2);
    background: var(--crad-bg);
    padding-left: 50px;
    color: var(--text-white);
    font-family: "Tiro Tamil", serif;
    font-size: 20px;
  }

  .search_bar_casino .form-control::placeholder {
    color: var(--secondary-text);
  }

  .search_bar_casino .search_icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
  }

  .search_bar_casino .search_icon img {
    width: 28.47px;
  }

  .sports_tabs_wrapper.casino_games_tab {
    margin-top: 16px;
  }

  .sports_tabs_wrapper.casino_games_tab .sports-list {
    gap: 23px;
  }

  .sports_tabs_wrapper.casino_games_tab .chip {
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 80px;
    min-width: 130px;
    max-width: 130px;
    gap: 4px;
    padding: 8.5px 0;
  }

  .sports_tabs_wrapper.casino_games_tab .chip .ico img {
    height: 36px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(79%) saturate(232%) hue-rotate(334deg) brightness(103%) contrast(102%);
  }

  .sports_tabs_wrapper.casino_games_tab .chip.active {
    background: var(--deposit-btn);
    box-shadow: inset 0px 0px 8.4px 0px rgba(255, 161, 0, 1);
  }

  .sports_tabs_wrapper.casino_games_tab .chip:hover {
    color: var(--dark-text);
  }

  .sports_tabs_wrapper.casino_games_tab .chip:hover img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(43%) saturate(5013%) hue-rotate(354deg) brightness(117%) contrast(98%);
  }

  .sports_tabs_wrapper.casino_games_tab .chip.active img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(43%) saturate(5013%) hue-rotate(354deg) brightness(117%) contrast(98%);
  }

  .sports_tabs_wrapper.casino_games_tab .chip.active {
    color: var(--dark-text);
  }

  .casino_slot_games_wrapper {
    margin-top: 16px;
    margin-bottom: 27px;
  }

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

  .casino_img_wrapper ul li {
    width: calc(12.5% - 10px);
    position: relative;

  }

  .casino_img_wrapper ul li a {
    overflow: hidden;
    border-radius: 10px;
    display: block;

  }

  .casino_img_wrapper ul li a img {
    width: 100%;
  }
   .casino_img_wrapper ul li a img:hover {
    border: solid 2px transparent;
  }

  .see_all_section {
    text-align: center;
    max-width: 250px;
    margin: auto;
  }

  .see_all_section .progress {
    --val: .2;
    /* 6/30 ≈ 0.2 (change as needed) */
    height: 10px;
    background: var(--progress-bar);
    border-radius: 999px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 10px;
    width: 100%;
  }

  .see_all_section .progress::before {
    content: "";
    position: absolute;
    inset: 0;
    width: calc(var(--val) * 100%);
    background: var(--fill-bar);
    border-radius: inherit;
  }

  .see_all_section .label {
    font-weight: 600;
    letter-spacing: .2px;
    margin: 3px 0 7px;
    font-size: 16px;
    color: var(--secondary-text);
  }

  .see_all_section .btn-more {
    display: inline-block;
    padding: 10px 18px;
    color: var(--secondary-text);
    background: transparent;
    border: 1px solid var(--br-color-2);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    transition: transform .15s ease, background .2s ease, box-shadow .2s ease;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08) inset;
  }

  .see_all_section .btn-more:hover {
    background: rgba(201, 96, 0, .18);
    transform: translateY(-1px);
  }

  .see_all_section .btn-more:active {
    transform: translateY(0);
  }

  .chat_icon {
    background-color: var(--chat-bg);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: 2px solid var(--br-color);
    box-shadow:
      inset 0px 4px 4px rgba(0, 0, 0, 0.25),
      /* inner shadow */
      0px 4px 4px rgba(0, 0, 0, 0.25);
    /* outer drop shadow */
  }

  .chat_icon img {
    width: 29px;
  }

  .top_fix_navigation {
    background-color: var(--card-btn-bg);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 52px;
    display: none;
    align-items: center;
    padding: 10px 21px;
    position: fixed;
    width: 100%;
    bottom: 50px;
    z-index: 11;
    justify-content: space-between;
  }

  .top_fix_navigation a {
    background: var(--withdrawal-btn);
    border: 1px solid var(--br-color);
    border-radius: 4px;
    width: 75px;
    height: 25px;
    display: block;
    text-align: center;
    color: var(--br-color);
    font-size: 10px;
    padding: 5.5px 7px;
    line-height: 15px;
    font-weight: 400;
    font-family: Tiro Tamil;
  }

  /* category page css end */

  /* how to play page css start */
  .howtoplay_card {
    border-radius: 10px;
    padding: 25px 28px;
    background-image: url(../images/card-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  }

  .howtoplay_card .card_heading {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: var(--secondary-text);
    text-align: center;
    text-transform: capitalize;
  }

  .inner_card {
    display: flex;
    align-items: center;
    padding: 15px;
    position: relative;
    z-index: 1;
    background: var(--card-howtoplay);
    border-radius: 10px;
    justify-content: space-between;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    min-height: 119px;
  }

  .inner_card::after {
    content: '';
    background: var(--withdrawal-btn);
  }

  .inner_card .details_left h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-text);
    margin-bottom: 0;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
  }

  .inner_card .details_left p {
    color: var(--text-black);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }

  .inner_card .details_left a {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary-text);
  }

  .inner_card .img_right_box {
    position: absolute;
    right: -8px;
    bottom: 0px;
    height: 154px;
    width: 154px;
  }

  .howtoplay_card .row {
    margin-top: 20px;
  }

  .inner_card .img_right_box img {
    width: 100%;
    height: 100%;
  }

  .inner_card .img_right_box.second_box_img {
    bottom: -15px;
    right: -17px;
  }

  .card_box_wrapper {
    margin-top: 43px;
  }

  .card_box_wrapper .card_heading {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: var(--secondary-text);
    text-align: center;
    text-transform: capitalize;
  }

  .steps_tabs_wrapper {
    max-width: 966px;
    margin: auto;
  }

  .steps_tabs_wrapper ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
    z-index: 1;
    justify-content: space-between;
  }

  .steps_tabs_wrapper ul li {
    width: auto;
    /* flex: auto; */
  }

  .steps_tabs_wrapper ul:after {
    content: '';
    position: absolute;
    background: #C35701;
    height: 3px;
    width: 92%;
    z-index: -1;
    left: 4%;
    top: 55px;
  }

  .steps_tabs_wrapper ul li a {
    text-align: center;
  }

  .steps_tabs_wrapper ul li a img {
    width: 100px;
    height: 100px;

  }

  .steps_tabs_wrapper ul li a span {
    display: block;
    text-align: center;
    color: var(--secondary-text);
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
  }

  .steps_tabs_wrapper ul li a.active .icon_img {
    border-radius: 50%;
    border: 3px solid var(--chat-bg);
    background-color: var(--primary-color);
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .dummy_card {
    max-width: 966px;
    margin: auto;
    height: 420px;
    border-radius: 11px;
    background-image: url(../images/card-bg.png);
    background-size: cover;
    margin-top: 25px;
  }

  /*  how to play page css end*/

  /* betting history page css start*/
  .page_heading.betting_history {
    margin-bottom: 30px;
  }

  .page_heading.betting_history h1 {
    text-transform: capitalize;
  }

  .page_heading.betting_history p {
    color: #FBE5BF;
    font-size: 18px;
    margin: 0;
    font-weight: 400;
  }

  .form_input {
    position: relative;
  }

  .form_input .form-control {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #730A03, #5D0802);
    border: 0;
    font-family: "Tiro Tamil", serif;
    color: var(--secondary-text);
    font-size: 20px;
  }

  .form_input .form-control::placeholder {
    color: var(--secondary-text);
  }

  .form_input .form-control.date_input {
    text-align: center;
    padding-left: 60px;
  }

  .form_input .date_icon {
    height: 36px;
    width: 36px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .form_input .date_icon img {
    width: 100%;
    height: 100%;
  }

  .form_wrapper .row .col-lg-4 {
    width: 40%;
  }

  .form_wrapper .row .col-lg-3 {
    width: 30%;
  }

  .form_input.select_input:after {
    content: '';
    background-image: url(../images/down-arrow.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    pointer-events: none;
  }

  .form_input.select_input .form-select {
    appearance: none;
    /* remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .form_input.select_input .form-select option {
    background: #5D0802;
    /* dropdown bg */
    color: #f8d7b5;
    /* text color */
  }

  .form_input.select_input .form-select option:checked {
    background: #c96000 !important;
    /* selected item bg */
    color: #fff !important;
  }

  .form_input.select_input .form-select option:hover {
    background: #8b1d1d !important;
    /* hover color */
    color: #fff;
  }

  .form_wrapper .search_bar_casino .form-control {
    background: linear-gradient(to bottom, #730A03, #5D0802);
    border: 0;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: var(--secondary-text);
  }

  .form_wrapper .search_bar_casino .search_icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .table_wrapper {
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(250 222 178 / 90%), rgb(255 185 112 / 90%)), url(../images/icon-bg-texuter.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 24px 60px;
    margin-top: 28px;
    position: relative;
  }

  .table_wrapper .table {
    border: 0;
    font-family: "Tiro Tamil", serif;
    color: var(--primary-text);
    font-size: 24px;
    font-weight: 400;
    margin: 0;
  }

  .table_wrapper .table>:not(:first-child) {
    border-top: none;
  }

  .table_wrapper .table th,
  .table_wrapper .table td {
    border: 0;
    padding: 10px 15px;
    font-weight: 400;
    text-transform: capitalize;
  }

  .table_wrapper .table tr {
    position: relative;
    vertical-align: middle;
  }

  .table_wrapper .table tr:after {
    content: '';
    background: linear-gradient(to right,
        #FDC586 0%,
        rgba(99, 18, 9, 0.6) 50%,
        #FEBC72 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
  }

  .text_green {
    color: var(--text-success);
  }

  .text_red {
    color: var(--text-red);
  }

  .table_wrapper .pagination {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 20px;
    color: var(--primary-text);
    /* dark brown text */
    font-weight: 500;
    font-family: "Tiro Tamil", serif;
    justify-content: center;
    margin-top: 24px;
  }

  .table_wrapper .pagination button {
    background: none;
    border: none;
    font-size: 40px;
    cursor: pointer;
    color: var(--primary-text);
    transition: transform 0.2s ease;
  }

  .table_wrapper .pagination button:hover {
    transform: scale(1.2);
    color: #2d0803;
  }
  .table_wrapper .pagination button.disabled {
    opacity: 0.5;
  }
    .table_wrapper .pagination button:disabled{
       opacity: 0.5;
    }
  .table_wrapper .pagination span {
    font-size: 18px;
  }

  .form_wrapper .row_form {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .form_wrapper .row_form .col-40 {
    width: 40%;
  }

  .form_wrapper .row_form .col-30 {
    width: 30%;
  }

  .form_wrapper .col-12 {
    margin-top: 16px;
  }

  /* betting history page css end*/


  /* wallet page css start */
  .wallet_card {
    border-radius: 10px;
    border: 1px solid var(--br-color-2);
    padding: 12px 17px;
    background: var(--crad-bg);
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-family: "Baloo 2", sans-serif;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  .wallet_card .wallet_amount h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--secondary-text);
    margin: 0;
  }

  .wallet_card .wallet_amount p {
    max-width: 0;
    font-size: 38px;
    font-weight: 600;
    color: var(--secondary-text);
    display: flex;
    gap: 5px;
    margin-top: 10px;
  }

  .wallet_card .wallet_amount.bonus_wallet p {
    font-size: 32px;
    margin-top: 2px;
  }

  .filter_btn_box {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 22px 0;
  }

  .filter_btn_box a {
    width: 33.33%;
    height: 60px;
    display: flex;
    background-color: var(--card-btn-bg);
    font-size: 24px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-family: "Tiro Tamil", serif;
    color: var(--secondary-text);
    position: relative;
    border-radius: 5px;
  }

  .filter_btn_box a img {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 24px;
  }

  .table_heading {
    margin-bottom: 11px;
  }

  .table_heading h4 {
    font-family: "Baloo 2", sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: var(--secondary-text);
  }

  .tbl_history ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Baloo 2", sans-serif;
  }

  .tbl_history ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #FECF9A4D;
  }

  .tbl_history ul li .tbl_left {
    display: flex;
    align-items: center;
    gap: 50px;
  }

  .tbl_history ul li .tbl_left .icon_box {
    height: 55px;
    width: 55px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tbl_history ul li .tbl_left .icon_box img {
    height: 30px;
    width: 30px;
  }

  .tbl_history ul li .tbl_left .payment_cat h5 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: var(--secondary-text);
  }

  .tbl_history ul li .tbl_left .payment_cat span {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-text);
  }

  .tbl_history ul li .tbl_right p {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
  }

  .deposit_box {
    background-color: #FFF4E61A;
  }

  .withdrawal_box {
    background-color: #1D1B1A66;
  }

  .recived_box {
    background-color: #84FF8B66;
  }

  .view_all_link {
    margin-top: 12px;
    text-align: right;
  }

  .view_all_link a {
    font-size: 20px;
    font-weight: 500;
    color: var(--secondary-text);
    font-family: "Baloo 2", sans-serif;
  }

  /* wallet page css end */

  /* deposit  page css start */
  .funds_tabs_wrapper .nav {
    background: var(--crad-bg);
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
  }

  .funds_tabs_wrapper .nav .nav-item {
    width: 50%;
  }

  .funds_tabs_wrapper .nav .nav-item .nav-link {
    display: flex;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    border-radius: 10px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    width: 100%;
    font-family: "Baloo 2", sans-serif;
    color: var(--secondary-text);
    text-transform: capitalize;
  }

  .funds_tabs_wrapper .nav .nav-item .nav-link.active {
    background-color: var(--primary-color);
    border: 1px solid var(--br-color-2);
  }

  .funds_tabs_wrapper .tab-content {
    margin-top: 68px;
  }

  .fund_form_wrapper {
    max-width: 560px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #FAE5C0, #FFC990), url(../images/icon-bg-texuter.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px 20px;
    margin: auto;
    position: relative;
  }

  .fund_form_wrapper::before {
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/icon-bg-texuter.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(97%) sepia(34%) saturate(7370%) hue-rotate(300deg) brightness(106%) contrast(106%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
  }

  .main_form_wrapper {
    position: relative;
    z-index: 11;
  }

  .fund_form_wrapper h2 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Baloo 2", sans-serif;
    margin: 0;
    color: var(--primary-text);
    text-transform: capitalize;
    margin-bottom: 7px;
  }

  .fund_form_wrapper .form-control {
    background-color: transparent;
    border: 1px solid var(--br-color-2);
    border-radius: 5px;
    height: 60px;
    color: var(--br-color);
    font-size: 20px;
    font-family: "Baloo 2", sans-serif;
    font-weight: 500;
  }

  .fund_form_wrapper .form-control::placeholder {
    color: var(--br-color);
  }

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

  .fund_form_wrapper .form-floating>.form-control:focus~label {
    opacity: 1;
    transform: scale(.85) translateY(-13px) translateX(20px);
    background: #FAE3BD;
    padding: 0;
    height: auto;
    padding: 0 9px;
    color: var(--primary-text);
    font-size: 20px;
    font-weight: 600;
    font-family: "Baloo 2", sans-serif;
  }

  .fund_form_wrapper .form_input_block label {
    color: var(--primary-text);
    font-size: 20px;
    font-weight: 600;
    font-family: "Baloo 2", sans-serif;
  }

  .offer_note {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    position: relative;
  }

  .offer_note p {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-text);
    text-transform: capitalize;
    line-height: 100%;
    margin: 0;
  }

  .offer_note:after {
    content: '';
    background: linear-gradient(to right, #FDD4A3 0%, #5b08008c, #FDD3A2 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
  }

  .select_payment_heading {
    margin: 10px 0;
  }

  .select_payment_heading h4 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Baloo 2", sans-serif;
    color: var(--text-other-color);
    margin: 0;

  }

  .select_payment_heading span {
    font-size: 20px;
    font-weight: 400;
    font-family: "Baloo 2", sans-serif;
    color: var(--br-color);
  }

  .payment_type_list .form-check-label {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--br-color-2);
    padding: 11.5px;
    border-radius: 5px;
    align-items: center;
    cursor: pointer;
  }

  .payment_type_list .form-check {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
  }

  .payment_type_list .form-check-label .img_box {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .payment_type_list .form-check-label .img_box img {
    max-width: 42px;
  }

  .payment_type_list .form-check-label .img_box span {
    font-size: 20px;
    font-weight: 500;
    color: var(--text-other-color);
  }

  .payment_type_list .form-check .form-check-input {
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 1px solid var(--br-color-2);
  }

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

  .payment_type_list .form-check-input:checked[type=radio] {
    background-image: url(../images/check-point.png);
    background-size: 15px;
  }

  .proceed_btn .btn-primary {
    background: var(--crad-bg);
    border: 1px solid var(--br-color-2);
    height: 60px;
    border-radius: 5px;
    color: var(--secondary-text);
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .proceed_btn .btn-primary:focus {
    box-shadow: none;
  }

  .proceed_btn {
    margin-bottom: 10px;
  }

  .info_text {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: var(--text-other-color);
    text-align: center;
  }

  /* deposit  page css end */


  /* profile page css start */
  .profile_bg_wrapper {
    margin: -10px -13px 0;
  }

  .profile_bg_wrapper img {
    width: 100%;
  }

  .profile_details {
    padding-left: 24px;
    top: -40px;
  }

  .profile_img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 10px;
    /* thickness of border */
    background: conic-gradient(#c96d00 0% 25%, #d3c7bd 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .profile-border img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    /* optional inner background */
  }

  .update_icon {
    position: absolute;
    right: 16px;
    bottom: -5px;
    display: block;
    min-height: 33px;
    height: 30px;
    width: 30px;
  }

  .update_icon img {
    width: 100%;
    height: 100%;
  }

  .profile_img_name {
    display: flex;
    align-items: end;
  }

  .profile_img_name .user_name_box .name_row {
    display: flex;
    align-items: center;
    gap: 50px;
    border-radius: 70px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
      /* Drop shadow */
      inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 2px solid #BA5C1E;
    min-height: 40px;
    padding: 0 15px;
    padding-left: 40px;
    margin-left: -30px;
    min-width: 240px;
    justify-content: space-between;
    background-color: #C3570133;
  }

  .profile_img_name .user_name_box .name_row span {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-text);
  }

  .profile_img_name .user_name_box .name_row a {
    position: relative;
    bottom: -4px;
  }

  .top_editIiocn {
    position: absolute;
    right: 0;
    top: -110px;
    width: 55px;
    height: 55px;

  }

  .top_editIiocn img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
  }

  .user_name_box p {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #FAE6C3B2;
    padding-left: 13px;
  }

  .user_name_box p span {
    font-size: 14px;
    font-weight: 600;
    font-family: "Baloo 2", sans-serif;
    color: var(--secondary-text);
  }

  .profile_menu_block {
    margin-top: 20px;
  }

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

  .profile_menu_block ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Tiro Tamil", serif;
    min-height: 50px;
    color: var(--secondary-text);
  }

  .profile_menu_block ul li a .menu_icon_prfile img {
    width: 30px;
  }

  .profile_menu_block ul li a:hover {
    color: var(--text-white);
  }

  .profile_menu_block ul li a:hover .menu_icon_prfile img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(268deg) brightness(102%) contrast(103%);
  }

  /* profile page css end */

  /* support page css start */
  .support_wrapper {
    max-width: 966px;

    padding: 15px 65px;
    background-color: var(--chat-bg);
    margin: auto;
    border-radius: 11px;
    margin-top: 60px;
    position: relative;
  }

  .support_wrapper::before {
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/icon-bg-texuter.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(34%) sepia(90%) saturate(4270%) hue-rotate(22deg) brightness(89%) contrast(103%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
  }

  .inner_spport_block {
    position: relative;
    z-index: 11;
  }

  .support_wrapper h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    color: var(--text-light);
    text-align: center;
    font-family: "Baloo 2", sans-serif;
  }

  .support_wrapper .support_box {
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(250 229 192), rgb(255 201 144));
    padding: 15px 20px;
    margin: auto;
    position: relative;
    border: 1px solid var(--text-other-color);
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  .support_box_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 11;
    width: 100%;
  }

  .support_wrapper .support_box::before {
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/icon-bg-texuter.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(97%) sepia(34%) saturate(7370%) hue-rotate(300deg) brightness(106%) contrast(106%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
  }

  .support_wrapper .support_box .img_support img {
    max-width: 128px;
  }

  .support_wrapper .support_box .support_heading {
    text-align: center;
  }

  .support_wrapper .support_box .support_heading h3 {
    font-size: 24px;
    color: var(--primary-text);
    font-weight: 700;
    margin-bottom: 10px;
    font-family: "Baloo 2", sans-serif;
  }

  .support_wrapper .support_box .support_heading p {
    font-size: 20px;
    font-weight: 400;
    font-family: "Tiro Tamil", serif;
    margin: 0;
    color: var(--primary-text);
    text-transform: capitalize;
  }

  .support_wrapper .support_box .support_number h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: "Baloo 2", sans-serif;
    color: var(--primary-text);
  }


  .support_wrapper .or_box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 6px;
  }

  .support_wrapper .or_box .or_text {
    width: 50px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-text);
    text-align: center;
  }

  .support_wrapper .line_box {
    height: 1px;
    background-color: #631209;
    flex: 1;
  }

  .support_wrapper .support_form .form-label {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-text);
  }

  .support_wrapper .main_input_box {
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(250 229 192), rgb(255 201 144));
    margin: auto;
    position: relative;
    border: 1px solid var(--text-other-color);
    position: relative;
  }

  .support_wrapper .main_input_box::before {
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/icon-bg-texuter.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(97%) sepia(34%) saturate(7370%) hue-rotate(300deg) brightness(106%) contrast(106%);
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
  }

  .support_wrapper .main_input_box .form-control {
    background: none;
    z-index: 11;
    height: 40px;
    color: var(--primary-text);
    border-radius: 10px;
    box-shadow: none;
  }

  .support_wrapper .form_input {
    margin-bottom: 10px;
  }

  .support_wrapper textarea.form-control {
    min-height: 110px;
  }

  .support_wrapper .btn-primary {
    background-color: transparent;
    border: 0;
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    color: var(--primary-text);
    min-height: 40px;
    font-weight: 700;
    width: 100%;
  }

  .support_wrapper .btn-primary:hover {
    box-shadow: none;
  }

  .support_wrapper .only_mobile {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-text);
    text-align: center;
    display: none;
  }


  /* support page css end */


  /* tier page css start */
  .page_heading.tier_page_heading {
    text-align: center;
  }

  .page_heading.tier_page_heading h1 {
    text-transform: uppercase;
  }

  .page_heading.tier_page_heading p {
    font-size: 24px;
    font-weight: 400;
    color: var(--secondary-text);
    margin: 0;
    text-transform: capitalize;
  }

  .tier_card_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    margin: 0 -15px;
  }

  .tier_card_wrapper .tier_main_box {
    position: relative;
    padding: 15px;
    min-width: 205px;
  }

  .tier_card_wrapper .tier_main_box .inner_box_tier {
    background-image: url(../images/tier-card-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .tier_card_wrapper .tier_main_box .inner_box_tier img {
    width: 100%;
  }

.tier_card_wrapper .tier_main_box .inner_box_tier h4 {
    background: linear-gradient(to bottom, #FC9100, #FEF44C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    /* text-shadow: 0px 4px 4px #000000; */
    line-break: anywhere;
    max-width: 140px;
  overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

  .tier_card_wrapper .tier_main_box .inner_box_tier a {
    background-image: url(../images/btn-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tier_card_wrapper .tier_main_box .inner_box_tier a span {
    background: linear-gradient(to bottom, #FC9100, #FEF44C);
    /* 2 colors */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* Firefox ke liye */
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .tier_card_wrapper .tier_main_box.active::before {
    background-color: #FFD91D;
    filter: blur(20px);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
  }

  .tier_progress_bar .progress-container {
    width: 100%;
    color: var(--secondary-text);
    margin-top: 14px;
  }

  .tier_progress_bar .progress-header {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
  }

  .tier_progress_bar .progress-bar {
    width: 100%;
    background-color: #B75C4480;
    /* bar background */
    border-radius: 50px;
    height: 15px;
    overflow: hidden;
    border: 1px solid #B64903;
  }

  .tier_progress_bar .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #5D0900, #830C0B);
    border-radius: 50px;
    transition: width 0.5s ease;
    border-right: 1px solid #B64903;
  }

  .tier_progress_bar h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--secondary-text);
  }

  .gredient_line {
    height: 1px;
    max-width: 400px;
    margin: auto;
    margin-top: 34px;
    margin-bottom: 25px;
    background: linear-gradient(to right, #81080B, #B64A03, #81080B);

  }

  .how_it_works h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--secondary-text);
  }

  .right_wrapper.tier_page_right_erapper {
    padding: 10px 30px;
  }

  .how_it_card {
    background: linear-gradient(to right, rgb(252 228 190 / 90%), rgb(198 92 1 / 80%)), url(../images/tier-inner-card.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--br-color-2);
  }

  .how_it_card .round_box {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid var(--br-color);
    background-color: #5D0900;
  }

  .how_it_card h3 {
    color: var(--primary-text);
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .how_it_card p {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-text);
    line-height: 100%;
  }

  .tier_progress_bar {
    margin-top: 30px;
  }

  /* tier page css end */


  /* login signup page css start */


.login_main_container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, rgb(131 0 17 / 50%), rgb(0 0 0 / 60%));
    width: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

  .login_wrapper {
    max-width: 747px;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(250 222 178 / 90%), rgb(255 185 112 / 90%)), url(../images/icon-bg-texuter.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    position: relative;
    min-width: 747px;
  }

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

  .login_wrapper .back_and_demo .back_btn {
    display: flex;
    gap: 7px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-text);
    text-transform: capitalize;
  }

  .login_wrapper .back_and_demo .demo_btn {
    background-color: #5D090033;
    padding: 6px 10px;
    border-radius: 70px;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-text);
    text-transform: capitalize;
  }

  .login_wrapper .back_and_demo .demo_btn:hover {
    background-color: var(--primary-color);
    color: var(--secondary-text);
  }

  .login_wrapper .form_heading {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 40px;
  }

  .login_wrapper .form_heading h1 {
    font-size: 36px;
    font-weight: 900;
    color: var(--primary-text);
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .login_wrapper .form_heading p {
    color: var(--primary-text);
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
  }

  .login_wrapper .inner_form_box {
    max-width: 320px;
    margin: auto;
  }

  .login_wrapper .login_form_input {
    position: relative;
    margin-bottom: 20px;
  }

  .login_wrapper .login_form_input .form-control {
    width: 100%;
    height: 50px;
    background-color: rgb(254 236 196 / 60%);
    border-radius: 10px;
    border: 1px solid var(--br-other-color);
    font-size: 15px;
    font-weight: 700;
    color: var(--br-other-color);
  }

  .login_wrapper .login_form_input .form-control::placeholder {
    color: var(--br-other-color);
    text-transform: capitalize;
  }

  .eye_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    transform: translateY(-50%);
    right: 11px;
    top: 50%;
  }

  .eye_icon img {
    width: 100%;
  }

  .login_singup_page .element_1 {
    left: -114px;
  }

  .forgot_link {
    text-align: center;
    margin-top: -7px;
  }

  .forgot_link a {
    color: #5C060799;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
  }

  .forgot_link a:hover {
    color: var(--primary-text);
  }
.login_btn_form {
  text-align: center;
  margin-top: 27px;
  margin-bottom: 27px;
}

.login_btn_form .btn-primary {
  border-radius: 70px;
  background: var(--sport-tabs);
  color: var(--text-white);
  width: 154px;
  height: 54px;
  border: 0;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Loader hidden by default */
.btn-loader {
  display: none;
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 215, 0, 0.3);
  border-top: 3px solid gold;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Loading state */
.btn-primary.loading .btn-text {
  display: none;
}
.btn-primary.loading .btn-loader {
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


  .botom_link {
    text-align: center;
  }

  .botom_link p {
    font-size: 16px;
    color: var(--primary-text);
    font-weight: 700;
    text-transform: capitalize;
  }

  .botom_link p a {
    color: #5C060799;
    text-decoration: underline;
  }

  .botom_link p a:hover {
    color: var(--primary-text);
  }

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

  .toggle_btn_form .form-switch .form-check-input {
    width: 40px;
    height: 26px;
    border: 1px solid var(--primary-color);
  }

  .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }

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

  .toggle_btn_form .form-check.form-switch {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .toggle_btn_form .form-check-label {
    font-size: 16px;
    color: var(--primary-text);
    font-weight: 700;
  }

  .toggle_btn_form a {
    font-size: 16px;
    font-weight: 700;
    color: #5C060799;
    text-decoration: underline;
  }

  /* login signup page css end */


  /* Favorite Games page css start  */
  .search_and_filter {
    display: flex;
    gap: 20px;
    padding-right: 37px;
  }

  .search_and_filter .search_bar_casino {
    flex: 1;
  }

  .search_and_filter .filtter_btn {
    height: 45px;
    border-radius: 5px;
    border: 1px solid var(--br-color-2);
    background: var(--crad-bg);
    min-width: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search_and_filter .filtter_btn img {
    max-width: 30px;
  }

.fav_games_wrapper .casino_img_wrapper ul {
   display: grid;
  grid-template-columns: repeat(7, 1fr); 
    column-gap: 30px;
    row-gap: 38px;
}

  .fav_games_wrapper .casino_img_wrapper ul li {
    width: 100%;
    position: relative;
  }
.fav_games_wrapper  .casino_slot_games_wrapper {
    margin-top: 34px;
    margin-bottom: 50px;
}

  /* Favorite Games page css start  */

  /* header other css start*/
  .header_right_box .deposit_withdrawal.header_demo_user .withdrawal_btn {
    width: auto;
    font-size: 13px;
    line-height: 13px;
  }
    .header_right_box .deposit_withdrawal.header_demo_user .withdrawal_btn span{
      display: block;
      line-height: 12px;
    }
      .header_right_box .deposit_withdrawal.header_demo_user .withdrawal_btn img{
        width: 24px;
      }
  /* header other css end */

  /* home page other css start */
.mobile_deposit_withdrawal_btn{
  display: none;
  gap: 4px;
  margin-bottom: 7px;
}
.mobile_deposit_withdrawal_btn a{
  width: 50%;  
}
.mobile_deposit_withdrawal_btn .m_depsoti_btn{
  background: var(--deposit-btn);
    border-radius: 4px;
    border: 1px solid var(--br-color);
    padding: 0px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-text);
    font-family: "Baloo 2", sans-serif;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    height: 25px;
}
.mobile_deposit_withdrawal_btn .m_withdrawal_btn{
  background: var(--withdrawal-btn);
    border-radius: 4px;
    border: 1px solid var(--br-color);
    padding: 0px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-text);
    font-family: "Baloo 2", sans-serif;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    height: 25px;
}
 .provider_slider_wrapper .slider_wrapper .slick-slide {
    padding-right: 40px;
}
.teading_games_wrapper .slick-slide img {
    min-height: 179px;
    object-fit: cover;
}

.banner_wrapper .banner_image{
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.banner_wrapper .banner_image img{
  width: 100%;
  height: 100%;
}

/* footer css start */
.help_card_block{
  border-radius: 10px;
  text-align: center;
  padding: 35px;
  background: var(--withdrawal-btn);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.help_card_block h4 {
    font-size: 28px;
    font-weight: 700;
    color: var(--primary-text);
    text-transform: uppercase;
    margin-bottom: 36px;
    max-width: 750px;
    margin: auto;
}
.social_app_img{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.help_card_block .social_app_img a img{
  width: 60px;
}
.footer_line_block{
  height: 1px;
  background: linear-gradient(to right, #81080B, #B64A03, #81080B);
  margin: 35px 0;
}

.footer_menu_link h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-text);
    margin-bottom: 13px;
}
.footer_menu_link ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer_menu_link ul li{
  margin-bottom: 7px;
}
.footer_menu_link ul li a{
  font-size: 15px;
  font-weight: 400;
  color: var(--secondary-text);
  text-transform: capitalize;
}
.footer_menu_link ul li a:hover{
  color: var(--text-white);
}
.footer_social_icon{
  text-align: center;
  padding-bottom: 20px;
}

.footer_social_icon h3{
    font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--secondary-text);
  margin-bottom: 15px;
}
.footer_social_icon .social_app_img a img{
  width: 50px;
  height: 50px;
}
.footer_social_icon  .social_app_img{
  gap: 10px;
}
/* footer css end */


.whatsapp_support_main{
  position: fixed;
  right: 15px;
  bottom: 36px;
  z-index: 10;
}
.close_icon {
    position: absolute;
    right: 4px;
    background: #ffffff;
    height: 15px;
    width: 15px;
    display: flex;
    border-radius: 50%;
    top: 0;
    z-index: 11;
}
  /* /* home page other css end */



  /* match details css start */
.match_details_section_main{
  display: flex;
  gap: 10px;
  padding-right: 320px;
}
.match_details_section_main .match_details_left_col{
  width: calc(100% - 320px);
  flex: 1;
}

.match_details_section_main .match_details_right_col{
  width: 310px;
  position: fixed;
  right: 13px;
  top: 70px;
}

.livetv_scorboad {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.livetv_scorboad a {
    display: flex;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-yellow);
    padding: 7px 15px;
    border-radius: 5px;
    line-height: normal;
    border: 1px solid var(--br-color-2);
    transition: transform 0.3s, box-shadow 0.3s;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.livetv_scorboad a svg {
    height: 16px;
    width: 16px;
    fill: var(--text-yellow);
}

.livetv_scorboad a:hover {
    color: var(--text-white);
    
}
.livetv_scorboad a:hover svg{
    fill: var(--text-yellow);
}
.livetv_scorboad a.active{
background: var(--deposit-btn);
color: var(--primary-text);
}
.livetv_scorboad a.active svg{
  fill: var(--primary-text);
}
.live_tv_card_and_score {
    border-radius: 5px;
    min-height: 50px;
    background: var(--crad-bg);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light-text);
    border: 1px solid var(--br-color-2);
    position: relative;
}

.page_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: var(--secondary-color); */
    height: 48px;border-radius: 10px;
    /* padding: 0px 20px; */
}

.page_header h1 {
    font-size: 20px;
    color: var(--text-white);
    font-weight: 500;
    margin: 0px;
}

.betslip-lay-back-modal .modal-header {
    padding: 10px 7px;
    border: 0px;
    background: var(--seeall-bg);
}

.betslip-lay-back-modal .modal-header .modal-title {
    font-size: 16px;
    color: var(--text-white);
}

.betslip-lay-back-modal .betslipright {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.betslip-lay-back-modal .modal-dialog .modal-content .modal-body .bet-slip-box .bet-buttons .clear-btn {
    text-align: right;
    width: 100%;
}

.betslip-lay-back-modal .modal-dialog .modal-content .modal-body .bet-slip-box .bet-buttons .clear-btn button {
    border: 1px solid var(--br-color);
    background-color: transparent;
    border-radius: 5px;
    color: var(--text-white);
    padding: 0px 13px;
    font-size: 13px;
    font-weight: 400;
}

.betslip-lay-back-modal .btn-close {
    height: 30px !important;
    width: 30px !important;
    padding: 0;
    opacity: 1;
    margin-right: 0;
}

.modal-backdrop {
    background-color: rgb(12 4 26 / 90%);
    opacity: 1 !important;
}

.betslip-lay-back-modal .modal-content {
    border-radius: 10px;
    overflow: hidden;
    border: 0px;
    background: var(--sport-tabs);
}

.horse-table .bet-table-row {
    height: auto;
    min-height: 50px;
}
.right_bar_card {
    background-color: var(--dark-backgound);
    padding: 10px 0;
    margin-bottom: 18px;
    border-radius: 5px;
    position: relative;
}
.right_bar_card .tabs_main {
    padding: 0 10px;
}
.betsliptabs{
  background-color: var(--footer-card);
  padding: 3px;
  border-radius: 5px;
}

.betslip-lay-back-modal.login_singup_modal .modal-body{
  background-color: var(--betsilip-body) !important;
  background: none;
}
.match_details_wrapper .bet-table-header .nation-name span{
  color: var(--primary-text);
}
.match_details_wrapper .bet-table-header .nation-name span a{
  display: none;
}


/* match details css end */

/* user dropdown css start */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
}

.dropdown_wrapper {
  position: fixed;
  top: 50px;
  right: 8px;
  width: 230px;
  height: auto;
  background: var(--sport-tabs);
  color: var(--text-white);
  display: none;
  z-index: 1002;
  /* box-shadow: 5px 0 15px rgba(0, 0, 0, 0.5); */
  border-radius: 15px;
  height: auto;
  overflow: hidden;
  /* border: 1px solid var(--primary-color); */
  box-shadow: rgba(176, 24, 247, 0.1) 0px 12px 24px, rgba(112, 32, 241, 0.1) 0px 4px 8px;
}

.dropdown_wrapper .inner_scroll {
  overflow-y: auto;
  max-height: 390px;
}

.dropdown_wrapper .inner_scroll::-webkit-scrollbar {
  width: 5px;
}

.dropdown_wrapper .inner_scroll::-webkit-scrollbar-track {
  background: transparent;
  /* Transparent background */
}

.dropdown_wrapper .inner_scroll::-webkit-scrollbar-thumb {
  background-color: var(--tabs-bg);
  /* Light colored thumb */
  border-radius: 5px;
}

.dropdown_wrapper .user {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text);
    border-bottom: 1px solid var(--br-color);
    padding: 10px 0;
    background: var(--deposit-btn);
}
.dropdown_wrapper .user  svg{
    height: 20px;
    width: 20px;
    fill: var(--primary-text);

}
.dropdown_wrapper .wallet-info {
  border-bottom: 1px solid var(--br-color);
  padding-bottom: 5px;
  font-size: 14px;
}

.dropdown_wrapper .wallet-info .value_text {
  color: var(--primary-color2);
}

.dropdown_wrapper .wallet-info div {
  display: flex;
  justify-content: space-between;
  line-height: normal;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-white);
  margin-bottom: 10px;
}

.dropdown_wrapper .wallet-info .span.small_text {
  display: block;
  line-height: normal;
  font-size: 10px;
}

.dropdown_wrapper ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 17px;
}

.dropdown_wrapper ul.menu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--secondary-text);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  transition: transform 0.3s, box-shadow 0.3s;
  transform-style: preserve-3d;
  perspective: 1000px;
  padding: 0px 15px;
  font-family: "Tiro Tamil", serif;
}
.dropdown_wrapper ul.menu li a:hover{
    color: var(--text-white);
}
.dropdown_wrapper ul.menu li a:hover svg{
  fill: var(--text-white);
}
.dropdown_wrapper ul.menu li {
  margin-bottom: 17px;
}

.dropdown_wrapper ul.menu li .menu_drop_icon svg {
  width: 20px;
  height: 20px;
  fill: var(--secondary-text);
}

.dropdown_wrapper .logout {
  background: var(--green-bg);
  padding: 8px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  color: var(--text-white);
  font-size: 15px;
  font-weight: 600;
  margin: 0px -15px 0px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  justify-content: center;
}
.dropdown_wrapper .logout  svg{
    height: 20px;
    width: 20px;
    fill: var(--text-white);
} 
/* user dropdown css end */



/* reports page css start */
.report_page_inner_wrapper{
  display: flex;
  gap: 35px;
}
.report_page_inner_wrapper .reports_left_menu {
    width: 250px;
    background: var(--gradient-bg-red);
    height: auto;
    padding: 15px;
    border-radius: 10px;
    padding-bottom: 60px;
    position: relative;
}
.report_page_inner_wrapper .reports_left_menu .user_details {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 15px;
    /* box-shadow: rgb(3 195 3 / 19%) 0px 12px 24px, rgb(3 195 3 / 36%) 0px 4px 8px; */
    border: 1px solid var(--br-color);
} 
.report_page_inner_wrapper .reports_left_menu .user_details svg{
  height: 20px;
  width: 20px;
  fill: var(--text-white);
}
.report_page_inner_wrapper .reports_left_menu .user_details span{
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
 .report_page_inner_wrapper .reports_left_menu .reports_menu_block{
  margin-top: 50px;
 }
 .report_page_inner_wrapper .reports_left_menu .reports_menu_block ul{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
 }
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
    font-size: 15px;
    color: var(--text-white);
    font-weight: 500;
    border-radius: 5px;
    transition: transform 0.3s, box-shadow 0.3s;
    transform-style: preserve-3d;
    perspective: 1000px;
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a svg {
    height: 20px;
    width: 20px;
    fill: var(--text-white);
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block {
    margin-top: 20px;
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a:hover{
  color: var(--primary-color);
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a:hover svg{
  fill: var(--primary-color);
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a.active{
  background: var(--gradient-bg-3);
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a.active:hover{
  color: var(--text-white);
}
.report_page_inner_wrapper .reports_left_menu .reports_menu_block  li a.active:hover svg{
  fill: var(--text-white);
}
.report_page_inner_wrapper .reports_left_menu  .logout_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
    font-size: 15px;
    color: var(--text-white);
    font-weight: 500;
    background: var(--green-bg);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    justify-content: center;
    text-transform: uppercase;
}
.report_page_inner_wrapper .reports_left_menu  .logout_btn svg{
  height: 20px;
    width: 20px;
    fill: var(--text-white);
}

.report_page_inner_wrapper .reports_right_wrapper  {
  width: calc(100% - 285px);
}



/* report page css start */
.report_main_wrapper .inner_wrapper {
  border-radius: 10px;
  margin: 0px;
}

.report_main_wrapper .report_inner_wrapper {
  padding: 15px 50px;
}

.report_main_wrapper .card_header {
  margin-bottom: 10px;
  justify-content: space-between;
  height: 38px;
  display: flex;
  align-items: center;
  background: transparent;
}

.report_main_wrapper .card_heading {
  font-size: 20px;
  color: var(--bg_dark);
}

.report_main_wrapper .serach_input {
  position: relative;
  width: 300px;
}

.report_main_wrapper .serach_input .form-control {
  height: 45px;
}

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

.report_main_wrapper .search_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--icon_fill);
}

.report_main_wrapper .report_inner_wrapper .input_block .form-control {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #730A03, #5D0802);
    border: 0;
    font-family: "Tiro Tamil", serif;
    color: var(--secondary-text);
    font-size: 16px;
}

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

.report_main_wrapper .report_inner_wrapper .input_block .form-label {
  color: var(--secondary-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 16.2px;
}

.report_main_wrapper .report_inner_wrapper .input_block .btn-primary {
  color: var(--primary-text);
  padding: 0px 30px;
  height: 50px;
  background: var(--deposit-btn);
  border: 0px;
  margin: 0px;
  border-radius: 10px;
  width: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.report_main_wrapper .report_inner_wrapper .input_block .btn-primary:hover{
  background: var(--withdrawal-btn);
}
.report_main_wrapper .show_entris {
  display: flex;
  gap: 5px;
  align-items: center;
  color: rgb(0, 0, 0);
  margin-bottom: 15px;
}

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

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

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

.report_main_wrapper .report_inner_wrapper {
  padding: 0px;
}

.report_main_wrapper .card_heading {
    font-size: 18px;
    color: var(--text-white);
    margin: 0px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Iskoola Pota';
    letter-spacing: 2px;
}

.report_main_wrapper .serach_input {
  position: relative;
  width: 300px;
}

.report_main_wrapper .serach_input .form-control {
  height: 32px;
  border-radius: 70px;
  background-color: var(--grey-800);
  border: 1px solid rgb(254, 98, 1);
  color: var(--text-white);
}

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

.report_main_wrapper .search_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--light-text);
}

.report_main_wrapper .search_icon:hover {
  color: var(--text-white);
}

.report_main_wrapper .input_block .form-control {
  height: 40px;
  font-size: 14px;
}

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

.report_main_wrapper .input_block .form-label {
  font-size: 15px;
}

.report_main_wrapper .input_block .btn-primary {
  background-color: var(--sucess-color);
  border-color: var(--sucess-color);
  color: var(--bg-white);
  padding: 0px 30px;
  height: 40px;
}

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

.report_main_wrapper .report_inner_wrapper .show_entris .form-select {
  padding: 0px 5px;
  height: 30px !important;
  width: 60px;
  border-radius: 5px !important;
  background-position: right 3px center;
  border: 1px solid var(--br-color-2) !important;
}

.report_main_wrapper .show_entris .input_block {
  border-radius: 0px;
  margin: 0px;
}

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

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

.report_main_wrapper .icon_block a {
  color: var(--secondary-text);
}

.report_main_wrapper .icon_block a svg {
  height: 25px;
  width: 25px;
}

.report_main_wrapper .custom_table table {
  font-size: 18px;
  border-color: var(--br-color);
  color: var(--primary-text);
}

.report_main_wrapper .custom_table table thead {
  background: var(--seeall-bg);
}

/* .report_main_wrapper .custom_table table thead th {border:1px solid var(--primary-color);} */
.report_main_wrapper .custom_table table thead th {
  background-color: var(--betsilip-header);
  color: var(--primary-text);
  font-weight: 500;
  white-space: nowrap;
  padding: 10px 15px;
}

.report_main_wrapper .custom_table .table>:not(:first-child) {
  border-top: none;
}

.report_main_wrapper .custom_table table td {
  white-space: nowrap;
  padding: 7px 10px;
}
.report_main_wrapper .custom_table table td a{
  color: var(--light-text);
}
.report_main_wrapper button:focus:not(:focus-visible) {
  box-shadow: none !important;
}

.report_main_wrapper #picker {
  display: none !important;
}

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

.report_main_wrapper .tabs_row .nav-tabs {
  border: 0px;
}

.report_main_wrapper .tabs_row .nav-tabs .nav-link {
  color: var(--text-white);
  border: 0px;
  font-weight: 500;
  padding: 5px 15px;
}

.report_main_wrapper .tabs_row .nav-tabs .nav-link:hover {
  border: 0px;
}

.report_main_wrapper .tabs_row .nav-tabs .nav-link.active {
  background: var(--deposit-btn);
  color: var(--primary-text);
  border-radius: 5px;
}

/* .report_main_wrapper .tabs_row {margin-bottom:15px;} */
.report_main_wrapper .radio_block {
  display: flex;
  align-items: center;
  gap: 10px;
}

.report_main_wrapper .radio_block .form-check .form-check-label {
  font-size: 15px;
  margin-top: 3px;
  color: var(--text-white);
}

.report_main_wrapper .radio_block .form-check-input:checked {
  background-color: var(--btn-br);
  border-color: var(--primary-color2);
}

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

.report_main_wrapper .radio_block .form-check {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 0px;
  margin: 0px;
  line-height: normal;
}

.report_main_wrapper .bets_amount {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-white);
}

.report_main_wrapper .icon_heading {
  background-color: var(--bg-white);
  height: 20px;
  width: 20px;
  margin: 6px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report_main_wrapper .icon_heading svg {
  height: 12px;
  width: 12px;
  fill: var(--text-dark);
  color: var(--text-dark);
}

.report_main_wrapper .icon_heading img {
  height: 12px;
  width: 12px;
}

.report_main_wrapper .depositwrap a.nav-link {
  background: var(--grey-800);
  padding: 5px 15px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
  border-radius: 70px;
}

.report_main_wrapper .depositwrap a.nav-link.active {
  color: rgb(23, 23, 23);
  font-weight: 600;
  background-color: var(--primary-color);
}

.report_main_wrapper .depositwrap .depositwrapbox {
  background-color: var(--secondary-color);
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.report_main_wrapper .depositwrapbox table {
  color: rgb(255, 255, 255);
  width: 100%;
}

.report_main_wrapper .depositwrapbox table .text-end {
  text-align: right;
}

.report_main_wrapper .depositwrapbox table td {
  padding: 3px;
}

.report_main_wrapper .depositwrapbox table td svg.icon {
  width: 16px;
  height: 16px;
  fill: rgb(255, 255, 255);
  margin-left: 10px;
  opacity: 0.8;
}

.report_main_wrapper .upload_img {
  max-width: 200px;
  margin: auto;
}

.report_main_wrapper .upload_img img {
  width: 100%;
}

.report_main_wrapper .report_inner_wrapper .change_password .input_block .form-control {
  height: 40px;
}

.report_main_wrapper .report_inner_wrapper .change_password .input_block .btn-primary {
  height: 40px;
}
.report_inner_card {
  padding: 15px;
  background: var(--crad-bg);
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid var(--br-color-2);
}
.report_toggle_menu {
  display: none;
}
.report_toggle_menu svg {
    height: 20px;
    width: 20px;
    fill: var(--text-white);
}


.depositwrapbox .btn-primary {
    background: var(--gradient-bg-3);
    border-radius: 5px;
    border: 0px;
    padding: 10px 21px;
    color: var(--text-white);
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
    min-height: 32px;
    line-height: normal;
    transition: transform 0.3s, box-shadow 0.3s;
    transform-style: preserve-3d;
    perspective: 1000px;
}
.depositwrapbox .btn-primary:hover{
    background: var(--gradient-bg-red);
    
}
.depositwrapbox .btn-secondary {
    background-color: var(--text-primary);
    border-color: var(--br-color);
    color: var(--tittle-bg);
}


/* settings page css start */
.plus_minus .form-control {
  background: var(--secondary-color);
  border-radius: 100px;
  height: 30px;
  display: flex !important;
  border: 0;
  line-height: normal;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  padding: 0 35px;
}

.plus_minus .minus_icon {
  background: var(--gradient-bg-3);
  border-radius: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 2.5px;
  height: 24px;
  border-radius: 100%;
  padding: 6px 13px;
  width: 24px;
  font-size: 20px;
  font-weight: 700;
  color: var(--text-dark);
  position: absolute;
  left: 0;
  top: 0;
}

.plus_minus .plus_icon {
  background: var(--gradient-bg-3);
  border-radius: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 2.5px;
  height: 24px;
  border-radius: 100%;
  padding: 6px 13px;
  width: 24px;
  font-size: 20px;
  font-weight: 700;
  color: var(--text-dark);
  position: absolute;
  right: 0;
  top: 0;
}

.set_button_wrapper .main_card {
  width: 100%;
  background-color: var(--primary-light);
  height: fit-content;
  border-radius: 15px;
  font-family: Lato;
}

.set_button_wrapper .text_block {
  padding: 9px 32px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}

.set_button_wrapper .button_inner_block {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  margin-top: 12px;
  gap: 12px 11px;
}

.set_button_wrapper .button_box {
  min-width: 320px;
  background-color: var(--bet-box-bg);
  border-radius: 5px;
  /* border: 1px solid var(--br-color); */
}

.set_button_wrapper .item_row {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px;
}

.set_button_wrapper .left_content {
  color: var(--text-white);
  font-size: 16px;
}

.set_button_wrapper .right_input {
  width: 50%;
}

.set_button_wrapper .right_input .form-control {
  border-radius: 20px;
  height: 25px;
  border: none;
  outline: none;
  padding: 20px 12px;
  background-color: var(--bet-box-bg);
  color: var(--text-white);
  font-size: 16px;
}

.set_button_wrapper .right_input .plus_minus .minus_icon {
  height: 30px;
  border-radius: 100%;
  padding: 0;
  width: 30px;
  margin: 0px;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.set_button_wrapper .right_input   svg{
    width: 16px;
    height: 16px;
    fill: var(--text-white);
}
.set_button_wrapper .right_input .plus_minus .plus_icon {
  height: 30px;
  border-radius: 100%;
  padding: 0;
  width: 30px;
  margin: 0px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.set_button_wrapper .item_row:last-child {
  margin-bottom: 16px;
}

/* settings page css end */

.report_main_wrapper .report_inner_wrapper .input_block .form-select.form-control {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #730A03, #5D0802);
    border: 0;
    font-family: "Tiro Tamil", serif;
    color: var(--secondary-text);
    font-size: 16px;
}

/* Remove default dropdown arrow in IE */
.custom-select::-ms-expand {
  display: none;
}

.custom_table .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  padding: 12px;
}

.custom_table .pagination a {
  display: inline-block;
  padding: 6px 12px;
  text-decoration: none;
  border-radius: 6px;
  color: #fff;
  background: var(--betsilip-header);
  font-size: 14px;
  transition: background 0.3s, color 0.3s;
}

.custom_table .pagination a:hover {
  background: var(--gradient-bg-red);
}

.custom_table .pagination a.active {
  background: var(--gradient-bg-3);   /* your theme accent */
  color: var(--light-text);
  border-color: transparent;
  font-weight: bold;
}

.custom_table.table_wrapper {
    padding: 24px;
    margin-top: 0;
    border: 0;
}
.report_main_wrapper .custom_table.table_wrapper table thead th{
  border: 0;
}
.report_main_wrapper .custom_table.table_wrapper table td{
  border: 0;
}
.select_box_input::after {
    content: '';
    background-image: url(../images/down-arrow.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    pointer-events: none;
    background-size: 15px;
}

  .select_box_input .form-select option {
    background: #5D0802;
    /* dropdown bg */
    color: #f8d7b5;
    /* text color */
  }
.select_box_input .form-select option:hover {
    background: #8b1d1d !important;
    /* hover color */
    color: #fff;
  }

.report_main_wrapper .report_inner_wrapper .show_entris .form-select option {
    background: #5D0802;
    /* dropdown bg */
    color: #f8d7b5;
    /* text color */
  }

.report_main_wrapper .report_inner_wrapper .form-check .form-check-input {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid var(--br-color-2);
}
.report_main_wrapper .report_inner_wrapper .form-check-input:checked[type=radio] {
    background-image: url(../images/check-point.png);
    background-size: 15px;
}

.custom_table.table_wrapper.set_button_block{
  max-width: 700px;
  margin: auto;
}
.custom_table.table_wrapper.set_button_block .form-control{
    height: 40px;
    border-radius: 10px;
background-color: rgb(254 236 196 / 60%);
    border: 0;
    font-family: "Tiro Tamil", serif;
    color: var(--primary-text);
    font-size: 16px;
    border: 1px solid var(--primary-text);
}
.submit_btn_setbutton{
  text-align: center;
  margin: 20px 0  0;
}
.submit_btn_setbutton .btn-primary {
    border-radius: 70px;
    background: var(--sport-tabs);
    color: var(--text-white);
    width: 154px;
    text-align: center;
    height: 54px;
    border: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
/* reports page css end */

/* loader css start */
/* Preloader full screen */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(39 0 0 / 95%); /* dark red background */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
}

/* Golden circle animation */
.loader-circle {
  width: 80px;
  height: 80px;
  border: 6px solid #f3ba00; /* gold color */
  border-top: 6px solid transparent;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
  margin-bottom: 15px;
}

/* Branding text */
.loader-text {
  margin-top: 25px;
  font-size: 32px;
  font-weight: bold;
  color: #ffd700;
  letter-spacing: 3px;
  text-shadow: 0 0 5px #ffd700, 0 0 30px #ffcc00;
  animation: glow 1s infinite alternate;
}

/* Animations */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes pulse {
  from { transform: scale(1); opacity: 1; }
  to { transform: scale(1.3); opacity: 0.6; }
}

@keyframes glow {
  from { text-shadow: 0 0 5px #ffd700, 0 0 10px #ffcc00; }
  to { text-shadow: 0 0 20px #ffd700, 0 0 40px #ff9900; }
}
/* laoder css end */

/* button loader css start */
.loader_btn {
  position: relative;
  overflow: hidden;
}

/* Loader hidden by default */
.btn-loader {
  display: none;
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 215, 0, 0.3);
  border-top: 3px solid gold;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Loading state */
.loading .btn-text {
  display: none;
}
.loading .btn-loader {
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.report_main_wrapper .report_inner_wrapper .input_block .btn-primary.loader_btn .btn-loader {
  border: 3px solid var(--primary-color);
  border-top: 3px solid var(--secondary-text);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.place-bet-btn .btn-block .btn-loader {
    border: 3px solid rgb(255 255 255);
    border-top: 3px solid #507624a3;
}
/* button loader css end */
  /* /* home page other css end */

  /* slider css  */
  /* .inner_slider_block {
    overflow: hidden;
} */
  .inner_slider_block .slick-slide {
    height: fit-content !important;
}

.responsive4 .slick-slide div{
  margin-bottom: 8px;
}
.responsive4 .slick-slide div:nth-child(2){
  margin: 0;
}
.responsive4 .slick-slide div:nth-child(2) div{
  margin: 0;
}

.responsive0  .slick-slide div{
  margin-bottom: 8px;
}

.responsive0  .slick-slide div:nth-child(2){
  margin: 0;
}
.responsive0  .slick-slide div:nth-child(2) div{
  margin: 0;
}
  /* slider css end */



  /* place bet box loader start*/
.right_bar_card #preloader {
    position: absolute;
    background: rgb(39 0 0 / 65%);
    border-radius: 5px;
}
.right_bar_card .loader-circle {
    width: 50px;
    height: 50px;
    border: 5px solid #f3ba00;
    border-top: 5px solid transparent;
}

.betsilp_accordion_block .accordion-item{
  margin-bottom: 5px;
  background-color: transparent;
}
.betsilp_accordion_block .accordion{
  margin-top: 10px;
}

.betsilp_accordion_block .accordion-button{
  padding: 11px 15px;
  background:var(--crad-bg);
  color: var(--text-white);
  font-size: 15px;
}
.betsilp_accordion_block .accordion-button:not(.collapsed)::after{
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(235deg) brightness(98%) contrast(105%);
}
.betsilp_accordion_block .list-item.my-bet-lay .team-name{
  color: var(--lay);
  font-size: 13px;
  line-height: normal;
}
.betsilp_accordion_block .list-item.my-bet-back .team-name{
  color: var(--back);
  font-size: 13px;
  line-height: normal;
}
.betsilp_accordion_block .points{
  font-size: 12px;
  line-height: normal;
}
.betsilp_accordion_block .score{
  font-size: 12px;
  line-height: normal;
}
.betsilp_accordion_block .list-item{
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid var(--br-color);
}
.betsilp_accordion_block .list-item .bet_value_row{
  display: flex;
  gap: 10PX;
  margin-top: 5px;
}
.betsilp_accordion_block .list-item:last-child{
  border: 0;
}
.betsilp_accordion_block .accordion-button:focus {
    box-shadow: none !important;
}

.betsilp_accordion_block .accordion-body{
  padding: 10px;
}
.betsilp_accordion_block .accordion-body .table{
  font-size: 13px;
  color: var(--normal-light);
  border-color: var(--br-color);
  border: 0;
  margin: 0 ;
}
.betsilp_accordion_block .accordion-body .table th{
  padding: 3px 5px;
  color: var(--text-white);
   border: 0;
}
.betsilp_accordion_block .accordion-body .table>:not(:first-child) {
    border-top: 0;
}
.betsilp_accordion_block .accordion-body .table td{
   padding: 3px 5px;
    border: 0;
}
.betsilp_accordion_block .accordion-body .table .my-bet-lay td{
  background: var(--lay);
  color: var(--text-black);
  
}
.betsilp_accordion_block .accordion-body .table .my-bet-back td{
  background: var(--back);
  color: var(--text-black);
}
.betsilp_accordion_block .accordion-button::after{
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(235deg) brightness(98%) contrast(105%);
}

.betslip-lay-back-modal .modal-content #preloader {
    position: absolute;
    background: rgb(39 0 0 / 70%);
}
/* place bet loader css end */

.fav_iocn {
    height: 25px;
    width: 25px;
    background-color: rgb(0 0 0 / 40%);
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 5px;
}
.fav_iocn img {
    height: 18px;
    width: 18px !important;
}



  .live_tv_card_and_score .tv_box_block {
      text-align: center;
      padding: 0;
      background-color: #160f25;
      border-radius: 5px;
      max-height: 220px;
  }
  .live_tv_card_and_score .tv_box_block iframe {
      width: 390px;
      height: 220px;
      margin: 0 auto;
  }

  .page_header.sport_details_header{
    justify-content: end;
  }

.up_down_arrow {
    position: absolute;
    bottom: -20px;
    transform: rotate(
180deg);
}
    .up_down_arrow a{
      height: 30px;
      width: 30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--deposit-btn);
    }
 .up_down_arrow a img {
    height: 11px;
    width: 15px;
    filter: brightness(0) saturate(100%) invert(8%) sepia(95%) saturate(2714%) hue-rotate(9deg) brightness(99%) contrast(110%);

}

/* result modal css start */
.login_singup_modal.result_modal .modal-header {
    padding: 0px 0 15px;
    border-color: var(--br-color);
}

.login_singup_modal.result_modal .btn-close{
  padding: 0 !important;
}
.login_singup_modal.result_modal .modal-body{
  padding: 15px;
  background: var(--primary-color);
  border-radius: 10px;
}

.login_singup_modal.result_modal .modal_inner_element {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.login_singup_modal.result_modal .modal_inner_element .total-soda div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.login_singup_modal.result_modal .modal_inner_element .total-soda div .text-danger{
  top: 0;
}

.login_singup_modal.result_modal .left_deta_result{
  display: flex;
  gap: 15px;
}

.login_singup_modal.result_modal .form-check-input:checked {
    background-color: var(--br-color-2);
    border-color: var(--br-color-2);
}
.login_singup_modal.result_modal .form-check-input{
  margin-right: 5px;
}
.login_singup_modal.result_modal .modal-title{
  color: var(--text-white);
}
.login_singup_modal.result_modal .text-success {
    color: #0dff00 !important;
}
.login_singup_modal.result_modal .text-danger {
    color: rgb(255 0 0) !important;
}
.login_singup_modal.result_modal  .modal-content {
    border-radius: 10px;
    color: var(--text-white);
    background: transparent;
}

.login_singup_modal.result_modal .btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    opacity: 1;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%); */
    z-index: 1;
    height: 30px;
    width: 30px;
    background: var(--gradient-bg-3);
    border-radius: 5px;
    border: 2px solid rgb(253 206 109 / 79%);
    background-position: center;
    background-repeat: no-repeat;
}
.login_singup_modal.result_modal .btn-close img {
    height: 18px;
    width: 18px;
}
.custom_table .table-responsive::-webkit-scrollbar {
  height: 6px;             /* height of horizontal scrollbar */
}

.custom_table .table-responsive::-webkit-scrollbar-track {
  background: transparent; /* transparent background */
}

.custom_table .table-responsive::-webkit-scrollbar-thumb {
  background: var(--primary-color);        /* light gray bar */
  border-radius: 10px;
}

.custom_table .table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);        /* slightly darker on hover */
}



/*  */

/* fancy modal start */
.fancy_modal_box .modal-header {
    padding: 0px 0 15px;
    border-color: var(--br-color);
}

.fancy_modal_box .btn-close{
  padding: 0 !important;
}
.fancy_modal_box .modal-body{
  padding: 15px;
  background: var(--primary-color);
  border-radius: 10px;
}

.fancy_modal_box  .modal-content {
    border-radius: 10px;
    color: var(--text-white);
    background: transparent;
    padding: 15px;
    background: var(--primary-color);
    border-radius: 10px;
}

.fancy_modal_box .btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    opacity: 1;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%); */
    z-index: 1;
    height: 30px;
    width: 30px;
    background: var(--gradient-bg-3);
    border-radius: 5px;
    border: 2px solid rgb(253 206 109 / 79%);
    background-position: center;
    background-repeat: no-repeat;
}
.fancy_modal_box .btn-close img {
    height: 18px;
    width: 18px;
}
.fancy_modal_box .modal-title {
    color: var(--text-white);
    font-size: 18px;
}


/* fancy modal end */


/* */
.live_tv_card_and_score.score_borad_box iframe {
    border-radius: 5px;
    
}

.live_tv_card_and_score.score_borad_box .up_down_arrow{
  display: none;
}

.login_wrapper.signup_wrapper .text-danger {
    font-size: 12px;
    line-height: normal;
    position: relative;
    top: -13px;
}


.cms_card_wrapper {
    background-color: var(--secondary-color2);
    border-radius: 12px;
    color: var(--light-text);
    padding: 28px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.cms_card_wrapper h2{
  font-size: 18px;
  color: var(--text-yellow);
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Tiro Tamil", serif;
}
.cms_card_wrapper a{
  color: var(--text-yellow);
}
.cms_card_wrapper h3{
  font-size: 18px;
  color: var(--text-yellow);
  font-weight: 500;
  margin-bottom: 10px;
}
.cms_card_wrapper p{
  font-size: 15px;
  color: var(--secondary-text);
}
.report_page_inner_wrapper.cms_page_wrapper .reports_right_wrapper{
  width: 100%;
}


.close.exitScreen {
    height: 30px;
    width: 30px;
    border-radius: 50%;
   background: var(--withdrawal-btn);
    border: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--primary-text);
}



.account_details_wrapper{
  border-radius: 10px;
    background: linear-gradient(to bottom, rgb(250 222 178 / 90%), rgb(255 185 112 / 90%)), url(../images/icon-bg-texuter.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 24px;
    margin-top: 0;
    border: 0;
    max-width: 700px;
    margin: auto;
}


.account_details_wrapper .user_id {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.41px;
    color: var(--primary-text);
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.account_details_wrapper .user_id:after{
content: '';
    background: linear-gradient(to right, #FDC586 0%, rgba(99, 18, 9, 0.6) 50%, #FEBC72 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
}
.account_details_wrapper .referral_link{
  color: var(--primary-text);
}
.account_details_wrapper .referral_link .copy_btn{
    background: var(--deposit-btn);
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-text);
    font-family: "Baloo 2", sans-serif;
    width: 100px;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}



.account_details_wrapper  .inner_card_block {
    display: block;
    list-style: none;
    overflow: hidden;
    background: var(--deposit-btn);
    border-radius: 12px;
    position: relative;
    overflow: inherit;
}
.account_details_wrapper  .list_wrapper ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.account_details_wrapper  .list_wrapper ul li {
    list-style: none;
}
.account_details_wrapper  .list_wrapper ul li .main_box {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding-left: 15px;
    position: relative;
    align-items: center;
}
.account_details_wrapper  .icon_block {
    display: flex;
    align-items: center;
    gap: 5px;
}
.account_details_wrapper  .icon_block img {
    height: 25px;
    width: 25px;
    filter: brightness(0) saturate(100%) invert(7%) sepia(99%) saturate(4452%) hue-rotate(17deg) brightness(96%) contrast(108%);
}
.account_details_wrapper  .right_details.right_balnace {
    display: flex;
    gap: 20px;
}
.account_details_wrapper  .right_details {
    border-bottom: 1px solid #2929291a;
    flex: 1;
    padding: 8px 0;
}
.account_details_wrapper  .right_details.right_balnace .boxirghtinner {
    position: relative;
}
.account_details_wrapper  .right_details span {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.32px;
}
.account_details_wrapper  .right_details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--primary-color);
    margin: 0;
}
.account_details_wrapper  .bonus_balnec .dropdown-menu {
    padding: 0;
    border: 0px;
    width: 199px;
    border: 0;
    background-color: var(--primary-color);
    border-radius: 10px;
    overflow: hidden;
}
.account_details_wrapper  .bonus_balnec .dropdown-menu .dropdown-item {
    border-bottom: 1px solid var(--text-yellow);
    position: relative;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    color: var(--text-white);
}
.account_details_wrapper  .bonus_balnec .dropdown-menu .dropdown-item:hover{
  background: #5a0900;
}
.account_details_wrapper  .bonus_balnec .dropdown-menu .dropdown-item span {
    color:var(--secondary-text);
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
}
.account_details_wrapper  .arrow_right {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.account_details_wrapper  .arrow_right svg {
    height: 12px;
    width: 12px;
    fill: var(--primary-color);
}

.account_details_wrapper .profile_menu_block ul li a {
    color: var(--primary-color);
}
.account_details_wrapper .profile_menu_block ul li a .menu_icon_prfile img{
  filter: brightness(0) saturate(100%) invert(7%) sepia(99%) saturate(4452%) hue-rotate(17deg) brightness(96%) contrast(108%);
}
.account_details_wrapper .profile_menu_block {
    margin-top: 20px;
    position: relative;
    padding-top: 20px;
}
.account_details_wrapper .profile_menu_block::before{
    content: '';
    background: linear-gradient(to right, #FDC586 0%, rgba(99, 18, 9, 0.6) 50%, #FEBC72 100%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    left: 0;
}
/* */