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

body {
    font-weight: 300 !important;
    font-family: 'Quantico', sans-serif!important;
}

.container-fluid.bg-white {
    font-weight: 300 !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: initial;
}

.popup-dialog {
    position: relative;
    width: auto;
    margin: 1.5rem;
    pointer-events: none;
}

.location-icon {
    margin-left: 10px;
    background: black;
    /*border: none;*/
    color: white;
    font-size: 11px;
    border-radius: 21px;
    font-weight: 800;
    border: 1px solid;
}

.location-icon-mobile {
    display: none;
}

@media screen only and (max-width: 5000px) and (min-width: 1000px) {
    .pop-up-advert {
        width: 350px !important;
        height: auto;
        margin-left: 66px !important;

    }

    .margin_quick {
        margin-bottom: 5px;
        border-radius: 64px;
    }
}

@media screen only and (max-width: 999px) and (min-width: 1px) {
    .pop-up-advert {
        width: 200px !important;
        height: auto;

    }

    .whatsapp_investment {
        border-right: none !important;
    }

    .storeBox span {
        flex-grow: 3;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        color: white!important;
    }

    .popup-dialog {
        max-width: 200px !important;
        margin: 1.75rem;
    }
}

@media (min-width: 576px) {
    .popup-dialog {
        max-width: 350px !important;
        margin: 1.75rem auto;
    }
}

@media only screen and (max-width: 600px) and (min-width: 10px) {
    /*.location-icon {*/
        /*display: none;*/
    /*}*/

    .location-icon-mobile {
        display: block;
        margin-right: 14px;
        background: black;
        color: white;
        font-size: 11px;
        border-radius: 21px;
        font-weight: 800;
        border: 1px solid;
        /*top: 21px;*/
        /*left: 180px;*/
    }

    .navbar-expand-sm {
        border-bottom: 1px solid #B8860B;
    }
}



#intcontainer {
    opacity: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9998;
    pointer-events: none;
    -webkit-animation: promoFadeIn .33s ease-in;
    animation: promoFadeIn .33s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.intoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 9997;
    background: #000;
    background: rgba(0, 0, 0, .5);
    pointer-events: all;
    display: none;
}

.intwindow {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 90%;
    height: auto;
    z-index: 9999;
    font-size: 0;
    text-align: center;
    border: 8px solid #ccc;
    background-color: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: all;
    border: 4px solid #bf830c;
}

.intclose1 {
    position: absolute;
    right: -11px;
    top: -14px;
    border-radius: 34px;
    overflow: hidden;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 23px;
    font-size: 19px;
    background: #f5ecdb;
    color: #ea0f0f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overscroll-behavior: contain;
    font-weight: 900;
    cursor: pointer;
    z-index: 600;
}

.intoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 9997;
    background: #000;
    background: rgb(29 27 27 / 78%);
    pointer-events: all;
    display: none;
}



a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #b8860b !important;
}

.nav-item>.nav-link {

    font-family: 'Quantico', sans-serif;
    margin-right: 28px;
}

@media(max-width:768px) {
    .nav-item>.nav-link {

        font-family: 'Quantico', sans-serif;
        margin-right: 0px;
    }
}

ul.navbar-nav li.active {
    background: #c1a0a000;
    /* color: #fff!important; */
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd59;
    border-color: #b8860b;
}


.alert-warning {
    color: #856404;
    background-color: #fff3cdab;
    border: none;
}

.priceCard {
    background: #151515;
    border-radius: 8px;
    padding: 25px;
    text-align: left;
}

.priceCard img {
    margin-bottom: 12px;
    max-height: 80px;
    width: auto;
}

.price-card-body {
    margin-top: 10px;
}

.price-card-body p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #939393;
}

.price-card-body .key-value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #362A11;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
}

.price-card-body .key-value span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;

}

.price-card-body .key-value strong {
    font-weight: 600!important;
    line-height: 19px;
    font-size: 13px!important;
}


.price-card-body button {
    background: #B8860B;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 12px 16px;
}

.price-card-title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}


.price-card-title span {
    font-weight: 600;
    font-size: 20px;
    line-height: 19px;
    color: #FFFFFF;
}


.price-card-body ol li {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    color: #939393;
}

@media(max-width:600px) {
    .btn.btn-primary.category-btn {

        font-size: 12px;

    }

    .bet_now_text {
        font-size: 9px !important;
    }
}

.tabs .content section {
    display: none !important;
}

.tabs .content section.active {
    display: block !important;
}

.btn-success {
    color: #fff;
    background-color: #016401;
    border-color: #016201;
}

.bet_now_text {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.bet_now_text {
    /*font-family: 'Merienda';*/
    font-weight: 900;

    font-weight: 900;

}

.booking-maker-btn {
    color: #b80b0b !important;
    /*border-color: #f10a0a!important;*/
}

li.nav-item.text-height-1 {
    line-height: 16px;
    /* width: 100%; */
}

.hideLG {
    display: none;
}

@media(max-width:700px) {
    .hideLG {
        display: block;
    }

    .hideSM {
        display: none !important
    }
}

.page-item.active .page-link {
    z-index: 3;
    color: #f3a900;
    background-color: #000000;
    border-color: #000000;
}

.page-link {

    color: #000000;

}

.quick-toggle {
    position: fixed;
    z-index: 50000;
    right: -30px;
    top: 30%;
    padding: 8px 10px;
    transform: rotate(270deg);
    color: #fff !important;
    background-color: #C9563C;
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
}

.modal-b-close,
.modal-b-close-2 {
    position: absolute;
    font-size: 17px;
    padding: 3px 8px;
    border-radius: 25px;
    background-color: #fc0;
    color: #fff;
    font-weight: bold;
    right: -10px;
    top: -10px;
    cursor: pointer;
    font-family: "verdana";
}


.quick-pop {
    margin: 60px 37.5%;
    margin-top: 13px;
    width: 25%;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 15%);
    border-radius: 10px;
}

.quick-pop .text-danger {
    color: #b8860b !important;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (max-width: 480px) {
    .quick-pop {
        margin: 60px 15%;
        width: 80% !important;
    }
}

@media(max-width:600px) {

    .login-btn,
    .register-btn {
        width: 95% !important;
        margin-bottom: 3px !important;
    }
}

.quick-overlay {
    position: fixed;
    z-index: 30000;
    height: 100%;
    width: 100%;
    display: none;
    top: 0;
    background-color: #00000050;
}

.quick-pop-inner {
    padding: 1px;
    border-radius: 49px;
}


.quick-pop-close {
    position: absolute;
    font-size: 22px;
    font-weight: 900;
    right: -3px;
    top: -2px;
    color: #ffffff;
    background: #ff2f00;
    padding: 3px 8px;
    line-height: 22px;
    border-radius: 25px;
}






@media (max-width: 978px) {
    .nopaddingsmall {
        padding: 0px !important;
    }

    .myTableSmall {
        font-size: 12px !important;
    }

    .newEmbed {
        height: 380px !important;
    }

    .hideSM {
        display: none;
    }

    .margin_quick {
        margin-bottom: 5px;
        border-radius: 64px;
    }

    .hideLG {
        display: block !important;
    }

    .whatsapp_investment {
        border-bottom: 1px solid white;
    }

}

