:root {
    /* --theme-topbar: linear-gradient(to right, #c18100, #f5b942, #c18100);
     --theme-primary: #f5b942;
     --theme-secondary:#f5b942; */
         --theme-topbar: linear-gradient(to right, #7d0204, #b21318, #7d0204);
       --theme-primary: #b21318;
       --theme-secondary: #7d0204;
   }
   body {
       font-family: "Montserrat", sans-serif;
       background: #f1f1f1;
       overflow-x: hidden;
   }
   a {
       color: #106eea;
   }
   a:hover {
       color: #3b8af2;
       text-decoration: none;
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: "Montserrat", sans-serif;
   }
   
   ::selection {
       color: rgb(255, 255, 255);
   }
   
   ::-webkit-scrollbar {
       width: 8px;
       height: 8px;
   }
   
   ::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 0 6px #ddd;
       border-radius: 0;
   }
   
   ::-webkit-scrollbar-thumb {
       border-radius: 0;
       -webkit-box-shadow: inset 0 0 0 6px #afafaf;
   }
   
   button:focus,
   input:focus {
       box-shadow: none !important;
       outline: none;
   }
   
   .forgot_modal {
       padding: 0;
       /* max-width: 100%; */
       margin-top: 0;
       margin-bottom: 0;
   }
   .forgot_modal .modal-content {
       height: 100%;
       padding: 0;
   }
   .forgot_modal .modal-body {
       padding: 0;
   }
   .forgot_modal .close {
       position: absolute;
       opacity: 1;
       color: #fff;
       border: none;
       right: 10px;
       top: 10px;
       background: no-repeat;
       box-shadow: none;
   }
   .forgot_modal iframe {
        height: 400px;
        width: 100%;
        margin: 0 auto;
        display: block;
        border: none;
   }
   
   /*colors css*/
   
   ::selection,
   .inner-title,
   .back-to-top i,
   .top-user-menus a.logout,
   .fds-img h3:before,
   .nbe-content .fo-btn,
   .search-datewie button,
   .search-datewie button:hover,
   .search-datewie button:focus,
   .cp-form .btn-submit,
   .login-modal .modal-body form .btn-login,
   .slider-div .carousel-indicators li.active,
   .team-info span,
   .innertabs li::before,
   .bms-tabs a.active,
   .bms-tabs a:hover,
   .value-stakes .btn-group button.btn-stakes,
   .rulesModaldetail .modal-header{
       background-color: var(--theme-primary) !important;
   }
   
   .nav-menu li a:hover,
   .section-title,
   .nbe-content h2,
   .nbe-content h3,
   .nbe-content h4,
   .search-datewie label,
   .login-modal .modal-body h2,
   .login-modal .modal-body form label,
   .odds-even-sec .two-teams b,
   .odds-even-sec .marketname,
   .right-bar .click-bet-slip h4,
   .right-bar .click-bet-slip h4 a,
   .pl-tabs ul li a.active,
   .pl-tabs ul li a:hover {
       color: var(--theme-primary) !important;
   }
   
   .team-info span{
       border: 1px solid var(--theme-primary);
   }
   .rulesModaldetail .modal-header h4{
       color: #fff;
   }
   .rulesModaldetail .modal-header .close{
       color: #fff;
       text-shadow: none;
       opacity: 1;
   }
   .innertabs li a.active {
       background: var(--theme-primary) !important;
       color: #fff !important;
       border-radius: 0;
   }
   .top-user-menus {
       border: 1px solid #fff;
   }
   .top-user-menus button {
       border: none;
       border-radius: 0;
       line-height: normal;
       display: flex;
       align-items: center;
   }
   .top-user-menus button em{
       /*font-style: normal;
       text-transform: capitalize;
       margin: 0 auto;
       text-align: center;
       display: flex;
       justify-content: center;
       width: 100%;
       font-weight: 800;
       font-size: 12px;*/
   }
   .top-user-menus button span.blnc {
       text-align: left;
       text-transform: uppercase;
       font-size: 10px;
       font-weight: 600;
       color: #000;
   }
   .top-user-menus button span b {
       font-weight: 500;
       font-size: 12px;
   }
   .top-user-menus button span div {
       color: green;
   }
   .top-user-menus .user_profiles{
       background: var(--theme-primary);
       color: #fff;
       font-size: 10px;
       text-transform: uppercase;
   }
   .top-user-menus .user_profiles i {
        font-weight: 900;
        font-size: 15px;
    }
   .btn-group.top-user-menus .dropdown-toggle::after {
       position: absolute;
       right: -5px;
       bottom: 10px;
       display: none;
   }
   .top-user-menus button img{
       width: 18px;
   }
   .fp-link,
   .fp-link:hover{
       text-align: left;
       display: block;
       font-size: 16px;
       margin-top: 0;
       color: red;
   }
   
   .bonus-modal .modal-content, .bonus-modal .modal-content .card {
       background: #222;
   }
   .bonus-modal .modal-content .card {
       color: #fff;
   }
   .bonus-modal .modal-content .card .close {
       opacity: 1;
       color: #fff;
   }
   .bonus-modal .modal-content .modal-header{
       border-color: #555;
   }
   /*--------------------------------------------------------------
   # Disable aos animation delay on mobile devices
   --------------------------------------------------------------*/
   
   @media screen and (max-width: 768px) {
       [data-aos-delay] {
           transition-delay: 0 !important;
       }
   }
   
   /*--------------------------------------------------------------
   # Top Bar
   --------------------------------------------------------------*/
   
   #topbar {
       font-size: 14px;
       background: var(--theme-topbar);
       z-index: 33;
       transition: all 0.3s ease-in-out 0s;
       height: 55px;
   }
   @media (max-width: 500px) {
       #topbar .logo img {
           width: 120px;
       }
   }
   @media (min-width: 500px) {
       #topbar .logo img {
           width: 120px;
       }
   }
   .device-time p {
       line-height: normal;
       padding: 0;
       margin: 0;
       color: #fff;
       text-align: left;
       text-transform: capitalize;
   }
   .device-time p small {
       display: block;
   }
   .login-time {
       font-size: 14px;
       text-align: right;
       text-transform: capitalize;
       color: rgb(230, 230, 230);
       align-items: center;
       justify-content: flex-end;
       display: flex;
   }
   .login img {
       width: 15px !important;
   }
   .footer h5 span {
       color: var(--theme-primary) !important;
   }
   @media (max-width: 500px) {
       .login {
           text-transform: uppercase;
           padding: 0 15px;
           height: 25px;
           border-radius: 5px;
           cursor: pointer;
           -webkit-box-pack: center;
           justify-content: center;
           -webkit-box-align: center;
           align-items: center;
           box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
           color: #fff;
           transition: all 0.3s ease-in-out 0s;
           border: none;
           display: inline-flex;
           font-size: 10px;
       }
   }
   
   @media (min-width: 500px) {
       .top-user-menus button.dropdown-toggle {
   /*        border: none;
           color: #fff;
           height: 35px;
           border-top-right-radius: 5px;
           border-bottom-right-radius: 5px;*/
       }
       .login {
           margin-right: 4px;
           text-transform: uppercase;
           padding: 0 15px;
           height: 35px;
           border-radius: 5px;
           cursor: pointer;
           -webkit-box-pack: center;
           justify-content: center;
           -webkit-box-align: center;
           align-items: center;
           box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
           color: #fff;
           transition: all 0.3s ease-in-out 0s;
           border: none;
           display: inline-flex;
       }
   }
   .login-time button.login{
        background: radial-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.4));
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
        color: rgb(230, 230, 230);
   }
   .login:focus {
       outline: none !important;
   }
   
   /*--------------------------------------------------------------
   # Header
   --------------------------------------------------------------*/
   
   #header {
       background: #fff;
       transition: all 0.5s;
       z-index: 9;
       padding: 0;
       top: 55px;
       border: none;
       box-shadow: none;
   }
   
   #header .logo {
       font-size: 32px;
       margin: 0;
       padding: 0;
       line-height: 1;
       font-weight: 600;
       letter-spacing: 0.8px;
   }
   
   #header .logo a {
       color: #222222;
   }
   
   #header .logo a span {
       color: #106eea;
   }
   
   #header .logo img {
       max-height: 40px;
   }
   
   .top-user-menus .dropdown-menu {
       border: 1px solid #ddd;
       padding: 0;
       right: 0 !important;
       border-radius: 5px;
   }
   
   .top-user-menus p {
       float: right;
   }
   
   .top-user-menus p {
       background: #f3f3f3;
       border-bottom: 1px solid #fff;
   }
   
   .top-user-menus p em {
       float: right;
       font-weight: 600;
       font-style: normal;
   }
   
   .top-user-menus a,
   .top-user-menus p {
       padding: 7px;
       text-transform: capitalize;
       font-size: 13px;
       margin: 0;
       display: block;
       width: 100%;
       color: #000;
   }
   
   .top-user-menus a {
       border-bottom: 1px solid #f5f5f5;
   }
   .top-user-menus .dropdown-item.active,
   .top-user-menus .dropdown-item:active{
       background: #f8f9fa !important;
       color: #000;
   }
   .top-user-menus a:last-child {
       border-bottom: none;
   }
   
   .top-user-menus a.logout {
       color: #fff;
       text-align: center;
       text-transform: uppercase;
       letter-spacing: 1px;
   }
   
   .credit {
       color: darkgreen;
   }
   
   .debit {
       color: darkred;
   }
   
   .home-tv p {
       color: #fff;
       font-size: 15px;
       text-transform: uppercase;
       margin: 0;
       cursor: pointer;
   }
   
   .home-tv p i {
       color: #fff;
       font-size: 20px;
       padding: 0 3px;
   }
   .switch1 {
     position: relative;
     display: inline-block;
     width: 45px;
     height: 20px;
     margin: 0;
   }
   
   .switch1 input { 
     opacity: 0;
     width: 0;
     height: 0;
   }
   
   .slider1 {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
   }
   
   .slider1:before {
     position: absolute;
     content: "";
     height: 13px;
     width: 13px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
   }
   
   input:checked + .slider1 {
     background-color: #f77204 ;
   }
   
   input:focus + .slider1 {
     box-shadow: 0 0 1px #2196F3;
   }
   
   input:checked + .slider1:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
   }
   
   /* Rounded sliders */
   .slider1.round1 {
     border-radius: 34px;
   }
   
   .slider1.round1:before {
     border-radius: 50%;
   }
   /*--------------------------------------------------------------
   # Navigation Menu
   --------------------------------------------------------------*/
   
   /* Desktop Navigation */
   
   .navbar {
       padding-top: 0;
       padding-bottom: 0;
   }
   
   .navbar .has-megamenu {
       position: static !important;
   }
   
   .navbar .megamenu {
       left: 0;
       right: 0;
       width: 100%;
       padding: 20px;
   }
   
   .navbar .nav-link {
       padding-top: 1rem;
       padding-bottom: 1rem;
   }
   
   .nav-menu {
       border: none;
   }
   
   .nav-menu li {
       padding: 15px 24px;
   }
   
   .nav-menu li a {
       font-size: 14px;
       font-weight: 500;
       white-space: nowrap;
       text-transform: uppercase;
       color: rgb(36, 38, 41);
       padding: 0 !important;
   }
   
   .megamenu {
       background-color: rgba(255, 255, 255, 0.95);
       transition: all 0.3s ease-in-out 0s;
       border: none;
       box-shadow: none;
       top: auto;
   }
   
   .megamenu .media h5 {
       font-size: 20px;
       color: rgb(72, 76, 82);
       font-weight: bold;
   }
   .megamenu .media img {
       width: 40%;
   }
   /****/
   
   /*slider*/
   
   #slider {
       margin-top: 100px;
   }
   
   .slider-div .carousel-inner img {
   /*    height: 280px;*/
   /*    object-fit: cover;*/
   }
   
   .slider-div .carousel-indicators li {
       height: 8px;
       width: 100px;
       z-index: 1;
   }
   
   .slider-div .carousel-indicators li.active {
       /*background-color: linear-gradient(to right, rgb(125, 2, 4), rgb(178, 19, 24), rgb(125, 2, 4)) !important;*/
   }
   
   /*slider*/
   
   /*.main-content*/
   
   .main-content {
       background: url('../images/platform_bg.jpg');
       background-size: cover;
   }
   .marquee {
       text-transform: capitalize;
       width: 100%;
   }
   .marquee__notifications {
    font-size: 12px;
       position: relative;
       padding: 5px 0;
       overflow: hidden;
       display: flex;
       align-items: center;
       background: #ddd;
   }
   .marquee__list {
       padding-left: 100%;
       white-space: nowrap;
       margin: 0;
       display: inline-block;
   }
   .marquee__notifications:before{
       content: "\ecb6";
       font-family: IcoFont!important;
       font-size: 16px;
       color: #000;
       padding: 2px 10px;
       background: #ddd;
       z-index: 1;
   }
   .main-content .marquee__notifications:before{
       /* background: #a49e98; */
       z-index: 1;
   }
   .marquee__list-item {
       padding-left: 5px;
       will-change: transform;
       display: inline-block;
   }
   .marquee__list-item + .marquee__list-item::before {
       content: '|';
       padding-right: 5px;
       will-change: transform;
   }
   .marquee__list--scroll {
       animation: scroll-left 40s linear infinite;
       will-change: transform;
       color: #222;
   }
   @keyframes scroll-left {
       0% {
           transform: translateX(0%);
       }
       100% {
           transform: translateX(-100%);
       }
   }
   .section-title {
       font-size: 40px;
       text-transform: uppercase;
       font-weight: bolder;
       letter-spacing: 1px;
   }
   
   .section-title small {
       font-size: 18px;
       display: block;
       text-transform: inherit;
       font-weight: 300;
       color: #000;
   }
   
   /*.main-content*/
   
   /*portfolio*/
   .portfolio .nav-pills {
       border-bottom: 1px solid #ccc;
       padding-bottom: 20px;
   }
   
   .portfolio .nav-pills li {}
   
   .portfolio .nav-pills li a {
       background: #fff;
       border-radius: 50px;
       height: 50px;
       width: 50px;
       margin-right: 5px;
       align-items: center;
       display: inline-flex;
       padding: 0;
       justify-content: center;
   }
   
   .portfolio .nav-pills li a.active,
   .portfolio .nav-pills li a:hover {
       background: #fff;
       box-shadow: rgb(224 24 30) 0px 0px 5px;
   }
   
   .portfolio .nav-pills li a img {
       width: 30px;
   }
   
   .portfolio .tab-content .row .col-md-2 {
       padding: 0 3px;
   }
   
   .portfolio-boxes {
       transition: all 0.2s linear 0s;
       border-radius: 5px;
   }
   
   .portfolio-boxes .pb-img img {
       border-radius: 5px;
   }
   
   .portfolio-boxes .pb-img {
       background: rgb(0, 0, 0);
       position: relative;
       border-radius: 5px;
   }
   
   .portfolio-boxes .pb-img:before {
       content: '';
       border-radius: 5px;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-image: linear-gradient(120deg, #010101, #090909);
       opacity: .7;
   }
   
   .portfolio-boxes .pb-btns {
       position: absolute;
       display: flex;
       -webkit-box-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       align-items: center;
       flex-direction: column;
       width: 100%;
       height: 100%;
       left: 0px;
       top: 0px;
       opacity: 0;
       transition: all 0.3s ease-in-out 0s;
   }
   
   .portfolio-boxes .pb-btns a {
       background: linear-gradient(rgb(178, 19, 24), rgb(228, 42, 37));
       color: #fff;
       text-transform: uppercase;
       width: 100px;
       display: block;
       text-align: center;
       border-radius: 50px;
       margin: 10px 0;
       padding: 5px 0;
   }
   
   .portfolio-boxes:hover .pb-btns {
       opacity: 1;
   }
   
   .portfolio-boxes:hover .pb-img {
       transform: scale(1.05);
       opacity: 0.7;
       filter: blur(2px);
   }
   
   /*portfolio*/
   
   /*fastest odds*/
   
   #fastest-oods .row .col-4:nth-child(1) .fds-div {
       background-image: linear-gradient(to right, rgb(231, 207, 113), rgb(143, 76, 4));
       padding: 4px;
   }
   
   #fastest-oods .row .col-4:nth-child(2) .fds-div,
   #fastest-oods .row .col-4:nth-child(3) .fds-div {
       background-image: linear-gradient(to right, rgb(228, 42, 37), rgb(86, 9, 12));
       padding: 4px;
   }
   
   .fds-img {
       position: relative;
   }
   
   .fds-img h3 {
       position: absolute;
       bottom: 30px;
       width: 100%;
       text-align: center;
       color: #fff;
       font-weight: 600;
       font-size: 18px;
       color: #fff;
       text-align: center;
       text-transform: uppercase;
       letter-spacing: 4px;
   }
   
   .fds-img h3:before {
       content: "";
       position: absolute;
       bottom: -8px;
       left: 50%;
       transform: translateX(-50%);
       width: 65px;
       height: 1px;
       z-index: 6;
       opacity: 0.8;
   }
   
   .fds-content {
       background: #fff;
       padding: 5px 0;
       cursor: pointer;
       border-bottom: 1px solid #ddd;
   }
   
   .fds-content:hover {
       background-color: #f1f1f1;
   }
   
   .fds-content img {
       width: 18px;
   }
   
   .fds-content span {
       color: #000;
       font-size: 12px;
       text-transform: capitalize;
       font-weight: 600;
   }
   
   .team-info {
       text-align: center;
   }
   
   .team-info span {
       color: #fff;
       font-size: 11px;
       padding: 1px 5px;
       border-radius: 0px;
       font-weight: 500;
   }
   
   .team-info p {
       font-size: 11px;
       font-weight: 700;
       color: #333;
       padding: 0;
       margin: 0;
   }
   
   /*fastest odds*/
   
   /*betting experience*/
   
   .nbe-content {}
   
   .nbe-content h2 {
       font-size: 35px;
       letter-spacing: 3px;
       text-transform: uppercase;
       font-weight: bold;
   }
   
   .nbe-content h3 {
       font-size: 20px;
       font-weight: 600;
       letter-spacing: 1px;
   }
   
   .nbe-content .exch-btn {
       background: #000;
       border-radius: 50px;
       border: none;
       color: #fff;
       text-transform: uppercase;
       padding: 7px 30px;
       font-size: 15px;
   }
   
   .nbe-content .fo-btn {
       border-radius: 50px;
       border: none;
       color: #fff;
       text-transform: uppercase;
       padding: 7px 30px;
       font-size: 15px;
   }
   
   .nbe-content p {
       color: #000;
   }
   
   .nbe-content h4 {
       font-size: 20px;
       font-weight: 600;
       letter-spacing: 1px;
   }
   
   .nbe-content h4 small {
       color: #000;
       font-size: 16px;
       font-weight: 400;
       letter-spacing: 1px;
       display: block;
       text-transform: capitalize;
   }
   
   /*betting experience*/
   
   /*casino*/
   .casino_tabs_ul ul,
   .icasino_ul_tabs ul {
       display: block;
       white-space: nowrap;
       overflow-x: auto;
        margin:5px 0;
        box-shadow:inset 0 0 0 1px var(--theme-primary);
    }
    .casino_tabs_ul ul li a, .icasino_ul_tabs ul li a{
        border-radius:0 !important;
        color:#000;
        text-transform:capitalize;
        font-size:13px;
    }
    .casino_tabs_ul ul li a.active, .icasino_ul_tabs ul li a.active {
        background: var(--theme-primary) !important;
    }
   .casino_tabs_ul ul li,
   .icasino_ul_tabs ul li {
       display: inline-block;
   }
   .casino_tabs_ul ul li,
   .icasino_ul_tabs ul li{
       border-right: 1px solid var(--theme-primary);
   }
   .icasino_ul_tabs ul li:last-child{
       border-right: none;
   }
   .icasino_ul_tabs ul li a img{
       filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(176deg) brightness(93%) contrast(93%);
   }
   .icasino_ul_tabs ul li a:hover img,
   .icasino_ul_tabs ul li a.active img{
       filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(67deg) brightness(107%) contrast(101%);
   }
   .intcasino-sub-tab img {
       height: 150px;
       object-fit: unset;
       width: 100%;
   }
   .intcasino-sub-tab .casino-btn {
       color: #fff;
       display: none;
       border-radius: 0;
       position: relative;
       font-size: 10px;
       text-transform: uppercase;
       background: var(--theme-primary);
       padding: 2px 5px;
       font-weight: 600;
       width: 70%;
       left: 0;
       z-index: 8;
       bottom: 0;
   }
   .intcasino-sub-tab .casino-btn:before{
           content: "";
           clip-path: polygon(0 -1px, 100% -1px, 1px 100%, 0 100%);
           width: 17px;
           height: calc(100% + 0px);
           background: var(--theme-primary);
           position: absolute;
           right: -16px;
           top: -1px;
           height: 20px;
   }
   
   
   .intcasino-sub-tab .row .col-md-2 {
       padding: 0 2px;
       margin-bottom: 4px;
   }
   .lvc-thumb .row {
       margin: 0;
   }
   
   .lvc-thumb .row .col-md-2 {
       padding: 0 2px;
       margin-bottom: 4px;
   }
   
   .lvc-thumb .row .col-md-2 img {
       /* border-radius: 15px; */
   }
   .casino-div {
       position: relative;
       display: flex;
   }
   
   .casino-div .casino-img {
       transform: scaleX(1);
       opacity: 1;
       transition: all 0.25s ease-in 0s;
   }
   
   .casino-div:hover .casino-img {
       transform: scaleX(0.2);
       opacity: 0;
   }
   
   .casino-div .casino-content {
       visibility: hidden;
   }
   
   .casino-div:hover .casino-content {
       visibility: visible;
   }
   
   .casino-div .casino-img p {
       position: absolute;
       bottom: 20%;
       margin: 0;
       width: 100%;
       text-align: center;
       text-transform: uppercase;
       color: #fff;
       font-size: 15px;
       font-weight: 700;
   }
   
   .casino-div .casino-img p img {
       display: block;
       margin: 0 auto;
       width: 30px;
   }
   
   .casino-div .casino-content {
       transform: scaleX(0.2);
       opacity: 0;
       position: absolute;
       left: 0;
       transition: all 0.25s ease-in 0s;
   }
   
   .casino-div:hover .casino-content {
       transform: scaleX(1);
       opacity: 1;
   }
   
   .casino-div .casino-content a {
       text-transform: capitalize;
       display: block;
       border: 1px solid #fff;
       margin-bottom: 10px;
       border-radius: 50px;
       padding: 5px 15px;
       color: #000;
       background: #fff;
       font-size: 14px;
       box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
   }
   
   .casino-div .casino-content a:hover {
       background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4));
   }
   
   .casino-div .casino-content p {
       position: absolute;
       left: auto;
       right: auto;
       width: 80%;
       margin: 0 auto;
       text-align: center;
       top: 25px;
       justify-content: center;
       display: grid;
       width: 100%;
   }
   
   /*casino*/
   
   /*user pages*/
   
   #filter.collapse:not(.show) {
       display: block;
   }
   
   a.btn-filter {
       color: #fff;
   }
   
   .search-datewie {
   /*    margin-top: 25px;*/
   }
   
   .search-datewie .form-group {
       position: relative;
   }
   .user-section .row {
       background: #fff;
       margin: 0;
   }
   .search-datewie label {
       top: -20px;
       text-transform: capitalize;
       position: absolute;
       font-size: 13px;
       font-weight: 700;
   }
   
   .search-datewie input,
   .search-datewie select {
       font-size: 12px;
       height: 35px;
       line-height: 30px;
       border: none;
       background: #eee;
   }
   .search-datewie input:focus {
       box-shadow: 0 0 0 1px #eee !important;
   }
   .search-datewie button {
       text-transform: uppercase;
       font-size: 14px;
       height: 35px;
       line-height: 35px;
       padding: 0 10px;
       border: none;
       line-height: normal;
   }
   
   .search-datewie button:hover,
   .search-datewie button:focus {
       border: none;
       outline: none;
   }
   
   .ttlpl {
       text-transform: capitalize;
       font-size: 14px;
       font-weight: 600;
   }
   
   .user-pages {
       margin-top: 2vh;
   }
   
   .user-pages h2 {
       text-transform: uppercase;
       font-size: 25px;
       font-weight: 700;
       padding: 10px;
       background: #94090d;
       color: #fff;
   }
   
   .user-pages .card-body {
       background: #fff;
       border: 1px solid #dedcdb;
   }
   
   .user-pages .form-row {
       margin-bottom: 25px;
   }
   
   .user-pages .form-row input,
   .user-pages .form-row select {
       height: 40px;
       font-size: 12px;
       text-transform: capitalize;
       background: #ddd;
       border-radius: 5px !important;
   }
   
   .user-pages .form-row button {
       text-transform: uppercase;
       font-size: 12px;
       height: 40px;
       background: #a50f13;
       color: #fff;
       border: 1px solid #94090d;
   }
   
   .user-pages table th,
   .user-pages table td {
       padding: 5px;
   }
   
   .user-pages table th {
       text-transform: uppercase;
       font-size: 15px;
       background: #9d9a99;
       color: #fff
   }
   
   .user-pages .form-row table tbody td {
       color: #000;
       font-size: 13px;
   }
   
   .user-pages .form-row table td a,
   .user-pages .form-row table td a:hover {
       color: #000;
   }
   
   .debit {
       color: red;
   }
   
   .credit {
       color: green;
   }
   
   .plTabsUl {
       width: 100%;
       overflow-x: scroll;
   }
   
   .pl-tabs ul {
       display: inline-block;
       width: max-content;
       margin-bottom: 2px;
   }
   
   .pl-tabs ul li {
       display: inline-block;
       box-shadow: inset 0 0 0 1px #ddd;
   }
   
   .pl-tabs ul li:nth-child(odd) {
       background: #f1f1f1;
   }
   
   .pl-tabs ul li:nth-child(even) {
       background: #f9f9f9;
   }
   
   .pl-tabs ul li a {
       font-size: 13px;
       text-transform: uppercase;
       text-align: center;
       color: #000;
       font-weight: 500;
       border-radius: 0 !important;
   }
   
   .pl-tabs ul li a span {
       display: block;
       font-size: 11px;
   }
   
   .pl-tabs ul li a.active,
   .pl-tabs ul li a:hover {
       background: #fff !important;
   }
   
   .cp-light {
       background: #fff;
       border-radius: 5px;
       margin: 10px 0;
   }
   
   .profile_data{
       text-align: center;
       background: #fff;
       border-radius: 5px;
       margin-top: 10px;
       padding: 10px;
   }
   .profile_data h4{
       margin: 0;
       font-size: 25px;
       border-bottom: 1px solid #f1f1f1;
       padding-bottom: 10px;
   }
   .profile_data p{
       margin: 0;
       margin-top: 8px;
       font-size: 14px;
   }
   .profile_data p small{
       font-size: 12px;
       font-weight: 600;
   }
   /*user pages*/
   
   /*footer*/
   
   .d-qr-none{
        position: absolute;
        right: -100px;
        top: 29px;
        margin-left: 100px;
   }
   .footer {
       background: #000;
   }
   
   .footer p {
       color: #ffff;
       margin: 0;
       font-size: 13px;
       padding: 15px 0;
       border-bottom: 1px solid #fff;
   }
   
   .copyright {}
   
   .copyright span img {
       width: 25px;
   }
   
   .copyright img {
       width: 120px;
       opacity: 0.7;
       margin-right: 5px;
   }
   
   .copyright img:hover {
       opacity: 1;
   }
   
   .copyright span {
       color: rgb(128, 128, 128);
       font-size: 14px;
   }
   
   .footer-menu {}
   
   .footer-menu ul {
       margin: 0;
       padding: 0;
   }
   
   .footer-menu ul li {
       list-style: none;
       display: inline-block;
       position: relative;
   }
   
   .footer-menu ul li:after {
       content: '';
       position: absolute;
       width: 1px;
       background: #aaa;
       height: 80%;
       top: 5px;
   }
   
   .footer-menu ul li:last-child:after {
       display: none;
   }
   
   .footer-menu ul li a {
       color: #aaa;
       margin: 0;
       font-size: 13px;
       text-transform: capitalize;
       padding: 0 9px;
   }
   
   /*footer*/
   
   /*login modal*/
   
   .login-modal .close{
       opacity: 1;
       right: 15px;
       position: absolute;
       top: 10px;
       z-index: 9;
   }
   
   .login-modal .modal-content {
       /* background: rgba(255, 255, 255, 0.9);
       border: 1px solid #f5b942; */
       background: none;
       border: none;
   
   }
   
   .login-modal .modal-body {
       padding: 60px 40px;
       background: #f1f1f1;
       border-radius: 10px;
   
       /* padding: 10px;
       padding-bottom: 0;
       background: none;
       border-radius: .3rem; */
   }
   
   .login-modal .modal-body h2 {
       text-align: center;
       text-transform: uppercase;
   }
   
   .login-modal .modal-body p {
       text-align: center;
       color: #808080;
       font-style: italic;
       text-transform: capitalize;
   }
   
   .login-modal .modal-body form input {
       background: #fff;
       font-size: 16px;
       border: 0px;
       padding: 1.5em 1.25em;
       text-transform: none;
       border-radius: 5px;
       color: rgb(36, 38, 41);
       margin-top: 0.3em;
   }
   .login-modal .modal-body form input.form-check-input{
       width: 13px;
       height: 13px;
       padding: 0;
   }
   .login-modal .modal-body form .form-check label {
       color: #303337;
       font-size: 14px;
       vertical-align: top;
       text-transform: capitalize;
   }
   
   .login-modal .modal-body form label {
       margin: 0;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: 600;
   }
   
   .login-modal .modal-body form .form-group{
       position: relative;
   }
   .login-password-div-span-i{
       position: absolute;
       bottom: 12px;
       right: 12px;
       cursor: pointer;
   }
   .login-modal .modal-body form .btn-login {
       color: #fff;
       width: 100%;
       text-transform: uppercase;
       font-size: 22px;
       font-weight: 100;
       font-weight: 700;
       letter-spacing: 1px;
   }
   
   .login-modal .modal-footer {
       border: none;
       justify-content: center;
   }
   .login-whatsapp,
   .login-mail,
   .login-whatsapp:hover,
   .login-mail:hover {
       text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px;
       color: #fff;
   }
   
   .login-whatsapp img,
   .login-mail img {
       width: 35px;
   }
   
   /*login modal*/
   
   /*sidemenu*/
   
   #sidebar-mobilemenu {
       width: 16%;
       padding:0;
       position: fixed;
       overflow-y: scroll;
       top: 55px;
       bottom: 0;
       background: #fff;
   }
   
   #sidebar-mobilemenu .panel-group h2 {
       color: #000;
       text-transform: uppercase;
       font-size: 11px;
       padding: 10px;
       margin: 0;
       font-weight: 700;
       background: #f7f7f7;
   }
   
   #sidebar-mobilemenu .input-group {
       background: #f1f1f1;
   }
   
   #sidebar-mobilemenu .input-group .input-group-text,
   #sidebar-mobilemenu .input-group input {
       background: none;
       border: none !important;
       box-shadow: none !important;
   }
   
   #sidebar-mobilemenu .input-group input::placeholder {
       font-style: italic;
       color: #666;
   }
   
   #sidebar-mobilemenu .panel-group .panel {
       border-radius: 0;
       box-shadow: none;
       border-color: #EEEEEE;
   }
   
   #sidebar-mobilemenu .panel-default>.panel-heading {
       padding: 0;
       border-bottom: 1px solid #f2f2f2;
   }
   
   #sidebar-mobilemenu .panel-default>.panel-heading a {
       text-transform: capitalize;
       display: block;
       color: #000;
       text-decoration: none;
       font-size: 13px;
       padding: 8px 2px;
   }
   
   #sidebar-mobilemenu .panel-default>.panel-heading a:hover {
       background: #eee;
   }
   
   #sidebar-mobilemenu .panel-default>.panel-heading a img {
       width: 20px;
       vertical-align: text-top;
       margin-right: 3px;
   }
   
   #sidebar-mobilemenu .more-less {
       float: right;
       border-radius: 0px;
       height: 25px;
       width: 25px;
       display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
       vertical-align: middle;
   }
   
   #sidebar-mobilemenu .panel-default>.panel-heading+.panel-collapse>.panel-body {
       border-top-color: #EEEEEE;
   }
   
   #sidebar-mobilemenu .panel-body ul {
       margin: 0;
       padding: 0;
   }
   
   #sidebar-mobilemenu .panel-body ul li {
       list-style: none;
       padding: 5px 0px 5px 5px;
       background: rgba(255, 255, 255, 0.3);
       border-bottom: 1px solid #f6f6f6;
   }
   #sidebar-mobilemenu .panel-body ul li img {
       width: 20px;
   }
   
   #sidebar-mobilemenu .panel-body ul li a {
       color: #444;
       text-decoration: none;
       font-size: 13px;
       text-transform: capitalize;
       display: block;
       width: 100%;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }
   #sidebar-mobilemenu .panel-body ul li:hover{
       background: #eee;
   }
   #sidebar-mobilemenu .collapse.show {
       height: auto !important;
   }
   
   .icofont-curved-right:before,
   .icofont-curved-up:before {
       display: none;
   }
   
   .icofont-curved-up:after {
       content: "\ea76";
       margin-left: 2px;
   }
   
   .icofont-curved-right:after {
       content: "\ea75";
       margin-left: 2px;
   }
   
   
   .follow__us {
   
   }
   .follow__us h2 {
       text-transform: capitalize !important;
       background: none !important;
       padding: 0 !important;
       margin: 10px !important;
       font-size: 20px !important;
       border-bottom: 1px solid #fbb03a;
       padding-bottom: 10px !important;
   }
   .follow__us a {
       padding:0 10%;
       display: flex;
       align-items: center;
       margin-bottom: 10px;
   }
   .follow__us a i {
       font-size: 25px;
   }
   .follow__us a span {
       color: #000;
       font-weight: 500;
       margin-left: 5px;
   }
   i.icofont-whatsapp {
       color: limegreen;
   }
   i.icofont-telegram {
       color: deepskyblue;
   }
   i.icofont-facebook {
       color: dodgerblue;
   }
   i.icofont-instagram {
       color: orangered;
   }
   /*sidemenu*/
   
   /*inner content*/
   .inner-content .marquee {
       width: 84.5%;
       margin-left: 228px;
   }
   .middle-scroll {
       overflow-y: auto;
       overflow-x: hidden;
       height: calc(100vh - 50px);
       padding: 0 1px;
   }
   
   .inner-content {
       margin-top: 55px;
   }
   .detail-datetime {
       font-size: 12px;
       color: #fff;
       float: right;
   }
   .other_tab a {
       display: block;
       position: relative;
       margin-bottom: 10px;
   }
   .other_tab p {
       position: absolute;
       bottom: 0;
       left: 0;
       margin: 0;
       width: 100%;
       background: #000000c2;
       text-align: center;
       padding: 4px;
       color: #fff;
   }
   .inner-title {
       margin-bottom: 0;
       color: #fff;
       padding: 7px;
       font-size: 14px;
       text-transform: uppercase;
       letter-spacing: 1px;
       font-weight: 600;
   }
   .inner-title em{
       font-style: normal;
   }
   .inner-title img {
       display: none;
       width: 20px;
       vertical-align: bottom;
   }
   
   /*race*/
   .race-section{
     width: 100%;
     overflow: auto;
     white-space: nowrap;
   }
   .race-section .chip {
     width: auto;
     height: auto;
     line-height: normal;
     font-size: 11px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 14px;
     padding-right: 35px;
     margin: 0;
     margin-right: 2px;
   }
   .race-section .chip {
    color: #000;
    align-items: center;
    display: inline-flex;
    padding: 2px 2px 3px 15px;
    margin: 1px;
    border: 1px solid var(--theme-primary);
    border-radius: 4px;
    background: #e8e8e8;
    transition: 0.9s;
   }
   .race-section .chip:hover{
     color: var(--theme-primary);
     background: #fff;
   }
   .race-section .chip img {
     float: left;
     margin: 0 8px 0 -12px;
     width: 30px;
     border-radius: 3%;
   }
   .race-section .race_detail {
     padding: 0;
     margin: 0;
     line-height:normal;
     /* width: 150px; */
   }
   .race-section .race_detail .race-name {
     display: flex;
     white-space: break-spaces;
   }
   
   .race-table {
     width: 100%;
     align-items: center;
   }
   .race-table .row {
     border-bottom: 1px solid #ddd;
   }
   .race-table .race-event-name {
     width: 40%;
     display: flex;
     align-items: center;
     font-size: 13px;
   }
   .race-table .race-event-name span {
     text-transform: capitalize;
     font-size: 12px;
     font-weight: 600;
   }
   .race-table .race-btns {
     width: 60%;
     flex-wrap: wrap;
   }
   .race-table .hs-btn {
     font-size: 11px;
     background: var(--theme-primary);
     color: #fff;
     padding: 3px 5px;
     margin-right: 2px;
     margin-bottom: 2px;
     cursor: pointer;
     border-radius: 4px;
     display: inline-block;
     transition: 0.9s;
   }
   .race-table .hs-btn:hover{
     background: green;
     color: #fff;
     box-shadow: inset 0 0 0 1px var(--theme-secondary-color);
   }
   .race-section::-webkit-scrollbar{
        height:1px;
    }
   /*race*/
   
   .innertabs {
       box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px, rgba(0, 0, 0, 0.08) -1px 0px 4px;
       background: #fff;
       border: 1px solid var(--theme-primary);
       margin-bottom: 5px;
   }
   
   .innertabs li {
       position: relative;
   }
   .innertabs li a{
       border-right: 1px solid var(--theme-primary) !important;
   }
   .innertabs li:last-child a{
       border-right: none;
   }
   .innertabs li a span{
       display: none;
       font-weight: 500;
       font-size: 12px;
   }
   .innertabs li a,
   .innertabs li a:hover {
       line-height: normal;
       color: #242629;
       text-transform: uppercase;
       letter-spacing: 1px;
       border-radius: 0;
       transition: all 0.2s ease-in-out 0s;
   }
   
   .innertabs li a.active {
       border: none;
   }
   
   .innertabs li a img {
       width: 22px;
       display: block;
       margin: 0 auto;
   }
   
   .innertabs li a:hover img {
       transform: scale(1.2);
   }
   
   .innertabs li::before {
       content: "";
       display: block;
       position: absolute;
       top: 1em;
       bottom: 1em;
       right: 0px;
       opacity: 0.35;
   }
   
   .all-spors-innerTabs {}
   
   .all-spors-innerTabs li a {
       color: #242629;
       text-transform: uppercase;
       font-size: 13px;
       border-radius: 50px !important;
       background: #fff;
       margin-bottom: 10px;
       margin-right: 10px;
       width: auto;
       border: none !important;
   }
   
   .all-spors-innerTabs li a.active,
   .all-spors-innerTabs li a:hover {
       background: linear-gradient(to right, rgb(125, 2, 4), rgb(178, 19, 24), rgb(125, 2, 4));
       border: none;
       color: #fff !important;
   }
   
   .odds-even-sec {
       box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 20px;
       background: #fff;
       border-radius: 0;
   }
   .market_heading {
       background: #ffffff !important;
   }
   .odds-even-sec .row {
       padding: 0;
       border-bottom: 1px solid #f1f1f1;
       position: relative;
       cursor: pointer;
   }
   .odds-even-sec .row:hover {
       background: #f9f9f9;
   }
   .odds-even-sec .row:first-child {
       /* font-size: 12px;
       font-weight: 500;
       color: #000; */
       /* text-transform: uppercase; */
       /* padding: 5px 0; */
   }
   
   .odds-even-sec .fav-sports {
       display: inline-block;
       margin-right: 5px;
   }
   
   .odds-even-sec .fav-sports img {
       width: 20px;
   }
   
   .odds-even-sec .fav-sports img:first-child {
       margin: 0 5px;
   }
   
   .odds-even-sec .two-teams {
       display: inline-block;
   }
   
   .odds-even-sec .two-teams p {
       padding: 0;
       margin: 0;
       font-size: 13px;
       color: #000;
       text-transform: capitalize;
       line-height: normal;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       max-width: 200px;
   }
   
   .odds-even-sec .marketname {
       font-size: 13px;
       font-weight: 700;
       font-style: normal;
       position: absolute;
       right: 0;
       justify-content: center;
       align-items: center;
       display: flex;
       bottom: 0;
       top: 0;
   }
   .marketname i {
   /*    font-size: 18px;
       color: #000;*/
       margin-left: 5px;
   }
   .marketname i img {
       width: 18px;
   }
   .listicons_markets{
       line-height: 1;
   }
   .bm_icon{
       text-transform: uppercase;
       font-size: 10px;
       background: #c40707;
       padding: 1px 4px;
       border-radius: 2px;
       color: #fff;
   }
   .fancy_icon{
       text-transform: uppercase;
       font-size: 10px;
       background: #c407a1;
       padding: 1px 4px;
       border-radius: 2px;
       color: #fff;
   }
   .ex_mark_icons {
       font-size: 12px;
       background: forestgreen;
       color: #fff;
       padding: 0;
       margin-left: 2px;
       border-radius: 2px;
       font-family: system-ui;
       width: 18px;
       height: 18px;
       text-align: center;
       font-weight: 600;
   }
   .odds-even-sec .in-play {
       display: inline-grid;
       font-size: 12px;
       color: forestgreen;
       margin-right: 5px;
       position: relative;
       text-transform: uppercase;
   }
   .odds-even-sec .in-play:after{
       content: "";
       animation: bottom 1s linear infinite;
       background: green;
       height: 2px;
       display: inherit;
   }
   @keyframes bottom {
       0% {
           transform: scaleX(0);
           transform-origin: bottom left;
       }
       50% {
           transform: scaleX(1);
           transform-origin: bottom left;
       }
       100% {
           transform: scaleX(0);
           transform-origin: bottom right;
       }
   }
   .odds-bl-head{
     width: 100%;
     display: flex;
   }
   .odds-even-sec .date-timer {
       color: #606060;
       font-size: 12px;
       font-weight: 600;
   }
   
   .odds-even-sec .odds-bl {
       display: flex;
       position: relative;
       width: 100%;
       color: #000;
   }
   
   .odds-even-sec .odds-bl-head .bl-btns {
       width: 100%;
       border: none;
       padding: 0;
       background: none;
   }
   
   .odds-even-sec .odds-bl .bl-btns {
       font-size: 14px;
       border: none;
       width: 50%;
       height: 42px;
       border-radius: 1px;
       margin: 0;
       font-weight: 700;
       padding: 0;
       transition: 0.9s;
       color: #000;
   }
   
   .odds-even-sec .odds-bl .bl-btns span {
       font-weight: 400;
       font-size: 11px;
       display: block;
       line-height: normal;
       color: #000;
   }
   
   .odds-even-sec .btn-group {
       margin: 0 1px;
       width: 33%;
       color: #000;
   }
   .fancy_rows .odds-bl .fancy_six_odds {
       width: 100%;
   }
   .fancy_six_odds div {
       margin-bottom: 2px;
   }
   .fancy_six_odds div:last-child {
       margin-bottom: 0;
   }
   .odds-bl-head .btn-group {
       width: 100%;
       text-align: center;
       margin: 0 auto;
       display: block;
   }
   .odds-even-sec .row:first-child .col-md-7.col-12::before {
       display: none;
   }
   
   .odds-even-sec .col-md-7.col-12::before {
       content: "";
       display: block;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0px;
       width: 1px;
       background-color: rgba(128, 128, 128, 0.5);
       opacity: 0.35;
   }
   
   .blue {
       background: #c3edff;
   }
   
   .blue:hover {
       background: #87dcff;
   }
   
   .red {
       background: #ffd3dd;
   }
   
   .red:hover {
       background: #ffa8bd;
   }
   
   .blue1 {
       background: #C7EEFF;
   }
   
   .blue1:hover {
       box-shadow: inset rgb(21, 185, 255) 0px 0px 0px 1px;
   }
   
   .red1 {
       background: #FEF6F8;
   }
   
   .red1:hover {
       box-shadow: inset rgb(236, 85, 119) 0px 0px 0px 1px;
   }
   
   .back {
       background: #c3edff !important;
   }
   
   .lay {
       background: #ffd3dd !important;
   }
   
   /*inner content*/
   
   /*detail*/
   
   .cp-form input .row {
       align-items: center;
   }
   .cp-form .row {
       align-items: center;
       text-transform: capitalize;
       font-size: 13px;
       margin-bottom: 15px;
   }
   .cp-form .row i.icofont-eye,
   .cp-form .row i.icofont-eye-blocked{
       position: absolute;
       right: 10%;
       top: 0;
       bottom: 0;
       display: flex;
       align-items: center;
   }
   .cp-form .row .btn-submit {
       text-transform: uppercase;
       font-weight: 600;
   }
   .cp-form {
       margin: 20px 0;
       border: 2px solid #f7f7f7;
       padding: 20px;
   }
   .loss {
       color: red !important;
   }
   .profit{
       color: green !important;
   }
   .total-pl {
       font-size: 12px;
   }
   .nav-tabs a.nav-link,
   .nav-fill a.nav-link{
       text-transform: uppercase;
       font-size: 13px;
       color: #000;
       border: none;
       border-radius: 0;
   }
   .nav-fill a.nav-link:hover,
   .nav-fill a.nav-link.active,
   .nav-tabs a.nav-link:hover,
   .nav-tabs a.nav-link.active{
       background: var(--theme-primary) !important;
       color: #fff !important;
   }
   .nav-tabs,
   .nav-fill{
       border-bottom: 1px solid var(--theme-primary);
   }
   .close-extra {
       position: absolute;
       right: 2px;
       top: -5px;
       opacity: 1;
       color: red;
       text-shadow: none;
   }
   .betdata th{
       text-transform: uppercase;
       font-size: 12px;
       padding: 4px;
       background: #333;
       color: #fff;
   }
   .betdata td{
       font-size: 11px;
       padding: 4px;
       white-space: nowrap;
   }
   .desktop-television a {
       background: #eee;
       display: block;
       padding: 0 3px;
   }
   span.fancyTitle {
       display: block;
       width: 100%;
       text-transform: uppercase;
       padding: 5px;
       background: #dddddd;
   }
   p.liveTv {
       margin: 0;
       padding: 0;
       display: inline-flex;
       justify-content: center;
       font-size: 12px;
       align-items: center;
   }
   p.liveTv a {
       color: #fff;
       margin-left: 3px;
       height: 20px;
       border: 1px solid grey;
       padding: 0px 4px;
       align-items: center;
       display: flex;
       background: green;
       font-size: 10px;
   }
   p.liveTv img {
       width: 24px;
   }
   .odds-even-sec .col-md-5.col-12 {
       font-size: 13px;
       font-weight: 700;
       padding-left: 2px;
       padding-right: 2px;
       text-transform: capitalize;
   }
   .detail-content .odds-even-sec .market_heading{
       padding: 0;
       margin: 0;
   }
   .detail-content .odds-even-sec .market_heading .col-md-5.col-12 {
       padding: 0;
       margin: 0;
   }
   .market_col_new {
       text-transform: uppercase;
       width:  95%;
       display: flex;
       -webkit-box-align: center;
       align-items: center;
       background:var(--theme-primary);
       padding: 6px 0px 6px 6px;
       position: relative;
       height: 32px;
       color: #fff;
       font-weight: 500;
       font-size: 12px;
   }
   .market_col_new::after {
       content: "";
       width: 15px;
       height: 100%;
       background:var(--theme-primary);
       position: absolute;
       right: -8px;
       top: 0px;
       transform: skew(25deg);
   }
   span.min-max {
        font-size: 8px;
        margin-left: 4px;
        color: #eee;
    }
   .odds-even-sec .col-md-5.col-12 a{
       color: #fff;
   }
   .odds-even-sec .col-md-5.col-12 .icofont-info-circle{
       position: absolute;
       right: 10px;
       top: 10px;
   }
   .odds-even-sec .col-md-5.col-7{
       line-height: normal;
       padding-left: 2px;
       padding-right: 2px;
   }
   .matched-count{
       font-size: 9px;
       margin-left: 5%;
       color: #333;
   }
   .detail-content p.team-name {
   /*    white-space: nowrap;
       display: flex;*/
       text-transform: capitalize;
       font-size: 12px;
       font-weight: 500;
       margin: 0;
       padding: 0;
       margin-left: 5px;
   }
   .bookbtn {
       position: absolute;
       right: 0;
   }
   .detail-content .odds-even-sec img {
       width: 18px;
       height: 18px;
       margin-right: 2px;
   }
   .cashout-btn {
       position: absolute;
       right: -32%;
       color: #fff !important;
       line-height: normal;
       font-size: 10px;
       padding: 1px 4px;
       border-radius: 2px;
       font-weight: 600;
       letter-spacing: 1px;
       border: 1px solid #000;
       background: #008001;
   }
   .cashout-btn:hover{
       color: #222;
   }
   .detail-content .odds-even-sec .odds-bl-head .bl-btns {
       width: 60px !important;
       height: auto !important;
       text-transform: uppercase;
       font-size: 12px;
       font-weight: 600;
       color: #000;
   }
   
   .detail-content .odds-even-sec {
       margin-bottom: 1px;
   }
   
   .mb-mm {
       padding: 0;
       margin: 0;
       font-size: 10px;
       text-transform: capitalize;
       font-weight: 100;
   }
   
   .mb-mm span {
       display: block;
   }
   
   .suspended {
       width: 100%;
       height: 100%;
       font-size: 12px;
       font-weight: 600;
       position: absolute;
       z-index: 1;
       background-color: rgb(234 234 234 / 92%);
       box-shadow: inset 0 0 0 1px #f1f1f1;
       text-transform: uppercase;
       color: #000;
       display: flex;
       -webkit-box-align: center;
       align-items: center;
       -webkit-box-pack: center;
       justify-content: center;
       border-radius: 1px;
   }
   
   .all-btnsPC {
       display: flex;
       justify-content: center;
   }
   
   .all-btnsPC button {
       text-transform: uppercase;
       font-size: 14px;
       border: none;
       box-shadow: none;
       padding: 5px 15px;
       width: 49%;
       margin: 0 1px;
   }
   
   .all-btnsPC .place-all {
       background: #50d000;
       color: #fff;
       font-weight: 500;
   }
   
   .all-btnsPC .cancel-all {
       background: #ad1116;
       color: #fff;
       font-weight: 500;
   }
   
   .bms-tabs {
       margin-bottom: 5px;
   }
   .us_title{
       text-transform: uppercase;
       font-size: 15px;
       background: var(--theme-topbar);
       color: #fff;
       padding: 8px;
       border-radius: 3px;
       margin-bottom: 2px;
   }
   .us_title a.btn-back {
       color: #000;
       padding: 3px 5px;
       border: 1px solid #c28302;
       font-size: 10px;
       font-weight: 600;
   }
   .searchform2 .custom-control-label::before{
       border-radius:50px;
   }
   .custom-control-input:checked~.custom-control-label::before{
       background-color: #f5b942;
       border-color: #f5b942;
   }
   .searchform2 .font-check-inline {
       display: flex;
       justify-content: center;
       align-items: center;
   }
   .searchform2 .font-check-inline label {
       margin: 0 20px;
       display: flow-root;
   }
   .searchform2 .font-check-inline input {
       position: inherit;
       border-radius: 100px;
   }
   .bms-tabs a {
       text-transform: uppercase;
       font-size: 12px;
       color: #000;
       border-radius: 0 !important;
       letter-spacing: 1px;
       cursor: pointer;
       border: none !important;
   }
   
   .bms-tabs a.active,
   .bms-tabs a:hover {
       color: #fff !important;
       border: none !important;
   }
   
   .matched-unmatched-ui table thead th {
       text-transform: uppercase;
       font-size: 12px;
       padding: 8px 5px;
       font-weight: 700;
       background: #f1f1f1;
       border: none;
       white-space: nowrap;
   }
   
   .matched-unmatched-ui table {
       background: #fff;
       border: 1px solid #ebebeb;
   }
   .matched-unmatched-ui table td .btn-info{
       background: #f5b942;
       color: #000;
       border-color: #f5b942;
       padding: 4px;
       line-height: normal;
       height: auto;
       font-size: 12px;
       font-weight: 600;
   }
   .matched-unmatched-ui table td .btn-info:active{
       background-color: #000 !important;
       border-color: #000 !important;
   }
   .matched-unmatched-ui table tbody td {
       text-transform: capitalize;
       font-size: 12px;
       padding:5px;
       font-weight: 500;
       border: 1px solid #ebebeb;
       vertical-align: middle;
   }
   
   .matched-unmatched-ui table tbody tr:hover {
       background: #e7e7e7 !important;
   }
   
   .matched-unmatched-ui table tbody tr:nth-child(odd) {
       background: #fff;
   }
   
   .matched-unmatched-ui table tbody tr:nth-child(even) {
       background: #f9f9f9;
   }
   
   .matched-unmatched-ui table tbody tr td {
       white-space: nowrap;
   }
   .matched-unmatched-ui table tbody tr td button{
       border: none;
   }
   .value-stakes .input-group .input-group-text {
       background: #ddd;
       text-transform: uppercase;
       font-weight: 700;
       font-size: 12px;
       cursor: pointer;
       border: none;
   }
   .value-stakes input {
       box-shadow:none;
       border: none;
       background: none;
       border-radius: 0;
       text-align: center;
       padding: 0;
       width: 100%;
   }
   .value-stakes input:focus{
       box-shadow: none;
   }
   .text-blue {
       color: #15b9ff;
   }
   
   .text-red {
       color: #ec5577;
   }
   .text-red:hover{
       color: red;
   }
   
   .matched-unmatched-ui table tbody td span {
       display: block;
   }
   
   .value-stakes .input-group input::placeholder {
       font-size: 12px;
       text-transform: uppercase;
   }
   
   .value-stakes .btn-group {
       border: 1px solid #ddd;
       padding: 10px;
   }
   .value-stakes .btn-group button.btn-block{
       margin-top: 5px;
       border-radius: 5px;
   }
   .value-stakes .btn-group button.btn-stakes {
       font-size: 12px;
       border: none;
       border-radius: 10px;
       max-width: calc(50% - 4px);
       margin: 4px 2px;
       height: 40px;
   }
   .stk-save {
       background: rgb(178, 19, 24);
       display: block;
       width: 100%;
       padding: 5px;
       text-transform: uppercase;
       font-size: 14px;
       color: #fff;
   }
   
   .click-bet-slip .panel-body {
       box-shadow: rgb(0 0 0 / 12%) -1px 2px 6px, rgb(0 0 0 / 8%) 1px 5px 10px;
       background: #fff;
       padding: 10px 5px;
       margin-bottom: 10px;
       border-top: 1px solid #f5f5f5;
   }
   
   .cb-bet button {
       background: transparent;
       border: 1px solid rgb(178, 19, 24);
       border-radius: 50px;
       width: 70px;
   }
   
   .cb-bet button.cb-bet-active {
       background-image: linear-gradient(to right, rgb(178, 19, 24) 40%, rgb(228, 42, 37));
       color: #fff;
   }
   
   .exposureModal table th{
       padding: 7px;
       background: var(--theme-primary);
       color: #000;
       text-align: center;
   }
   .exposureModal table td{
       padding: 7px;
       text-align: center;
   }
   .exposureModal table td.red:hover{
       background: none;
   }
   .selection-pnl {
   /*    display: flex;*/
       width: 100%;
       margin-left: 5px;
       /*text-align: right;
       justify-content: end;*/
   }
   span.mrkt-volume.text-right {
       margin: 0 5px;
   }
   .mrkt-volume {
   /*    position: absolute;
       right: 7%;
       top: 0;
       bottom: 0;*/
       font-size: 11px;
       font-weight: 800;
   }
   .fancy_rows .mrkt-volume{
       position: absolute;
       right: 10%;
       top: 3px;
       font-size: 12px;
   }
   .exposureModal .modal-header,
   .exposureModal .modal-footer,
   .exposureModal .modal-body{
       padding: 6px;
   }
   span.mrkt-volume.red {
       color: red;
       background: none;
   }
   span.mrkt-volume.green {
       color: green;
       background: none;
   }
   .gray_tabs {
       background: #f1f1f1;
   }
   .gray_tabs li a {
       font-size: 14px;
       padding: 7px 10px;
       border-radius: 0 !important;
       color: #000;
   }
   .gray_tabs li a.active, .gray_tabs li a:hover {
       background: #f5b942 !important;
   }
   .game-icon img {
       width: 25px;
   }
   
   .bet-nation-name {
       display: inline-flex;
       align-items: center;
       width: 30%;
   }
   
   .horse-table-row {
       display: flex;
       align-items: center;
       padding: 5px;
       border-bottom: 1px solid #dbdbdb;
   }
   
   .horse-table-row .horse-time-detail {
       display: flex;
       align-items: center;
   }
   
   .game-icon {
       margin-right: 5px;
   }
   
   .bet-nation-game-name {
       font-size: 14px;
   }
   
   .horse-table-row .horse-time-detail a {
       background: #f5b942;
       color: #000;
       font-size: 14px;
       border-radius: 4px;
       margin-right: 5px;
       display: flex;
       align-items: center;
       padding: 3px;
   }
   /*detail*/
   
   /*betting table*/
   .betting-section .us_title {
       display: none;
   }
   .betting-section {
       background: #fff;
       padding: 5px;
       position: fixed;
       overflow-y: scroll;
       overflow-x: hidden;
       top: 55px;
       bottom: 0;
       width: 24.5%;
   }
   
   .red-bet {
       background: #ffe7ed;
   }
   
   .red-bet .eventname {
       color: #ff0039;
       font-size: 12px;
       font-weight: 100;
       text-transform: uppercase;
   }
   
   .red-bet .btn-co,
   .blue-bet .btn-co {
       border: 1px solid #ffa8bd !important;
       color: #ffa8bd;
   }
   
   .blue-bet {
       background: #d3f2ff;
   }
   
   .blue-bet .eventname {
       color: #000;
       font-size: 12px;
       text-transform: uppercase;
   }
   
   .bet-table {
       border-radius: 5px;
       padding: 5px;
       position: relative;
       box-shadow: rgba(0, 0, 0, 0.12) -1px 2px 6px, rgba(0, 0, 0, 0.08) 1px 5px 10px;
       margin-bottom: 15px;
   }
   
   .bet-table .teamname {
       color: #000;
       font-size: 14px;
       font-weight: 600;
       text-transform: capitalize;
   }
   
   .bet-table .bet-close {
       position: absolute;
       right: 5px;
       top: 5px;
   }
   .bet-table .row {
       border: none !important;
       background: none !important;
   }
   .bet-table .bet-close img {
       width: 10px;
       height: 10px;
   }
   .bet-table .card{
       border: none;
   }
   .bet-table .card .card-header {
       justify-content: center;
       display: flex;
       background: #f9f9f9;
       padding: 0;
       border: none;
   }
   .min-btn{
       background: #FECE00 !important;
           border: none !important;
       text-transform: uppercase;
       font-size: 11px !important;
   }
   .max-btn{
       background: #74B7FE !important;
           border: none !important;
       text-transform: uppercase;
       font-size: 11px !important;
   }
   .allin-btn{
       background: #A6FF92 !important;
           border: none !important;
       text-transform: uppercase;
       font-size: 11px !important;
   }
   .clear-btn{
       background: #FEFB9F !important;
           border: none !important;
       text-transform: uppercase;
       font-size: 11px !important;
   }
   .red-bet .card .input-group-text{
       background: #ffa8bd;
   }
   .blue-bet .card .input-group-text{
       background: #87dcff;
   }
   .blue-bet .card-body .btn-group button{
       border: 1px solid #87dcff;
   }
   .blue-bet .card-body .row .col-6 .input-group{
       border: 1px solid #87dcff;
   }
   .red-bet .card-body .btn-group button{
       border: 1px solid #ffa8bd;
   }
   .red-bet .card-body .row .col-6 .input-group{
       border: 1px solid #ffa8bd;
   }
   .bet-table .card .input-group-text {
       color: #fff;
       border: none;
       width: 32px;
       padding: 0;
       text-align: center;
       display: grid;
       border-radius: 0;
       cursor: pointer;
   }
   
   .bet-table .card .card-body input {
       background: #f5f5f5;
       height: 30px;
       border: none;
       color: #000;
       text-align: center;
       font-size: 12px;
       font-weight: 100;
   }
   
   .bet-table .card .card-body label {
       font-size: 12px;
       font-weight: 100;
       text-transform: capitalize;
   }
   
   .bet-table .card .card-body p {
       font-size: 12px;
       height: 30px;
       align-items: center;
       display: flex;
       font-weight: 100;
       font-style: italic;
   }
   
   .bet-table .card .card-header p {
       font-weight: 600;
       color: #000;
       margin: 0;
       font-size: 10px;
       width: 50%;
       text-transform: uppercase;
       padding: 5px;
       text-align: center;
   }
   
   .bet-table .card .card-header p:first-child {
       border-right: 1px solid #f1f1f1;
   }
   
   .bet-table .card .pb-co {
       justify-content: center;
       display: flex;
   }
   
   .bet-table .card .pb-co button {
       box-shadow: none;
       text-transform: uppercase;
       width: 50%;
       font-size: 13px;
       border-color: transparent;
       margin: 0 2px;
       border-radius: 4px;
       padding: 5px;
       font-weight: 700;
       background: #fff;
   }
   
   .bet-table .card .btn-po {
       background: #00ac00 !important;
       color: #fff;
   }
   
   .bet-table .card-body .btn-group {
       display: block;
   }
   
   .bet-table .card-body .btn-group button {
       font-size: 13px;
       padding: 0.3em;
       text-align: center;
       background-color: transparent;
       border-radius: 99em;
       width: 23.5%;
       color: #111;
       cursor: pointer;
       margin-bottom: 5px;
   }
   .bet-table .card .input-group-text{
       color: #000;
   }
   .bet-table .card-body .row .col-6 .input-group {
       border-radius: 6px;
   }
   .bet-table .card-body .row .col-6:last-child input {
       border: 1px solid #ddd;
       border-radius: 5px;
       background: none;
   }
   .bet-table .card-body .row .col-6 .input-group input {
       background: none;
   }
   .bet-table .card-body .btn-group button{
       margin-right: 4px;
   }
   /*betting table*/
   
   /*right-bar*/
   
   .right-bar .click-bet-slip .panel {
       margin-bottom: 8px;
   }
   
   .right-bar .click-bet-slip h4 {
       font-size: 14px;
       text-transform: uppercase;
       padding: 10px 10px;
       background: #fff;
       position: relative;
       margin-bottom: 0;
   }
   
   .right-bar .click-bet-slip h4 a i {
       position: absolute;
       right: 10px;
   }
   
   .right-bar .click-bet-slip h4 a.collapsed i:before {
       content: "\efc2";
       font-family: IcoFont;
       font-weight: 400;
       font-style: normal;
   }
   
   .right-bar .click-bet-slip h4 a i:before {
       content: "\ef9a";
       font-family: IcoFont;
       font-weight: 400;
       font-style: normal;
   }
   
   /*right-bar*/
   
   #tabs-mobile,
   .mobile-menu,
   #mobile-slider,
   #me-slider {
       display: none;
   }
   
   .depo_withd{
       margin: 0;
       width: 100%;
       position: sticky;
       top: 55px;
   }
   .depo_withd .col-6{
       padding: 0;
   }
   .depo_withd button{
       width: 100%;
       height: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       font-weight: 600;
       border: 1px solid #fff;
       font-size: 13px;
   }
   .depo_withd button img {
       /* filter: invert(1); */
       width: 20px;
       margin-right: 5px;
   }
   .btn_deposit img,
   .btn_withdrawal img{
       /* filter: invert(1); */
       width: 20px;
       margin-right: 5px;
       /* display: none; */
   }
   .btn_deposit{
       border: none;
       background: green;
       text-transform: uppercase;
       color: #fff;
       padding: 8px;
       font-weight: 600;
       font-size: 12px;
       display: flex;
       align-items: center;
       margin-right: 2px;
   }
   .btn_withdrawal{
       border: none;
       background: red;
       text-transform: uppercase;
       color: #fff;
       padding: 8px;
       font-weight: 600;
       font-size: 12px;
       display: flex;
       align-items: center;
       margin-right: 5px;
   }
   .depo_withd{
       display: none;
   }
   .no-event-div {
       height: calc(100vh - 170px);
       display: flex;
       justify-content: center;
       align-items: center;
       border: 4px solid #ddd;
   }
   .no-event-div h2 {
       margin: 0 !important;
       font-size: 20px;
       text-transform: uppercase;
       font-weight: 600;
       font-style: italic;
       border-bottom: 1px dashed #efb33c;
       padding-bottom: 5px;
   }
   .rules-container .panel.card{
       border: 1px solid #f5b942;
       margin-bottom: 5px;
   }
   .rules-container .panel-heading{
       padding: 5px 15px;
       background: #f5b942;
       border: none;
   }
   .rules-container .panel-heading button{
       padding: 0;
       color: #000;
       text-transform: uppercase;
       font-weight: 600;
   }
   .rules-container .panel-body{
       padding: 15px;
   }
   .rules-container .panel-body table{
       margin-bottom: 0;
   }
   .rules-container .panel-body td{
       padding: 4px;
       font-size: 15px;
   }
   .login-time small.mx-2.text-dark{
       color: #fff !important;
   }
   .rules,
   .rules:hover {
       color: #fff;
       text-transform: uppercase;
       padding: 5px;
       font-weight: 600;
       font-size: 12px;
       text-decoration: underline;
   }
   .mrkhead_bl_mobile{
       display: none;
   }
   .mango_mobile{
       display: none;
   }
   .marketname_mobile{
       display: none !important;
   }
   .mobile_div{
    display: none !important;   
   }
   .newtab_collect .nav-tabs a {
       font-weight: 700;
       border-radius: 5px;
       text-transform: uppercase;
       color: var(--theme-primary) !important;
       margin-right: 3px !important;
       font-size: 12px;
       padding: 5px 45px;
       position: relative;
       border: 1px solid var(--theme-primary) !important;
   }
   .blink-soft {
       animation: blinker 1.5s linear infinite;
       text-transform: uppercase;
       font-size: 9px;
       position: absolute;
       top: 2px;
       font-style: normal;
       margin-left: 5px;
       background: var(--theme-secondary);
       padding: 3px 4px;
       line-height: 1;
       border-radius: 2px;
       color: #fff;
   }
   @keyframes blinker {
     50% {
       opacity: 0;
     }
   }
   .close{
       text-shadow: none;
   }
   .premium-iframe {
     text-align: center;
     background: var(--theme-primary);
     width: 100%;
     height: 100vh;
     border: none;
   }
   .rules-container .card-header {
     background: var(--theme-primary);
     padding: 8px 10px;
   }
   .rules-container .card-header .close {
     color: #000;
     opacity: 1;
     position: absolute;
     right: 10px;
     top: 10px;
     font-size: 20px;
   }
   .rules-container p, .rules-container li {
     font-size: 13px;
   }
   .loginpage{}
   .loginpage form{
       padding: 10px;
       background: #fff;
       box-shadow: 0 0 10px 10px #eee;
   }
   .loginpage input{
       height: 45px;
       border-radius: 10px !important;
   }
   .loginpage label{
       text-transform: capitalize;
       font-size: 10px;
       color: #444;
       margin-bottom: 0;
   }
   .loginpage .loginbtn{
       background: var(--theme-primary);
       width: 100%;
       color: #fff;
   }
   .nodata{
       text-align: center;
       display: block;
       padding: 5px;
       background: #ddd;
   }
   @media (max-width: 768px) {
    body.mobileMegaMenu:after {
        content: "";
        background: #0000005e;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 32;
    }
    body.mobileMegaMenu {
        overflow-y: hidden;
    }
    .app-upcoming .row{
        margin: 0;
    }
    .race-section .race_detail{
        /* width: 105px;
        height: 55px; */
    }
       span.min-max{
        color: #000;
            font-size: 10px;
            margin-left: 5px;
       }
       .market_col_new .min-max {
           display: none;
       }
       .login-time small.mx-2.text-dark {
           display: none;
       }
       .mobile_div{
           display: block !important;
       }
       .desktop_div{
           display: none;
       }
       .market_col_new{
           width: 65%;
           line-height: normal;
       }
       .cashout-btn{
           right: -45%;
       }
       .marketname_desktop{
           display: none !important;
       }
       .marketname_mobile{
           display: flex !important;
       }
       .odds-even-sec .two-teams p {
           font-size: 13px;
       }
       .mrkhead_bl_mobile{
           display: flex;
       }
       .mrkhead_bl_desktop{
           display: none;
       }
       .fancy_rows .row {
           margin: 0;
       }
       .fancy_rows .row .col-md-5.col-7 {
           padding: 0;
       }
       .detail-content p.team-name{
           display: block;
       }
       .login-modal .modal-body{
           padding: 3px 10px;
       }
       .inner-content .marquee{
           width: 100% !important;
           margin: 0;
           padding: 0;
           margin-top: 4px;
       }
       .fancyTabs ul {
           display: block;
           white-space: nowrap;
           overflow-y: hidden;
           overflow-x: auto;
           text-align: center;
           background: var(--theme-primary);
           padding: 1px 0;
       }
   
       .fancyTabs ul li {
           display: inline-block;
           line-height: normal;
       }
       .fancyTabs ul li a{
           background: #f6f6f6 !important;
           border-right: 1px solid var(--theme-primary) !important;
       }
       .intcasino-sub-tab img {
            height: 70px;
        }
       .depo_withd{
           background: #fff;
           display: inline-flex;
           z-index: 9;
       }
       .btn_deposit,
       .btn_withdrawal{
           margin: 0;
           border-radius: 0;
       }
       .device-time button{
           display: none;
       }
       .matched-unmatched-ui table tbody td{
           padding: 3px 5px;
       }
       .search-datewie button{
           width: 100%;
       }
       .topbar-info .col-4 {
           padding: 0 2px;
       }
       .top-user-menus button img{
           display: block;
           margin: 0 auto;
       }
       .d-qr-none{
           right: 10px;
           top:-95px;
       }
       .d-qr-none img{
           width: 85px;
       }
       .mango_desktop{
           display: none;
       }
       .mango_mobile{
           display: inline-block;
       }
       .footer img{
           margin: 0 auto;
       }
       .footer{
           text-align: center;
           margin: 0 auto;
           background: #F6F5FA;
           padding-bottom: 80px;
       }
       /* .footer .text-white,
       .footer div,
       .footer a,
       .footer p{
           color: #000 !important;
       } */
       .color-black, .color-black .text-white,
       .color-black div,
       .color-black a,
       .color-black p {
           color: #000 !important;
       }
   
       .footer p{
           padding: 5px 0;
       }
       .footer span.support {
           display: inline-flex;
       }
       .innertabs{
           /* overflow-x: auto;
           display: block;
           white-space: nowrap; */
       }
       .innertabs li{
           display: inline-block;
       }
       .bet-nation-name{
           width: 100%;
           margin-bottom: 5px;
       }
       .horse-table-row{
           display: block;
       }
       .exposureModal .modal-header,
       .exposureModal .modal-footer,
       .exposureModal .modal-body{
           padding: 6px;
       }
       .mrkt-volume {
   /*        position: absolute;
           right: 12%;
           top: 3px;
           bottom: 0;*/
       }
       .inner-title{
           position: relative;
           letter-spacing: normal;
           align-items: center;
           margin-bottom: 5px;
           display: flex;
           justify-content: center;
       }
       .inner-title span {
            display: flex;
        }
       /* .inner-title i{
           margin: 0 5px;
       } */
       .inner-title img{
        display: block;
           margin: 0 3px;
       }
       .detail-content .inner-title{
           font-size: 15px;
           margin-bottom: 0;
           padding: 5px 0;
       }
       .detail-content .inner-title em {
           width: calc(100% - 130px);
           padding: 0 5px;
           font-style: normal;
       }
       .detail-datetime{
           font-size: 7px;
       }
       .odds-even-sec .row:nth-child(odd) {
           background: #fff;
       }
       .market_heading{
           background: #f6f6f6 !important;
       }
       .odds-even-sec .row{
           padding: 1px 0 !important;
           border-bottom: 1px solid #f6f6f6;
       }
       .bet-table{
           margin-bottom: 0;
           box-shadow: none;
       }
       .innertabs li a{
   /*        padding: .2rem .4rem;*/
       }
       .col-12.middle-scroll {
           padding: 0 4px;
           height: auto;
       }
       .betting-section {
           width: 100%;
       }
       /*userpages*/
       #filter.collapse:not(.show) {
           display: none;
       }
       .user-pages .card-body {
           padding: 1rem;
       }
       .user-pages .form-row input,
       .user-pages .form-row select {
           margin-bottom: 8px;
       }
       .user-pages table th,
       .user-pages table td {
           white-space: nowrap;
       }
       /*end*/
       .detail-content .odds-even-sec .col-md-5.col-12 {
           padding-left: 5px;
           font-size: 12px;
       }
       .matched-count{
           font-size: 8px;
       }
       .detail-content .odds-even-sec{
           margin-bottom: 1px;
       }
       .odds-even-sec .btn-group{
           width: 100%;
       }
       .detail-content .odds-even-sec .odds-bl-head .bl-btns {
           width: 55px !important;
       }
       .odds-even-sec .odds-bl .bl-btns {
           height: 40px;
       }
       .odds-even-sec .col-md-7.col-12::before {
           display: none;
       }
       .back-to-top {
           display: none !important;
       }
       #tabs-mobile,
       .mobile-menu,
       #mobile-slider,
       #me-slider {
           display: block;
       }
       .portfolio-details .portfolio-description h2 {
           width: 100%;
       }
       .portfolio-details .portfolio-info {
           position: static;
           margin-top: 30px;
       }
       #header.header-scrolled {
           top: 0;
           padding: 0;
       }
       .login-time span.blnc{
           display: block;
       }
       .login-time{
           padding-right: 3px;
       }
       .login-time span {
           display: none;
       }
       .login {
           padding: 8px 12px;
           font-size: 12px;
           display: flex;
           white-space: nowrap;
           margin-right: 2px;
           height: auto;
       }
       .login img {
           margin-right: 5px;
       }
       #slider {
           margin-top: 55px;
       }
       /*.slider-div .carousel-inner img {
           height: auto;
           object-fit: cover;
       }*/
       #portfolio,
       #fastest-oods,
       #betting-experience,
       #casino{
           display: none;
       }
       .m-custom-tabs .row {
           margin: 0 8px;
       }
       .m-custom-tabs .row .col-4 {
           padding: 0;
       }
       .m-custom-tabs .row .col-8 {
           padding-right: 0;
       }
       .m-custom-tabs .nav-pills a {
           color: #000;
           font-size: 12px;
           text-transform: uppercase;
           background: #ffffff80;
           border-radius: 5px;
           margin-bottom: 10px;
           padding: 12px 0;
       }
       .m-custom-tabs .nav-pills a img {
           width: 25px;
           display: block;
           margin-left: auto;
           margin-right: auto;
       }
       .m-custom-tabs .nav-pills a.active {
           color: #fff;
           background: var(--theme-primary);
       }
       .m-custom-tabs .nav-pills a.active img {
            filter: invert(100%) sepia(75%) saturate(2%) hue-rotate(184deg) brightness(106%) contrast(101%);
       }
       .m-custom-tabs .tab-content img {
           margin-bottom: 4px;
           border-radius: 5px !important;
           display: block;
           width: 100%;
       }
       .tab-img-div {
           position: relative;
       }
       .tab-content .tab-img-div:last-child img{
           margin-bottom: 0;
       }
       .tab-img-div p {
           position: absolute;
           bottom: 0;
           color: #fff;
           text-transform: uppercase;
           margin: 0;
           width: 100%;
           text-align: center;
           font-size: 15px;
           font-weight: 500;
           background: rgb(0 0 0 / 50%);
           border-radius: 5px;
       }
   /*    mobiel menu*/
   .bottom-tabs.nav-up{
       transition: all .5s ease-out;
   }
   .bottom-tabs.nav-down{
       transition: all .5s ease-in;
   }
   .bottom-tabs {
       position: fixed;
       left: 0;
       right: 0;
       bottom: 0;
       color: #040404;
       font-size: 13px;
       z-index: 99;
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       scroll-behavior: smooth;
   }
   .bottom-tabs .bottom-image {
       content: '';
       background: var(--theme-topbar);
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       width: 100%;
       position: absolute;
       top: 0;
       bottom: -2px;
       left: 0;
       right: 0;
   }
   .nav-down {
       position: relative;
   }
   .bottom-tabs ul {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0;
       padding: 0;
   }
   .bottom-tabs ul li {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 60px;
       -ms-flex-preferred-size: 20%;
       flex-basis: 20%;
       text-align: center;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
   }
   .bottom-tabs ul li a {
       top: 0;
       color: var(--primary-text-color);
       cursor: pointer;
       position: relative;
   }
   .bottom-tabs ul li a {
       color: #adadad;
   }
   .bottom-tabs ul li a svg {
       display: inline-block;
       margin: auto;
       width: 23px;
       height: 23px;
       filter: contrast(0);
   }
   
   .bottom-tabs ul li .title-name {
       color: #fff;
       z-index: 9;
       font-weight: 500;
       font-size: 12px;
       line-height: 1.3;
       margin-bottom: 2px;
   }
   
   .bottom-tabs ul li.big {
       top: -15px;
       position: absolute;
       height: 50px;
       width: 50px;
       margin: 0 auto;
       left: 0;
       right: 0;
       bottom: 10px;
   }
   
   .bottom-tabs ul li.big::before {
       content: "";
       position: absolute;
       left: 0;
       right: 0;
       width: 50px;
       height: 50px;
       background-color: #000;
       border-radius: 10%;
   }
   
   .bottom-tabs ul li.big a {
       position: relative;
       color: #ababab;
       top: -12px;
       background-color: transparent;
       width: auto;
       height: auto;
       margin-top: auto;
   }
   .bottom-tabs ul li.big a i{
       color: #fff;
   }
   .bottom-tabs ul li a.blank-bg {
       background-color: transparent;
       width: auto;
       height: auto;
   }
   
   .bottom-tabs ul li a i {
       font-size: 28px;
       color: #fff;
       margin: auto;
       -webkit-transition: all .2s ease-in;
       transition: all .2s ease-in;
   }
       /*.mobile-bottom-nav {
           position: fixed;
           bottom: 0;
           left: 0;
           right: 0;
           will-change: transform;
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
           box-shadow: none;
           width: 100%;
           display: inline-flex;
           align-items: center;
           z-index: 999;
           justify-content: center;
           background: #fff;
           height: auto;
       }
       .mobile-bottom-nav .mbn-col-3 {
           width: 25%;
           display: grid;
           position: relative;
           z-index: 999;
           color: #fff;
           font-weight: 100;
           height: 48px;
           justify-content: center;
           align-items: center;
           align-content: center;
           text-align: center;
           transition: 0.9s;
       }
       .mobile-bottom-nav .active-menu{
           background: #fff;
       }
       .mobile-bottom-nav .mbn-col-3.active-menu i {
           color: #f5b942;
       }
       .mobile-bottom-nav i{
           font-size: 18px !important;
       }
       .mobile-bottom-nav span,
       .mobile-bottom-nav i {
           text-transform: uppercase;
           font-size: 12px;
           font-weight: 200;
           display: block;
           color: rgb(36, 38, 41);
       }*/
       /*mobile menubar*/
       .me-slider .row.bg-danger {
           background: #f5b942 !important;
           text-transform: capitalize;
           color: #fff;
           font-size: 12px;
           border-top-right-radius: 5px;
           border-top-left-radius: 5px;
       }
       .me-slider .row.bg-white {
           padding: 5px 0;
           background: #fff;
           border-bottom-left-radius: 5px;
           border-bottom-right-radius: 5px;
       }
       .me-slider .row img {
           width: 22px;
           margin: 0 2px;
       }
       .me-slider .row h5 {
           color: #000;
           font-size: 13px;
           text-transform: capitalize;
           align-content: center;
           align-self: center;
           margin: 0;
       }
       .me-slider .me-info {
           background-color: #f0f0f0;
           color: #000;
           border: 1px solid rgba(0, 0, 0, .12);
           font-size: 11px;
           padding: 1px 5px;
           border-radius: 0px;
           font-weight: 500;
       }
       .main-content {
           padding-bottom: 4em;
       }
       body.mobileMegaMenu #sidebar-mobilemenu {
           left: 0;
           margin-left: 0;
           height: 100%;
           position: fixed;
           z-index: 66;
           width: 80%;
           top: 0;
           padding: 0 5px;
           display: block !important;
           padding-bottom: 80px;
       }
       #sidebar-mobilemenu.d-sm-none {
           display: none !important;
       }
       .icofont-menuclose:before {
           content: "\efa2";
       }
       .mobileMegaMenu .icofont-menuclose:before {
           content: "\eee4";
       }
       .slider-div .carousel-indicators{
           margin: 0;
       }
       .inner-content{
           padding-bottom: 65px;
           overflow-x: hidden;
           margin-top: 55px;
       }
       .detail-content p.team-name{
   /*        font-size: 11px;*/
       }
       .fancy_rows .mrkt-volume{
           font-size: 10px;
           right: 19px;
           top: 14px;
       }
       .filter-drop-shadow{
           filter: drop-shadow(2px 4px 6px black);
       }
       .odds-even-sec .row .col-md-2.col-4.pr-1{
           padding-left: 3px;
       }
       .odds-even-sec .date-timer{
           display: block;
           text-align: right;
           font-size: 13px;
       }
       .odds-even-sec .marketname{
           font-size: 11px;
           position: inherit;
           justify-content: end;
       }
       .odds-even-sec .in-play{
           margin-right: 0;
           margin-left: 5px;
       }
       .top-user-menus button{
   /*        font-size: 11px;*/
       }
       .odds-even-sec .fav-sports{
           margin-right: 0;
       }
   }
   @media (max-width: 390px) {
       .fancy_rows p.team-name {
           display: flex;
           align-items: center;
           width: 77%;
           height: 40px;
           /*white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;*/
       }
   }
   @media (max-width: 320px) {
       .fancy_rows p.team-name{
           width: 70%;
       }
       .login{
           padding: 7px 9px;
           font-size: 10px;
       }
       .detail-content p.team-name{
           font-size: 11px;
       }
       .odds-even-sec .two-teams p {
           font-size: 11px;
           max-width: 145px;
       }
       .cashout-btn {
           font-size: 8px;
           padding: 1px;
           letter-spacing: 0;
       }
   }
   .live__chat {
    align-items: center;
    border-radius: 34px 8px 34px 34px;
    bottom: 6px;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: fixed;
    right: 25px;
    z-index: 9995;
    height: 50px;
    width: 50px;
    background: #000;
    bottom: 70px;
   }