@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* font-family: "Inter", sans-serif; */



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

/* font-family: "Poppins", sans-serif; */
/*
* {box-sizing: border-box;}
html, body{height:100%;}
body {font-family: var(--ft-inter);  color: #4D5361 !important; }
a{text-decoration:none;color:var(--ftblue); transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
a:hover{color:var(--primary);text-decoration:none}
a:focus{outline:none;text-decoration:none; box-shadow: none; color: inherit;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;color:var(--primary);padding:0;line-height:1.4; font-family: var(--ft-roboto); text-transform:none; font-weight:600;}
h1{font-size:55px;}
h2{font-size:48px;}
h3{font-size:35px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p {margin:0 0 20px 0;line-height:1.4;}
p:last-child {margin-bottom: 0px;}
ul, ol{margin:0;}
strong, b{font-weight:600;}
button{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
img {transition:all 0.3s ease-in-out 0s;}*/
/* comman form filed style -----------------------------*/
/*input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{opacity:1;color:inherit;}
input::-ms-input-placeholder, .form-control::-ms-input-placeholder{opacity:1;color:inherit;}
input::placeholder, .form-control::placeholder {opacity:1;color:inherit;}*/
/* ------------------ images alignment --------------*/
/* ------------------ image alignments ------------------ */
/*img.alignleft, .alignleft { float: left; margin-right: 20px; max-width:460px;}
img.alignright, .alignright { float: right; margin-left: 20px; max-width:460px;}
img.aligncenter, .aligncenter, img.alignnone, .alignnone  { display: block; margin: 0 auto 20px; clear: both; }
img.alignleft, .alignleft, img.alignright, .alignright { display: inline; margin-top: 0; }
img.alignleft, img.aligncenter, img.alignright { margin-bottom: 20px; }*/
/* image captions */
/*.alignleft .wp-caption-text { text-align: left; }
.alignright .wp-caption-text { text-align: right; }
.aligncenter .wp-caption-text { text-align: center; }
hr{clear: both; margin-top: 20px; margin-bottom: 20px;}
ul {margin: 0; padding: 0; list-style-type: none;}
.content ul, .content ol{margin: 0 0 20px 0px; padding: 0 0 0 15px; position: relative;}
.content ul{list-style-type: none;}
.content ul li, .content ol li{margin-bottom: 8px;}
.content ul li ul li, .content ol li ul li, .content ul li ol li {margin-top: 12px;}
.content ul li:before{content: ""; position: relative; display: inline-block; left: -15px; top: -2px; width: 7px; height: 7px; background-color: #1a1a1a; border-radius: 100%;}
.content ul li ol li:before {display: none;}
.table{border: 1px solid var(--lightgraybg); font-size: 14px; width: 100%; font-family: "Inter", sans-serif;}
.table th, .table thead th{background-color: var(--secondary) !important;border-bottom:none; font-weight: 600;}
.table td, .table th{padding:10px;}
.menu-overlay{position:fixed;height:100%;width:100%;left:0;top:0;background:#000000;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.menu-overlay.show-overlay{opacity:0.90;visibility:visible;z-index:11;}
.mainwrapper{overflow:hidden;}*/
/*--- common ------*/
/*.btn-check:focus + .btn-primary, .btn-primary:focus {color:var(--whiteprimary); background-color:var(--primary); border-color:var(--primary); box-shadow: none;}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {color: var(--whiteprimary); background-color: var(--primary); border-color: var(--primary);}
.btn {border-radius: 10px; font-size: 16px; padding: 16px 30px; line-height: 1.2; border: none;}
.btn-primary {color:var(--whiteprimary); background-color: var(--secondary); border-color:var(--secondary); font-weight: 600;}
.btn-primary:hover {color: var(--whiteprimary); background-color: var(--primary); border-color: var(--primary);}
.sm-btn {border-radius: 8px; font-size: 13px; padding: 9px 10px; border: none;}*/
/*--- common ------*/
:root {
  --whiteprimary:#ffffff;
  --secondary:#5c67f7;
  --primary:#000000;
  --blackbg:#111111;
  --lightbluebg:#f3f4f7;
  --lightgraybg:#d7ddeb;
  --graybg:#f9fafc;
  --ft-poppins:"Poppins", sans-serif;
  --ft-inter:"Inter", sans-serif;
}