.whatsapp_investment {
    border-right: 1px solid white;
}

.hideLG {
    display: none
}

.newEmbed {
    width: 100%;
    padding-top: 20px;
}

.list-groupUpNone {
    margin-bottom: 2px;
}

.telegram_blink {

    animation: blinktelegram 1.2s infinite;
}

@keyframes blinktelegram {
    0% {
        color: white;
    }

    49% {
        color: white;
    }

    60% {
        color: white;
    }

    99% {
        color: transparent;
    }

    100% {
        color: white;
    }
}

.blink_text {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.blink_inv {
    animation: gei 1s infinite;
}

@keyframes gei {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.btn-group-vertical button {
    height: 40px !important;
}

.no-padding-tips {
    padding: 0px 0px !important;
}

.no-padding-ads {
    padding: 0px 2.1px !important;
}

@media only screen and (max-width:554px) and (min-width: 200px) {
    .space-side {
        padding: 0px 12px !important;
    }

    .mobile-top-nav-show {


        margin-top: 0.3rem !important;
    }

    .carousel-inner img {
        width: 100%;
        height: 148px;
    }

    .mobile-before-maque {
        padding-bottom: 1rem !important;
    }
}

.no-ex-top {
    margin-top: 0rem !important;
}

.nav-tabs .nav-item .nav-link.active {
    color: white !important;
    border-radius: 5px;
    background-color: #272727;
    transition: background-color .3s .2s;
}

.nav-tabs .nav-item .nav-link {
    border: 0 !important;
    color: #272727 !important;
    font-weight: 900;
}

.border-top-site-slider {
    /*border-top: 2px solid darkgoldenrod;*/
    color: #B8860B;
    background: #232323;
    padding: 15px 0px;
    font-weight: 600;
    font-size: 16px;
}

.bleach-font {

    padding: 3px;
    border-radius: 4px;
    background: black;
    color: darkgoldenrod;
}

.bocknod {
    background-color: #906d18 !important;
    border-color: #b8860b !important;
}

.margin_quick {
    margin-bottom: 5px;
}

.quick_no_hover:hover {
    background-color: #b8860b !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #b8860b !important;
}

.margin_quick {
    margin-bottom: 5px;

}

.btn.btn-primary.category-btn {
    background-color: #dcdcdc !important;
    border-color: #ffffff !important;
    color: black;
    border: 1px solid black !important;
}

.btn.btn-primary.category-btn.football:hover {
    background-color: #144e14 !important;
    border-color: #ffffff !important;
    color: white;
    border: 1px solid black !important;
}

.btn.btn-primary.category-btn.basketball:hover {
    background-color: #8e0906 !important;
    border-color: #ffffff !important;
    color: white;
    border: 1px solid black !important;
}

.btn.btn-primary.category-btn.football.active {
    background-color: #144e14 !important;
    border-color: #ffffff !important;
    color: white;
    border: 1px solid black !important;
}

.btn.btn-primary.category-btn.basketball.active {
    background-color: #8e0906 !important;
    border-color: #ffffff !important;
    color: white;
    border: 1px solid black !important;
}

.ads_head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    background: black;
    padding: 12px;
    color: white;
    border-radius: 5px;
}

.ads_head span{
    background: #B8860B;
    border-radius: 6px;
    color: white;
    padding: 2px 10px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px!important;
}

.rollover_li {
    /* margin-right: 40px !important; */
    /* background-color: red; */
    width: 158px;
    padding: 0px;
    border-right: 1px solid rgba(0, 0, 93, 0.73);
    color: #fff;
    font-size: 20px;
}

@media(max-width:600px) {
    .rollover_li {
        /* margin-right: 40px !important; */
        /* background-color: red; */
        width: 64px;
        padding: 0px;
        border-right: 1px solid rgba(0, 0, 93, 0.73);
        color: #fff;
        font-size: 14px;
    }
}

.tabs ul li label:hover,
.tabs ul li label.active {

    color: white;
    background: black;

}

.tabs .content section.active {
    display: block;
}



.tabs ul li a, .tabs ul li label {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid black;
    border-radius: 5px;
    padding: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabs ul li a {
    color: black !important;
    background: white !important;
}

.tabs .content section h2,
.tabs ul li a {
    /* font-weight: bold; */
    font-size: 14px;
    color: #fff;
}

.tabs ul li a:hover,
.tabs ul li a.active, .tabs ul li label:hover,
.tabs ul li label.active {
    color: white !important;
    background: black !important;
}

.match-time{
    background: #B8860B;
    border-radius: 100px;
    padding: 4px 8px;
    color: #FFFFFF;
    font-size: 12px;
}

.tips-table {
    border-collapse: collapse;
    font-size: 13px;
}

.tips-table td{
    height: 55px;
    vertical-align: middle;
}

.tips-table td:first-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tips-table td:last-child{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.tips-table thead td {
    background-color: #C8C8C8;
    text-align: center;
    color: #000000;
    font-weight: 600;
    height: 25px!important;
    font-size: 12px!important;
}

.tips-table tbody td{
    background: #F7F7F7;
    border-top: none!important;
    border-bottom: 4px solid white;
    /*border-radius: 6px!important;*/
    height: 25px!important;
    padding-top: .50rem!important;
    padding-bottom: .50rem!important;
}


.tips-table tbody td strong {
    font-weight: bold!important;
}




.vip-table thead td {
    border-top: none!important;
}

.vip-table tbody td{
    background: #212121;
    border-top: none!important;
    border-bottom: 7px solid #000000;
    color: #ffffff;
    text-align: center;
    /*border-radius: 6px!important;*/
    height: 30px!important;
}


.tips-table tbody td strong {
    font-weight: bold!important;
}



.investment-wrapper{
    background: rgba(0, 0, 0, 0.64);
    backdrop-filter: blur(3.5px);
    border-radius: 12px;
}

.investment-wrapper h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
    font-family: 'Quantico', sans-serif;
}

.investment-details {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #A3A3A3;
    text-align: left;
}

.investment-details span{
    color: #B8860B;
}

.investment-timeline {
    background: #000000;
    border-radius: 6px;
}

.investment-timeline-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}

.investment-timeline-time p{
    margin-bottom: 8px;
}

.section-title{
    background: #000000;
    /*border-bottom: 1px solid #FFF7E3;*/
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 80%;
    color: #FFFFFF;
    font-family: 'Quantico', sans-serif;
}

.league-table-wrap {
    border-radius: 12px;
}


.league-table-wrap h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    font-family: 'Quantico', sans-serif;
}

