/**
 * Theme Name: TheTipGeneral
 * Description: 
 * textdomain: st
 */

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #d8d4d9 #ffffff9f;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    /* width: 14px; */
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #d8d4d9;
    border-radius: 10px;
    border: 4px solid #ffffff;
}

html {
    color: #fff;
}

html * {
    /* font-family: "Lato", sans-serif; */
    font-family: "Poppins", sans-serif;
    margin: 0;
}
/* header {
 // Check before publish
  margin-top: 0;
  transition: margin-top 0.3s ease; 
} */

.wfc_coupon_field {
    color: black !important;
}

.woocommerce-thankyou-order-details {
    padding-inline: 20px;
}

.fc-checkout-order-review__edit-cart {
    visibility: hidden;
}

.fc-checkout-notices .woocommerce-notices-wrapper .woocommerce-message {
    display: none;
}

.woocommerce-checkout * {
    color: black !important;
}

.footer-container * {
    color: #fff !important;
}

.input-text {
    font-size: 16px !important;
    line-height: 35px !important;
}

.wfc_cart_basket {
    width: 45px !important;
    padding: 0px !important;
    max-width: unset !important;
    max-height: unset !important;
    background: none !important;
    border: unset !important;
}
.wfc_item_count {
    background: #ff0000d9 !important;
    position: absolute;
    top: -5px;
    left: 30px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.cart_box {
    padding: 0px !important;
    filter: opacity(0.44) invert(1) sepia(1) saturate(0) hue-rotate(0deg)
        brightness(1.1) contrast(1);
}

.wfc_container .wfc_header,
.wfc_footer .wfc_bn_2,
.wfc_footer .wfc_bn_3 {
    background-color: #66968a !important;
}

.fc-checkout-order-review-title .fc-step__substep-title {
    color: #66968a !important;
}

.wfc_trcpn .wfc_apply_coupon_link {
    padding-block: 12px;
    background-color: #766f6f !important;
}

.wfc_trcpn .wfc_apply_coupon_link a {
    color: white !important;
}

.wfc_container .wfc_header .wfc_header_title,
.wfc_container .wfc_header .wfc_close_cart {
    color: white !important;
}

.wfc_cart_icon img {
    height: 20px !important;
    width: 20px !important;
}

.woocommerce ul.order_details {
    margin-top: 30px;
}

section.woocommerce-order-details {
    min-height: 400px;
}

.woocommerce-notice--success {
    text-align: center;
    font-size: 20px;
    margin: 20px;
    font-weight: 900;
}

.wfc_cart_prods {
    padding: 10px 8px !important;
}

.fc-place-order-button {
    background: rgb(228, 29, 37) !important;
    background: linear-gradient(
        180deg,
        rgba(228, 29, 37, 1) 0%,
        rgba(139, 31, 40, 1) 100%
    ) !important;
    height: 45px !important;
    width: 100% !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    transition: filter 0.2s !important;
    color: white !important;
}

.product-quantity {
    color: #fff !important;
}

form.woocommerce-checkout {
    padding-top: 20px;
}

.wfc_container {
    z-index: 9999999999 !important;
}

.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol,
.wfc_qupdiv {
    color: black !important;
}

.added_to_cart {
    display: none;
}

@media screen and (max-width: 500px) {
    .mobile-shadow {
        box-shadow: 0 0 50px #eeeeee8a;
    }
}

@media screen and (min-width: 1024px) {
    .footer-container {
        background-image: url(/wp-content/uploads/2021/11/home_back.jpg),
            linear-gradient(to right, #000000b8 20%, transparent 70%) !important;
        background-blend-mode: multiply !important;
    }
    .welcome-page-pc {
        display: block !important;
    }
    .welcome-page-mobile {
        display: none !important;
    }
    .benefits-page-pc {
        display: block !important;
    }
    .benefits-page {
        /*display: none !important;*/
    }
    .goal-lines-page-pc {
        display: block !important;
    }
    .bet-nav-page-pc {
        display: block !important;
    }
    .goal-lines-page {
        display: none !important;
    }
    .become-affiliate-page-pc {
        display: block !important;
    }
    .become-affiliate-page {
        display: none !important;
    }
    .tips-package-pc {
        display: block !important;
    }
    .tips-packages-page {
        display: none !important;
    }
    .bet-slips-page-pc {
        display: block !important;
    }
    .bet-slips-page {
        /*display: none !important;*/
    }
    .promotion-code-pc {
        display: block !important;
    }
    .promotion-code-page {
        /*display: none !important;*/
    }
    .line-package {
        /* font-size: 0.8rem !important; */
    }
}

.tips-package-pc {
    flex: 1;
    height: 100%;
    width: 100%;
    /* background-image: url("/wp-content/uploads/2021/11/funs_back_gray.jpg"); */
    background-position: center;
    background-size: cover;
    display: none; /*   Hide for mobile */

    background-image: url("/wp-content/uploads/2022/05/stadium.png"),
        radial-gradient(
            #474747 0%,
            #304140 25%,
            #1e393b 50%,
            #081a1c 75%,
            #040a0c 100%
        );
    background-blend-mode: multiply;
    /* background-size: 100%; */
    /* background-position: top; */
    background-repeat: no-repeat;
}

.new-tips-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/TheCalmbeforethestorm_Potrait.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: contain;
}

.blitzkrieg-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/BlitzkriegAttack_Potrait.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: cover;
}

.calm-before-storm-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/The-Calm-before-the-storm-_POTRAIT.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: cover;
}

.in-the-trenches-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/Inthe-Trenches_Potrait.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: cover;
}

.golden-treasure-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/Golden-Treasure_Potrait.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: cover;
}

.quagmire-pc {
    border-radius: 16px;
    width: 380px;
    height: 600px !important;
    background-image: url("/wp-content/uploads/2021/12/TheQuagmire_Potrait.jpg");
    background-color: #231f20;
    background-position: top;
    background-size: cover;
}

.new-tips-package-pc {
    border-radius: 40px;
    border-end-start-radius: 20px;
    border-end-end-radius: 20px;
    width: 340px;
    height: 600px;
    background-color: #231f20;
    background-position: top;
    background-size: cover;
    background-position: cover;
}