/* ------- mian css start ---------*/
.main-container-part {max-width: 1200px; /* margin-left: auto; margin-right: auto; */ padding-left: 15px; padding-right: 15px;}
.flex-row-part {display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.flex-row-part .column-box  {padding-left: 15px; padding-right: 15px; }
.gc-flex-center{justify-content: center;}
.listing-box-col {width: 33.3333%;}
.listing-gridview-sec .flex-row-part .column-box {margin-bottom: 30px;}
.grid-box-bg { border: 1px solid var(--lightgraybg); border-radius: 15px; padding: 20px; height: 100%; text-align: center; font-size: 14px; background-color: var(--whiteprimary); position: relative;
  /* padding-bottom: 108px; */ padding-bottom: 120px; color: #000000;}
.match-list-date {font-size: 13px; font-weight: 600; color: var(--primary); margin-bottom: 15px;}
.match-leagus {margin-bottom: 15px;}
.match-leagus span {display: inline-flex; justify-content: center; align-items: center; background-color: var(--secondary); padding:3px 10px; border-radius: 30px; color: var(--whiteprimary);}
.match-premier-title {margin-bottom: 15px; font-weight: 500;}

.match-grid-flex {display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 15px 0px; margin-bottom: 15px; border-top: 1px solid var(--lightgraybg); border-bottom: 1px solid var(--lightgraybg);}

.match-box-img {width: 70px; height: 70px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 5px;}

.match-box-img img {max-width: 60px; max-height: 60px;}
.match-grid-img {text-align: center; display: flex; flex-direction: column; align-items: center; width: 130px;}
.mg-grid-tips {font-weight: 600; font-size: 13px;}
.match-team-name {font-size: 13px; font-weight: 600; white-space: normal !important; line-height: normal; min-height: 33px;} 
.listing-gridview-sec .col-md-6 {margin-bottom: 30px;}
.list-table-sec .match-grid-flex {padding:0px; margin-bottom: 0px; border-top: none;  border-bottom:none;}
.tablesection{ /*background: #fff; border: 1px solid var(--lightgraybg);border-radius: 10px; box-shadow: 0 1px 2px 0 rgba(16,24,40,.05); */overflow-x: auto;-webkit-overflow-scrolling: touch;}
.table-border-none.staff-table .table{ overflow: hidden;border: none;border-radius: 0; border-collapse: separate; border-radius: 10px; border: 1px solid var(--lightgraybg);
  border-spacing: 0; background-color: var(--whiteprimary);}
.table th,.table thead th{ background-color: #e2e7f1;border-bottom: none;font-weight: 600;}
.staff-comm-table th{ vertical-align: middle;}
.commontable th{ padding: 12px 14px; /*background-color: var(--secondary) !important;*/ white-space: nowrap;line-height: 18px;font-size: 13px;color: #fff;font-weight: 600!important;}
.table-border-none.staff-table .table td{ /*border-bottom: none!important;*/}
.commontable td { background-color: var(--whiteprimary); padding: 13px;color: #4d5361!important;font-size: var(--ft-14)!important;border-bottom: 1px solid var(--lightgraybg) !important;vertical-align: middle;white-space: nowrap;}
.commontable tr:last-child td {border-bottom: none !important;}
.odd-even-table table tr:nth-child(2n+1) td{ background-color:  var(--graybg);}
.mathc-date{ font-size: 11px;font-weight: 600;margin-bottom: 1px;color: green; padding-top: 5px;}
.teambox-title {text-align: center;}
.list-table-sec .table {font-size: 13px;}
.list-table-sec .match-box-img {width: 40px; height: 40px; }
.list-table-sec .match-box-img img {max-width: 38px; max-height: 38px;}
.list-table-sec .match-team-name {font-size: 13px;}
.match-grid-flex {max-width: 370px; margin-left: auto; margin-right: auto;}
.list-table-sec td, .list-table-sec th {text-align: left;}
.list-table-sec td.text-center, .list-table-sec th.text-center {text-align: center;}
.match-prediction-text{ background-color: var(--lightbluebg);
  padding: 15px 10px;
  min-height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #4D5361 !important;
  position: absolute;
  width: calc(100% - 40px);
  bottom: 20px;}
.match-prediction-text span{ display: inline-flex;justify-content: center;align-items: center;border-radius: 30px;color: var(--primary);font-weight: 600;margin-top: 8px;font-size: 19px;line-height: 1;}
.tbl-prediction {display: inline-flex; justify-content: center; align-items: center; background-color: #f69c51; padding: 3px 10px; border-radius: 30px; color: var(--whiteprimary); min-width: 60px; font-weight: 500;}
.match-prediction-main {display: flex; align-items: center; gap: 7px; padding-top: 8px;}
.match-prediction-main span {margin-top: 0px;}
.match-result-img {line-height: 14px;}
.match-result-img img {width: 18px !important; height: auto !important;}
.match-result-text {display: inline-flex; justify-content: center;  align-items: center; gap: 10px; }
.match-result-text span {font-size: 16px; font-weight: 700;}
.checkresult-flex {display: inline-flex; align-items: center; gap: 9px; justify-content: flex-end; padding: 5px 13px 5px 13px; border:1px solid var(--lightgraybg); border-radius: 30px; background-color: var(--whiteprimary);}
.checkresult {font-weight: 600 !important; color: var(--primary) !important;}
.result-checkicon {display: flex;}
.result-checkicon img {/*max-width: 16px; width: 16px; */ max-width: 12px !important; width: 12px; height: auto;  }
.checkdatepick {display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.dateinput {display: flex; align-items: center; justify-content: center; gap: 7px;}
.dateinput label {font-size: 14px; /*color: #4d5361 !important;*/ white-space: nowrap; font-weight: 500;}
.checkdatepick input.hasDatepicker {width: 100%; color: #4d5361; cursor: pointer; position: relative; font-size: 15px;  background: url(../images/calender-icon-black.png) no-repeat right center #fff; border: 1px solid var(--lightgraybg); padding: 10px; border-radius: 7px; background-position: right 10px center; }
.checkdatepick button.btn {font-size: 14px; padding: 11px 30px; border-radius: 7px; cursor: pointer; font-family: var(--ft-inter); font-weight: 500; margin-bottom: 10px;}
.past-matches-form {max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; }  

.ch-commdatepick {margin-bottom: 10px;}
.tracker-vip {margin-bottom: 70px !important; max-width: 850px !important; margin-left: auto; margin-right: auto; margin-top: 50px !important;}
.tracker-vip .smart-vip-tracker{ text-align: center;font-family: Arial,sans-serif;}
.tracker-vip  h3{ margin-bottom: 30px;font-size: 24px;color: var(--primary); text-align: center;}
.tracker-vip .tracker-grid { display: flex;justify-content: center;align-items: center; margin-bottom: 40px;}
.tracker-vip .tracker-grid:last-child {margin-bottom: 0px;}
.tracker-vip .tracker-item{ display: flex;flex-direction: column;align-items: center; width: 15%;}
.tracker-vip .tracker-item .day{ font-size: 14px; color: #4d5361 !important; font-weight: 600; margin-bottom: 5px; }
.tracker-vip .tracker-item .icon{ font-size: 24px;}
.tracker-vip .circle{ display: inline-flex; align-items: center; justify-content: center; width: 40px;height: 40px;border-radius: 100%; font-weight: 700; color: #fff; font-size: 22px; }
.tracker-vip .circle.success{ background-color: #008000; border: 1px solid #006a00;}
.tracker-vip .circle.fail{ background-color: #f7e5e5; border: 1px solid #f0c7c7;}
.tracker-vip img.wp-smiley, img.emoji {max-width: 14px; height: auto !important; vertical-align: inherit !important;}
.tracker-vip .circle.na{ background-color: gray; border: 1px solid gray; font-size: 15px;}

.gc-conttable {width: auto; height: auto; flex-direction: column;}
.gc-conttable .contimg {width: 40px; height: 40px; overflow: hidden;}
.gc-conttable .contname {font-size: 12px;}

.tracker-vip .gc-trackergrid {flex-wrap: wrap; gap: 30px; align-items: flex-start;}
.tracker-vip .tracker-item.tracker-items-list {width: 80px; }
.tracker-items-list .tracker-box {margin-bottom: 12px; text-align: center; padding:18px 10px; background-color: #ccc; border-radius: 10px; min-height: 92px; width: 100%; border: 1px solid var(--lightgraybg);}
.tracker-items-list .tracker-result {text-align: center; font-size: 13px; font-weight: 500; width: 100%; /*color:#fff;*/}
.tracker-items-list .picks-tracker-icon {margin-bottom: 10px; height:25px; overflow: hidden; text-align:center;text-align: -webkit-center; text-align: -moz-center;}
.tracker-items-list .picks-tracker-icon img {max-width: 100%; max-height:25px; height: 25px;}
.tracker-items-list .picks-tracker-date {font-size: 13px; font-weight: 600;}

.tracker-items-list .tracker-greenbox {background-color: green; border: green; color: #fff;}
.tracker-items-list .tracker-whitebox {background-color:var(--whiteprimary); border-color: var(--lightgraybg); color: var(--primary); }

.common-whitebox {border-radius: 10px; background-color: var(--whiteprimary);   border: 1px solid var(--lightgraybg); /* box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
   */ position: relative; margin-bottom: 0px; width: 100%; }
.common-mb {margin-bottom: 15px;}

.box-shapbg {overflow: hidden; position: relative;}
.box-shapbg::before {position: absolute; right: 0; top: 0; /*background: url(../images/box-shapbg.png) no-repeat right top;*/ width: 100%; max-width: 351px; height: 100%; background-size: 50%; content: "";}
.teamvsmatch {gap: 8px;  position: relative;}
.teambox-title {text-align: center;}
.teambox-title h5 {margin-bottom: 0px; font-size: 15px; }
.teambox-sec .teamvsmatch .teammatch-main,
.teambox-sec .teamvsmatch a {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding:10px 15px;  border-bottom: 1px solid var(--lightgraybg); background-color: var(--graybg);}
.teambox-sec .teamvsmatch:nth-child(odd) .teammatch-main,
.teambox-sec .teamvsmatch:nth-child(odd) a {background-color: var(--whiteprimary);}
.teambox-sec .teamvsmatch:last-child a {border-bottom: none;}
.team-flag-img {width: 50px; height: 50px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; margin: auto;}
.team-flag-img img {max-width: 48px; max-height: 48px; }
.mathc-date {font-size: 11px; font-weight: 600; margin-bottom: 1px; color: green;}
.mathc-time {font-size: 11px; font-weight: 500; color: #a2accb;}
.team-part {font-family:var(--ft-inter); font-size: 14px; color: #4D5361 !important; margin-left: 15px; margin-right: 15px;}
.mathc-fulltime img{ max-width: 16px; height: auto; width: 16px;}
.no-found{max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; font-size: 16px; padding: 25px 40px; /*background-color: #f7f7f7;*/ border-radius: 5px; box-shadow: 0 0 8px #c9c9c9;}
.grid-box-bg.gc-gridboxbg {
    padding-bottom: 20px;
}

.grid-box-bg.gc-gridboxbg .match-prediction-text {
  position: static;
  width: 100%;
  margin-top: 12px;
}
.table_affiliatelink a,
.grid-box-bg.gc-gridboxbg .match_affiliate_link a {
  text-align: center;
  background: #625ee8;
  display: block;
  margin-top: 10px;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
}
.table_affiliatelink a:hover,
.grid-box-bg.gc-gridboxbg .match_affiliate_link a:hover {
  background: #000;
}

.teammatch-main .match_affiliate_link.new_matchlink a {
   border: none;
   background: #625ee8;
   color: #fff;
   border-radius: 10px;
   font-size: 12px;
   line-height: 18px;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
   padding: 6px 10px !important;
   margin: 6px auto 0;
    display: block;
    text-align: center;
    width: fit-content;
}
.match_bonusupto{margin-top: 15px; font-weight: 700; font-size: 16px;}
.table_bonusupto{margin-top: 10px; font-weight: 600; font-size: 12px; text-align: center;}
.new_bonusupto{margin-top: 6px; font-weight: 600;font-size: 14px;line-height: 1.2;}
.gc-teammatcha a{text-decoration: inherit;}
.gc-nofound{ padding: 10px;}

.match_bonusupto span{color: #f69c51;}

.commontable.gc-newcommontable th {padding: 12px 10px;}
.commontable.gc-newcommontable td {white-space: inherit;}
.gc-newcommontable .match-grid-img {width: 100px;}
.gc-newcommontable .checkresult {white-space: nowrap;}
/*.gc-newcommontable .checkresult-flex {padding: 5px 5px 5px 5px;}*/
.gc-newcommontable {margin: 0px -1px;}

.match-link {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.match-link .table_bonusupto {margin-top: 4px; font-size: 10px;}
/*.gc-newcommontable .grid-box-bg.gc-gridboxbg .match_affiliate_link a, .gc-newcommontable .table_affiliatelink a{ text-align: center;background: #625ee8;display: block;margin-top: 0;color: #fff;border-radius: 30px;font-size: 11px;line-height: 20px;font-weight: 600;text-transform: uppercase;text-decoration: none;padding: 5px; line-height: normal;}
*/
.gc-newcommontable .grid-box-bg.gc-gridboxbg .match_affiliate_link a, .gc-newcommontable .table_affiliatelink a{
   border: none;
   background: #625ee8;
   color: #fff !important;
   border-radius: 10px;
   font-size: 12px;
   line-height: 18px;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none !important;
   padding: 6px 10px !important;
   margin: 6px auto 0;
    display: block;
    text-align: center;
    width: fit-content;
}
.table_affiliatelink .table_bonusupto{text-align:center;}
#loadervip{
text-align: center;
  text-align: -webkit-center;
}
  .loading-spinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #000;
    }

    .spinner {
        border: 8px solid #f3f3f3;
        border-top: 8px solid #3498db;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: spin 2s linear infinite;
        margin-bottom: 20px;
    }

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

.dataTables_length {float: left; padding-left: 10px; margin-bottom: 12px;} 
.dataTables_filter {float: right; padding-right: 10px; margin-bottom: 12px;}
.wp-core-ui select, .dataTables_filter input {border-radius: 8px; padding: 7px 10px 7px 10px;  border-color: var(--lightgraybg); line-height: normal;}
.dataTables_length label, .dataTables_filter label {display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 600; color: #a2accb;}
.wp-core-ui .records select, .records .dataTables_filter input {border-radius: 8px; padding: 7px 25px 7px 10px;  border-color: var(--lightgraybg); line-height: normal;}
.wp-core-ui .records select:focus, .records .dataTables_filter input:focus {box-shadow: none; outline: none; border-color: var(--lightgraybg);}
.dataTables_filter input {padding: 7px 15px;}

.dataTables_paginate {padding: 12px 15px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.dataTables_paginate span {display: inline-flex; gap: 10px; align-items: center;}
.dataTables_paginate a {color: #a2accb; font-weight: 600; font-size: 14px; border-radius: 8px; padding: 7px 15px 7px 15px;  border:1px solid var(--lightgraybg); line-height: normal; text-align: center; display: block; cursor: pointer;}
.dataTables_paginate a:hover {background-color: var(--primary); border-color: var(--primary); color: var(--whiteprimary);}
.dataTables_paginate a.current {background-color: var(--secondary); border-color: var(--secondary); color: var(--whiteprimary);}

.simple-pagination ul {
  display: flex;
  justify-content: center;
  list-style: none;
  gap: 15px;
  padding:  25px 0;
  flex-wrap: wrap;
}

.simple-pagination ul li .current.prev, .simple-pagination ul li .current.next, .simple-pagination ul li .current, .simple-pagination ul li .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d8ddec;
  border-radius: 8px;
  color: #4e5362;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}

.simple-pagination ul li .page-link:hover, .simple-pagination ul li .current {
  background: #000000;
  color: #fff;
}

.page-pagination li{display: inline-block;}


/*--------skaletile box --------*/

#masthead {z-index: 9999;}
.blurredboxsection .bluerbox {filter: blur(6px); pointer-events: none; transition: opacity .3s cubic-bezier(0,0,.1,1); position: relative; transition:all 0.3s ease-in-out 0s;}
.blurredboxsection .hover-box {height: 100%; position: absolute; left: 0; top: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; z-index: 1; transition:all 0.3s ease-in-out 0s;}
.blurredboxsection .hover-box .list-lockbtn {display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #1EE2A3; border-radius: 100%; color: #000; padding: 5px; transition:all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .hover-box .list-lockbtn {display: none;}
.blurredboxsection .hover-box .premium-sub-box {display: none; transition:all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .hover-box .premium-sub-box {display: block;}
.list-lockbtn img {max-width: 26px !important;}
.premium-sub-box {text-align: center;}
.premium-sub-box h5 {margin-bottom: 18px; font-size: 16px;}
.premium-sub-box h5 span {color: #1EE2A3;}
.premium-sub-box a.btn {padding: 8px 20px; border-radius: 15px; background-color: #1EE2A3 !important; color:#fff; line-height: normal; display: inline-flex; border: 1px solid #1EE2A3 !important; font-weight: 500; font-size: 18px; text-decoration: none !important; font-family: var(--global-heading-font-family);}
.premium-sub-box a:hover.btn {background-color: #19C28B !important; border:1px solid #19C28B !important; color: #fff;}
.teamvsmatch.gc-teammatcha .premium-sub-box h5 br {display: none;}
.teamvsmatch .premium-sub-box h5 {margin-bottom: 10px; font-size: 16px;}
.teamvsmatch.gc-teammatcha .premium-sub-box a.btn {padding: 5px 14px;}
.blurredboxsection .skeleton-bottom-border {border-bottom: 1px solid var(--lightgraybg);} 
.blurredboxsection .teambox-sec .teamvsmatch .teammatch-main {border-bottom: none;} 
td.hover-premium-box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important;}
/* .premium-tablebox:hover td.hover-premium-box {display: block;} */
.premium-tablebox {position: relative;}
.blurboxtable td div.td-div-box {filter: blur(6px); pointer-events: none; transition: opacity .3s cubic-bezier(0,0,.1,1); position: relative; transition:all 0.3s ease-in-out 0s;}
.table-hover-box-flex {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.table-hover-box-flex .list-lockbtn a {padding: 8px 9px; background-color: #1EE2A3 !important; color: #fff; line-height: normal; display: inline-flex; align-items: center; border: 1px solid #1EE2A3; font-weight: 500; font-size: 18px; text-decoration: none !important; gap: 10px; height: 40px; border-radius: 30px; width: 100%; font-family: var(--global-heading-font-family); width: 40px;} 
.table-hover-box-flex .list-lockbtn a:hover { background-color: #19C28B !important; border-color: #000 !important; color: #fff;  width: auto; border-radius: 15px transition:all 0.3s ease-in-out 0s;} 



.table-hover-box-flex .list-lockbtn a span {display: none; transition:all 0.3s ease-in-out 0s; padding-left: 20px; padding-right: 20px;}
.table-hover-box-flex .list-lockbtn a:hover span {display: block; max-width: inherit; transition:all 0.3s ease-in-out 0s;}
.table-hover-box-flex .list-lockbtn a img {width: 22px; height: 22px;}
.table-hover-box-flex .list-lockbtn a:hover img {display: none;}
.table-hover-box-flex .premium-sub-box {text-align: left;}
.table-hover-box-flex .premium-sub-box h5 {margin-bottom: 0px;}
.league-list-img {display: flex; align-items: center; justify-content: center; min-height: 80px;}
.pro-img-blur {display: flex; align-items: center; justify-content: center; min-height: 398px;}
.mob-list-blur-img {display: flex; align-items: center; justify-content: center; min-height: 104px;}
.table-hover-box-flex .premium-sub-box h5 {display: none;}
.table-hover-box-flex .premium-sub-box h5.avableAvailabletext {display: block;}
.hover-premium-box .table-hover-box-flex:hover .list-lockbtn a span { display: block; max-width: inherit; }
.hover-premium-box .table-hover-box-flex:hover .list-lockbtn a img {display: none;}
.blurredboxsection .league-list-img img {position: relative; transition:all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .league-list-img img {filter: blur(6px);}

.blurredboxsection .pro-img-blur img  {transition:all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .pro-img-blur img  {filter: blur(6px);}

.blurredboxsection .mob-list-blur-img img {transition:all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .mob-list-blur-img img {filter: blur(6px);}
.team-main .new-mob-st-cl .teamvsmatch .teamflag h6 {margin-top: 3px;}


.blurredboxsection td.blurbox-list {filter: blur(6px); pointer-events: none; transition: opacity .3s cubic-bezier(0,0,.1,1); position: relative; transition: all 0.3s ease-in-out 0s;}
.blurredboxsection:hover td.blurbox-list {/*filter: blur(8px);*/ opacity: .3 !important;  }
.blurredboxsection .bluerbox {transition: all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .bluerbox {/*filter: blur(3px);*/ opacity: .4 !important;}

.blurredboxsection .teammatch-main {filter: blur(6px); transition: all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .teammatch-main {/*filter: blur(3px);*/ opacity: .3 !important;}
.table-hover-box-flex:hover .list-lockbtn a {width: auto; border-color: #19C28B !important; border-radius: 15px !important; transition: none;}

/*.blurredboxsection td.blurbox-list.vipblur {filter: blur(6px);}
.blurredboxsection .bluerbox .bluregridcl {filter: blur(6px); transition: all 0.3s ease-in-out 0s;}
.blurredboxsection:hover .bluerbox .bluregridcl {filter: blur(7px);}
.blurredboxsection .bluerbox .vipblur i {font-style: normal; filter: blur(6px); transition: all 0.3s ease-in-out 0s;}
.blurredboxsection .bluerbox .vipblur .match-prediction-main {filter: blur(6px);}
*/



/* .premium-sub-box h5 {font-size: 16px;} */
/* .premium-sub-box h5 span {color: #F4C542;} */
/* .table-hover-box-flex .list-lockbtn a {font-weight: 500; font-size: 18px; color: #000; background-color: #F4C542 !important; border: 1px solid #F4C542; width: 40px; font-family: var(--global-heading-font-family); transition: none;} */
/* .table-hover-box-flex .list-lockbtn a:hover {background-color: #D9A624 !important; border-color: #000 !important; color: #000; border-radius: 15px !important; width: auto;} */
/* .hover-premium-box .table-hover-box-flex:hover .list-lockbtn a span {transition: none;} */
/* .blurredboxsection .hover-box .list-lockbtn {background-color: #F4C542;  color: #000;} */
/* .premium-sub-box a.btn {background-color: #F4C542 !important; border: 1px solid #000; color: #000; font-family: var(--global-heading-font-family); font-weight: 500; font-size: 18px;} */
/* .premium-sub-box a:hover.btn {background-color: #D9A624 !important; border-color: #000 !important; color: #000;} */


.matchloadingbtn{
  text-align: center;
    margin-top: 20px;
}

/*----------Responsive---------------*/
@media (max-width: 1800px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1500px) {
}
@media (max-width: 1469px) {
}
@media (max-width: 1350px) {
}
@media (max-width: 1299px) {
}
@media (max-width: 1199px) {
	.listing-box-col {width: 50%;}

  .width50 {width: 50% !important;}
  .width33 {width: 50% !important;}


}
@media only screen and (min-width:992px) and (max-width:1199px) {	
}
@media (max-width: 1024px) {
}
@media (max-width: 991px) {
	.listing-box-col {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){	
}
@media (max-width: 767px) {
  .listing-box-col {width: 100%;}
  .checkdatepick {flex-direction: column; align-items: flex-start;}
  .dateinput {width: 100%;}
  .dateinput label {width: 78px; flex-shrink: 0;}
  .ch-commdatepick {margin-bottom: 0px;}
  .checkdatepick button.btn {width: 100%; margin-bottom: 0px;}
  .tracker-vip .tracker-grid {flex-wrap: wrap; gap: 30px 30px;}
  .tracker-vip .tracker-item {width: 25%;}
  .gc-maincontainer {padding-left: 0px !important; padding-right: 0px !important;}
  .team-main .teamflag h6 {font-size: 12px;  font-weight: 600; text-align: center; color: #4D5361 !important;}
  .team-main .teamflag{ text-align: center;display: flex;flex-direction: column;align-items: center;width: 90px;}
  .team-main .teambox-title{ font-weight: 600;font-size: 13px;}
  .team-main .teamvsmatch .teammatch-main,
  .team-main .teamvsmatch a{ padding: 8px 10px !important; font-size: 16px;}
  .team-main .team-flag-img img {max-width: 40px; max-height: 40px; }
  .team-main .mathc-fulltime{ display: inline-flex;align-items: center;gap: 5px;justify-content: flex-end;padding: 4px 10px 4px 10px;border: 1px solid var(--lightgraybg);border-radius: 30px;background-color: var(--whiteprimary);font-weight: 600!important;color: var(--primary)!important;font-size: 12px;}
  .team-main .mathc-fulltime img{ max-width: 13px;height: auto;width: 13px;}
  .team-main .mathc-date {padding-top: 3px;}
  .team-main .mathc-prediction {margin-bottom: 2px; font-size: 12px;}
  .team-main .common-whitebox {border-radius: 15px;}
  .team-main .teambox-title h5 {font-size: 13px;}
  .gc-teampart {margin-left:0px !important; margin-right:0px !important;}
  .gc-pastmatchform {padding-left:0px !important; padding-right:0px !important; margin-bottom:20px !important; }

  .width50 {width: 100% !important;}
  .width33 {width: 100% !important;}
  
}
@media (max-width: 575px) {
}
@media (max-width: 479px) {
}
img {max-width: 100%; height: auto;}

.new-predictiontxt {margin-bottom: 0;}