.top-scorers {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.league-tables {
    background-color: #000;
    flex-grow: 1;
    border-left: 2px solid white;
    border-right: 2px solid white;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    font-size: 15.0533px;
    line-height: 36px;
    color: white;
    border-radius: 5.1581px 5.1581px 0px 0px;
    cursor: pointer;
}

.league-tables:hover {
    background: #B8860B;
}

.league-tables.active {
    background: #B8860B;
}

.top-tables {
    background-color: #000;
    flex-grow: 1;
    border-left: 2px solid white;
    border-right: 2px solid white;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    font-size: 15.0533px;
    line-height: 36px;
    color: white;
    border-radius: 5.1581px 5.1581px 0px 0px;
    cursor: pointer;
}

.top-tables:hover {
    background: #B8860B;
}

.top-tables.active {
    background: #B8860B;
}

.league-title{
    background-color: #000;
    font-weight: 700;
    font-size: 16.7638px;
    line-height: 28px;
    color: #FFFFFF;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: left;
    padding: 6px 8px;
}

.top-league-tabs {
    display: none;
}

.top-league-tabs.active {
    display: block;
}

.league-tabs {
    display: none;
}

.league-tabs.active {
    display: block;
}

.faq {
    background: #000000;
    margin-bottom: 10px;
    cursor: pointer;
}

.faq h5{
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    color: #FFFFFF;
}

.faq p {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: whitesmoke;
    margin-bottom: 0;
}

.caret {
    width: 16px;
    height: 16px;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;


    /* Vector */

    position: absolute;
    left: 20.31%;
    right: 18.01%;
    top: 32.71%;
    bottom: 31.78%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FFFFFF;
}

.footer-content h4 {
    font-weight: 400;
    font-size: 30px;
    line-height: 29px;
    color: #B8860B;
    font-family: 'Quantico', sans-serif;
    text-transform: capitalize;
}


.footer-content p {
    font-family: 'Quantico', sans-serif;
    line-height: 31px;
}

.footer-content .row div.d-flex{
    background: #F1F1F1;
    border-radius: 6px;
}

.footer-social-icons a{
    margin-right: 12px;
}

.footer h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #FFFFFF;
    font-family: 'Quantico', sans-serif;
    border-bottom: 1px dotted white;
}

.footer h5 span {

    border-bottom: 2px solid #B8860B;
    padding-bottom: 9px;
}

.footer li{
    border-bottom: 1px solid rgba(170, 170, 170, .3);
    line-height: 40px;
}

.footer-contact-us{
    border-bottom: 1px solid rgba(170, 170, 170, .3);
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
}

.footer-contact-us a {
    color: #AAAAAA;
    font-size: 14px;
}

.footer li a{
    color: #AAAAAA!important;
}

.footer li a:hover{
    color: #B8860B!important;
}

.alt-footer-contact-us a{
    margin-bottom: 3px;
}

.breadcrum h2 {
    font-weight: 700!important;
    font-size: 48px;
    line-height: 58px;
    color: #FFFFFF;
}

.breadcrum p {
    font-weight: 500;
    font-size: 16px;
}

.about-us p {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    color: #000000;
    white-space: normal;
}

.about-us span {
    font-weight: 500;
    font-size: 23px;
    line-height: 38px;
    color: #000000;
}

.about-us .tagline {
    font-style: italic;
    font-weight: 700;
    font-size: 25px;
    line-height: 36px;
    color: #000000;
}

.terms-content h5 {
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.terms-content p {
    text-align: justify;
}

.static-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}

.mini-card {
    background: #F6F6F6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.mini-card p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.mini-card span {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

p.bold {
    margin: 0;
    font-weight: 700;
    font-size: 30px!important;
    line-height: 40px;
    color: #000000;
}

.mini-card a {
    color: #B8860B;
}

.mini-card .inner {
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nb-text {
    color: #E35050;
    font-size: 20px;
}

.tips-content h3 {
    color: #B8860B;
}



.profile-card {
    background: #B8860B;
    border-radius: 8px;
}

.profile-item-list {
    background: #fff3cdab;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    margin-bottom: 12px;
}

.profile-item-list span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.vip-note h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    color: #ffffff;
    padding-right: 15px;
    border-right: 1px solid #3F3F3F;
}

.vip-note h4 span {
    color: #B8860B;
}

.vip-note p {
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #FFFFFF;
}

.our-plan {
    text-align: center;
}

.our-plan h2 {
    font-weight: 700;
    font-size: 54px;
    line-height: 65px;
    color: #B8860B;
}

.our-plan h2 span {
    color: #ffffff;
}

.our-plan p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #8F8F8F!important;
}

.price-card {
    background: #000000;
    border-radius: 8px;
}

.price-card button {
    background: #B8860B;
    border-radius: 4px;
    color: white;
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

.price-card .header {
    text-align: center;
    margin-bottom: 20px;
}

.price-card .header h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    color: #FFFFFF;
    margin: 15px;
}

.price-card-amount {
    background: #1D1D1D;
    border-radius: 100px;
    text-align: center;
    height: 36px;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #B8860B;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.vip-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.vip-title h4 {
    font-weight: 600;
    color: #B8860B;
    padding-right: 15px;
}


.vip-title div {
    border-top: 1px solid #313131;
    flex-grow: 2;
}

.vip-desc h4 {
    font-weight: 600;
    font-size: 19px;
    line-height: 29px;
    color: #FFFFFF;
}


.blog-section {
    background: transparent;
}

.blog-section .header {
    font-family: 'Quantico', sans-serif;
}

.blog-section .header h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 120%;
}

.blog-section .header a {
    font-weight: 700;
    font-size: 17px;
    line-height: 120%;
    color: #B8860B;
}

/*.blog-post img {*/
    /*border-radius: 6px;*/
    /*height: 200px;*/
/*}*/


/*.blog-post h5 {*/
    /*font-weight: 500;*/
    /*font-size: 19px;*/
    /*line-height: 120%;*/
    /*color: #000000;*/
    /*padding: 8px;*/
/*}*/


/*.blog-post button {*/
    /*font-weight: 600;*/
    /*font-size: 14px;*/
    /*line-height: 120%;*/
    /*color: #000000;*/
    /*padding: 8px;*/
/*}*/

.blog-post {
    border-radius: 7px;
    padding: 7px 15px 7px 7px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.38);
}

.blog-post img {
    border-radius: 7px;
    height: 90px!important;
}


.blog-post h5 {
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    color: #000000;
    padding: 0px;
}


.blog-post button {
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    color: #000000;
    padding: 6px;
    width: 90%;
}

.tip-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 120%;
    color: #FFFFFF;
    min-width: 50px!important;
    box-shadow: 0 1px 2px 0 #00000040;
}

.tip-badge > span {
}

.home {

    background: #28A745;
}

.away {
    background: #D64646;
}

.basketball-tip {
    background: #C9563C;
}

.home-away {
    background: #D49900;
}

.faq-answer {
    display: none;
    background-color: whitesmoke;
}


.faq-answer p {
    color: #000000!important;
}

.vip-disclaimer {
    background: #000000;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
}

.vip-tip-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #FFFFFF;
}

.vip-tip-wrapper {
    background: #000000;
    border-radius: 12px;
}


.vip-tip-wrapper .header-nav ul li a span {
    color: #ffffff!important;
}

.vip-tip-wrapper .header-nav ul li a {
    background-color: #fff3cdab!important;
    margin: 0px 8px!important;
}

.vip-tip-wrapper .header-nav ul li a.active {
    background: #B8860B!important;
}


.total-odds {
    background: #162B1A;
    border-radius: 6px;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 8px;
}


