body {
    font-family: 'Nunito Sans', sans-serif !important;
}

table {
  border: 1px solid #ccc;
  border-collapse: separate;
  border-spacing:  1px;
  margin: 0;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
  font-family: 'Nunito Sans', sans-serif !important;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #D93939;
  color: #fff;
}
.user-profile .row {
    align-items: center;
    display: flex;
}
.profile-image img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}
.user-name {
    display: flex;
    text-transform: uppercase;
    align-items: center;
    column-gap: 1.5rem;
}
.user-name h4 {
    font-size: 14px;
    color: #27335c;
    font-weight: 700;
}
.profile-details p {
    margin: 0;
    color: #9d9e9d;
}
.betting-expert {
    background-color: #e4ffea;
    border-radius: 25px;
    position: relative;
    padding: 0px 10px;
    display: flex;
    align-items: center;
}
.betting-expert p {
    color: #232d80;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 12px;
    margin-top: 3px;
}
.checkmark {
    height: 20px;
    width: 20px;
    background: #ccf5d5;
    border-radius: 50%;
    position: relative;
    left: -10px;
}
.checkmark:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    right: 0;
    z-index: 1;
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 6px;
    border-bottom: 2px solid #286085;
    border-right: 2px solid #286085;
    margin: 0 auto;
    text-align: center;
}
.profile-details p span {
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .user-profile .row {
        display: inherit;
    }
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

.read-less {
    float: right;
}

/*table section*/

.reverse-order{
   display: flex;
   flex-direction: column-reverse;
}
.blog-alt {
  margin-top: 3%;
}
/* offers */

   .image-box-bg{height: 150px;background-size: cover;background-position: center center;}
    .mh-80{min-height: 80px;}
/* 
alternate block */

   #contentToggle .collapse:not(.in) figure {display: none;}
    #contentToggle .collapse:not(.in) {height: 270px!important; -webkit-line-clamp: 10;}


    .review-box{
        display:none;
    }
    .custom-content{
        display:none;
    }

.bn-main .container{ max-width: 100%;text-align: left;}
.bn-main p{display: inline;}
.flip {color: #ADD8E6 !important; font-size: 16px; font-weight: 600;}
.flip:hover{ opacity: .7;}

.brand-title{
	margin-left: 7px !important;
	vertical-align: middle;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
    margin-left: 4px;
}

.bookie-background {
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    border-radius: 7px;
    border: 1px solid rgba(208, 208, 208, 0.64);
    padding: 0 0 0 5px;
}
.bookie-logo {
  padding-top: 10px;
  padding-left: 0; 
}
.bookie img {
    vertical-align: middle;
    height:45px;
    width:45px; 
}
.bookie-paragraph {
    padding: 0;
}
.bookie .bookie-title {
    margin-left: 7px!important;
    vertical-align: middle;
    font-size: 15px;
}
.bookie-code {
    color: #4a8b11 !important;
    font-weight: 600;
    font-size: 16px !important;
    margin: 0px;
    font-weight: 600;
    font-family: myriadpro-regular;
}
.star-ratings-sprite {
    background: url("/assets/img/star-rating-sprite-16.png") repeat-x;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 80px;
    margin: 5px auto;
}

.star-ratings-sprite-rating, .game-tab .tab-content ul li span.star-ratings-sprite-rating {
    background: url("/assets/img/star-rating-sprite-16.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 16px !important;
    display:block;
}

.game-tab .tab-content ul li.active p
{
    line-height: inherit;
}
.star-review {
    color: #8B8B8B;
    font-size: 12px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    font-weight: 700;
}  

.bookie h6 {
    font-size: 15px;
    vertical-align: middle;
    margin-top: 20px;
    color: #212529;
    font-weight: 700;
}
.bookie p {
    vertical-align: middle;
    font-size: 10px;
    line-height:10px !important; 
    display:inline-block;
    color: #8b8b8b;
    font-weight: 700;
   /* font-family: 'MyriadPro-Regular';*/
    margin: 5px 0;
}
.col-lg-3.text-center {
    padding-right: 5px;
    padding-left: 10px;
}
.bookie .btn-primary {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #3EC157;
    border: 1px solid #3EC157;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.5s;
    font-size: 12px;
    width: 100%;
    margin-top:8px;
    padding: 6px 10%;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.bookie .btn-primary:hover{
    background: #fff;
    color: #3EC157;
    border-color: #3EC157;
}
.read-more{
    float: right;
}
.text-overflow {
  height:50px;
  display:block; 
  overflow:hidden;
  word-break: break-word;
  word-wrap: break-word;
}

.btn-overflow {
    text-decoration: none; 
  }
.bookie-logo, .bookie-offer, .bookie-rating {
    position: relative;
}
.bookie-logo:after, .bookie-offer:after, .bookie-rating:after {
    content: "";
    position: absolute;
    top: 5px;
    border-right: 1px solid rgba(208, 208, 208, 0.64);
    right: 0;
    height: 80%;
}
.game-tab .container {
    padding: 0;
}
/*new css*/

h3.text-capitalize{
    text-align: center;
    margin-bottom: 0;
    padding:10px 5px; 
    background: #d90000;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 5px 5px 0 0;
}
.table-hover tbody tr.table-row{
    background: transparent;
}
.table-hover tbody tr td.black-bg{
    background:transparent;
    text-align:center;
   
}
.table-hover tbody tr td.black-bg a{
    color: #fff;
}
.table-hover tbody tr td.td-center{
   text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #111;
}
.table-hover tbody tr.table-row td a.claim-btn{
    padding: 6px 10px;
    font-weight: 600;
    font-size: 16px;
  /*  box-shadow: unset;
    border-color: unset;*/
}
.table-hover tbody tr.tandcs{
    background-color: #fff;
    padding: 10px 10px 15px;
}

.table-hover tbody tr.tandcs td p.small-text2{
    color:#777777;
    font-size: 12px !important;
    line-height: 17px;
    margin-bottom: 0;
}
span.small-text p{
    font-size: 12px;
    color: #777777;
    margin-bottom: 0px;
    padding: 0px 15px;
    line-height: 15px;
    font-family: 'MyriadPro-Regular';
}
.table-hover tbody tr.tandcs td:hover{
    background: unset;
}

.blog-betting-offer tr.tandcs p{
    font-size: 10px !important;
    line-height: 12px;
    text-align: left;
    margin-bottom: 5px;
}
.blog .blog-betting-offer table tbody tr td { padding-top: 5px; padding-bottom: 5px; }
.blog .blog-betting-offer .table-hover tbody tr.tandcs td { padding: 10px 8px 5px 8px; }
.blog-betting-offer tr.tandcs p:last-child {
    margin-bottom: 0;
}
.blog-betting-offer .sidebar-logo {
    width: 55px !important;
    height: 45px;
    object-fit: contain;
}
.blog-betting-offer .table-hover>tbody>tr:hover>td { background-color: transparent; }
figure img {
    max-width: 100%;
    height: auto;
}
/* date 18-05-2020 changes */
.betting-table .dataTables_wrapper thead tr {
    background: #D93939;
}
.claim-btn {
    /*background-color: #D93939;*/
    background-color: #2e9643;
    font-size: 12px;
}
.mobile-betting .t-head {
    border: 1px solid #D93939;
    background: #D93939;
}
.betting-guides .t-head {
    border: 1px solid #D93939;
    background: #D93939;
}
.news .btn-primary {
    background: #D93939;
}
h3.text-capitalize {
    background: #D93939;
}
.school .review h4 {
    background: #D93939;
}
.head-red {
    color: #D93939;
}
.mobile-betting .rmore {
    color: #D93939;
}
.school .review {
    border: 2px solid #D93939;
}
.betting-table table {
    font-size: 15px;
}
.red {
    color: #D93939;
}
.betting-table table {
    font-size: 11px;
    font-weight: 700;
}
a.brands__item {
    padding: 0 14px 0 0 !important;
}
.list-inline {
    margin-top: 0 !important;
    margin-left: -20px !important;
}
a.d-inline-block.mt-2 img {
    width: 243px !important;
}
/** new changes 08-07-2021 **/
.claim-btn {
  display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background-color: #2a7f47 !important; 
    color: #ffffff !important;
    min-height: 35px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border: none !important;
    border-radius: 4px;
    opacity: 1 !important;
    background-clip: border-box !important;

}
h1, h2 {
	color: #232d80 !important;
}
h3.text-capitalize { position: relative; margin-bottom: 3px; }
h3.text-capitalize:after {
    border-top: solid 2px #00a5fb;
    content: "";
    top: -5px;
    position: absolute;
    height: 2px;
    left: 0;
    width: 100%;
}
h3.text-capitalize:before {
    border-top: solid 2px #00a5fb;
    content: "";
    bottom: -6px;
    position: absolute;
    height: 2px;
    left: 0;
    width: 100%;
}
.blog h6 {
	font-size: 20px;
	line-height: 24px;
	color: #000;
}
header .navbar ul li {
    position: relative;
}
header .navbar ul .new-site .new-betting-site {
    display: block;
    position: absolute;
    background: #a0f;
    color: #fff;
    padding: 3px;
    font-size: 12px;
    line-height: 12px;
    top: -10px;
    left: 0;
    right: 0;
    max-width: 32px;
    margin: 0 auto;
    z-index: 99;
}
/** new table css 17-08-24 **/
.payment-methods-table .table-striped {
    border: 0;
   overflow: auto;
   border-spacing: 0;
   margin-bottom: 0;
}
.payment-methods-table .table-striped tbody tr {
    background-color: #fff !important;
}
.payment-methods-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}
.payment-methods-table {
    border: solid 1px #dee2e6;
    white-space: nowrap;
    margin: 20px 0;
}
.payment-methods-table table thead tr {
    background-color: transparent !important;
}
.payment-methods-table tr th, 
.payment-methods-table tr td {
    font-size: 16px !important;
    vertical-align: middle !important;
    padding: 0.25rem 0.75rem !important;
    border-top: 0 !important;
    text-align: left;
    line-height: 1 !important;
}
.payment-methods-table table thead th {
    border-top: 0 !important;
    border-bottom: solid 1px #dee2e6 !important;
    text-transform: capitalize;
    letter-spacing: 0;
    text-align: inherit;
    padding: 1.5rem 0.75rem !important;
}
.payment-methods-table table thead th:first-child {
    padding-left: 1.125rem !important;
}

.table-tabs .nav-tabs>li {
    margin-bottom: 0;
}
.table-tabs ul  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    border: 0;
    list-style: none;
    width: auto;
    padding: 0;
    margin: 0;
}
.table-tabs ul:before, .table-tabs ul:after {
    display: none;
}
.table-tabs li a {
    background-color: #f9f9f9;
    text-decoration: none;
    padding: 8px 20px;
    text-align: center;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    margin: 0;
}
.table-tabs li a:first-child {
    border-left: 0;
}
.table-tabs li a:last-child {
    border-right: 0;
}
.table-tabs .nav-tabs .active .nav-link {
    border-top: solid 2px #d93939 !important;
    color: #d93939;
    border-radius: 0;
    background-color: transparent;
    margin-top: -2px;
    cursor: pointer;
}

.table-tabs .nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover, .table-tabs .nav-tabs .active .nav-link:hover {
    border: solid 1px transparent;
    color: #d93939;
}

.payment-methods-table .tab-content .show {
    opacity: 1 !important;
    display: none !important;
}
.payment-methods-table .tab-content .show.active {
    display: block !important;
}
/*.payment-methods-table .payment-icon {
    display: inline-block;
    background-image: url(../img/payment_providers.svg);
    background-repeat: no-repeat;
    background-size: 75px;
    content: "";
    width: 75px;
    height: 45px;
    left: 0;
    background-position-x: 0;
}

.payment-methods-table .payment-icon.mastercard {
    background-position-y: -680px;
}
.payment-methods-table .payment-icon.maestro {
    background-position-y: -766px;
}
.payment-methods-table .payment-icon.applepay  {
    background-position-y: -1270px;
}*/
.payment-methods-table .payment-icon img {
    width: auto;
    height: 45px;
    object-fit: cover;
}
.review-items {
    background-color: #f9f9f9;
    padding: 30px 20px;
    margin: 20px 0;
}
.review-items ul {
    column-count: 2;
    list-style: none;
    padding: 0;
}
.review-items ul li {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 16px;
}
.review-items ul li:before {
    content: "\f164";
    font: normal normal normal 14px / 1 FontAwesome;
    color: green;
    font-size: 20px;
    transform: translate(0, 3px);
}
.review-items ul li.cross-icon:before {
    content: "\f165";
    color: red;
}
header.main-nav.other-page-header .navbar-nav>li>.dropdown-menu {
    padding: 8px 0;
}
header.main-nav.other-page-header .open a[aria-expanded="true"] + .dropdown-menu.m1 {
    display: block;
}
header.main-nav.other-page-header .menu .m1>li>a {
    padding: 8px 24px;
}
.related-blogs{display: flex;flex-wrap: wrap;row-gap: 20px;}
.blog-card{flex: 0 0 100%;padding-left: 15px;padding-right: 15px;}
.blog-image{
    max-width: 100%;
    aspect-ratio: 1 / 0.75;
    object-fit: cover;
    object-position: center;
}
.blog-card article{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.read-more-button{color: #dc3545;}
.breadcrumb {
  font-size: 14px;
  background-color: transparent;
  padding: 0px;
}

.breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li + li::before {
  content: "›";
  margin: 0 8px;
  color: #aaa;
}

.breadcrumb li.active {
  pointer-events: none;
}

@media(min-width: 576px){
    .blog-card{flex: 0 0 50%;}
}
@media(min-width: 768px){
    .blog-card{flex: 0 0 25%;}
}
@media (max-width: 1199px) {
    .main-nav .menu .navbar-brand img {
        width: auto; 
    }
    .game-tab .container {
        width:auto;
    }
    .bookie-rating {
        display: table-caption;
    }
    .bookie p {
        padding-left: 5px;
    }
}

@media(max-width: 991px) {
    header.sticky .navbar-header { float: none !important; }
    .main-nav.other-page-header .red-bg .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .main-nav .menu .navbar-brand img { padding-top: 0; }
    .main-nav .menu .navbar-toggle {
        top: 0;
    }
    .main-nav .menu .navbar-brand { margin-left: 0; }
    .navbar-brand img { padding-left: 10%; }
    .main-nav.other-page-header.sticky .menu .navbar-brand img {
        margin-left: 0 !important;
    }
    .main-nav.other-page-header .menu .navbar-nav {
        padding: 16px 0;
    }
}
@media(max-width: 768px) {
    .menu .navbar-header { 
        margin-right: 0;
    }
    .bookie p {
        margin-top: 5px;
    }
    .bookie h6 { 
        margin-top: 10px;
    }
    table figure > img {
        width: auto;
    }
    grammarly-extension {
        overflow-x: hidden;
    }
}
/*@media(max-width:991px) {
    header ul.nav>li.dropdown>ul>li.dropdown:hover>ul {
        display: block;
    }
}*/
@media(min-width: 992px) and (max-width: 1199px) {
    header.main-nav.other-page-header .menu .nav>li>a {
        padding: 10px 3px;
        font-size: 12px;
    }
}
@media(min-width: 700px) and (max-width: 1199px) {
    .col-lg-3.col-sm-6 {
        width: 25%;
        float: left;
    }
    .col-lg-4.col-sm-6 {
        width:33.33%;
        float: left;
    }
     .col-lg-2 {
        width:16.66%;
        float: left;
    }
    .col-lg-3 {
        width: 25%;
        float: left;
    }
}
@media(min-width: 375px) and (max-width: 699px) {
    .col-sm-6 {
        width: 50%;
        float: left;
    }
    .bookie-offer:after, .bookie-rating:after {
        border:0;
    }
    .bookie .btn-primary {
        width: 50%;
    }
    .bookie h6 {
        margin-bottom: 0;
    }
    .col-lg-3.text-center {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (min-width: 992px) {
    .review-items ul {
        column-count: 3;
    }
}

@media (max-width: 480px) {
    .main-nav.other-page-header .menu .navbar-brand img {
        margin-left: 0 !important;
    }
    .main-nav.other-page-header.other-page-header .menu .navbar-toggle, 
    .main-nav.other-page-header.other-page-header.sticky .menu .navbar-toggle { margin-right: 4% !important; }
    .bookie h6 { 
        margin-top: 10px;
    }
}
@media(max-width:425px) {
    .bookie h6 {
        margin-bottom: 0;
    }
    .bookie-logo:after, .bookie-offer:after, .bookie-rating:after {
        border:0;
    }
   .bookie .btn-primary {
        width: 100%;
    }
    .col-lg-3.text-center {
        padding-right: 10px;
        padding-left: 10px;
    } 
    .bookie p {
      line-height:unset !important; 
    }
    .bookie-code {
        margin-left:unset !important;
    }
    .brand-title {
        display: -webkit-inline-box;
        padding-top: 10px;
        margin-left: unset !important;
    }
     .read-more{
        float: left;
        margin-right: unset;
    }
    .text-overflow {
        height: 100px;
        display: block;
        overflow: hidden;
        word-break: break-word;
        word-wrap: break-word;
    }
    .blogImage img {
        height: auto;
    }
    .blog-betting-offer tr.tandcs p{
        font-size: 12px;
        line-height: 15px;
    }
} 

@media(max-width:767px) {
    figure > img {
        width: 100%;
        height: auto;
    }
    .payment-methods-table .table-responsive {
        margin-bottom: 0;
        border: 0;
    }
}
@media screen and (max-width: 600px) {
    .payment-methods-table table thead {
        height: auto;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: inherit;
        width: auto;
    }
    .payment-methods-table table tr {
        margin-bottom: 0;
        display: table-row;
        border: 0 !important;
    }
    .payment-methods-table table td {
        text-align: left;
        display: table-cell;
        border: 0;
    }
}
@media (max-width: 420px) {
    ul.playes-list {
        height: 45px;
        background: #071070;
        display: flex;
    }
    ul.playes-list li {
        color: #fff;
        width: 33% !important;
        min-height: inherit !important;
        font-size: 18px;
        line-height: normal;
        text-align: center !important;
        padding-top: 12px !important;
        font-weight: 400;
    }
    .ratingbg-color .star-ratings-sprite {
        margin: 0 auto !important;
        height: 20px !important;
    }

    .game-tab .tab-content ul li p {
        font-size: 20px !important;
    }
    .game-tab .tab-content ul li p {
        font-size: 20px !important;
    }
    .game-tab .tab-content ul li:nth-child(4) { 
        border-left:0 !important;
    }
   .game-tab .tab-content .list-section {
        border-bottom: 0 !important;
        margin-bottom: 10px !important;
    }
    .ratingbg-color {
       
        padding: 0px 6px 0px 6px !important;
       
    }
}

@media screen and (max-width: 375px) {
    .user-name h4 {
        font-size: 12px;
    }
    .profile-image img {
        width: 45px;
        height: 45px;
    }
    .user-name {
        display: inline-block;
    }
    header.main-nav.other-page-header .menu .navbar-brand img {
        height: 35px;
    }
}
@media (max-width:320px) {
    .footer-content img {
        height: auto;
    }
}