.trademark {
    font-size: 15px;
}

@media only screen and (max-width: 1024px) {
    .trademark {
        font-size: 8px;
    }
}

.package-header {
    background-color: #231f20;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;

    height: 55px;
    padding-bottom: 7px;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.yellow-background {
    background-color: #ffdb00;
    border-radius: 4px;
}

.black-background {
    background-color: #231f20;
    width: fit-content;
    padding: 1px 8px;
}

.text-blue {
    color: #6dcff6;
}

.background-blue {
    background-color: #004967;
    border-radius: 8px;
    padding-inline: 3px;
}

.bet-slips-page {
    background-image: url("/wp-content/uploads/2022/05/field_grass.png");
    /* background-blend-mode: multiply; */
    background-color: #1d4750;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 52%;
    background-position-y: center;
}

.become-affiliate-img {
    width: 100px;
}
.promotion-code-pc {
    flex: 1;
    height: 100%;
    width: 100%;
    background-image: url("/wp-content/uploads/2021/12/Silver_darken.jpg");
    display: none;
}

.become-affiliate-page-pc {
    flex: 1;
    display: none;
    width: 100%;
    height: 100%;
}

.money {
    background-image: url(/wp-content/uploads/2021/12/money.png),
        linear-gradient(to top, #000000ab 0%, transparent 30%);
    object-fit: cover;
    background-color: #468b84;
    background-position: center;
    background-blend-mode: multiply;
}

.contact-container {
    /* background-image: url("/wp-content/uploads/2021/11/silver_back.jpg"); */
    background-image: radial-gradient(#dbdbdb 0%, #8b8b8b 100%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.footer-container {
    background-image: url("/wp-content/uploads/2021/11/home_back.jpg");
    width: 100%;
    background-position: center;
    background-size: cover;
}

.goal-lines-page-pc {
    display: none;
    background-image: url("/wp-content/uploads/2022/05/stadium.png"),
        radial-gradient(#dbdbdb 0%, #8b8b8b 100%);
    background-blend-mode: multiply;
    /* background-color: #727272; */
    flex: 1;
    height: 800px;
    background-position: center;
    object-fit: contain;
    background-size: cover;
}
.goal-lines-page-pc-video {
    height: initial !important;
}
.bet-nav-page-pc {
    display: none;
    margin-top: 25px;
    /* background-image: url("/wp-content/uploads/2021/11/stadium_back.jpg"); */
    flex: 1;
    height: 800px;
    background-position: center;
    object-fit: contain;
    background-size: cover;
}

.welcome-page-mobile {
    display: block;
    align-items: center;
    justify-content: center;
}

.welcome-page-pc {
    display: none;
    /* background-image: url("/wp-content/uploads/2022/05/shutterstock-406113004-black.png"), */
    /* background-image: url("https://bucket.thebetgeneral.com/wp/misc/welcome-page-image-desktop.webp"); */
    background-image: url("https://bucket.thebetgeneral.com/wp/misc/welcome-page-image-desktop.webp"),
        linear-gradient(to left, #000, #f1f1f1 47%, #000);
    /* linear-gradient(to top, #000000e8 20%, #00000099 70%) !important; */
    /* background-image: url("/wp-content/uploads/2022/05/shutterstock-406113004-black.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        ); */
    background-position-y: 90%;
    /*background-image: url("http://localhost:10059/wp-content/uploads/2021/12/crowd-black-white.png");*/
    /*background-color: #009e97;*/
    background-size: cover;
    background-blend-mode: multiply;
    width: 100%;
    /* min-height: 720px;
    height: 720px; */
    flex: 1;
    /* padding-bottom: 100px; */
}

.black-text {
    color: #000;
}

.grey-text {
    color: #414142;
}

.button-pc {
    font-family: "Poppins", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    /* letter-spacing: -0.11px; */
    background: linear-gradient(0deg, #1f4d56 0%, #5ba49a 100%);
    color: #fff;
    height: 30px;
    width: 100px;
    border-radius: 8px;
    /* z-index: 1000; */
    transition: filter 0.2s;
}

.button-pc:hover {
    cursor: pointer;
    filter: brightness(0.8);
}

.button-red-pc {
    background: rgb(228, 29, 37);
    background-image: linear-gradient(#e41d25, #8b1f28, #e41d25) !important;
    border-radius: 50px;
}

.button-red-pc:hover {
    cursor: pointer;
    filter: brightness(0.8);
}

.button-yellow-pc {
    font-family: "Poppins", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    /* letter-spacing: -0.11px; */
    background-color: #ffee00;
    height: 30px;
    width: 100px;
    /* z-index: 1000; */
    color: black;
    border-radius: 8px;
    transition: filter 0.2s;
}

.red-text {
    color: rgb(228, 29, 37);
}

.button-yellow-pc:hover {
    cursor: pointer;
    filter: brightness(0.8);
}

.clip-logo {
    width: 200px;
    height: 200px;
}

.yellow-camera {
    width: 60px;
    height: 60px;
    /* filter: invert(80%) sepia(59%) saturate(1579%) hue-rotate(4deg)
    brightness(114%) contrast(102%); */
}

.welcome-clip {
    height: 200px;
    max-width: 155px;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 90%, 0 100%);
    background: linear-gradient(#1b4852 0%, #2a5e63 50%, #579e95 100%);
}

.benefits-page-pc {
    background-image: url("/wp-content/uploads/2021/11/back_leonidas_2.jpg");
    width: 100%;
    height: 100%;
    display: none;
    background-position: center;
    background-size: cover;
}

.grid-pc {
    display: grid;
    margin-top: 15px;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 33px;
    width: 890px;
}

.grid-item-pc {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.silver-box {
    position: relative;
    margin: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.silver-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 3px;
    background: linear-gradient(
        0.24turn,
        #fff,
        #adadad,
        rgb(80, 79, 79),
        #fff,
        #adadad,
        rgb(80, 79, 79),
        #fff,
        #adadad
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    height: 350px;
}

/* .teste-pc {
  border-image-source: linear-gradient(
    to left,
    #adadad,
    #c4c4c4,
    rgb(80, 79, 79),
    #adadad,
    #c4c4c4,
    rgb(80, 79, 79),
    #adadad,
    #c4c4c4
  ) !important;
  border: 3px solid;
  border-radius: 8px;
  border-image-slice: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 350px;
} */

.main {
    height: auto;
    width: 100%;
    overflow-x: hidden !important;
}
/*
.title-container {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("/wp-content/uploads/2021/11/funs_back.jpg");
}
*/

.welcome-page-mobile {
    /* width: 100%; */
    /*height: 100vh;*/
    background-color: #000;
    /* background-image: url("/wp-content/uploads/2022/04/back_subsc.png"),
        linear-gradient(#000 0%, #000 100%); */
    background-image: url("/wp-content/uploads/2022/04/back_subsc.png"),
        linear-gradient(to left, #000, #4d4d4d 47%, #000);
    /* background-blend-mode: multiply; */
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    font-family: "Poppins", sans-serif !important;
}

/*.main-title {
  margin-top: -40px;
  font-family: "Lato", sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 10px;
}*/

.logo {
    object-fit: contain;
    width: 350px;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-container {
    flex: 1;
    width: 100%;
    background: linear-gradient(180deg, #003539 0%, #00786c 100%);
}

.header {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.benefits-header {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.subtext {
    color: #fff;
    /* font-weight: 300; */
    font-size: 14px;
    text-align: justify;
    letter-spacing: -0.14px;
    padding-inline: 6px;
}

.button-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* padding-inline: 1.5rem; */
    /* margin-top: 1rem; */
}

.yellow-button {
    width: 167px;
    /* min-width: 167px; */
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    filter: grayscale(0) brightness(1) opacity(1);
    transition: filter 0.2s ease;
    -webkit-transform: translateZ(0);
    background-color: #ffdb00;
    transform: translate3d(0, 0, 0);
    color: #333 !important;
}

.yellow-button:hover {
    filter: grayscale(0) brightness(0.8) opacity(1);
}

.yellow-bar {
    height: 1px;
    width: 100%;
    background-color: #ffdb00;
}

.black-button {
    width: 167px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;

    filter: grayscale(0) brightness(1) opacity(1);
    transition: filter 0.2s ease;
    -webkit-transform: translateZ(0);
    transform: translate3d(0, 0, 0);
}

.black-button:hover {
    filter: grayscale(0) brightness(0.8) opacity(1);
}

@media screen and (min-width: 768px) {
    .yellow-button,
    .black-button {
        width: 162px !important;
    }
}
@media screen and (min-width: 1100px) {
    .yellow-button,
    .black-button {
        width: 170px !important;
    }
}
.button-title-one {
    line-height: initial;
    font-size: 0.6rem;
}

/* .black-button:hover {
  filter: brightness(0.8);
} */

.icon {
    width: 30px;
    height: 30px;
}

.white-icon {
    width: 30px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg)
        brightness(103%) contrast(101%);
    height: 30px;
}

.benefits-page {
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #003539 0%, #00786c 100%);
}

.grid {
    width: 100%;
    display: grid;
    margin-top: 15px;
    grid-template-columns: 33.3% 33.3% 33.3%;
}

#grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    transition: all 0.2s ease-in-out;
}

#grid-item:hover {
    cursor: pointer;
    transform: scale(1.25);
}

.item-text-container {
    display: flex;
    align-items: center;
    max-width: 100px;
    justify-content: center;
}

.item-text-container-pc {
    display: flex;
    align-items: center;
    max-width: 300px;
    justify-content: center;
}

.item-text {
    color: #fff;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word;
    line-height: normal;
    font-weight: 400;
}

#grid-icon {
    object-fit: contain;
    width: 60px;
    height: 60px;
}

.button-column {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}

.screen-slider {
    max-width: 100vw;
}

.cellphone {
    background-color: #4507a1;
    width: 300px !important;
    height: 500px;
}

.platform-text {
    color: #ffeb00;
    font-size: 22px;
    font-weight: 400;
}

.lorem {
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

.white-button {
    width: 330px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 35px;
    transition: filter 0.2s;
}

.white-button:hover {
    filter: brightness(0.8);
}

.age-icon {
    width: 50px;
    height: 50px;
}

.benefits-icon {
    width: 65px;
    height: 65px;
}

.benefits-icon-pc {
    width: 90px;
    height: 90px;
}

.benefits-lorem {
    text-align: justify;
    font-size: 14px;
    font-weight: 300;
}

.small-icon-yellow {
    width: 40px;
    height: 40px;
    filter: invert(80%) sepia(72%) saturate(841%) hue-rotate(1deg)
        brightness(104%) contrast(110%);
}

.bets-slider {
    max-width: 100vw;
}

@media screen and (min-width: 1440px) {
    .bet-slips-image {
        object-fit: contain;
        width: 200px !important;
        border: 3px solid #00a79e;
        border-radius: 20px;
    }
}

.slips-image {
    object-fit: contain;
    width: 160px !important;
}

.slick-current .increased {
    width: 265px !important;
    transition: width 1s;
}

.slick-current .generals-best-pc {
    height: 800px !important;
    transition: height 0.5s !important;
}

.slick-current .calm-before-pc {
    height: 800px !important;
    transition: height 0.5s !important;
}

/* .slick-current .on-fringes-pc{
  height: 800px !important;
  
  transition: height 0.5s !important;
} */

.slick-current .calm-before-storm-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.slick-current .quagmire-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.slick-current .blitzkrieg-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.slick-current .in-the-trenches-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.slick-current .golden-treasure-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.slick-current .new-tips-package-pc {
    /* height: 700px !important; */
    transition: zoom 0.5s !important;
    zoom: 1.2;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999 !important;
}

.modal__container {
    /* background: radial-gradient(circle, #00786c 0%, #003539 75%); */
    /* background-color: #1c6f70; */
    background-image: url(/wp-content/uploads/2021/11/home_back.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 16px;
    width: 400px;
    max-width: 90%;
    height: 90vh;
    max-height: 700px;
    border-radius: 4px;
    overflow-y: auto;
    margin-top: 14px;
    box-sizing: border-box;
    z-index: 1000;
    overflow: hidden;
}
.modal__container-win-guarantee {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    /* padding: 16px; */
    width: 400px;
    max-width: 95%;
    max-height: 95vh;
    /* max-height: 700px; */
    border-radius: 8px;
    overflow-y: auto;
    /* margin-top: 14px; */
    box-sizing: border-box;
    z-index: 1000;
    /* overflow: hidden; */
}
.modal__container-package-video {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 500px;
    max-width: 95%;
    max-height: 95vh;
    border-radius: 8px;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 1000;
}

@media screen and (min-width: 720px) {
    .modal__container-package-video {
        min-width: 680px;
        max-width: 700px;
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .modal__container {
        max-width: 700px;
        margin-top: 0;
    }
    .modal__container-win-guarantee {
        max-width: 700px;
        margin-top: 0;
    }
    .modal__container-package-video {
        min-width: 860px;
        max-width: 1000px;
        margin-top: 0;
    }
}
@media screen and (min-width: 1360px) {
    .modal__container-package-video {
        min-width: 1024px;
        max-width: 1300px;
        margin-top: 0;
    }
}

.modal__header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
    font-size: 0.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container,
.micromodal-slide[aria-hidden="false"] .modal__container-win-guarantee,
.micromodal-slide[aria-hidden="false"] .modal__container-package-video {
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay,
.micromodal-slide[aria-hidden="true"] .modal__container-win-guarantee,
.micromodal-slide[aria-hidden="true"] .modal__container-package-video {
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container,
.micromodal-slide[aria-hidden="true"] .modal__container-win-guarantee,
.micromodal-slide[aria-hidden="true"] .modal__container-package-video {
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__container-win-guarantee,
.micromodal-slide .modal__container-package-video,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

.modal {
    display: none;
}

.modal.is-open {
    display: block;
}

.bet-slips-image {
    object-fit: contain;
    width: 250px;
    border: 3px solid #00a79e;
    border-radius: 20px;
}

.bet-slips-row {
    display: flex;
    /*width: 100%;*/
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.bet-slips-title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-top: 30px;
}

.bet-slips-country {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-top: 30px;
}

.promotion-code-page {
    width: 100%;
    display: block;
    flex: 1;
    /* height: 100%; */
    background-image: url("/wp-content/uploads/2022/05/Mask-Group-13.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-blend-mode: multiply;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.promotion-container {
    width: 100%;
    background-image: url("/wp-content/uploads/2021/10/promotion-code.jpeg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.promotion-slider {
    max-width: 99vw;
}

.code-container {
    background: linear-gradient(
        180deg,
        rgba(91, 166, 156, 1) 0%,
        rgba(27, 72, 82, 1) 100%
    );
    border-radius: 10px;
    text-align: center;
    width: 250px;
}

.code {
    color: #ffdb00;
    font-size: 40px;
}

.center-code-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 40vh;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
}

.custom-radios-mobile {
    position: absolute;
    right: 10px;
    top: 5px;
}

.custom-radios-mobile div {
    display: inline-block;
}
.custom-radios-mobile input[type="radio"] {
    display: none;
}
.custom-radios-mobile input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-radios-mobile input[type="radio"] + label span {
    display: flex;
    width: 22px;
    height: 22px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
    align-items: center;
    justify-content: center;
}
.custom-radios-mobile input[type="radio"] + label span img {
    opacity: 0;
    transition: all 0.3s ease;
}

.custom-radios-mobile input[type="radio"]#color-mobile-0:checked + label span {
    background-color: #2ecc71;
}

.custom-radios-mobile input[type="radio"]#color-mobile-1:checked + label span {
    background-color: #2ecc71;
}
.bet-slips-image {
    object-fit: contain;
    width: 300px !important;
    /*  border: 3px solid #00a79e;
  border-radius: 20px; */
}

.custom-radios-mobile input[type="radio"]#color-mobile-2:checked + label span {
    background-color: #2ecc71;
}

.custom-radios-mobile input[type="radio"]:checked + label span img {
    opacity: 1;
    width: 12px;
}

.custom-radios div {
    display: inline-block;
}
.custom-radios input[type="radio"] {
    display: none;
}
.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
    display: flex;
    width: 40px;
    height: 40px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
    align-items: center;
    justify-content: center;
}
.custom-radios input[type="radio"] + label span img {
    opacity: 0;
    transition: all 0.3s ease;
}

.custom-radios input[type="radio"]#color-0:checked + label span {
    background-color: #2ecc71 !important;
}

.custom-radios input[type="radio"]#color-1:checked + label span {
    background-color: #2ecc71 !important;
}

.custom-radios input[type="radio"]#color-2:checked + label span {
    background-color: #2ecc71 !important;
}

.custom-radios input[type="radio"]:checked + label span img {
    opacity: 1;
}

.text-yellow {
    color: #ffeb00 !important;
}

.text-green {
    color: green;
}

.text-grey {
    color: #414048;
}

.become-affiliate-page {
    height: 100%;
    width: 100%;
    display: block;
    flex: 1;
    background-color: #1b4852;
}

.red-button {
    background: rgb(228, 29, 37);
    background: linear-gradient(
        180deg,
        rgba(228, 29, 37, 1) 0%,
        rgb(78 18 23) 100%
    );
    min-height: 33px;
    width: 100%;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400;
    transition: filter 0.2s;
    animation: shine 2s infinite;
    animation-delay: 0.4s;
    color: #fff;
}

.green-button {
    background: rgb(29, 55, 228);
    /* background: linear-gradient(
        180deg,
        rgb(32, 228, 29) 0%,
        rgb(18, 78, 46) 100%
    ); */
    background: linear-gradient(to bottom, #5b958b, #074f52);
    color: #fff;
    min-height: 33px;
    width: 100%;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400;
    transition: filter 0.2s;
    animation: shine 2s infinite;
    animation-delay: 0s;
}

.red-button-thin {
    /* background: rgb(228, 29, 37); */
    background: linear-gradient(180deg, #860003 0%, #ff0006 48%, #860003 82%);
    border-radius: 10px;
    transition: filter 0.2s;

    font-weight: bold;
}

.red-button-thin:hover {
    filter: brightness(0.8);
}

.red-button:hover {
    filter: brightness(0.8);
}
.green-button:hover {
    filter: brightness(0.8);
}

.gradient-button {
    background: linear-gradient(
        180deg,
        rgba(91, 166, 156, 1) 0%,
        rgba(27, 72, 82, 1) 100%
    );
    height: 45px;
    width: 180px;
    border-radius: 10px;
    font-size: 20px;
    transition: filter 0.2s;
}

.gradient-button:hover {
    filter: brightness(0.8);
}

.gradient-button-small {
    background: linear-gradient(
        180deg,
        rgba(91, 166, 156, 1) 0%,
        rgba(27, 72, 82, 1) 100%
    );
    height: 30px;
    width: 120px;
    border-radius: 7px;
    font-size: 14px;
    transition: filter 0.2s;
}

.gradient-button-small {
    filter: brightness(0.8);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    color: black;
    border: 1px solid #cdcdcd;
    width: 100%;
    padding-inline: 5px;
    padding: 5px 10px;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    outline-width: 0;
}

.wpcf7 textarea {
    color: black;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    height: 100px;
    width: 100%;
    padding-inline: 5px;
    padding: 5px 10px;
}

.wpcf7 select {
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    color: #000;
    height: 32px;
    width: 100%;
    padding-inline: 5px;
}

.wpcf7 select:focus {
    outline-width: 0 !important;
}

.select2
    .select2-container
    .select2-container--default
    .select2-container:focus {
    outline-width: 0 !important;
}

.tips-text {
    font-size: 12.9px;
    /* font-size: 15px; */
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
}

.wpcf7 input[type="submit"] {
    /* background: linear-gradient(180deg, #fce09e 0%, #92805a 100%); */
    background: linear-gradient(
        to bottom,
        #ada180,
        #c7b88e 0%,
        #ab997a 38%,
        #584b2c
    );
    color: #000;
    font-weight: bold;
    height: 45px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 300px;
    position: absolute;
    border-radius: 15px;
    font-size: 20px;
    margin-top: 5px;
    align-self: center;
    transition: filter 0.2s;
}

.wpcf7 input[type="submit"]:hover {
    cursor: pointer;
    filter: brightness(0.8);
}

.wpcf7 p:nth-child(5) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 0;
    /* border: 2px solid #00a0d2; Blue */
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border: 0;
}

.wpcf7 form.spam .wpcf7-response-output {
    border: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 0;
}

.wpcf7-spinner {
    margin-top: 10px;
}

.contact-input {
    color: black;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    height: 32px;
    width: 100%;
    padding-inline: 5px;
    padding: 10px 5px;
}

.input-container {
    width: 100%;
    padding-inline: 40px;
}

.contact-input:focus {
    outline-width: 0;
}

.contact-select {
    color: #9ca3af;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    height: 32px;
    padding-inline: 5px;
    width: 140px;
}

select:required:invalid {
    color: gray;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: black;
}

.contact-textarea {
    color: #cdcdcd;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    width: 100%;
    padding: 5px;
}

.small-logo {
    width: 125px;
    /* height: 150px; */
}

.social-icon {
    width: 24px;
    /* height: 30px; */
}

.affiliate-details-page {
    height: 100%;
    width: 100%;
    flex: 1;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
}

.medium-logo {
    width: 300px;
    height: 300px;
}

.list {
    width: fit-content;
    padding: 0;
    margin: 0;
    list-style: inside;
}

.list-item {
    font-weight: 300;
}

.list-item::marker {
    color: #ffdb00;
}

.screens-page {
    flex: 1;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
}

.per-month {
    display: flex;
    flex-direction: row;
}

.draft-page {
    background: #fff;
    width: 100%;
    flex: 1;
    height: 100%;
}

table {
    table-layout: fixed;
    word-wrap: break-word;
}

.draft-item {
    width: 375px;
}

.draft-header {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 7fr 4fr 3fr 1fr;
    background-color: #00a89d;
    width: 100%;
    height: 40px;
    align-items: center;
}

.draft-content {
    background-color: #c0c0bf;
    height: 150px;
    width: 100%;
    /* display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr; */
}

tr {
    border-bottom: 1px solid #000;
}

.clock {
    width: 15px;
    height: 15px;
    filter: invert(80%) sepia(72%) saturate(841%) hue-rotate(1deg)
        brightness(104%) contrast(110%);
}

.star {
    /* margin-right: 30px; */
    width: 22px;
    height: 22px;
    filter: invert(80%) sepia(72%) saturate(841%) hue-rotate(1deg)
        brightness(104%) contrast(110%);
}

.cards {
    width: 16px;
    height: 16px;
}

.flag {
    width: 20px;
    margin-left: 10px;
    height: 30px;
    background-color: red;
}

.blue-flag {
    width: 20px;
    height: 30px;
    background-color: blue;
}

.goal-lines-page {
    background-color: #00a79e;
    width: 100%;
    flex: 1;
    height: 100%;
    display: block;
}

.goal-slider {
    max-width: 99vw;
}

.packages-square {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 330px !important;
    background-color: #000;
    position: relative;
    height: 100% !important;
}

.clip {
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
    width: 20%;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(111, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tips-packages-page {
    /*background-color: #005e66;*/
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: cover; */
    /* background-image: url("/wp-content/uploads/2022/03/mobile-field.jpg"); */

    background-image: url("/wp-content/uploads/2022/05/home_back.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-blend-mode: multiply;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;

    width: 100%;
    flex: 1;
    height: 100%;
    display: block;
}

td {
    font-size: 14px;
}

.packages-slider {
    max-width: 99vw;
    margin-bottom: 20px;
}

.package-name {
    top: 0;
    margin-top: 70px;
    margin-left: 10px;
}

.price-container {
    width: 120px;
    height: 70px;

    top: -55px;
    right: 38px;

    position: absolute;
    z-index: 2;
}

/* .price-container span {
  margin-left: 15px;
} */

.text-container {
    background-color: #fff;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    padding-bottom: 44px;
    height: 425px;
    min-width: -webkit-fill-available;
    /* min-width: 336px; */
}

.center-mobile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

/* .text-container-mobile {
  background-color: #fff;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  height: 360px;
} */

.checks-text {
    /* height: inherit;   */
    max-height: 335px;
    overflow-y: hidden;
    line-height: normal;
}

/* .checks-text-mobile {  
  height: inherit;  
  max-height: 300px;
  overflow-y: hidden;
} */

.yield-h1 {
    display: flex;
    flex-direction: row;
}

.yield-container {
    display: flex;
    align-items: center;
    color: white;
    height: 1.2rem;
    font-size: 0.7rem;
    padding: 1px 6px;
    margin-left: 10px;
    margin-top: inherit;
    font-weight: 500;
}

.check-package {
    font-size: 16px;
    letter-spacing: -0.32px;
    font-family: "Times New Roman", Times, serif;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}

.check-package span {
    color: black !important;
    font-family: "Times New Roman", Times, serif;
}

.check-package b {
    font-size: 18px;
    color: black !important;
    font-family: "Times New Roman", Times, serif;
}

.line-package {
    font-size: 13px;
    line-height: normal;
    letter-spacing: -0.14px;
    font-family: "Times New Roman", Times, serif;
}
.line-package b {
    font-size: 13px;
    line-height: normal;
    letter-spacing: -0.14px;
    color: black !important;
    font-family: "Times New Roman", Times, serif;
}

.footer-package {
    color: white !important;
    font-size: 18px;
    font-weight: 300;
    white-space: nowrap;
}

@media screen and (max-width: 1439px) {
    .left-logo {
        width: 140px !important;
        height: 140px !important;
        top: 10px !important;
        left: 20px !important;
    }
    .win-guarantee-right {
        top: 10px !important;
        right: 20px !important;
    }
    .win-guarantee-logo {
        width: 90px !important;
        height: 90px !important;
    }
    .packages-slider-pc {
        width: 95% !important;
    }
}

@media screen and (min-width: 1920px) {
    .packages-slider-pc {
        margin-top: 40px !important;
    }
}
.universal-back-btn {
    width: 28px;
    position: absolute;
    top: 10px;
    left: 10px;
    filter: invert(1);
}
.universal-close-btn {
    z-index: 1;
    width: 28px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.win-guarantee-logo {
    width: 128px;
    height: 130px;
}

.packages-slider-pc {
    width: 93vw;
}

.left-logo {
    top: 0;
    left: 120px;
    width: 145px;
    position: absolute;
    padding-top: 20px;
}

.win-guarantee-right {
    position: absolute;
    top: 20px;
    right: 200px;
}
.win-guarantee-right h1 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
}

.calm-before-clip {
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background: rgb(168, 5, 5, 0.2);
    background: radial-gradient(
        circle,
        rgba(168, 5, 5, 0.4) 0%,
        rgba(168, 5, 5, 0.4) 41%,
        rgba(96, 7, 7, 0.4) 77%,
        rgba(73, 5, 5, 0.4) 92%
    );
    z-index: 5;
    clip-path: polygon(0% 0%, 100% 0%, 100% 33%, 48% 47%, 0% 33%);
}

.generals-best-clip {
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background: rgb(0, 101, 100);
    background: radial-gradient(
        circle,
        rgba(0, 101, 100, 0.4) 19%,
        rgba(3, 77, 76, 0.4) 49%,
        rgba(0, 62, 62, 0.4) 83%
    );
    z-index: 5;
    clip-path: polygon(0% 0%, 100% 0%, 100% 33%, 48% 47%, 0% 33%);
}

.on-fringes-clip {
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background: rgb(16, 71, 131);
    background: radial-gradient(
        circle,
        rgba(16, 71, 131, 0.4) 19%,
        rgba(16, 66, 121, 0.4) 49%,
        rgba(12, 51, 93, 0.4) 83%
    );
    z-index: 5;
    clip-path: polygon(0% 0%, 100% 0%, 100% 33%, 48% 47%, 0% 33%);
}

.generals-best-pc {
    background-image: url("/wp-content/uploads/2021/10/leonidas.png");
    background-color: #000;
    height: 700px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: solid 3px;
    align-self: center !important;
    border-image-slice: 1;
    width: 420px;
    border-image-source: linear-gradient(
        to left,
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4
    ) !important;
}

.calm-before-pc {
    background-image: url("/wp-content/uploads/2021/10/Calmbefore.jpg");
    background-color: #000;
    height: 700px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 420px;
    border: solid 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(
        to left,
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4
    ) !important;
}

.on-fringes-pc {
    background-image: url("/wp-content/uploads/2021/12/onthefringes.jpg");
    background-color: #000;
    height: 700px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 420px;
    border: solid 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(
        to left,
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4,
        rgb(80, 79, 79),
        #dbdada,
        #c4c4c4
    ) !important;
}

.generals-best {
    background-image: url("/wp-content/uploads/2021/10/leonidas.png");
    background-color: #000;
    height: 780px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.on-fringes {
    background-image: url("/wp-content/uploads/2021/12/onthefringes.jpg");
    background-color: #000;
    height: 780px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.calm-before {
    background-image: url("/wp-content/uploads/2021/10/Calmbefore.jpg");
    background-color: #000;
    height: 780px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.package-container {
    /* background-image: url('/wp-content/uploads/2021/10/leonidas.png'); */
    background-color: #000;
    height: 780px !important;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.info-container {
    height: 50%;
    position: absolute;
    bottom: 0;
}

.info-container-pc {
    position: absolute;
    bottom: 0;
}

/* .line{
  height: 1px;
  color: #fff;
  width: 70%;
  background: #fff;
} */

.line {
    height: 1px;
    color: #fff;
    width: 100%;
    background: #fff;
}

.small-button {
    width: 65px;
    height: 25px;
    border-radius: 4px;
    background-color: #00a89d;
    border-color: #fff300;
}

.about-us-page {
    width: 100%;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-refund-page {
    width: 100%;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.win-guarantee-page {
    background-image: url("/wp-content/uploads/2023/12/Leo_win_clear_2.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: top;
    background-size: cover;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.win-guarantee-page-modal {
    background-image: url("/wp-content/uploads/2023/12/Leo_win_clear_2.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    flex-direction: column;
    width: 100%;
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media (min-width: 1024px) {
    .win-guarantee-page {
        background-blend-mode: multiply;
        /* background-position: 50% -35%;
    background-size: auto; */
        background-size: cover;
        background-image: url("/wp-content/uploads/2023/12/Leo_win_clear_2.png"),
            radial-gradient(
                #5b9d93 0%,
                #407977 25%,
                #2b5e63 50%,
                #1f4d56 75%,
                #1b4852 100%
            ) !important;
    }
    /* .win-guarantee-page-modal {
  } */
}
/* .menu-button {
    display: none;
} */

.container-header {
    width: 100vw;
    padding: 15px;
    /* background: #132e32cf;
    backdrop-filter: blur(1.5px); */
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 1;
    justify-content: space-between;
    overflow: hidden;
    height: 200px;
}

.container-header-pc {
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-header-pc-alt {
    position: sticky !important;
}

.container-header img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}


.the-generals-best-page {
    flex: 1;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/uploads/2021/10/leonidas.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #000;
    /* background: radial-gradient(circle, #00786C 0%, #003539 75%); */
}

.plans-price-page {
    flex: 1;
    background-image: url("/wp-content/uploads/2022/05/home_back-1.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-blend-mode: multiply;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
    .plans-price-page {
        background-image: url("/wp-content/uploads/2022/05/stadium.png"),
            radial-gradient(
                #5b9d93 0%,
                #407977 25%,
                #2b5e63 50%,
                #1f4d56 75%,
                #1b4852 100%
            );
    }
}
.terms-conditions-page {
    flex: 1;
    /* width: 100%; */
    /* height: 100%; */
    background-image: url("/wp-content/uploads/2022/05/home_back.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-blend-mode: multiply;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*.plan-container{
  width: 460px;
}

@media (max-width: 1000px) { 
  .plan-container{
    width: 300px !important;
  }
}*/

.plan-image-container {
    max-width: 600px;
    display: flex;
    flex-direction: column;
}

.plan-image {
    width: 100%;
}


.sidebar {
    margin-top: 55px;
    z-index: 99;
    position: absolute;
    /* background: #132e32; */
    background: #132e32f0;
    backdrop-filter: blur(1.5px);
    flex-direction: column;
    padding: 25px 0;
    left: -100%;
    transition: 0.5s ease;
    transition-property: left;
    border-radius: 0px 15px 15px 0;
}

.sidebar.active {
    left: 0;
}

.sidebar .menu {
    display: flex;
    flex-direction: column;
}

.sidebar a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 25px;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
}

.sidebar b {
    color: #ffdb00;
}

.sidebar .menu .item:hover {
    color: #ffdb00;
    transition: 0.3s ease;
}
.sidebar .menu a:hover {
    color: #ffdb00;
    transition: 0.3s ease;
}

.bet-navigator-page {
    flex: 1;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/uploads/2021/11/silver_back.jpg");
    background-position: center;
}

.navigator-header {
    font-size: 18px;
}

.black-header {
    background: black;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.goal-line-pc {
    background-size: cover;
    background-position: right;
    border-radius: 14px;
    width: 350px;
    height: 275px !important;
}

.goal-line-button {
    border-radius: 50px;
    background-color: #00a89e;
    width: 110px;
    height: 35px;
}

.bet-navigator-template-page {
    /* flex: 1; */
    width: 100%;
    height: 100%;
    /* background-image: url(https://bucket.thebetgeneral.com/images/backgrounds/leonidas-back-no-colour.png); */
    background-image: url("/wp-content/uploads/2022/05/home_back-1.png"),
        radial-gradient(
            #5b9d93 0%,
            #407977 25%,
            #2b5e63 50%,
            #1f4d56 75%,
            #1b4852 100%
        );
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0% 0%;
    /* background-color: #065154; */
    transition: all 1s ease-in-out;
    background-blend-mode: multiply;
}
@media screen and (min-width: 1024px) {
    .bet-navigator-template-page {
        background-image: url("/wp-content/uploads/2022/05/stadium.png"),
            radial-gradient(
                #5b9d93 0%,
                #407977 25%,
                #2b5e63 50%,
                #1f4d56 75%,
                #1b4852 100%
            );
    }
}

.bar {
    height: 1px;
    color: #fff;
    width: 100%;
    background: #fff;
}

.plans-box {
    position: relative;
    margin: 5px;
    background: linear-gradient(
        0deg,
        rgba(0, 162, 154, 1) 19%,
        rgba(0, 120, 123, 1) 49%,
        rgba(0, 84, 93, 1) 83%
    );
    border-radius: 10px;
    padding: 3px;
}
.plans-box-red {
    position: relative;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    background: linear-gradient(
        0deg,
        rgba(0, 162, 154, 1) 19%,
        rgba(0, 120, 123, 1) 49%,
        rgba(0, 84, 93, 1) 83%
    );
}
.plans-box::before {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 5px;
    background: linear-gradient(
        0.24turn,
        #ffffff,
        #727272,
        #ffffff,
        #747474,
        #ffffff
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.plans-box-red::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 5px;
    background: linear-gradient(
        0.24turn,
        #fa0000,
        #8f0000,
        #ff0000,
        #ff0000,
        #b50505
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.yellow-color-bg {
    background: #ffdb00;
}
.yellow-color {
    color: #ffdb00;
}

.basic {
    display: flex;
}

.pro {
    display: none;
}

/* .selected-plan-pro{
  border-radius: 10px;
}

.selected-plan-basic{
  background-color: rgb(255 255 255 / 7%);
  border-radius: 10px;
} */

.toggle-background {
    display: inline-block;
    border-radius: 9999px;
    height: 100%;
    width: 100%;
    box-shadow: inset 0 2px 4px #727272;
    transition: background-color 0.4s ease;
}

.toggle-indicator {
    position: absolute;
    height: 30px;
    width: 30px;
    left: -4px;
    bottom: -5px;
    background-color: #3030300e;
    border-radius: 9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease;
}

.toggle-control {
    display: block;
    position: relative;
    padding-left: 100px;
    margin-bottom: 46px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.toggle-control input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* .toggle-control input:checked ~ .control {
  background-color: dodgerblue;
} */
.toggle-control input:checked ~ .control:after {
    left: 55px;
}

.toggle-control .control {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 95px;
    border-radius: 25px;
    background: rgb(143, 143, 142);
    background: linear-gradient(
        0deg,
        rgba(143, 143, 142, 1) 45%,
        rgba(121, 121, 121, 1) 64%,
        rgba(81, 81, 81, 1) 91%
    );
}
.toggle-control .control:after {
    content: "";
    position: absolute;
    left: 0px;
    top: -5px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    background-image: url("/wp-content/uploads/2021/12/silver_button.png");
    background-position: center;
    object-fit: contain;
    transition: left 0.15s ease-in;
}

.white-arrow {
    filter: invert(99%) sepia(1%) saturate(4026%) hue-rotate(220deg)
        brightness(115%) contrast(100%);
}

.clip-header {
    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0% 100%);
    height: 75px;
    display: flex;
    align-items: center;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
}

.euro-icon {
    width: 23px;
    height: 23px;
    align-self: flex-end;
}

.points-name-container {
    width: 80px;
    word-wrap: break-word;
}

.select2-results__option {
    color: #000;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 7px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000;
}

.select2 .select2-container .select2-container--default {
    width: 100%;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field:focus {
    outline-width: 0;
}

.select2-container .select2-selection--single {
    height: 32.5px !important;
}

@media screen and (max-width: 1024px) {
    .menu-button {
        display: block;
    }

    /* .navbar {
        display: none;
    } */

    .navbar .item {
        font-size: 15px;
    }
}

@media (max-width: 340px) {
    .tips-text {
        font-size: 12px;
    }
    .navigator-header {
        font-size: 15px;
    }
    .packages-square {
        width: 270px !important;
        background-color: #000;
        height: 170px;
    }
    .bet-slips-image {
        width: 270px !important;
    }
    /* .package-container{
    background-color: #000;
    height: 850px;
    position: relative;
    width: 90%;
  } */
    .info-container {
        height: 60%;
        position: absolute;
        bottom: 0;
    }
    .black-button:nth-child(2) {
        margin-left: 0px;
    }
    .white-button {
        width: 270px;
    }
    .button-row {
        display: flex;
        flex-direction: column;
        margin-top: 1rem;
    }
    .teste {
        display: flex;
        flex-direction: column;
    }
}

.coming-soon-page {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: radial-gradient(circle, #00786c 0%, #003539 75%);
}

.coming-soon-logo {
    width: 350px;
    height: 350px;
    animation: breathing 5s ease-out infinite normal;
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    25% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.blue-background {
    background-color: #002a2f;
    width: fit-content;
}

.content-display {
    display: none;
}

.navigator-image {
    object-fit: contain;
    width: 250px !important;
}

@media (min-width: 768px) {
    .content-display {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .euro-icon {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 640px) {
    .clip-header {
        display: flex;
        align-items: center;
        height: 95px;
    }
    .teste {
        display: flex;
        flex-direction: column;
    }
    .blue-background {
        width: 100%;
    }
    .navigator-content {
        max-width: 1000px;
    }
    .tips-text {
        font-size: 18px;
    }
    /* .generals-best{
    width: 500px !important;
  }
  .calm-before{
    width: 500px !important;
  } */
    .packages-square {
        width: 500px !important;
        height: 320px !important;
    }
    .the-generals-best-page {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .plan-image-container {
        margin-top: 40px;
        display: grid;
        align-items: center;
        justify-content: center;
        max-width: 50%;
        grid-template-columns: 50% 50%;
    }
    .plan-image {
        width: 500px;
    }
    .no-refund-page {
        height: 100vh;
    }
    .about-us-page {
        height: 100vh;
    }
    .promotion-container {
        height: 780px !important;
    }
    .item-text {
        font-size: 18px;
    }
    .grid {
        width: 50%;
    }
    .line {
        height: 1px;
        color: #fff;
        max-width: 550px;
        background: #fff;
        margin: 20px 0px;
    }
    .logo {
        object-fit: contain;
        width: 550px;
    }
    /* .main-title {
        margin-top: -40px;
        font-family: "Lato", sans-serif;
        color: white;
        font-size: 30px;
        font-weight: 300;
        padding-bottom: 10px;
    } */
    .content-padding {
        max-width: 1300px;
    }
    .subtext {
        font-size: 22px;
    }
    .lorem {
        font-size: 22px;
    }
    .benefits-lorem {
        font-size: 20px;
    }
    .small-icon {
        width: 60px;
    }
    /* .bet-slips-image{
    width: 400px;
  } */
    .bet-slips-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        float: right;
    }
    .small-logo {
        width: 200px;
        height: 200px;
    }
}

.small-icon {
    width: 60px;
}

/* Blog Page style start */

.blog {
    background-color: #f5f5f5;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
}

.post-template {
    background-color: #f5f5f5;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
}

.anton-regular {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    /* color: inherit; */
}

.material-icon {
    font-family: "Material Icons" !important;
    font-weight: lighter !important;
    /* color: inherit; */
}
.lato-regular {
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    /* color: inherit; */
}

.tipfinder {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.09;
    letter-spacing: -0.44px;
}
.tipfinder-console {
    font-family: "Poppins", sans-serif !important;
    /* font-stretch: normal; */
    font-weight: 400 !important;
    font-style: italic !important;
    /* font-style: normal; */
    letter-spacing: -0.44px;
}

.lato-font * {
    font-family: "Lato", sans-serif;
}

.standard-shadow {
    filter: drop-shadow(0px 1px 1px black);
}

.currency-xsm {
    font-size: 75% !important;
    vertical-align: 30% !important;
    letter-spacing: -0.4em !important;
    color: inherit !important;
}

.currency-sm {
    font-size: 50% !important;
    vertical-align: 80% !important;
    letter-spacing: -0.4em !important;
    color: inherit !important;
}

.currency-md {
    font-size: 50% !important;
    vertical-align: 50% !important;
    letter-spacing: -0.4em !important;
    color: inherit !important;
}
.currency-smd {
    font-size: 50% !important;
    vertical-align: 40% !important;
    letter-spacing: -0.4em !important;
    color: inherit !important;
}

@keyframes shine {
    0% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.25);
    }

    100% {
        filter: brightness(1);
    }
}

.SocialProof {
    display: none !important;
}
.SocialProof a {
    display: none !important;
}