.bet-code {
    background: #B8860B;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    flex-grow: 1;
    padding: 12px 8px;
    text-align: center;
}

.bet-bookmaker {
    background: #07295C;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    flex-grow: 1;
    padding: 12px 8px;
    text-align: center;
}


.bet-bookmaker img {
    max-height: 20px;
    width: 75px;
}

.sidebar-ads img {
    width: 120px!important;
    height: 60px!important;
}

.sidebar-ads-mobile img {
    width: 160px!important;
    height: 70px!important;
}


.tip-footer-btn {
    margin-top: -20px;
}

.live-score {
    background-color: #000;
    color: #DC3545!important;
    font-weight: 600;
    font-size: 16px!important;
    border-radius: 10px;
}

.investment-time h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    color: #E6E6E6;
    margin-bottom: 25px;
}


.investment-time p{
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 12.96px;
    line-height: 16px;
}


.investment-time span{
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 10.96px;
    color: #F5F5F5;
}


.investment-time div.border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.24)!important;
}


.padding-tiny>td {
    padding: 0.5em!important;
}

.main-vip-wrapper {
    margin-bottom: -80px!important;
}































@media only screen and (max-width: 568px) {

    .live-score {
        background-color: #000;
    }

    .tips-table thead td {
        font-size: 11px!important;
    }

    .tips-table td:first-child{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .tips-table td:last-child{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .match-time{
        padding: 4px 8px;
        color: #FFFFFF;
        font-size: 11px;
    }

    .tip-footer-btn {
        margin-top: -20px;
    }

    .tip-footer-btn a{
        font-size: 12px;
    }


    .nb-text {
        color: #E35050;
        font-size: 16px;
    }



    .section-title{
        background: #000000;
        border-bottom: 1px solid #FFF7E3;
        padding: 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        font-size: 20px;
        line-height: 110%;
        color: #FFFFFF;
        font-family: 'Quantico', sans-serif;
    }


    .investment-wrapper h4{
        font-weight: 600;
        font-size: 22px;
        line-height: 120%;
        color: #fff;
        text-align: center;
        font-family: 'Quantico', sans-serif;
    }

    .investment-details {
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #A3A3A3;
        text-align: left;
    }

    .investment-details span{
        color: #B8860B;
    }

    .investment-timeline {
        background: #000000;
        border-radius: 6px;
    }

    .investment-timeline-time p{
        margin-bottom: 8px;
        font-size: 12px!important;
    }

    .investment-timeline-time i{
        font-size: 24px!important;
    }

    .breadcrum h2 {
        font-weight: 600!important;
        font-size: 26px;
        line-height: 31px;
        color: #FFFFFF;
    }

    .breadcrum p {
        font-weight: 500;
        font-size: 12px;
    }



    .about-us p {
        font-weight: 600;
        font-size: 20px;
        line-height: 36px;
        color: #000000;
        white-space: normal;
    }

    .about-us span {
        font-weight: 500;
        font-size: 17px;
        line-height: 25px;
        color: #000000;
    }

    .about-us .tagline {
        font-style: italic;
        font-weight: 700;
        font-size: 19px;
        line-height: 36px;
        color: #000000;
    }

    .footer-content h4 {
        font-weight: 400;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        color: #B8860B;
        font-family: 'Quantico', sans-serif;
        text-transform: capitalize;
    }

    .footer-content p {
        font-family: 'Quantico', sans-serif;
        line-height: 31px;
    }

    .profile-item-list span {
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #000000;
    }

    .vip-note h4 {
        font-weight: 700;
        font-size: 32px;
        line-height: 42px;
        color: #ffffff;
        padding-right: 0;
        border-right: none;
    }

    .price-card {
        padding-left: 35px!important;
        padding-right: 35px!important;
    }



    .blog-post img {
        border-radius: 6px 0 0 6px;
        height: 100%;
    }


    .blog-post h5 {
        font-weight: 500;
        font-size: 15px;
        line-height: 120%;
        color: #000000;
        padding: 0px;
    }


    .blog-post button {
        font-weight: 600;
        font-size: 12px;
        line-height: 120%;
        color: #000000;
        padding: 6px;
        width: 90%;
    }

    .blog-section .header h5 {
        font-weight: 700;
        font-size: 18px;
        line-height: 120%;
    }

    .blog-section .header a {
        font-weight: 700;
        font-size: 14px;
        line-height: 120%;
        color: #B8860B;
    }

    .blog-section {
        background: transparent;
    }

    .tip-badge {
        padding: 4px 7px;
        border-radius: 3px;@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

    body {
        font-weight: 300 !important;
    }

    .container-fluid.bg-white {
        font-weight: 300 !important
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        word-break: initial;
    }

    .popup-dialog {
        position: relative;
        width: auto;
        margin: 1.5rem;
        pointer-events: none;
    }

    .location-icon {
        margin-left: 10px;
        background: black;
        /*border: none;*/
        color: white;
        font-size: 11px;
        border-radius: 21px;
        font-weight: 800;
        border: 1px solid;
    }

    .location-icon-mobile {
        display: none;
    }

    @media screen only and (max-width: 5000px) and (min-width: 1000px) {
        .pop-up-advert {
            width: 350px !important;
            height: auto;
            margin-left: 66px !important;

        }

        .margin_quick {
            margin-bottom: 5px;
            border-radius: 64px;
        }
    }

    @media screen only and (max-width: 999px) and (min-width: 1px) {
        .pop-up-advert {
            width: 200px !important;
            height: auto;

        }

        .whatsapp_investment {
            border-right: none !important;
        }

        .storeBox span {
            flex-grow: 3;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: white!important;
        }

        .popup-dialog {
            max-width: 200px !important;
            margin: 1.75rem;
        }
    }

    @media (min-width: 576px) {
        .popup-dialog {
            max-width: 350px !important;
            margin: 1.75rem auto;
        }
    }

    @media only screen and (max-width: 600px) and (min-width: 10px) {
        /*.location-icon {*/
        /*display: none;*/
        /*}*/

        .location-icon-mobile {
            display: block;
            margin-right: 14px;
            background: black;
            color: white;
            font-size: 11px;
            border-radius: 21px;
            font-weight: 800;
            border: 1px solid;
            /*top: 21px;*/
            /*left: 180px;*/
        }

        .navbar-expand-sm {
            border-bottom: 1px solid #B8860B;
        }
    }



    #intcontainer {
        opacity: 1;
        position: fixed;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        left: 0;
        z-index: 9998;
        pointer-events: none;
        -webkit-animation: promoFadeIn .33s ease-in;
        animation: promoFadeIn .33s ease-in;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .intoverlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        zoom: 1;
        z-index: 9997;
        background: #000;
        background: rgba(0, 0, 0, .5);
        pointer-events: all;
        display: none;
    }

    .intwindow {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: none;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 90%;
        height: auto;
        z-index: 9999;
        font-size: 0;
        text-align: center;
        border: 8px solid #ccc;
        background-color: #fff;
        color: #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: all;
        border: 4px solid #bf830c;
    }

    .intclose1 {
        position: absolute;
        right: -11px;
        top: -14px;
        border-radius: 34px;
        overflow: hidden;
        text-align: center;
        height: 25px;
        width: 25px;
        line-height: 23px;
        font-size: 19px;
        background: #f5ecdb;
        color: #ea0f0f;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overscroll-behavior: contain;
        font-weight: 900;
        cursor: pointer;
        z-index: 600;
    }

    .intoverlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        zoom: 1;
        z-index: 9997;
        background: #000;
        background: rgb(29 27 27 / 78%);
        pointer-events: all;
        display: none;
    }



    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: #b8860b !important;
    }

    .nav-item>.nav-link {
        font-family: 'Quantico', sans-serif;
        margin-right: 28px;
    }

    @media(max-width:768px) {
        .nav-item>.nav-link {
            font-family: 'Quantico', sans-serif;
            margin-right: 0px;
        }
    }

    ul.navbar-nav li.active {
        background: #c1a0a000;
        /* color: #fff!important; */
    }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd59;
        border-color: #b8860b;
    }


    .alert-warning {
        color: #856404;
        background-color: #fff3cdab;
        border: none;
    }

    .priceCard {
        background: #151515;
        border-radius: 8px;
        padding: 25px;
        text-align: left;
    }

    .priceCard img {
        margin-bottom: 12px;
        max-height: 80px;
        width: auto;
    }

    .price-card-body {
        margin-top: 10px;
    }

    .price-card-body p {
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        color: #939393;
    }

    .price-card-body .key-value {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #362A11;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 12px;
    }

    .price-card-body .key-value span {
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;

    }

    .price-card-body .key-value strong {
        font-weight: 600!important;
        line-height: 19px;
        font-size: 13px!important;
    }


    .price-card-body button {
        background: #B8860B;
        border-radius: 4px;
        font-weight: 700;
        font-size: 13px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 12px 16px;
    }

    .price-card-title{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }


    .price-card-title span {
        font-weight: 600;
        font-size: 20px;
        line-height: 19px;
        color: #FFFFFF;
    }


    .price-card-body ol li {
        font-weight: 500;
        font-size: 13px;
        line-height: 140%;
        color: #939393;
    }

    @media(max-width:600px) {
        .btn.btn-primary.category-btn {

            font-size: 12px;

        }

        .bet_now_text {
            font-size: 9px !important;
        }
    }

    .tabs .content section {
        display: none !important;
    }

    .tabs .content section.active {
        display: block !important;
    }

    .btn-success {
        color: #fff;
        background-color: #016401;
        border-color: #016201;
    }

    .bet_now_text {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
    }

    @keyframes blink-animation {
        to {
            visibility: hidden;
        }
    }

    @-webkit-keyframes blink-animation {
        to {
            visibility: hidden;
        }
    }

    .bet_now_text {
        /*font-family: 'Merienda';*/
        font-weight: 900;

        font-weight: 900;

    }

    .booking-maker-btn {
        color: #b80b0b !important;
        /*border-color: #f10a0a!important;*/
    }

    li.nav-item.text-height-1 {
        line-height: 16px;
        /* width: 100%; */
    }

    .hideLG {
        display: none;
    }

    @media(max-width:700px) {
        .hideLG {
            display: block;
        }

        .hideSM {
            display: none !important
        }
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #f3a900;
        background-color: #000000;
        border-color: #000000;
    }

    .page-link {

        color: #000000;

    }

    .quick-toggle {
        position: fixed;
        z-index: 50000;
        right: -30px;
        top: 30%;
        padding: 8px 10px;
        transform: rotate(270deg);
        color: #fff !important;
        background-color: #C9563C;
        margin: 0px;
        font-size: 13px;
        font-weight: bold;
        border-radius: 5px;
    }

    .modal-b-close,
    .modal-b-close-2 {
        position: absolute;
        font-size: 17px;
        padding: 3px 8px;
        border-radius: 25px;
        background-color: #fc0;
        color: #fff;
        font-weight: bold;
        right: -10px;
        top: -10px;
        cursor: pointer;
        font-family: "verdana";
    }


    .quick-pop {
        margin: 60px 37.5%;
        margin-top: 13px;
        width: 25%;
        height: auto;
        background-color: #fff;
        box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 15%);
        border-radius: 10px;
    }

    .quick-pop .text-danger {
        color: #b8860b !important;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @media (max-width: 480px) {
        .quick-pop {
            margin: 60px 15%;
            width: 80% !important;
        }
    }

    @media(max-width:600px) {

        .login-btn,
        .register-btn {
            width: 95% !important;
            margin-bottom: 3px !important;
        }
    }

    .quick-overlay {
        position: fixed;
        z-index: 30000;
        height: 100%;
        width: 100%;
        display: none;
        top: 0;
        background-color: #00000050;
    }

    .quick-pop-inner {
        padding: 1px;
        border-radius: 49px;
    }


    .quick-pop-close {
        position: absolute;
        font-size: 22px;
        font-weight: 900;
        right: -3px;
        top: -2px;
        color: #ffffff;
        background: #ff2f00;
        padding: 3px 8px;
        line-height: 22px;
        border-radius: 25px;
    }






    @media (max-width: 978px) {
        .nopaddingsmall {
            padding: 0px !important;
        }

        .myTableSmall {
            font-size: 12px !important;
        }

        .newEmbed {
            height: 380px !important;
        }

        .hideSM {
            display: none;
        }

        .margin_quick {
            margin-bottom: 5px;
            border-radius: 64px;
        }

        .hideLG {
            display: block !important;
        }

        .whatsapp_investment {
            border-bottom: 1px solid white;
        }

    }

    .whatsapp_investment {
        border-right: 1px solid white;
    }

    .hideLG {
        display: none
    }

    .newEmbed {
        width: 100%;
        padding-top: 20px;
    }

    .list-groupUpNone {
        margin-bottom: 2px;
    }

    .telegram_blink {

        animation: blinktelegram 1.2s infinite;
    }

    @keyframes blinktelegram {
        0% {
            color: white;
        }

        49% {
            color: white;
        }

        60% {
            color: white;
        }

        99% {
            color: transparent;
        }

        100% {
            color: white;
        }
    }

    .blink_text {
        animation: blink 1s infinite;
    }

    @keyframes blink {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    .blink_inv {
        animation: gei 1s infinite;
    }

    @keyframes gei {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    .btn-group-vertical button {
        height: 40px !important;
    }

    .no-padding-tips {
        padding: 0px 0px !important;
    }

    .no-padding-ads {
        padding: 0px 2.1px !important;
    }

    @media only screen and (max-width:554px) and (min-width: 200px) {
        .space-side {
            padding: 0px 12px !important;
        }

        .mobile-top-nav-show {


            margin-top: 0.3rem !important;
        }

        .carousel-inner img {
            width: 100%;
            height: 148px;
        }

        .mobile-before-maque {
            padding-bottom: 1rem !important;
        }
    }

    .no-ex-top {
        margin-top: 0rem !important;
    }

    .nav-tabs .nav-item .nav-link.active {
        color: white !important;
        border-radius: 5px;
        background-color: #272727;
        transition: background-color .3s .2s;
    }

    .nav-tabs .nav-item .nav-link {
        border: 0 !important;
        color: #272727 !important;
        font-weight: 900;
    }

    .border-top-site-slider {
        /*border-top: 2px solid darkgoldenrod;*/
        color: #B8860B;
        background: #232323;
        padding: 15px 0px;
        font-weight: 600;
        font-size: 16px;
    }

    .bleach-font {

        padding: 3px;
        border-radius: 4px;
        background: black;
        color: darkgoldenrod;
    }

    .bocknod {
        background-color: #906d18 !important;
        border-color: #b8860b !important;
    }

    .margin_quick {
        margin-bottom: 5px;
    }

    .quick_no_hover:hover {
        background-color: #b8860b !important;
    }

    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: #b8860b !important;
    }

    .margin_quick {
        margin-bottom: 5px;

    }

    .btn.btn-primary.category-btn {
        background-color: #dcdcdc !important;
        border-color: #ffffff !important;
        color: black;
        border: 1px solid black !important;
    }

    .btn.btn-primary.category-btn.football:hover {
        background-color: #144e14 !important;
        border-color: #ffffff !important;
        color: white;
        border: 1px solid black !important;
    }

    .btn.btn-primary.category-btn.basketball:hover {
        background-color: #8e0906 !important;
        border-color: #ffffff !important;
        color: white;
        border: 1px solid black !important;
    }

    .btn.btn-primary.category-btn.football.active {
        background-color: #144e14 !important;
        border-color: #ffffff !important;
        color: white;
        border: 1px solid black !important;
    }

    .btn.btn-primary.category-btn.basketball.active {
        background-color: #8e0906 !important;
        border-color: #ffffff !important;
        color: white;
        border: 1px solid black !important;
    }

    .ads_head {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
    }

    .ads_head span{
        background: #B8860B;
        border-radius: 6px;
        color: white;
        padding: 2px 10px;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px!important;
    }

    .rollover_li {
        /* margin-right: 40px !important; */
        /* background-color: red; */
        width: 158px;
        padding: 0px;
        border-right: 1px solid rgba(0, 0, 93, 0.73);
        color: #fff;
        font-size: 20px;
    }

    @media(max-width:600px) {
        .rollover_li {
            /* margin-right: 40px !important; */
            /* background-color: red; */
            width: 64px;
            padding: 0px;
            border-right: 1px solid rgba(0, 0, 93, 0.73);
            color: #fff;
            font-size: 14px;
        }
    }

    .tabs ul li label:hover,
    .tabs ul li label.active {

        color: white;
        background: black;

    }

    .tabs .content section.active {
        display: block;
    }



    .tabs ul li a, .tabs ul li label {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border: 1px solid black;
        border-radius: 5px;
        padding: 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        white-space: nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tabs ul li a {
        color: black !important;
        background: white !important;
    }

    .tabs .content section h2,
    .tabs ul li a {
        /* font-weight: bold; */
        font-size: 14px;
        color: #fff;
    }

    .tabs ul li a:hover,
    .tabs ul li a.active, .tabs ul li label:hover,
    .tabs ul li label.active {
        color: white !important;
        background: black !important;
    }

    .match-time{
        background: #B8860B;
        border-radius: 100px;
        padding: 4px 8px;
        color: #FFFFFF;
        font-size: 12px;
    }

    .tips-table {
        border-collapse: collapse;
        font-size: 13px;
    }

    .tips-table td{
        height: 55px;
        vertical-align: middle;
    }

    .tips-table td:first-child{
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .tips-table td:last-child{
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .tips-table thead td {
        background-color: #000000;
        text-align: center;
        color: #ffffff;
        font-weight: 600;
        height: 25px!important;
        font-size: 12px!important;
    }

    .tips-table tbody td{
        background: #F7F7F7;
        border-top: none!important;
        border-bottom: 4px solid white;
        /*border-radius: 6px!important;*/
        height: 25px!important;
        padding-top: .50rem!important;
        padding-bottom: .50rem!important;
    }


    .tips-table tbody td strong {
        font-weight: bold!important;
    }




    .vip-table thead td {
        border-top: none!important;
    }

    .vip-table tbody td{
        background: #212121;
        border-top: none!important;
        border-bottom: 7px solid #000000;
        color: #ffffff;
        text-align: center;
        /*border-radius: 6px!important;*/
        height: 30px!important;
    }


    .tips-table tbody td strong {
        font-weight: bold!important;
    }



    .investment-wrapper{
        background: rgba(0, 0, 0, 0.64);
        backdrop-filter: blur(3.5px);
        border-radius: 12px;
    }

    .investment-wrapper h4{
        font-weight: 700;
        font-size: 24px;
        line-height: 120%;
        color: #fff;
        font-family: 'Quantico', sans-serif;
    }

    .investment-details {
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #A3A3A3;
        text-align: left;
    }

    .investment-details span{
        color: #B8860B;
    }

    .investment-timeline {
        background: #000000;
        border-radius: 6px;
    }

    .investment-timeline-time {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
    }

    .investment-timeline-time p{
        margin-bottom: 8px;
    }

    .section-title{
        background: #000000;
        /*border-bottom: 1px solid #FFF7E3;*/
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 20px;
        line-height: 80%;
        color: #FFFFFF;
        font-family: 'Quantico', sans-serif;
    }

    .league-table-wrap {
        border-radius: 12px;
    }


    .league-table-wrap h4 {
        font-weight: 700;
        font-size: 28px;
        line-height: 120%;
        font-family: 'Quantico', sans-serif;
    }

    .top-scorers {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .league-tables {
        background-color: #000;
        flex-grow: 1;
        border-left: 2px solid white;
        border-right: 2px solid white;
        display: flex;
        justify-content: center;
        align-items: center;

        font-weight: 400;
        font-size: 15.0533px;
        line-height: 36px;
        color: white;
        border-radius: 5.1581px 5.1581px 0px 0px;
        cursor: pointer;
    }

    .league-tables:hover {
        background: #B8860B;
    }

    .league-tables.active {
        background: #B8860B;
    }

    .top-tables {
        background-color: #000;
        flex-grow: 1;
        border-left: 2px solid white;
        border-right: 2px solid white;
        display: flex;
        justify-content: center;
        align-items: center;

        font-weight: 400;
        font-size: 15.0533px;
        line-height: 36px;
        color: white;
        border-radius: 5.1581px 5.1581px 0px 0px;
        cursor: pointer;
    }

    .top-tables:hover {
        background: #B8860B;
    }

    .top-tables.active {
        background: #B8860B;
    }

    .league-title{
        background-color: #000;
        font-weight: 700;
        font-size: 16.7638px;
        line-height: 28px;
        color: #FFFFFF;
        border-left: 2px solid white;
        border-right: 2px solid white;
        text-align: left;
        padding: 6px 8px;
    }

    .top-league-tabs {
        display: none;
    }

    .top-league-tabs.active {
        display: block;
    }

    .league-tabs {
        display: none;
    }

    .league-tabs.active {
        display: block;
    }

    .faq {
        background: #000000;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .faq h5{
        font-weight: 700;
        font-size: 14px;
        line-height: 120%;
        color: #FFFFFF;
    }

    .faq p {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        color: whitesmoke;
        margin-bottom: 0;
    }

    .caret {
        width: 16px;
        height: 16px;


        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;


        /* Vector */

        position: absolute;
        left: 20.31%;
        right: 18.01%;
        top: 32.71%;
        bottom: 31.78%;

        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FFFFFF;
    }

    .footer-content h4 {
        font-weight: 400;
        font-size: 30px;
        line-height: 29px;
        color: #B8860B;
        font-family: 'Quantico', sans-serif;
        text-transform: capitalize;
    }


    .footer-content p {
        font-family: 'Quantico', sans-serif;
        line-height: 31px;
    }

    .footer-content .row div.d-flex{
        background: #F1F1F1;
        border-radius: 6px;
    }

    .footer-social-icons a{
        margin-right: 12px;
    }

    .footer h5 {
        font-weight: 400;
        font-size: 20px;
        line-height: 29px;
        color: #FFFFFF;
        font-family: 'Quantico', sans-serif;
        border-bottom: 1px dotted white;
    }

    .footer h5 span {

        border-bottom: 2px solid #B8860B;
        padding-bottom: 9px;
    }

    .footer li{
        border-bottom: 1px solid rgba(170, 170, 170, .3);
        line-height: 40px;
    }

    .footer-contact-us{
        border-bottom: 1px solid rgba(170, 170, 170, .3);
        margin-bottom: 8px;
        padding-bottom: 8px;
        padding-right: 12px;
    }

    .footer-contact-us a {
        color: #AAAAAA;
        font-size: 14px;
    }

    .footer li a{
        color: #AAAAAA!important;
    }

    .footer li a:hover{
        color: #B8860B!important;
    }

    .alt-footer-contact-us a{
        margin-bottom: 3px;
    }

    .breadcrum h2 {
        font-weight: 700!important;
        font-size: 48px;
        line-height: 58px;
        color: #FFFFFF;
    }

    .breadcrum p {
        font-weight: 500;
        font-size: 16px;
    }

    .about-us p {
        font-weight: 700;
        font-size: 30px;
        line-height: 46px;
        color: #000000;
        white-space: normal;
    }

    .about-us span {
        font-weight: 500;
        font-size: 23px;
        line-height: 38px;
        color: #000000;
    }

    .about-us .tagline {
        font-style: italic;
        font-weight: 700;
        font-size: 25px;
        line-height: 36px;
        color: #000000;
    }

    .terms-content h5 {
        font-weight: 700;
        font-size: 23px;
        line-height: 28px;
        color: #000000;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .terms-content p {
        text-align: justify;
    }

    .static-content p {
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
        color: #000000;
    }

    .mini-card {
        background: #F6F6F6;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .mini-card p {
        margin: 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
    }

    .mini-card span {
        font-style: italic;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    p.bold {
        margin: 0;
        font-weight: 700;
        font-size: 30px!important;
        line-height: 40px;
        color: #000000;
    }

    .mini-card a {
        color: #B8860B;
    }

    .mini-card .inner {
        background: #FFFFFF;
        border-radius: 8px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .nb-text {
        color: #E35050;
        font-size: 20px;
    }

    .tips-content h3 {
        color: #B8860B;
    }



    .profile-card {
        background: #B8860B;
        border-radius: 8px;
    }

    .profile-item-list {
        background: #fff3cdab;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 14px;
        margin-bottom: 12px;
    }

    .profile-item-list span {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
    }

    .vip-note h4 {
        font-weight: 700;
        font-size: 32px;
        line-height: 46px;
        color: #ffffff;
        padding-right: 15px;
        border-right: 1px solid #3F3F3F;
    }

    .vip-note h4 span {
        color: #B8860B;
    }

    .vip-note p {
        font-weight: 400;
        font-size: 17px;
        line-height: 140%;
        color: #FFFFFF;
    }

    .our-plan {
        text-align: center;
    }

    .our-plan h2 {
        font-weight: 700;
        font-size: 54px;
        line-height: 65px;
        color: #B8860B;
    }

    .our-plan h2 span {
        color: #ffffff;
    }

    .our-plan p {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #8F8F8F!important;
    }

    .price-card {
        background: #000000;
        border-radius: 8px;
    }

    .price-card button {
        background: #B8860B;
        border-radius: 4px;
        color: white;
        padding: 10px 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        font-size: 15px;
        line-height: 24px;
    }

    .price-card .header {
        text-align: center;
        margin-bottom: 20px;
    }

    .price-card .header h6 {
        font-weight: 600;
        font-size: 18px;
        line-height: 19px;
        color: #FFFFFF;
        margin: 15px;
    }

    .price-card-amount {
        background: #1D1D1D;
        border-radius: 100px;
        text-align: center;
        height: 36px;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        color: #B8860B;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .vip-title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }


    .vip-title h4 {
        font-weight: 600;
        color: #B8860B;
        padding-right: 15px;
    }


    .vip-title div {
        border-top: 1px solid #313131;
        flex-grow: 2;
    }

    .vip-desc h4 {
        font-weight: 600;
        font-size: 19px;
        line-height: 29px;
        color: #FFFFFF;
    }


    .blog-section {
        background: transparent;
    }

    .blog-section .header {
        font-family: 'Quantico', sans-serif;
    }

    .blog-section .header h5 {
        font-weight: 700;
        font-size: 22px;
        line-height: 120%;
    }

    .blog-section .header a {
        font-weight: 700;
        font-size: 17px;
        line-height: 120%;
        color: #B8860B;
    }

    /*.blog-post img {*/
    /*border-radius: 6px;*/
    /*height: 200px;*/
    /*}*/


    /*.blog-post h5 {*/
    /*font-weight: 500;*/
    /*font-size: 19px;*/
    /*line-height: 120%;*/
    /*color: #000000;*/
    /*padding: 8px;*/
    /*}*/


    /*.blog-post button {*/
    /*font-weight: 600;*/
    /*font-size: 14px;*/
    /*line-height: 120%;*/
    /*color: #000000;*/
    /*padding: 8px;*/
    /*}*/

    .blog-post {
        border-radius: 7px;
        padding: 7px 15px 7px 7px;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.38);
    }

    .blog-post img {
        border-radius: 7px;
        height: 90px!important;
    }


    .blog-post h5 {
        font-weight: 500;
        font-size: 15px;
        line-height: 120%;
        color: #000000;
        padding: 0px;
    }


    .blog-post button {
        font-weight: 600;
        font-size: 12px;
        line-height: 120%;
        color: #000000;
        padding: 6px;
        width: 90%;
    }

    .tip-badge {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 5px 8px;
        border-radius: 4px;
        font-weight: 700;
        font-size: 13px;
        line-height: 120%;
        color: #FFFFFF;
    }

    .home {

        background: #28A745;
    }

    .away {
        background: #D64646;
    }

    .basketball-tip {
        background: #C9563C;
    }

    .home-away {
        background: #D49900;
    }

    .faq-answer {
        display: none;
        background-color: whitesmoke;
    }


    .faq-answer p {
        color: #000000!important;
    }

    .vip-disclaimer {
        background: #000000;
        font-weight: 400;
        font-size: 17px;
        line-height: 150%;
    }

    .vip-tip-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 39px;
        color: #FFFFFF;
    }

    .vip-tip-wrapper {
        background: #000000;
        border-radius: 12px;
    }


    .vip-tip-wrapper .header-nav ul li a span {
        color: #ffffff!important;
    }

    .vip-tip-wrapper .header-nav ul li a {
        background-color: #fff3cdab!important;
        margin: 0px 8px!important;
    }

    .vip-tip-wrapper .header-nav ul li a.active {
        background: #B8860B!important;
    }


    .total-odds {
        background: #162B1A;
        border-radius: 6px;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        color: #FFFFFF;
        text-align: center;
        padding: 12px 8px;
    }


    .bet-code {
        background: #B8860B;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        color: #FFFFFF;
        flex-grow: 1;
        padding: 12px 8px;
        text-align: center;
    }

    .bet-bookmaker {
        background: #07295C;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        color: #FFFFFF;
        flex-grow: 1;
        padding: 12px 8px;
        text-align: center;
    }


    .bet-bookmaker img {
        max-height: 20px;
        width: 75px;
    }

    .sidebar-ads img {
        width: 120px!important;
        height: 60px!important;
    }

    .sidebar-ads-mobile img {
        width: 160px!important;
        height: 70px!important;
    }


    .tip-footer-btn {
        margin-top: -20px;
    }

    .live-score {
        background-color: #000;
        color: #DC3545!important;
        font-weight: 600;
        font-size: 16px!important;
    }

    .investment-time h6 {
        font-weight: 500;
        font-size: 16px;
        line-height: 14px;
        color: #E6E6E6;
        margin-bottom: 25px;
    }


    .investment-time p{
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 12.96px;
        line-height: 16px;
    }


    .investment-time span{
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 10.96px;
        color: #F5F5F5;
    }


    .investment-time div.border-right {
        border-right: 1px solid rgba(255, 255, 255, 0.24)!important;
    }


    .padding-tiny>td {
        padding: 0.5em!important;
    }

    .main-vip-wrapper {
        margin-bottom: -80px!important;
    }































    @media only screen and (max-width: 568px) {

        .live-score {
            background-color: #000;
        }

        .tips-table thead td {
            font-size: 11px!important;
        }

        .tips-table td:first-child{
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .tips-table td:last-child{
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .match-time{
            padding: 4px 8px;
            color: #FFFFFF;
            font-size: 11px;
        }

        .tip-footer-btn {
            margin-top: -20px;
        }

        .tip-footer-btn a{
            font-size: 12px;
        }


        .nb-text {
            color: #E35050;
            font-size: 16px;
        }



        .section-title{
            background: #000000;
            border-bottom: 1px solid #FFF7E3;
            padding: 10px 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            font-size: 20px;
            line-height: 110%;
            color: #FFFFFF;
            font-family: 'Quantico', sans-serif;
        }


        .investment-wrapper h4{
            font-weight: 600;
            font-size: 22px;
            line-height: 120%;
            color: #fff;
            text-align: center;
            font-family: 'Quantico', sans-serif;
        }

        .investment-details {
            font-weight: 500;
            font-size: 14px;
            line-height: 140%;
            color: #A3A3A3;
            text-align: left;
        }

        .investment-details span{
            color: #B8860B;
        }

        .investment-timeline {
            background: #000000;
            border-radius: 6px;
        }

        .investment-timeline-time p{
            margin-bottom: 8px;
            font-size: 12px!important;
        }

        .investment-timeline-time i{
            font-size: 24px!important;
        }

        .breadcrum h2 {
            font-weight: 600!important;
            font-size: 26px;
            line-height: 31px;
            color: #FFFFFF;
        }

        .breadcrum p {
            font-weight: 500;
            font-size: 12px;
        }



        .about-us p {
            font-weight: 600;
            font-size: 20px;
            line-height: 36px;
            color: #000000;
            white-space: normal;
        }

        .about-us span {
            font-weight: 500;
            font-size: 17px;
            line-height: 25px;
            color: #000000;
        }

        .about-us .tagline {
            font-style: italic;
            font-weight: 700;
            font-size: 19px;
            line-height: 36px;
            color: #000000;
        }

        .footer-content h4 {
            font-weight: 400;
            font-size: 24px;
            line-height: 29px;
            text-align: center;
            color: #B8860B;
            font-family: 'Quantico', sans-serif;
            text-transform: capitalize;
        }

        .footer-content p {
            font-family: 'Quantico', sans-serif;
            line-height: 31px;
        }

        .profile-item-list span {
            font-weight: 500;
            font-size: 14px;
            line-height: 19px;
            color: #000000;
        }

        .vip-note h4 {
            font-weight: 700;
            font-size: 32px;
            line-height: 42px;
            color: #ffffff;
            padding-right: 0;
            border-right: none;
        }

        .price-card {
            padding-left: 35px!important;
            padding-right: 35px!important;
        }



        .blog-post img {
            border-radius: 6px 0 0 6px;
            height: 100%;
        }


        .blog-post h5 {
            font-weight: 500;
            font-size: 15px;
            line-height: 120%;
            color: #000000;
            padding: 0px;
        }


        .blog-post button {
            font-weight: 600;
            font-size: 12px;
            line-height: 120%;
            color: #000000;
            padding: 6px;
            width: 90%;
        }

        .blog-section .header h5 {
            font-weight: 700;
            font-size: 18px;
            line-height: 120%;
        }

        .blog-section .header a {
            font-weight: 700;
            font-size: 14px;
            line-height: 120%;
            color: #B8860B;
        }

        .blog-section {
            background: transparent;
        }

        .tip-badge {
            padding: 4px 7px;
            border-radius: 3px;
            font-weight: 600;
            font-size: 12px;
            line-height: 110%;
        }

        .navbar-collapse li {
            line-height: 25px!important;
        }

        .navbar-dropdown-menu ul {
            list-style-type: none!important;
            margin-left: -20px!important;
        }

        .price-bar {
            /*background-color: #000000!important;*/
        }

        .vip-tip-wrapper .header-nav ul li a {
            background-color: #fff3cdab!important;
            margin: 0px 2px!important;
        }

        .main-vip-wrapper {
            margin-bottom: 0px!important;
        }

        .footer-contact-us a {
            color: #AAAAAA;
            font-size: 12px;
        }
    }
        font-weight: 600;
        font-size: 12px;
        line-height: 110%;
    }

    .navbar-collapse li {
        line-height: 25px!important;
    }

    .navbar-dropdown-menu ul {
        list-style-type: none!important;
        margin-left: -20px!important;
    }

    .price-bar {
        /*background-color: #000000!important;*/
    }

    .vip-tip-wrapper .header-nav ul li a {
        background-color: #fff3cdab!important;
        margin: 0px 2px!important;
    }

    .main-vip-wrapper {
        margin-bottom: 0px!important;
    }

    .footer-contact-us a {
        color: #AAAAAA;
        font-size: 12px;
    }
}