
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
 /*
@font-face {
  font-family: 'Helvetica';
  src: url('fonts/Helvetica.eot');
  src: url('fonts/Helvetica.eot') format('embedded-opentype'),
       url('fonts/Helvetica.woff2') format('woff2'),
       url('fonts/Helvetica.woff') format('woff'),
       url('fonts/Helvetica.ttf') format('truetype'),
       url('fonts/Helvetica.svg#Helvetica') format('svg');
}

@font-face {
  font-family: 'helveticalight';
  src: url('fonts/helveticalight.eot');
  src: url('fonts/helveticalight.eot') format('embedded-opentype'),
       url('fonts/helveticalight.woff2') format('woff2'),
       url('fonts/helveticalight.woff') format('woff'),
       url('fonts/helveticalight.ttf') format('truetype'),
       url('fonts/helveticalight.svg#helveticalight') format('svg');
}

@font-face {
  font-family: "Noto Sans", sans-serif;
  src: url('fonts/HelveticaBold.eot');
  src: url('fonts/HelveticaBold.eot') format('embedded-opentype'),
       url('fonts/HelveticaBold.woff2') format('woff2'),
       url('fonts/HelveticaBold.woff') format('woff'),
       url('fonts/HelveticaBold.ttf') format('truetype'),
       url('fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}
		 */
		 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
         :root {--bg-body: #23292E;--text-body: #AAAFB5;--bg-sidebar: #16191C;--text-sidebar: #AAAFB5;--bg-table: #2E3439;--text-table: #AAAFB5;--bg-table-header-new: #762E56!important;--text-table-header-new: #eeeeee!important;--text-highlight: #ffffff;--text-fancy: #FDCF13;--btn-primary: #03B37F;--btn-reset: #FC4242;--bg-tabs: #03b37f33;--bg-news: ;}

         :root {
             /* --table-hover: #000000BF; */
             --text-white: #ffffff;
             --text-black: #000000;
             --text-yellow: #fdcf13;
             --text-red: #fc4242;
             --text-green: #03b37f;
             --bg-success: #03b37f;
             --bg-success-hover: #008e64;
             --bg-warning: #fdcf13;
             --bg-danger: #fc4242;
             --bg-info: #f18521;
             --bg-bet: #03b37f52;
             --bg-tabs: #03b37f33;
             --book-green: #39ff39;
             --book-red: #f7505e;
             --back: #72bbef;
             --back-hover: #4fa1dc;
             --back1: #72bbefcc;
             --back2: #72bbefa3;
             --lay: #f994ba;
             --lay-hover: #e16f9a;
             --lay1: #f994bacc;
             --lay2: #f994baa3;
             --back-title: #72bbef80;
             --lay-title: #f994ba80;
             --football: #03b37f;
             --football_75: #03b37fbf;
             --football_50: #03b37f80;
             --tennis: #f18521;
             --tennis_75: #f18521bf;
             --tennis_50: #f18521a3;
             --boxing: #e44e23;
             --boxing_75: #e44e23bf;
             --boxing_50: #e44e2380;
             --cricket: #20327b;
             --cricket_75: #20327bbf;
             --cricket_50: #20327b80;
             --golf: #015900;
             --golf_75: #015900bf;
             --golf_50: #01590080;
             --beach-volleyball: #ff9c63;
             --beach-volleyball_75: #ff9c63bf;
             --beach-volleyball_50: #ff9c6380;
             --table-tennis: #db2752;
             --table-tennis_75: #db2752bf;
             --table-tennis_50: #db275280;
             --futsal: #74c94b;
             --futsal_75: #74c94bbf;
             --futsal_50: #74c94b80;
             --horse-racing: #9e4025;
             --horse-racing_75: #9e4025bf;
             --horse-racing_50: #9e402580;
             --egames: #623cea;
             --egames_75: #623ceabf;
             --egames_50: #623cea80;
             --grey-hounds: #e89780;
             --grey-hounds_75: #e89780bf;
             --grey-hounds_50: #e8978080;
             --trotting: #996658;
             --trotting_75: #996658bf;
             --trotting_50: #99665880;
             --speedway: #c14347;
             --speedway_75: #c14347bf;
             --speedway_50: #c1434780;
             --basketball: #fbb03b;
             --basketball_75: #fbb03bbf;
             --basketball_50: #fbb03ba3;
             --moto-gp: #9fbe3c;
             --moto-gp_75: #9fbe3cbf;
             --moto-gp_50: #9fbe3c80;
             --chess: #0e345e;
             --chess_75: #0e345ebf;
             --chess_50: #0e345e80;
             --vollyball: #074a60;
             --vollyball_75: #074a60bf;
             --vollyball_50: #074a6080;
             --ice-hockey: #2f7ed5;
             --ice-hockey_75: #2f7ed5bf;
             --ice-hockey_50: #2f7ed580;
             --equine-sports: #e07a5f;
             --equine-sports_75: #e07a5fbf;
             --equine-sports_50: #e07a5f80;
             --australians-rules: #ff6457;
             --australians-rules_75: #ff6457bf;
             --australians-rules_50: #ff645780;
             --badminton: #3c7a57;
             --badminton_75: #3c7a57bf;
             --badminton_50: #3c7a5780;
             --formula-1: #bf6f7e;
             --formula-1_75: #bf6f7ebf;
             --formula-1_50: #bf6f7e80;
             --nascar: #cb2755;
             --nascar_75: #cb2755bf;
             --nascar_50: #cb275580;
             --hockey: #3d2b58;
             --hockey_75: #3d2b58bf;
             --hockey_50: #3d2b5880;
             --supercars: #772b59;
             --supercars_75: #772b59bf;
             --supercars_50: #772b5980;
             --netball: #279a95;
             --netball_75: #279a95bf;
             --netball_50: #279a9580;
             --surfing: #81a6ff;
             --surfing_75: #81a6ffbf;
             --surfing_50: #81a6ff80;
             --cycling: #60a5da;
             --cycling_75: #60a5dabf;
             --cycling_50: #60a5da80;
             --gaelick-sports: #07695f;
             --gaelick-sports_75: #07695fbf;
             --gaelick-sports_50: #07695f80;
             --biathlon: #2f158b;
             --biathlon_75: #2f158bbf;
             --biathlon_50: #2f158b80;
             --motorbikes: #bd6a58;
             --motorbikes_75: #bd6a58bf;
             --motorbikes_50: #bd6a5880;
             --athletics: #d96c0d;
             --athletics_75: #d96c0dbf;
             --athletics_50: #d96c0d80;
             --squash: #446ea6;
             --squash_75: #446ea6bf;
             --squash_50: #446ea680;
             --basketball-3-3: #e83d1a;
             --basketball-3-3_75: #e83d1abf;
             --basketball-3-3_50: #e83d1a80;
             --floorball: #04adbf;
             --floorball_75: #04adbfbf;
             --floorball_50: #04adbf80;
             --sumo: #d95b66;
             --sumo_75: #d95b66bf;
             --sumo_50: #d95b6680;
             --virtual-sports: #d592ff;
             --virtual-sports_75: #d592ffbf;
             --virtual-sports_50: #d592ff80;
             --handball: #69306d;
             --handball_75: #69306dbf;
             --handball_50: #69306d80;
             --politics: #b4845b;
             --politics_75: #b4845bbf;
             --politics_50: #b4845b80;
             --weather: #518cad;
             --weather_75: #518cadbf;
             --weather_50: #518cad80;
             --tv-games: #513896;
             --tv-games_75: #513896bf;
             --tv-games_50: #51389680;
             --lottery: #e9bc26;
             --lottery_75: #e9bc26bf;
             --lottery_50: #e9bc2680;
             --bowls: #590902;
             --bowls_75: #590902bf;
             --bowls_50: #59090280;
             --waterpolo: #21a3b8;
             --waterpolo_75: #21a3b8bf;
             --waterpolo_50: #21a3b880;
             --alpine-skiing: #509bff;
             --alpine-skiing_75: #509bffbf;
             --alpine-skiing_50: #509bff80;
             --sailing: #00b4d8;
             --sailing_75: #00b4d8bf;
             --sailing_50: #00b4d880;
             --hurling: #52b788;
             --hurling_75: #52b788bf;
             --hurling_50: #52b78880;
             --ski-jumping: #70c1b3;
             --ski-jumping_75: #70c1b3bf;
             --ski-jumping_50: #70c1b380;
             --bandy: #d99b84;
             --bandy_75: #d99b84bf;
             --bandy_50: #d99b8480;
             --motor-sports: #a175c8;
             --motor-sports_75: #a175c8bf;
             --motor-sports_50: #a175c880;
             --baseball: #c06c84;
             --baseball_75: #c06c84bf;
             --baseball_50: #c06c8480;
             --rugby-union: #8a101c;
             --rugby-union_75: #8a101cbf;
             --rugby-union_50: #8a101c80;
             --rugby-league: #ed5f62;
             --rugby-league_75: #ed5f62bf;
             --rugby-league_50: #ed5f6280;
             --curling: #5478bf;
             --curling_75: #5478bfbf;
             --curling_50: #5478bf80;
             --darts: #b21347;
             --darts_75: #b21347bf;
             --darts_50: #b2134780;
             --americal-footbal: #d3393d;
             --americal-footbal_75: #d3393dbf;
             --americal-footbal_50: #d3393d80;
             --snooker: #11b24b;
             --snooker_75: #11b24bbf;
             --snooker_50: #11b24b80;
             --lottery-specials: #a53860;
             --lottery-specials_75: #a53860bf;
             --lottery-specials_50: #a5386080;
             --special-bets: #e63946;
             --special-bets_75: #e63946bf;
             --special-bets_50: #e6394680;
             --lotto: #05668d;
             --lotto_75: #05668dbf;
             --lotto_50: #05668d80;
             --card-cricket: #581ab4;
             --card-cricket_75: #581ab4bf;
             --card-cricket_50: #581ab480;
             --kabaddi: #6e2e26;
             --kabaddi_75: #6e2e26bf;
             --kabaddi_50: #6e2e2680;
             --boat-racing: #2b65ec;
             --boat-racing_75: #2b65ecbf;
             --boat-racing_50: #2b65ec80;
             --e-socker: #03b37f;
             --e-socker_75: #03b37fbf;
             --e-socker_50: #03b37f80;
         }
         
         :root {
             --bg-body: #23292e;
             --text-body: #aaafb5;
             --bg-sidebar: #16191c;
             --text-sidebar: #aaafb5;
             --bg-table: #2e3439;
             --text-table: #aaafb5;
             --bg-table-header-new: #126e51;
             --text-table-header-new: #eeeeee;
             --text-highlight: #ffffff;
             --bg-menu1: #3c444b;
             --text-menu1: #aaafb5;
             --btn-primary: #0e684e !important;
             --text-btn-primary: #ffffff !important;
             --btn-secondary: 75, 75, 75;
             --text-btn-secondary: #eeeeee;
             --btn-reset: #fc4242;
         }
         
         html body {
           font-family: "Noto Sans", sans-serif;
           background:#23292e;
           color: #444444;
           font-size:18px;
           line-height:170%;
           font-size: var(--font-13);
           color: var(--text-body);
         }
         
         a {
           color: #43b320;
           text-decoration: none;
         }
         
         a:hover {
           color: #3b8af2;
           text-decoration: none;
         }
         
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
            line-height:170%;
         }
         
         .container-fluid {
           padding: 0 40px;
         }
         
         html .container {
             max-width: 1400px;
         }
         
         header {
             padding: 30px 0 30px 0;
             border-bottom:1px solid #fff;
         }
         
         
         
         header .image >img {
             max-width: 240px;
         }
         
         
         .section-one {
             /*color: #fff;*/
             padding-top: 10px;
         }
         .section-one > .container-fluid .row {
             
         }
         
         .section-one .right .image img {
             width: 100%;
         }
         
         .section-one .right .image img.first-image {
             max-width: 610px;
             /* float: right; */
         }
         
         .section-one .right .image {
             text-align: center;
         }
         
         .section-one h1,.section-one h2,.section-two h2,.section-03 h2 {
             font-family: "Noto Sans", sans-serif;
             color:#fff;
         }
         
         .btmbtns a.btn {
             background: #00f9fb;
             color: #242e46;
             padding: 7px 30px;
             font-size: 20px;
             font-family: "Noto Sans", sans-serif;
             margin: 20px 0;
             border-radius: 60px;
         }
         
         .btmbtns {
             text-align: center;
             margin-top: 40px;
         }
         
         table.table th,table.table thd {
             color: #fff;
         }
         
         table.table th, table.table td {
             color: #fff;
         }
         
         html .table .thead-dark th {
             background: #00f9fb;
             color: #000;
             border-color: #fff;
         }
         
         .section-03 {
             padding-bottom:60px;
         }
         
         .section-03 .tophead p {
             color: #fff;
         }
         
         .tophead h2 {
             border-bottom: 1px solid #fff;
             display: inline-block;
             padding-bottom: 20px;
             margin-bottom: 20px;
         }
         
         .services-box
         {
           display: flex;
           justify-content: center;
           align-items: center;
           flex-wrap: wrap;
         }
         
         .service
         {
           margin: 8px;
         }
         
         .flip-box {
           background-color: transparent;
           width: 300px;
           height: 200px;
           border: 0px solid #f1f1f1;  
           border-radius: 20px;
           perspective: 1000px;
         }
         
         .flip-box-inner {
           position: relative;
           width: 100%;
           height: 100%;
           text-align: center;
           transition: transform 0.8s;
           transform-style: preserve-3d;
           
           display: flex;
           justify-content: center;
           align-items: center;
         }
         
         .flip-box:hover .flip-box-inner {
           transform: rotateY(180deg);
         }
         
         .flip-box-front, .flip-box-back {
           position: absolute;
           width: 100%;
           height: 100%;
           -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
           
           display: flex;
           justify-content: center;
           align-items: center;
           flex-direction: column;
         }
         
         .flip-box-front {
           background-color: #fff;
           color: black;
           border-radius: 20px;
         }
         .flip-box-front h2,
         .flip-box-front h3 {
             color: #000;
             font-size: 20px;
             font-family: "Noto Sans", sans-serif;
         }
         .flip-box-front img
         {
           height: 40px;
           width: 40px;
         }
         .flip-box-inner p {
             font-size: 16px;
             line-height: normal;
             padding: 0 20px;
         }
         
         .flip-box {
             padding: 0 0px;
         }
          
         .flip-box-inner {
             padding: 20px;
         }
         .flip-box-back {
           background-color: #ffffff;
           color: #000;
           transform: rotateY(180deg);
           border-radius: 20px;
           padding: 16px;
         }
         
         .services-box .service {
             width: 26%;
             display: flex;
             justify-content: center;
             margin: 20px;
         }
         
         .services-box .service .flip-box {
             width: 100%;
             height: 250px;
         }
         
         .section-one.section-five {}
         
         .section-one.section-five .image img {
             /* padding: 10px; */
             /* overflow: hidden; */
         }
         
         .section-one.section-five .image {
             margin:  5px 30px;
             overflow: hidden;
             border-radius: 10px;
         }
         
         
         
         .section-one.section-Sportsbook {}
         .section-one.section-Sportsbook .spacing {
             padding: 40px 0;
         }
         .section-one.section-Sportsbook .row {
             justify-content:center;
         }
         .section-one.section-Sportsbook .row .right {
             margin: 0px 0 20px 0;
         }
         .section-one.section-Sportsbook .row .col-2 {
             max-width: 20%;
             flex: 0 0 20%;
             justify-content: center;
             display: flex;
             flex-direction: column;
             align-items: center;
         }
         .section-one.section-Sportsbook .row .image {
             text-align: center;
         }
         .section-one.section-Sportsbook .right .image img {
             max-width: 90px;
             margin: auto;
         }
         
         .section-one.section-Sportsbook .row h4 {
             font-size: 20px;
             text-align: center;
         }
         
         
         .accordion .accordion-item {
           border-bottom: 1px solid #e5e5e5;
         }
         
         .accordion .accordion-item button[aria-expanded='true'] {
           border-bottom: 1px solid #03b5d2;
         }
         
         .accordion button {
           position: relative;
           display: block;
           text-align: left;
           width: 100%;
           padding: 1em 0;
           color: #7288a2;
           font-size: 1.15rem;
           font-weight: 400;
           border: none;
           background: none;
           outline: none;
         }
         
         .accordion button:hover,
         .accordion button:focus {
           cursor: pointer;
           color: #03b5d2;
         }
         
         .accordion button:hover::after,
         .accordion button:focus::after {
           cursor: pointer;
           color: #03b5d2;
           border: 1px solid #03b5d2;
         }
         
         .accordion button .accordion-title {
           padding: 1em 1.5em 1em 0;
         }
         
         .accordion button .icon {
           display: inline-block;
           position: absolute;
           top: 18px;
           right: 0;
           width: 22px;
           height: 22px;
           border: 1px solid;
           border-radius: 22px;
         }
         
         .accordion button .icon::before {
           display: block;
           position: absolute;
           content: '';
           top: 9px;
           left: 5px;
           width: 10px;
           height: 2px;
           background: currentColor;
         }
         .accordion button .icon::after {
           display: block;
           position: absolute;
           content: '';
           top: 5px;
           left: 9px;
           width: 2px;
           height: 10px;
           background: currentColor;
         }
         
         .accordion button[aria-expanded='true'] {
           color: #03b5d2;
         }
         .accordion button[aria-expanded='true'] .icon::after {
           width: 0;
         }
         .accordion button[aria-expanded='true'] + .accordion-content {
           opacity: 1;
           max-height: 9em;
           transition: all 200ms linear;
           will-change: opacity, max-height;
         }
         .accordion .accordion-content {
           opacity: 0;
           max-height: 0;
           overflow: hidden;
           transition: opacity 200ms linear, max-height 200ms linear;
           will-change: opacity, max-height;
         }
         .accordion .accordion-content p {
           font-size: 1rem;
           font-weight: 300;
           margin: 2em 0;
         }
         
         .section-03.accordion-section {}
         
         span.accordion-title {}
         
         .section-03.accordion-section .services-box {
             max-width: 1000px;
             margin: auto;
             border: 2px solid #ccc;
             padding: 20px;
             border-radius: 20px;
             margin-top: 30px;
             background: #000;
         }
         
         .section-03.accordion-section .services-box button {
             outline: none;
             color: #000;
             border-color: #fff;
             padding: 10px 0;
         }
         
         .section-03.accordion-section .services-box .accordion {
             background: #fff;
             padding: 20px;
         }
         
         .accordion .accordion-item span.accordion-title {
             color: #000;
             font-size: 16px;
             font-family: "Noto Sans", sans-serif;
         }
         
         .section-03.accordion-section .services-box  .accordion-item {
             border-color: #000;
         }
         
         .section-03.accordion-section .services-box .accordion-content p {
             font-size: 15px;
             color: #000;
             opacity: 1;
             margin: 0;
             text-align: left;
             line-height: 150%;
             margin-bottom: 20px;
         }
         
         .section-03.accordion-section .services-box .accordion-content {
             padding: 0px 0;
         }
         
         
         .section-0last.footer-section {
             border-top: 1px solid #fff;
             padding-top: 40px;
         }
         
         .section-0last.footer-section .logo {
             text-align: center;
         }
         
         .section-0last.footer-section .logo image > img {
             max-width: 120px;
         }
         
         .section-0last.footer-section .logo .image > img {
             max-width: 170px;
         }
         
         .section-0last.footer-section .keyword {
             display: flex;
             justify-content: center;
             margin-top: 10px;
         }
         
         .section-0last.footer-section .keyword p {
             font-size: 16px;
             color: #fff;
             padding: 10px;
         }
         
         .section-0last.footer-section  .pay-method {
             display: flex;
             justify-content: center;
             flex-wrap: wrap;
             max-width: 600px;
             margin: auto;
             padding-bottom: 20px;
         }
         
         .section-0last.footer-section .pay-method .image {
             padding: 10px 10px;
             width: 20%;
         }
         
         .footer-section .copyright {
             padding-bottom: 40px;
         }
         
         .footer-section .copyright p {
             color: #fff;
             font-size: 15px;
             line-height:160%;
         }
         
         
         .global-container{
             height:100%;
             display: flex;
             align-items: center;
             justify-content: center;
             background-color: transparent;
         }
         
         form{
             padding-top: 10px;
             font-size: 14px;
             margin-top: 30px;
         }
         
         .card-title{ font-weight:300; }
         
         .btn{
             font-size: 14px;
             margin-top:20px;
         }
         
         
         .login-form{ 
             width:315px;
             margin:20px 20px 0px 20px;
         }
         
         .sign-up{
             text-align:center;
             padding:20px 0 0;
         }
         
         .alert{
             margin-bottom:-30px;
             font-size: 13px;
             margin-top:20px;
         }
         
         .login-container {
             /*padding: 30px 0;*/
             height: 100vh;
             background-image: linear-gradient(#000, #7F00FF);
             font-family: "Noto Sans", sans-serif;
             flex-direction:column;
         }
         
         .login-container .image > img {
             max-width: 254px;
         }
         
         .login-container h3.card-title {
             font-family: "Noto Sans", sans-serif;
             color: #000;
             margin-bottom: 0;
             font-family: "Noto Sans", sans-serif;
             font-weight: 400;
             font-size: 1.5rem;
         }
         
         .login-container form {
             padding-top: 0px;
             margin-top: 5px;
         }
         
         .login-container form .form-control {
             border: 1px solid #333;
             padding: 10px;
             height: auto;
         }
         
         .login-container form input::placeholder {
            
         }
         
         .login-container form button.btn.btn-primary {
             background: #000;
             outline: none;
             border: 0;
         }
         
         .login-container form .sign-up {
             line-height: 114%;
             color: #000;
             font-size: 90%;
             padding-top: 5px;
             text-align: left;
         }
         
         .login-container .field-01 {
             display: flex;
             align-items: center;
             position: relative;
         }
         .login-container  .field-01 .form-control {
             display: flex;
             align-items: center;
             border: 1px solid #ced4da;
             width: 100%;
             height: calc(1.5em + .75rem + 2px);
             padding: .375rem .75rem;
             font-size: 1rem;
             font-weight: 400;
             line-height: 1.5;
             color: #495057;
             background-color: #fff;
             border-radius: .25rem;
             transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         }
         
         .login-container form .field-01 .form-control {font-size: 1rem;color: #495057;}
         
         input#exampleInputPassword1 {}
         
         .login-container form .field-01 i.fa {
             color: #000;
             position: absolute;
             right: 10px;
             font-size: 16px;
         }
         
         .login-container form button.btn.btn-primary:focus {
             background: #000;
         }
         
         .login-container form button.btn.btn-primary:hover {
             color: #212529;
         }
         
         
         .login-container form button.btn.btn-primary i.fa {
             position: absolute;
             right: 10px;
         }
         
         .login-container form button.btn.btn-primary {
             position: relative;
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 0;
             margin-top: 4px;
             padding: 7px 0;
         }
         
         .login-container form .form-group {
             margin-bottom: 20px;
         }
         
         
         
         
         .header-top {
             position: fixed;
             top: 0;
             height: 34px;
             width: 100%;
             display: flex;
             display: -webkit-flex;
             justify-content: center;
             align-items: center;
             background-color: #126E51!important;
             z-index: 1002;
         }
         .header-top ul {
             display: flex;
             display: -webkit-flex;
             margin: 0;
             padding: 0;
         }
         .header-top ul li {
             margin: 0 16px;
             padding: 0 16px;
             position: relative;
             margin: 0 8px;
             padding: 0px 8px;
             list-style: none;
         }
         .header-top ul li a {
             color: #eeeeee;
             font-weight: bold;
             font-size: 14px;
             text-decoration: none;
         }
         .header-top ul li a.router-link-exact-active {
             border-bottom: 2px solid;
             padding-bottom: 3px;
         }
         
         .main-wrapper {
             display: flex;
             padding-top: 40px;
         }
         
         .main-wrapper .sidebar-left {
             width: 15%;
             position: fixed;
             left: 0;
             padding: 0 2px;
         }
         
         .main-wrapper .sidebar-right {
             width: 85%;
             float: right;
             position: absolute;
             right: 0;
         }
         .main-wrapper .sidebar-left .logo-box {
             text-align: center;
             padding-bottom: 10px;
         }
         .wolf-open-home .upcoming-fixure {
             width: calc(100% - 10px);
             margin-left: 5px;
             height: auto;
             border-radius: 0;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -ms-border-radius: 0;
             -o-border-radius: 0;
         }
         .upcoming-fixure {
             margin-left: 10px;
             flex: 1;
             width: 40%;
             display: flex;
             flex-wrap: wrap;
             justify-content: center;
             height: 46px;
             background-color: #444;
             color: #ddd;
             border-radius: 0;
         }
         
         .wolf-open-home .menu-title {
             background-color: #126E51!important;
             color: #eeeeee;
             font-weight: bold;
             padding: 3px;
             width: 100%;
             font-size: 13px;
             line-height: 22px;
         }
         
         .main-wrapper .sidebar-left .logo a > img {
             max-width: 180px;
         }
         .main-wrapper .sidebar-left ul {
             padding: 0;
             margin: 0;
         }
         
         .main-wrapper .sidebar-left ul li {
             list-style: none;
             padding: 5px;
         }
         
         .main-wrapper .sidebar-left ul li a {
             color: #ddd;
             font-size: 13px;
             margin-top: 3px;
             line-height: 16px;
             display: inline-block;
             text-decoration:none;
         }
         .upcoming-fixure.other-tabs .hooper-list li i.icon-10 {
             color: #9e4025;
         }
         
         .upcoming-fixure.other-tabs .hooper-list li i.d-icon {
             position: relative;
             top: 2px;
             font-size: 18px;
         }
         
         .upcoming-fixure.other-tabs .hooper-list li i.d-icon.icon-65 {
             color: #AAAFB5;
         }
         
         .wolf-open-home .upcoming-fixure.other-tabs {
             margin-top: 20px;
             background: transparent;
         }
         
         .wolf-open-home .upcoming-fixure.other-tabs .hooper-list {
             width: 100%;
         }
         
         .wolf-open-home .upcoming-fixure.other-tabs .hooper-list li {
             padding: 6px 15px;
         }
         
         .wolf-open-home .upcoming-fixure.other-tabs .menu-title {
             font-size: 16px;
             height: auto;
             line-height: 30px;
             padding: 0 10px;
         }
         .wolf-open-home  .upcoming-fixure.other-tabs.other-sports {
             margin-top: 5px;
         }
         
         .wolf-open-home  .upcoming-fixure.other-tabs.other-sports li {
             padding: 1px 15px 0px 15px;
         }
         
         .wolf-open-home .upcoming-fixure.other-tabs.other-sports .hooper-list {
             padding-top: 5px;
         }
         .other-sports i.d-icon {
             font-size: 18px;
             padding-right: 10px;
             position: relative;
             top: 2px;
         }
         .other-sports .icon-40 {
             color: #b4845b;
         }
         .other-sports .icon-4 {
             color: #20327b;
         }
         .other-sports .icon-1 {
             color: #03b37f;
         }
         .other-sports .icon-2 {
             color: #f18521;
         }
         .other-sports .icon-8 {
             color: #db2752;
         }
         .other-sports .icon-22 {
             color: #3c7a57;
         }
         .other-sports .icon-68 {
             color: #03b37f;
         }
         .other-sports .icon-15 {
             color: #fbb03b;
         }
         .other-sports .icon-18 {
             color: #074a60;
         }
         .wolf-open-home .news-bar {
             height: 36px;
             border-radius: 0;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -ms-border-radius: 0;
             -o-border-radius: 0;
         }
         .news-bar {
             border-radius: 0;
             width: 50%;
             margin: 0;
             padding: 0;
             font-size: var(--font-caption);
             display: flex;
             display: -webkit-flex;
             align-items: center;
             height: 46px;
             flex: 1;
             background-color: #444;
             color: #ddd;
             margin-left: 10px;
         }
         .news-bar marquee {
             float: right;
             width: calc(100% - 50px);
             padding: 6px 0;
             padding-left: 10px;
             padding-right: 10px;
         }
         .wolf-open-home .news-bar .news-title img {
             width: 35px;
         }
         .wolf-open-home .header {
             height: 55px;
             line-height: 70px;
             display: flex;
             align-items: flex-start;
             padding-top: 7px;
             width: 100%;
         }
         .login-box {
             display: flex;
             align-items: center;
         }
         .wolf-open-home .login-box {
             margin-right: 0;
             display: flex;
             flex-wrap: wrap;
             align-items: start;
         }
         .wolf-open-home .header .btn-primary {
             width: auto;
             font-size: 14px;
             line-height: 1;
             border: 0;
             border-radius: 0;
             margin-left: 10px;
             background: #0e684e !important;
             outline: none;
             box-shadow: none;
             margin-top: 0;
             font-weight: normal;
             font-family: "Noto Sans", sans-serif;
         }
         .header .btn-primary {
             height: 36px;
             margin-left: 40px;
             background: #0e684e !important;
             outline: none;
             box-shadow: none;
         }
         .wolf-open-home .login-box form {
             display: flex;
             flex-wrap: wrap;
             position: relative;
             padding: 0;
             margin: 0;
             font-size: inherit;
         }
         .wolf-open-home .login-box form .form-group:first-child {
             position: relative;
         }
         .wolf-open-home .login-box .form-group {
             margin-bottom: 0;
             margin-right: 0;
             margin-left: 15px;
             display: flex;
             flex-wrap: wrap;
             flex-direction: column;
         }
         .wolf-open-home .login-box .form-group .form-control {
             width: 200px;
             height: 40px;
             border-radius: 0;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -ms-border-radius: 0;
             -o-border-radius: 0;
             display: block;
             width: 100%;
             height: calc(1.5em + .75rem + 2px);
             padding: .375rem .75rem;
             font-size: 1rem;
             font-weight: 400;
             line-height: 1.5;
             color: #495057;
             background-color: #fff;
             background-clip: padding-box;
             border: 1px solid #ced4da;
             border-radius: .25rem;
             transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
             background-color: #444;
             height: 36px;
             border-radius: 0;
             border: 1px solid #555;
             color: #ddd;
             font-size:13px;
         }
         .wolf-open-home .login-box .form-group input::placeholder{
             color: #ddd;
         }
         .wolf-open-home .login-box .form-group button.btn {
             border-radius: 0;
             margin-top: 0;
             height: auto;
             padding: 0 13px;
         }
         .wolf-open-home .login-box .form-group  a.btn {
             margin-top: 0;
             border-radius: 0;
             padding: 0 15px;
             display: flex;
             align-items: center;
         }
         
         .dwld-apk {
           height: 35px;
           fill: green;
           animation: blink-animation 2s linear infinite;
           -webkit-animation: blink-animation 2s linear infinite;
         }
         
         .game-icons {
           display: flex;
           display: -webkit-flex;
           align-items: center;
           justify-content: flex-end;
         }
         
         .game-icon {
           /*width: 25px;*/
           text-align: center;
           margin-right: 5px;
         }
         
         .game-icon:last-child {
           margin-right: 0;
         }
         
         .game-icon.tv-icon {
           width: 16px;
         }
         
         .game-icon.fancy-icon {
           width: 10px;
         }
         
         .game-icon.fancy1-icon {
           width: 18px;
         }
         
         .game-icon.bm-icon {
           width: 25px;
         }
         
         .game-icon img.tv {
           height: 20px;
         }
         
         .active-game {
           display: inline-block;
           height: 12px;
           width: 12px;
           background-color: var(--bg-success);
           border-radius: 50%;
         }
         
         .f-bm-icon {
           font-weight: var(--font-bold);
         }
         
         .bet-table-row .matched-title {
           height: 60px;
           color: var(--text-table);
           line-height: 60px;
         }
         
         
         @keyframes blink-animation {
           25% {
             fill: red;
           }
         
           50% {
             fill: yellow;
           }
         }
         @-webkit-keyframes blink-animation {
           25% {
             fill: red;
           }
           50% {
             fill: blue;
           }
           75% {
             fill: yellow;
           }
         }
         
         
         .wolf-open-home .download-apk {
             color: #eeeeee;
             /* text-decoration: underline; */
             /* opacity: 0.9; */
             font-weight: bold;
             position: absolute;
             right: 5px;
             display: flex;
             align-items: center;
         }
         .switch-theme.night {
             /* background: #444; */
             color: #ddd;
         }
         .switch-theme {
             margin-right: 5px;
             border-radius: 0;
             padding: 5px;
             display: flex;
             align-items: center;
             justify-content: center;
             width: 34px;
             position: relative;
             height: 34px;
             cursor: pointer;
             font-size: 22px;
         }
         .switch-theme .night-theme {
             left: 5px;
             top: 7px;
             position: absolute;
             border-radius: 50%;
             height: 24px;
             width: 24px;
             display: flex;
             justify-content: center;
             align-items: center;
             transform: rotate(235deg);
             -webkit-transform: rotate(235deg);
             -moz-transform: rotate(235deg);
             -ms-transform: rotate(235deg);
             -o-transform: rotate(235deg);
         }
         
         .top--slider .owl-nav button {
           position: absolute;
           top: 50%;
           background-color: #000;
           color: #fff;
           margin: 0;
           transition: all 0.3s ease-in-out;
         }
         .top--slider .owl-nav button.owl-prev {
           left: 0;
         }
         .top--slider .owl-nav button.owl-next {
           right: 0;
         }
         
         .top--slider .owl-dots {
           text-align: center;
           padding-top: 15px;
         }
         .top--slider .owl-dots button.owl-dot {
           width: 15px;
           height: 15px;
           border-radius: 50%;
           display: inline-block;
           background: #ccc;
           margin: 0 3px;
         }
         .top--slider .owl-dots button.owl-dot.active {
           background-color: #000;
         }
         .top--slider .owl-dots button.owl-dot:focus {
           outline: none;
         }
         .top--slider .owl-nav button {
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
             background: rgba(255, 255, 255, 0.38) !important;
         }
         .top--slider span {
             font-size: 70px;    
             position: relative;
             top: -5px;
         }
         .top--slider .owl-nav button:focus {
             outline: none;
         }
         .top--slider .owl-item {
           height: auto !important; /* Adjust this value as needed */
           display: flex;
         }
         .top--slider .item {
             width: 100%;
         }
         .sport-tabs {
             height: 40px;
             border-radius: 0;
             background-color: var(--bg-table);
             margin-top: 6px;
             position: relative;
         }
         .sport-tabs .nav-tabs {
             border: 0;
             margin-left: 30px;
             margin-right: 30px;
             position: relative;
             flex-wrap: nowrap;
             overflow-y: hidden;
             overflow-x: hidden;
             height: 40px;
             scroll-behavior: smooth;
         }
         .nav-tabs .nav-item {
             margin-bottom: -1px;
         }
         .sport-tabs .nav-tabs .nav-link {
             border: 0;
             position: relative;
             min-width: 150px;
             text-align: center;
             height: 40px;
             line-height: 40px;
             padding-top: 0;
             padding-bottom: 0;
             color: #AAAFB5;
             border-right: 1px solid #3c444b !important;
             border-radius: 0;
             background-color: transparent !important;
             display: flex;
             display: -webkit-flex;
             justify-content: center;
             align-items: center;
             white-space: nowrap;
         }
         .sport-tabs .nav-tabs .nav-link .d-icon {
             font-size: 20px;
         }
         .sport-tabs .nav-tabs .nav-link span {
             margin-left: 16px;
             font-size: 13px;
             color:#AAAFB5;
         }
         .sport-tabs .nav-tabs .nav-link.sport4.active {
             background-color: #20327b !important;
         }
         
         .sport-tabs .nav-tabs .nav-link.active span,
         .sport-tabs .nav-tabs .nav-link.active {
             color: #fff;
         }
         .bet-table-header {
             height: 40px;
             padding: 8px;
             border-radius: 0;
             display: flex;
             display: -webkit-flex;
             width: 100%;
             color: #ffffff;
             align-items: center;
         }
         .bet-table-header .game-title {
             color: #fff;
         }
         
         .bet-table-header .point-title {
             color: #fff;
         }
         .sport4, .sport4:hover, .sport4:focus, .sport4:active {
             background-color: #20327b !important;
         }
         
         
         .game-title {
             width: calc(100% - 492px);
             display: flex;
             display: -webkit-flex;
             flex-wrap: wrap;
             align-items: center;
             font-size: var(--font-13);
         }
         .bet-table-header .game-title .d-icon, .bet-table-header .game-title span {
             margin-left: 5px;
         }
         .bet-table-header .game-title .d-icon, .bet-table-header .game-title span {
             margin-left: 5px;
         }
         .matched-title, .point-title {
             text-align: center;
         }
         .point-title {
             width: 148px;
             margin-left: 16px;
             font-size: var(--font-13);
         }
         .bet-table-header .game-title .d-icon, .bet-table-header .game-title span {
             margin-left: 5px;
         }
         .bet-table-box {
             border-bottom: 1px solid #3c444b;
         }
         .bet-table-row:last-child {
             border-bottom: 0;
         }
         .bet-table-row {
             padding: 6px 8px;
             display: flex;
             display: -webkit-flex;
             flex-wrap: wrap;
             width: 100%;
             align-items: center;
         }
         
         .bet-table-body {
           position: relative;
         }
         
         .bet-table-box {
           border-bottom: 1px solid #3c444b;
         }
         
         .bet-table-row {
           padding: 6px 8px;
           display: flex;
           display: -webkit-flex;
           flex-wrap: wrap;
           width: 100%;
           align-items: center;
         }
         
         .home-container .bet-table-row.suspendedtext:after {
           top: 6px;
           height: 32px;
           width: 476px;
         }
         
         .bet-table-row:last-child {
           border-bottom: 0;
         }
         
         .game-name {
           padding-left: 16px;
           width: calc(100% - 260px);
           vertical-align: top;
         }
         
         .team-name {
           max-height: 20px;
           line-height: 20px;
           margin-bottom: 0;
           /*display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;*/
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
           max-width: 100%;
           color: var(--text-table);
         }
         
         .team-name.team-event {
           font-size: 14px;
         }
         
         .game-icons {
           display: flex;
           display: -webkit-flex;
           align-items: center;
           justify-content: flex-end;
         }
         
         .game-icon {
           /*width: 25px;*/
           text-align: center;
           margin-right: 5px;
         }
         
         .game-icon:last-child {
           margin-right: 0;
         }
         
         .game-icon.tv-icon {
           width: 16px;
         }
         
         .game-icon.fancy-icon {
           width: 10px;
         }
         
         .game-icon.fancy1-icon {
           width: 18px;
         }
         
         .game-icon.bm-icon {
           width: 25px;
         }
         
         .game-icon img.tv {
           height: 20px;
         }
         
         .active-game {
           display: inline-block;
           height: 12px;
           width: 12px;
           background-color: var(--bg-success);
           border-radius: 50%;
         }
         
         .f-bm-icon {
           font-weight: var(--font-bold);
         }
         
         .bet-table-row .matched-title {
           height: 60px;
           color: var(--text-table);
           line-height: 60px;
         }
         
         .bl-box {
           height: 32px;
           width: 72px;
           border-radius: 0;
           padding: 5px 0;
           text-align: center;
           margin-right: 4px;
           float: left;
           cursor: pointer;
           position: relative;
           -webkit-transition: color 0.5s;
           transition: color 0.5s;
         }
         
         .bl-box.odds-down {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box.odds-up {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box:before {
           content: "";
           position: absolute;
           z-index: -1;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           border-radius: 4px;
         }
         
         .bl-box.suspended:before {
           z-index: 1;
         }
         
         .bl-box.odds-down:before {
           background: #ff000080;
           transform: scale(0, 0);
           animation: oddsdown 0.5s ease-out;
         }
         
         .bl-box.odds-up:before {
           background: #13c41380;
           transform: scale(0, 0);
           animation: oddsup 0.5s ease-out;
         }
         
         @keyframes oddsdown {
           from {
             transform: scale(0);
           }
         
           to {
             transform: scale(1);
           }
         }
         
         @keyframes oddsup {
           from {
             transform: scale(0);
           }
         
           to {
             transform: scale(1);
           }
         }
         
         .back-title {
           background-color: var(--back-title);
           color: #eee !important;
         }
         
         .lay-title {
           background-color: var(--lay-title);
           color: #eee !important;
         }
         
         .bl-box.no-odds .odds {
           color: var(--text-white);
         }
         
         .bl-box.no-val {
           border: 1px solid #3c444b;
           border-radius: 0;
         }
         
         .bl-box:last-child {
           margin-right: 0 !important;
         }
         
         .bl-box span {
           height: 19px;
           color: var(--text-black);
           font-size: var(--font-caption);
           font-weight: var(--font-medium);
           text-align: center;
         }
         
         .bl-box .odds {
           height: 22px;
           color: var(--text-black);
           font-weight: var(--font-bold);
           text-align: center;
           font-size: var(--font-odds);
         }
         
         .bl-box.no-val .odds {
           color: var(--text-table);
         }
         
         
         .game-date.inplay {
           width: auto;
           border-right: 0 !important;
           padding-right: 0;
           width: 50px;
           position: relative;
         }
         
         .game-date.inplay span {
           position: relative;
           width: 50px;
           color: var(--bg-success);
           text-align: center;
         }
         
         .game-date.inplay span:after {
           content: "";
           background-color: #03b37f;
           height: 2px;
           width: 50px;
           position: absolute;
           bottom: -1px;
           animation: linear infinite alternate;
           animation-name: run;
           animation-duration: 1.2s;
           -webkit-animation: linear infinite alternate;
           -webkit-animation-name: run;
           -webkit-animation-duration: 1.2s;
         }
         
         @keyframes run {
           0% {
             left: 0;
             width: 5%;
           }
         
           50% {
             width: 100%;
           }
         
           100% {
             right: 0;
             width: 5%;
           }
         }
         
         .game-date.inplay ~ .game-name {
           padding-left: 6px;
           width: calc(100% - 160px);
         }
         
         .game-title .day {
           height: 22px;
           color: var(--text-table);
           opacity: 0.6;
           display: inline-block;
           min-width: 85px;
           margin-bottom: 0;
           position: relative;
         }
         
         .game-title .time {
           min-width: 50px;
           color: var(--text-table);
           opacity: 0.6;
           display: inline-block;
           margin-bottom: 0;
         }
         
         
         .bet-table {
           background-color: var(--bg-table);
           border-radius: 0;
           margin-top: 0;
           position: relative;
           transform: translateZ(0);
         }
         
         .bet-table-header {
           height: 40px;
           padding: 8px;
           border-radius: 0;
           display: flex;
           display: -webkit-flex;
           width: 100%;
           color: var(--text-white);
         }
         
         .bet-table-header.nodata {
           background-color: #444;
           color: #ddd;
           justify-content: center;
         }
         
         .game-title {
           width: calc(100% - 492px);
           display: flex;
           display: -webkit-flex;
           flex-wrap: wrap;
           align-items: center;
         }
         
         .bet-table-header .game-title .d-icon,
         .bet-table-header .game-title span {
           margin-left: 5px;
         }
         
         .bet-table-header .game-title img {
           margin-right: 16px;
         }
         
         .matched-title {
           width: 90px;
         }
         
         .point-title {
           width: 148px;
           margin-left: 16px;
         }
         
         .matched-title,
         .point-title {
           text-align: center;
         }
         
         .game-date {
           padding-right: 22px;
           border-right: 1px solid #3c444b;
           width: 150px;
           display: flex;
           display: -webkit-flex;
         }
         
         .game-date.inplay {
           width: auto;
           border-right: 0 !important;
           padding-right: 0;
           width: 50px;
           position: relative;
         }
         
         .game-date.inplay span {
           position: relative;
           width: 50px;
           color: #03b37f;
           text-align: center;
         }
         
         
         @keyframes run {
           0% {
             left: 0;
             width: 5%;
           }
         
           50% {
             width: 100%;
           }
         
           100% {
             right: 0;
             width: 5%;
           }
         }
         
         .game-date.inplay ~ .game-name {
           padding-left: 6px;
           width: calc(100% - 160px);
         }
         
         .game-title .day {
           height: 22px;
           color: var(--text-table);
           opacity: 0.6;
           display: inline-block;
           min-width: 85px;
           margin-bottom: 0;
           position: relative;
         }
         
         .game-title .time {
           min-width: 50px;
           color: var(--text-table);
           opacity: 0.6;
           display: inline-block;
           margin-bottom: 0;
         }
         
         .home-container .bet-table {
           min-height: calc(100vh - 440px);
         }
         
         .bet-table-body {
           position: relative;
         }
         
         .bet-table-box {
           border-bottom: 1px solid #3c444b;
         }
         
         .bet-table-row {
           padding: 6px 8px;
           display: flex;
           display: -webkit-flex;
           flex-wrap: wrap;
           width: 100%;
           align-items: center;
         }
         
         .home-container .bet-table-row.suspendedtext:after {
           top: 6px;
           height: 32px;
           width: 476px;
         }
         
         .bet-table-row:last-child {
           border-bottom: 0;
         }
         
         .game-name {
           padding-left: 16px;
           width: calc(100% - 260px);
           vertical-align: top;
         }
         
         .team-name {
           max-height: 20px;
           line-height: 20px;
           margin-bottom: 0;
           /*display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;*/
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
           max-width: 100%;
           color: #aaafb5;
         }
         
         .team-name.team-event {
           font-size: 14px;
         }
         
         .game-icons {
           display: flex;
           display: -webkit-flex;
           align-items: center;
           justify-content: flex-end;
         }
         
         .game-icon {
           /*width: 25px;*/
           text-align: center;
           margin-right: 5px;
         }
         
         .game-icon:last-child {
           margin-right: 0;
         }
         
         .game-icon.tv-icon {
           width: 16px;
         }
         
         .game-icon.fancy-icon {
           width: 10px;
         }
         
         .game-icon.fancy1-icon {
           width: 18px;
         }
         
         .game-icon.bm-icon {
           width: 25px;
         }
         
         .game-icon img.tv {
           height: 20px;
         }
         
         .active-game {
           display: inline-block;
           height: 12px;
           width: 12px;
           background-color: var(--bg-success);
           border-radius: 50%;
         }
         
         .f-bm-icon {
           font-weight: var(--font-bold);
         }
         
         .bet-table-row .matched-title {
           height: 60px;
           color: var(--text-table);
           line-height: 60px;
         }
         
         .bl-box {
           height: 32px;
           width: 72px;
           border-radius: 0;
           padding: 5px 0;
           text-align: center;
           margin-right: 4px;
           float: left;
           cursor: pointer;
           position: relative;
           -webkit-transition: color 0.5s;
           transition: color 0.5s;
         }
         
         .bl-box.odds-down {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box.odds-up {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box:before {
           content: "";
           position: absolute;
           z-index: -1;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           border-radius: 4px;
         }
         
         .bl-box.suspended:before {
           z-index: 1;
         }
         
         .bl-box.odds-down:before {
           background: #ff000080;
           transform: scale(0, 0);
           animation: oddsdown 0.5s ease-out;
         }
         
         .bl-box.odds-up:before {
           background: #13c41380;
           transform: scale(0, 0);
           animation: oddsup 0.5s ease-out;
         }
         
         .bl-box {
           height: 32px;
           width: 72px;
           border-radius: 0;
           padding: 5px 0;
           text-align: center;
           margin-right: 4px;
           float: left;
           cursor: pointer;
           position: relative;
           -webkit-transition: color 0.5s;
           transition: color 0.5s;
         }
         
         .bl-box.odds-down {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box.odds-up {
           -webkit-transform: translateZ(0);
           transform: translateZ(0);
         }
         
         .bl-box:before {
           content: "";
           position: absolute;
           z-index: -1;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           border-radius: 4px;
         }
         
         .bl-box.suspended:before {
           z-index: 1;
         }
         
         .bl-box.odds-down:before {
           background: #ff000080;
           transform: scale(0, 0);
           animation: oddsdown 0.5s ease-out;
         }
         
         .bl-box.odds-up:before {
           background: #13c41380;
           transform: scale(0, 0);
           animation: oddsup 0.5s ease-out;
         }
         
         .back {
           background-color: var(--back);
         }
         
         .back:hover {
           background-color: var(--back-hover);
         }
         
         .back2 {
           background-color: var(--back2);
         }
         
         .back1 {
           background-color: var(--back1);
         }
         
         .lay {
           background-color: var(--lay);
         }
         
         .lay:hover {
           background-color: var(--lay-hover);
         }
         
         .lay1 {
           background-color: var(--lay1);
         }
         
         .lay2 {
           background-color: var(--lay2);
         }
         
         .back-border {
           border-left: 5px solid var(--back);
         }
         
         .lay-border {
           border-left: 5px solid var(--lay);
         }
         
         .andar-border {
           border-left: 5px solid #ffa07a;
         }
         
         .bahar-border {
           border-left: 5px solid #90ee90;
         }
         
         .suspended {
           position: relative;
           pointer-events: none;
         }
         
         .suspended.lock-top:before {
           background-position: top 3px center;
         }
         
         .suspended:before {
           content: "";
           background-image: url("../images/lock.svg");
           background-size: 17px 17px;
           filter: invert(1);
           background-repeat: no-repeat;
           position: absolute;
           z-index: 100;
           width: 100%;
           height: 100%;
           left: 0;
           top: 0;
           background-position: center;
           pointer-events: none;
         }
         
         .suspended:after {
           content: "";
           background-color: #373636d6;
           position: absolute;
           height: 100%;
           width: 100%;
           left: 0;
           top: 0;
           cursor: not-allowed;
           border-radius: 0;
           display: flex;
           justify-content: center;
           align-items: center;
           pointer-events: none;
         }
         
         .suspendedtext {
           position: relative;
           pointer-events: none;
         }
         
         .suspendedtext:after {
           content: attr(data-title);
           text-transform: uppercase;
           background-color: #131313c2;
           background-repeat: no-repeat;
           background-position: center;
           position: absolute;
           height: 100%;
           width: 100%;
           right: 8px;
           top: 2px;
           color: var(--text-red);
           font-size: var(--font-headline);
           font-weight: var(--font-bold);
           display: flex;
           display: -webkit-flex;
           justify-content: center;
           align-items: center;
           border-radius: 0;
           cursor: not-allowed;
           pointer-events: none;
         }
         
         .suspendedfull {
           position: relative;
           pointer-events: none;
         }
         
         .suspendedfull:after {
           content: attr(data-title);
           text-transform: uppercase;
           background-color: #131313c2;
           background-repeat: no-repeat;
           background-position: center;
           position: absolute;
           height: 100%;
           width: 100%;
           right: 8px;
           top: 2px;
           color: var(--text-red);
           font-size: var(--font-headline);
           font-weight: var(--font-bold);
           display: flex;
           display: -webkit-flex;
           justify-content: center;
           align-items: center;
           border-radius: 0;
           cursor: not-allowed;
           pointer-events: none;
         }
         
         .wolf-open-home .top-results {
           background: var(--bg-sidebar);
           color: var(--text-sidebar);
           margin-bottom: 20px;
         }
         
         .wolf-open-home .top-result-title {
           background: var(--bg-table-header-new);
           color: var(--text-table-header-new);
           padding: 3px;
           font-weight: bold;
         }
         
         .wolf-open-home .top-result-box-container li {
           width: 100%;
         }
         
         .wolf-open-home .top-result-box {
           padding: 5px;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           font-size: 14px;
         }
         
         .wolf-open-home .top-result-box > div:first-child {
           display: flex;
           justify-content: space-between;
           width: 100%;
         }
         
         .wolf-open-home .top-result-box > div:last-child {
           display: flex;
           flex-wrap: wrap;
           width: 100%;
           justify-content: flex-end;
         }
         .top-results.sld-image .top-result-box-container {
             padding: 5px;
         }
         .top-results.casino {}
         
         .top-results.casino .image {
             margin-bottom: 5px;
         }
         
         .top-results.casino .image:last-child {
             margin: 0;
         }
         .top-results.sld-image .top-result-box-container .top--slider {
             margin-bottom: 5px;
         }
         .hooper-slide {
           flex-shrink: 0;
           height: auto;
           margin: 0;
           padding: 0;
           list-style: none;
         }
         .hooper-progress {
           position: absolute;
           top: 0;
           right: 0;
           left: 0;
           height: 4px;
           background-color: #efefef;
         }
         .hooper-progress-inner {
           height: 100%;
           background-color: #4285f4;
           transition: 300ms;
         }
         .hooper-pagination {
           position: absolute;
           bottom: 0;
           right: 50%;
           transform: translateX(50%);
           display: flex;
           padding: 5px 10px;
         }
         .hooper-indicators {
           display: flex;
           list-style: none;
           margin: 0;
           padding: 0;
         }
         .hooper-indicator:hover,
         .hooper-indicator.is-active {
           background-color: #4285f4;
         }
         .hooper-indicator {
           margin: 0 2px;
           width: 12px;
           height: 4px;
           border-radius: 4px;
           border: none;
           padding: 0;
           background-color: #fff;
           cursor: pointer;
         }
         .hooper-pagination.is-vertical {
           bottom: auto;
           right: 0;
           top: 50%;
           transform: translateY(-50%);
         }
         .hooper-pagination.is-vertical .hooper-indicators {
           flex-direction: column;
         }
         .hooper-pagination.is-vertical .hooper-indicator {
           width: 6px;
         }
         .hooper-next,
         .hooper-prev {
           background-color: transparent;
           border: none;
           padding: 1em;
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           cursor: pointer;
         }
         .hooper-next.is-disabled,
         .hooper-prev.is-disabled {
           opacity: 0.3;
           cursor: not-allowed;
         }
         .hooper-next {
           right: 0;
         }
         .hooper-prev {
           left: 0;
         }
         .hooper-navigation.is-vertical .hooper-next {
           top: auto;
           bottom: 0;
           transform: initial;
         }
         .hooper-navigation.is-vertical .hooper-prev {
           top: 0;
           bottom: auto;
           right: 0;
           left: auto;
           transform: initial;
         }
         .hooper-navigation.is-rtl .hooper-prev {
           left: auto;
           right: 0;
         }
         .hooper-navigation.is-rtl .hooper-next {
           right: auto;
           left: 0;
         }
         .hooper {
           position: relative;
           box-sizing: border-box;
           width: 100%;
           height: 200px;
         }
         .hooper * {
           box-sizing: border-box;
         }
         .hooper-list {
           overflow: hidden;
           width: 100%;
           height: 100%;
         }
         .hooper-track {
           display: flex;
           box-sizing: border-box;
           width: 100%;
           height: 100%;
           padding: 0;
           margin: 0;
         }
         .hooper.is-vertical .hooper-track {
           flex-direction: column;
           height: 200px;
         }
         
         .hooper.is-rtl {
           direction: rtl;
         }
         
         .hooper-sr-only {
           position: absolute;
           width: 1px;
           height: 1px;
           padding: 0;
           margin: -1px;
           overflow: hidden;
           clip: rect(0, 0, 0, 0);
           border: 0;
         }
         
         
         /*Footer CSS goes here*/
         
         .footer {
           margin-top: 0;
           padding: 8px 0;
           width: 100%;
           display: flex;
           display: -webkit-flex;
           flex-wrap: wrap;
           align-items: center;
           position: relative;
         }
         
         .footer-logo {
           width: 10%;
           display: flex;
           display: -webkit-flex;
           justify-content: center;
           align-items: center;
         }
         
         .footer-logo img {
           max-width: 100%;
           max-height: 50px;
         }
         
         .footer-box {
           width: 90%;
           margin: 20px auto 0;
         }
         
         .footer ul {
           display: inline-block;
         }
         
         .footer ul li {
           float: left;
         }
         
         .footer ul li a {
           height: 22px;
           color: var(--text-body);
         }
         
         .footer-social img {
           margin-left: 5px;
           height: 30px;
         }
         
         .footer-content {
           margin-top: 24px;
         }
         
         .footer-content p {
           color: var(--text-body);
           font-size: var(--font-caption);
           line-height: 19px;
         }
         
         .footer-faq {
           padding: 20px 20px 20px 0;
           width: 98%;
           margin: 0 auto;
           margin-bottom: 10px;
         }
         
         .faq-content {
           border-top: 0;
         }
         
         .home-new .footer-faq .sport-list-title {
           margin-bottom: 0;
           display: block;
           margin-left: 0;
         }
         
         .footer-top {
           display: flex;
           display: -webkit-flex;
           flex-wrap: wrap;
           justify-content: space-between;
           align-items: center;
           border-bottom: 1px dashed var(--text-body);
           padding-bottom: 6px;
         }
         
         .footer-top .secure-logo {
           display: flex;
           flex-wrap: wrap;
           align-items: center;
           justify-content: center;
           line-height: normal;
         }
         
         .footer-top .secure-logo img {
           max-height: 50px;
         }
         
         .footer .support {
           width: 100%;
           display: flex;
           background-color: #444;
           padding: 10px;
           justify-content: center;
           color: #ddd;
           border-radius: 0px;
           position: relative;
           flex-wrap: wrap;
         }
         
         .footer .support > div:first-child {
           flex: auto;
           display: flex;
           justify-content: center;
           flex-wrap: wrap;
           align-items: center;
         }
         
         .footer .support > div:first-child b {
           font-size: 20px;
         }
         
         .footer-top img {
           max-height: 30px;
           max-width: 100px;
           margin-right: 10px;
         }
         
         .footer .footer-social {
           position: absolute;
           right: 20px;
           top: 50%;
           transform: translateY(-50%);
         }
         
         .footer-other {
           display: flex;
           justify-content: center;
           flex-wrap: wrap;
         }
         
         .footer-bottom {
           color: var(--text-body);
           font-size: var(--font-caption);
           line-height: 19px;
           margin-top: 10px;
           text-align: center;
         }
         
         .footer-menu {
           width: 100%;
           display: flex;
           align-items: center;
           padding: 5px;
           justify-content: center;
           margin-top: 7px;
         }
         
         .footer-menu ul li {
           margin: 0 8px;
           padding: 0 16px;
           position: relative;
         }
         
         .footer-menu ul li:first-child {
           margin-left: 0;
           padding-left: 0;
         }
         
         .footer-menu ul li:last-child {
           margin-right: 0;
           padding-right: 0;
         }
         
         .footer-menu ul li::after {
           position: absolute;
           content: "";
           background-color: var(--text-body);
           height: 8px;
           width: 8px;
           border-radius: 8px;
           top: 7px;
           right: -16px;
         }
         
         .footer-menu ul li:last-child::after {
           background-color: transparent;
         }
         
         .footer-menu ul li a {
           color: var(--text-body);
           font-weight: bold;
           font-size: 14px;
           transition: 0.5s;
           border-bottom: 1px solid var(--text-body);
         }
         
         .footer-menu ul li a:hover {
           text-decoration: underline;
         }
         
         .wolf-open-home .footer .support {
           background: none;
           border-top: 1px dashed;
           color: var(--text-body);
         }
         
         .wolf-open-home .news-bar {
           height: 40px;
           border-radius: 0;
           -webkit-border-radius: 0;
           -moz-border-radius: 0;
           -ms-border-radius: 0;
           -o-border-radius: 0;
           /* background-color: var(--bg-purple);
             color: #fff; */
         }
         
         
         /*End Footer CSS*/
         
         
         
         
         
         @keyframes run {
           0% {
             left: 0;
             width: 5%;
           }
         
           50% {
             width: 100%;
           }
         
           100% {
             right: 0;
             width: 5%;
           }
         }
         
         
         @keyframes oddsdown {
           from {
             transform: scale(0);
           }
         
           to {
             transform: scale(1);
           }
         }
         
         @keyframes oddsup {
           from {
             transform: scale(0);
           }
         
           to {
             transform: scale(1);
           }
         }
         
         .bet-table-row a {
             text-decoration: none !important;
         }
         
         footer.footer {
             padding-top: 30px;
         }
         
         
         
         
         #floater {
           position: absolute;
           top: 50vh;
           right: 0;
           width: auto;
           height: auto;
           -webkit-transition: all 0.5s ease-in-out;
           transition: all 0.5s ease-in-out;
           z-index: 999;
           border-radius: 3px 0 0 3px;
           padding: 0px;
           /* box-shadow: rgb(255 255 255 / 98%) -5px 0px 10px -5px; */
           /* background-color: #41a6d9; */
           /* color: white; */
           text-align: center;
           box-sizing: border-box;
           display: flex;
           flex-direction: column;
           align-items: flex-end;
           min-width: 50px;
         }
         
         .whatsapp-floatter-icon {
           background: #25d366;
           display: flex;
           flex-wrap: wrap;
           justify-content: flex-start;
           align-items: center;
         }
         
         .whatsapp-floatter-icon .whatsapp-text {
           display: none;
           flex-direction: column;
           color: #fff;
           padding: 5px;
           font-size: 14px;
           -webkit-transition: all 0.5s ease-in-out;
           transition: all 0.5s ease-in-out;
         }
         
         .whatsapp-floatter-icon:hover .whatsapp-text {
           display: flex;
         }
         
         .whatsapp-floatter-icon .whatsapp-text span {
           line-height: 1;
           font-weight: bold;
         }
         
         #floater img {
           width: 50px;
           height: 50px;
         }
         
         
         
         
         
         @media only screen and (min-width: 1280px) and (max-width: 1599px) {
             .sport-tabs {
                 height: 30px;
             }
             .sport-tabs .nav-tabs {
                 height: 30px;
             }
             .sport-tabs .nav-tabs .nav-link {
                 height: 30px;
                 line-height: 30px;
             }
             .sport-tabs .nav-tabs .nav-link span {
                 margin-left: 8px;
             }      
             .bet-table-header {
                 height: 32px;
                 padding: 4px 8px;
             }
         }
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         @media only screen and (max-width: 1279px) {
           .wolf-open-home .header {
             display: flex;
             flex-wrap: wrap;
             background: var(--bg-sidebar);
             height: 60px;
             line-height: 1;
             align-items: center;
             padding-top: 5px;
           }
           .wolf-open-home .login-box > div {
             display: block;
           }
           .wolf-open-home .login-box .btn.btn-demo {
             color: var(--text-fancy) !important;
           }
           .wolf-open-home .logo-box {
             margin-top: 0;
             flex: 1;
             text-align: left;
           }
           /* .wolf-open-home .center-main-content {
             margin-top: 5px;
           } */
           .wolf-open-home .login-box:last-child .btn-primary {
             min-width: unset;
             border-radius: 0;
             border: 0;
             font-size: 14px;
             font-weight: bold;
             padding: 8px 10px;
             margin: 0 !important;
             width: auto;
             min-width: 80px;
             height: 34px;
           }
           .wolf-open-home .login-box:last-child .btn-primary.register-btn {
             margin-right: 5px !important;
             margin-left: 5px !important;
           }
           .wolf-open-home .login-box .download-apk {
             width: 100%;
             display: block;
             margin-left: 0 !important;
             position: relative;
           }
           .wolf-open-home .center-main-content .upcoming-fixure {
             display: block;
           }
           .wolf-open-home .point-casino-tabs ul {
             background: var(--bg-table-header-new);
             border-bottom: 0;
             flex-wrap: nowrap;
           }
           .wolf-open-home .point-casino-tabs .nav-tabs .nav-link {
             color: var(--text-table-header-new);
             border-radius: 0;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -ms-border-radius: 0;
             -o-border-radius: 0;
             padding: 6px;
           }
           .wolf-open-home .point-casino-tabs .nav-tabs .nav-link.active {
             color: var(--text-sidebar);
             background-color: var(--bg-sidebar);
             border-color: var(--bg-sidebar);
             border-radius: 0;
             -webkit-border-radius: 0;
             -moz-border-radius: 0;
             -ms-border-radius: 0;
             -o-border-radius: 0;
           }
           .wolf-open-home .point-casino-carousal .login-hover {
             width: 50%;
           }
           .wolf-open-home .header .btn-primary {
             width: auto;
             font-size: 13px;
             margin-left: 0;
             padding: 0 5px;
           }
           .wolf-open-home .center-main-content .upcoming-fixure {
             margin: 5px auto 0px;
             width: calc(100% - 10px);
           }
           .wolf-open-home .center-main-content .upcoming-fixure .fixure-box > div {
             max-width: 100%;
             display: inline-block;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
           }
           .wolf-open-home .center-main-content .switch-theme {
             margin-left: 5px;
             margin-right: 0;
           }
           .wolf-open-home .news-bar {
             width: calc(100% - 65px);
             max-width: 100%;
             height: 34px;
           }
           .wolf-open-home .news-bar .news-title img {
             width: 25px;
           }
           .wolf-open-home .mobile-switch-theme .btn-primary {
             height: 34px;
             font-size: 14px;
             font-weight: bold;
             border-radius: 0;
                 margin: 0;
           }
           html body .btn-primary {
             background-color: var(--btn-primary);
             border-color: var(--btn-primary);
         }
           .wolf-open-home .mobile-switch-theme {
             display: flex;
             align-items: center;
             justify-content: space-between;
             padding: 0 5px 5px 5px;
             width: 100%;
           }
           .top--slider {
             padding: 0px 0 6px 0;
         }
         html body .container-fluid, 
         html body .container-lg, 
         html body .container-md, 
         html body .container-sm, 
         html body .container-xl {
             padding-right: 5px;
             padding-left: 5px;
         }
           .wolf-open-home .point-menu {
             display: none;
             width: 70%;
             position: fixed;
             top: 50px;
             z-index: 1000;
             height: calc(100vh - 56px);
             background-color: var(--bg-sidebar);
           }
           .wolf-open-home .point-menu.show {
             display: block;
           }
           .wolf-open-home .menu-box {
             margin-top: 0;
             overflow: auto;
           }
           .wolf-open-home.point-home
             .point-menu
             .navbar-expand-sm
             .navbar-nav
             .nav-link {
             color: var(--text-sidebar);
             font-size: 16px;
             font-weight: bold;
             padding-top: 8px;
             padding-bottom: 8px;
           }
           .wolf-open-home .menu-box {
             height: calc(100vh - 51px);
           }
           .wolf-open-home .home-container {
             padding: 5px;
           }
           .point-casino-list {
             margin-top: 10px;
           }
           .wolf-open-home .point-casino-list .login-hover img {
             
           }
           .wolf-open-home .top-results {
             margin-bottom: 0;
             margin-top: 10px;
           }
           .sport-tabs.menu-tabs {
             /* margin: 10px 0; */
           }
           .wolf-open-home .sidebar-left {
             z-index: 1031;
           }
           .wolf-open-home .menu-box {
             height: 100vh;
             width: 100%;
             margin-left: 0;
           }
           .wolf-open-home .menu-box .sports-list-content {
             height: calc(100vh - 40px);
           }
           .express-withdraw .custom-radio {
             display: inline-block;
             width: 49%;
           }
           
           .upcoming-fixure li {
             list-style: none;
             padding: 10px;
         }
         
         .upcoming-fixure ul {
             padding: 0;
             margin: 0;
         }
         
         .wolf-open-home .upcoming-fixure {
             margin: 0;
             width: 100%;
             margin-bottom: 5px;
         }
         
         .upcoming-fixure li a {
             color: #AAAFB5;
         }
         
         .section-one > .container-fluid .row.dirc > .col-3 {
             max-width: 100%;
         }
         .section-one > .container-fluid .row.dirc {
             flex-direction: column;
         }
         
         .section-one > .container-fluid .row.dirc .right-sidebar {
             display: block;
         }
         .modal-open .modal {
                 padding-right: 0 !important;
             }
             .modal-login-new .modal-content {
             border-radius: 0;
             background-color: #333;
             border-color: transparent;
             border-width: 1px;
         }
         .modal-login-new .modal-content {
                 max-height: calc(100vh - 0px);
             }
             .modal-login-new .modal-header {
             justify-content: flex-end;
             padding: 10px 16px;
             background: #000;
             border-radius: 0;
             color: #fff;
         }
         .close-login-modal {
             display: flex;
             justify-content: space-between;
             align-items: center;
             z-index: 100;
             cursor: pointer;
             width: 100%;
         }
         .close-login-modal h5 {
             margin-bottom: 0;
                 color: #fff;
         }
         .close-login-modal img {
             height: 30px;
             width: 30px;
             border-radius: 50%;
             background: transparent;
             padding: 5px;
             border: 2px solid #f00;
         }
         #login-point___BV_modal_outer_ .modal {
                 top: 0;
                 width: 98%;
                 
             }
             .modal-login-new .modal-body {
                 padding: 8px;
                 max-height: 100vh;
                 overflow-x: hidden;
             overflow-y: auto;
             scrollbar-width: thin;
             scrollbar-color: #666 #222;
         }
         .modal-login-new .modal-body .login-form {
             background: #000;
             color: #fff;
             padding: 16px;
             border-radius: 0;
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
             width: 100%;
            margin: 0;
         }
             .modal-login-new .form-group {
                 margin-bottom: 15px;
             }
             .modal-login-new .form-group {
             margin-right: 0;
             margin-bottom: 20px;
             width: 100%;
         }
         .modal-login-new .modal-body label {
                 font-size: 12px;
                 margin-bottom: 0;
                     color: #fff;
             }
             .modal-login-new .form-control {
                 height: 36px;
                 font-size: 14px;
                 border-radius:0
             }
             .modal-login-new .form-control {
                 border: 1px solid #777;
                 color: #fff;
                 transition: 0.8s;
                 height: 56px;
                 background-color: #444;
             }
         
             .input-group {
                 position: relative;
                 display: -ms-flexbox;
                 display: flex;
                 -ms-flex-wrap: wrap;
                 flex-wrap: wrap;
                 -ms-flex-align: stretch;
                 align-items: stretch;
                 width: 100%;
             }
             .input-group-append {
                 margin-left: -1px;
             }
             .modal-login-new .modal-body button.btn {
                 margin: 0;
                 border-radius: 0;
                 border: 0;
             }
             .login-form .form-group a, .change-form .form-group a {
             color: var(--text-green);
             text-decoration: underline;
         }
         .modal-login-new .btn-primary {
             height: 56px;
         }
         .login-form .btn-primary {
             height: 46px;
             font-weight: var(--font-semi);
             text-align: center;
         }
         .btn-primary.disabled, .btn-primary:disabled {
             background-color: var(--btn-primary);
             border-color: var(--btn-primary);
             cursor: not-allowed;
         }
         .recaptchaTerms {
                 font-size: 100%;
             }
             .recaptchaTerms a {
             color: var(--text-green);
         }
         
         .footer .footer-menu ul li {
                 list-style: none;
                 margin: 0 10px;  
                 width:auto;
             }   
             .wolf-open-home .footer .support {
             flex-direction: column;
         }
         
         .wolf-open-home .footer .footer-social img {
             height: 30px;
         }
         
         .bet-table-body {
             height: 500px;
             overflow-y: auto;
         }
         }
         
         
         
         
         
         
         
         
         
         
         
         
         div.modal-backdrop {
             opacity: 0.5;
         }
         
         
         
         
         
         
         
         
         
         @media screen and (max-width:680px){
             header .image >img {
             max-width: 150px;
         }
         
         body header {
             padding: 10px 0;
         }
         
         .main-wrapper {
             padding-top: 0px;
         }
         
             .section-one > .container-fluid .row {
             flex-direction: column-reverse;
         }
         
         .section-one > .container-fluid .row .col-6 {
             max-width: 100%;
         }
         
         .section-one h1, .section-one h2, .section-two h2, .section-03 h2 {
             font-size: 21px;
             line-height: 160%;
         }
         
         .section-one .btmbtns {
             margin-top: 0;
         }
         
         .btmbtns a.btn {
             font-size: 14px;
             margin: 10px 0 0;
         }
         
         body p {
             font-size: 16px;
             line-height: 150%;
         }
         
         .section-one .col-6 {
             max-width: 100%;
         }
         
         .section-one .row {
             flex-direction: column;
         }
         
         .section-one {
             padding-top: 0;
         }
         
         table.table th, table.table td {
             font-size: 15px;
             line-height: 150%;
         }
         
         .services-box .service .flip-box {
             height: 240px;
         }
         
         .services-box .service {
             width: 47%;
             margin: 10px 5px;
         }
         
         .services-box .service .flip-box-front img {
             height: 30px;
             width: 30px;
         }
         
         .services-box .service h3.title {
             font-size: 14px;
         }
         
         .services-box .service p {
             font-size: 13px;
             line-height: 137%;
             padding: 0 10px;
         }
         
         .section-03 .services-box {}
         
         .section-four .row {
             flex-direction: column;
         }
         
         .section-four .row .col-6 {
             max-width: 100%;
         }
         
         .section-four .row .col-6 .image {
             margin-bottom: 10px;
         }
         
         .section-03 {
             padding-bottom: 30px;
         }
         
         .section-one.section-five .col-3 {
             max-width: 50%;
             flex: 0 0 50%;
         }
         
         .section-one.section-five .row {
             flex-direction: row;
         }
         
         .section-one.section-five .image {
             margin: 10px 5px 0px 6px;
         }
         
         .section-one.section-Sportsbook .row .col-2 {
             max-width: 30%;
             flex: 0 0 30%;
         }
         
         .section-one.section-Sportsbook .row {
             flex-direction: row;
         }
         
         .section-one.section-Sportsbook .right .image img {
             max-width: 50px;
         }
         
         .section-one.section-Sportsbook .row h4 {
             font-size: 16px;
         }
         
         .accordion .accordion-item span.accordion-title {
             font-size: 14px;
             line-height: 150%;
             display: inline-block;
             padding-top: 0;
             padding-bottom: 0;
         }
         
         .section-03.accordion-section .services-box .accordion-content p {
             font-size: 14px;
             display: inline-block;
         }
         
         .section-03.accordion-section .services-box .accordion-content {
             /* max-height: 9em; */
         }
         
         .section-03.accordion-section .services-box .accordion-item {
             padding-bottom: 10px;
         }
         
         .section-0last.footer-section .keyword {
             flex-wrap: wrap;
         }
         
         .section-0last.footer-section .keyword p {
             margin: 0;
         }
             
         }
         
         
         
         div#login-point___BV_modal_backdrop_ {
             opacity: .5;
         }
         
         
         
         div.modal-backdrop {
             opacity: 0.5;
         }


/* my css */
.whatsapp-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #00000010;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  z-index: 1000;
  cursor: default;
}
.fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1001;
  display: none;
}

.modal-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  background-color: #fff;
  padding: 20px;
  /* border: 1px solid #555; */
  border-radius: 6px;
  z-index: 1010;
  display: none;
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7); */
}

.modal-header-1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: white;
}

.modal-header-1 h2 {
  margin: 0;
  font-size: 20px;
}


.close-btn img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #111;
  padding: 5px;
  border: 2px solid #f00;
  position: absolute;
  top: -10px;
  right: -10px;
}

.login-btn {
  width: 100%;
  padding: 10px;
  background-color: #0e684e;
  color: white;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  outline: none !important;
  font-size: 20px;
}
.login-btn a,
  .login-btn a:hover {
  color: #fff;
}

/* .login-btn:hover {
  background-color: #0069d9;
} */

