/* Inline <style> blocks from the live page /lalocalflavor (winndixie.com), extracted verbatim.
   The live site ships these inside the CMS-authored HTML; this app does not render CSS from
   the CMS (see CurrentStackLegacyPagesService), so they are re-attached here per page and
   linked through DynamicPage's PageCssMap. */

.medicarelist {
    margin-left: 20px;
    list-style: disc;
}
/*Promo section Rewards*/

.mysteryhd {
    background-color: var(--wd-color-brand-red);
    height: 348px;
    text-align: center;
}

    .mysteryhd h2 {
        text-align: center;
        color: #fff;
        font-family: var(--wd-font-body);
        font-size: 2.25em;
        padding: 56px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.27;
        letter-spacing: -.37px;
        margin: 0;
    }

.mysterybg {
    height: 312px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    max-width: 100%;
    height: 180px;
}

.mysterycard {
    float: none;
    margin: 0 auto;
    margin-top: -186px;
}

    .mysterycard .col-sm-6 {
        PADDING-LEFT: 15PX;
        PADDING-RIGHT: 15PX;
    }

    .mysterycard .row {
        display: flex;
        justify-content: center;
    }

.App-rewards__section .app-reward-main {
    padding: 0 100px;
}

@media(min-width:768px) and (max-width:991px) {
    .mysterycard .row {
        margin-bottom: 20px;
    }
}

.Mystery_bonus_img {
    background-color: #56b7e6;
    height: 216px;
    text-align: center;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.Mystery_bonus {
    background: #fff;
    text-align: left;
    padding: 16px;
    min-height: 458px;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.25);
}

h3.Mystery_bonus_head {
    color: var(--wd-color-accent-purple);
    text-align: left;
    font-family: var(--wd-font-body);
    font-size: 1.375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: -.25px;
}

.Mystery_bonus_des {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -.25px;
    color: var(--wd-color-text);
    min-height: 130px;
}

a.Mystery_bonus_link {
    bottom: 28px;
    color: var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -.27px;
}

@media(max-width:1024px) and (min-width:768px) {

    .Mystery_bonus {
        min-height: 341px;
    }

    .mysteryhd {
        height: 250px;
    }

        .mysteryhd h2 {
            font-size: 1.75em;
        }

    .mysterycard {
        margin-top: -104px;
    }

    h3.Mystery_bonus_head {
        font-size: 1.125em;
    }

    .Mystery_bonus_des {
        font-size: .875em;
        min-height: 78px;
        padding-right: 16px;
    }

    .App-rewards__section .app-reward-main {
        padding: 0 50px;
    }
}

@media only screen and (max-width:767px) {
    .Mystery_bonus {
        min-height: 406px;
        margin-bottom: 24px;
    }

    .mysteryhd {
        height: 180px;
    }

        .mysteryhd h2 {
            font-size: 1.375em;
            padding: 24px 50px;
        }

    .mysterycard {
        margin-top: -78px;
    }

    h3.Mystery_bonus_head {
        font-size: 1.125em;
    }

    .Mystery_bonus_des {
        font-size: .875em;
        padding-right: 26px;
    }

    a.Mystery_bonus_link {
        font-size: .875em;
    }

    .mysterycard .row {
        display: block;
    }

    .App-rewards__section .app-reward-main {
        padding: 0 10px;
    }
}

.inline-link {color:var(--wd-color-brand-red);}
.inline-link:hover {color: var(--wd-color-brand-red); font-weight:600;}

.whywdlink {
text-decoration: underline;
color: var(--wd-color-brand-red);
}

.whywdlink:hover {
text-decoration: underline;
font-weight:600;
color: var(--wd-color-brand-red);
}

.medicarelist {
  margin-left:20px;
  list-style:disc;
}
h2 {
    color: var(--wd-color-text);
    font-size: 1.375em;}

p {color:var(--wd-color-text);}

<!-- Promo section - Rewards --!>

.container-fluid {
    max-width: 100%;
    width: 100%;
    background-color: #fff;
}



.container-fluid {
    background-color: #fff;
    max-width: 100%;
}

.cat-warp {
    align-items: center;
    display: block;
}



    .mysteryhd h2 {
        text-align: center;
        color: #fff;
        font-family: var(--wd-font-body);
        font-size: 2.25em;
        padding: 56px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.27;
        letter-spacing: -.37px;
        margin: 0;
    }

.mysterybg {
    height: 312px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    max-width: 100%;
    height: 180px;
}

.mysterycard {
    float: none;
    margin: 0 auto;
    margin-top: -186px;
}

    .mysterycard .col-sm-6 {
        PADDING-LEFT: 15PX;
        PADDING-RIGHT: 15PX;
    }

    .mysterycard .row {
        display: flex;
        justify-content: center;
    }

@media(min-width:768px) and (max-width:991px) {
    .mysterycard .row {
        margin-bottom: 20px;
    }
}

.Mystery_bonus_img {
    height: 216px;
    text-align: center;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .Mystery_bonus_img img {
        width: auto;
        margin: 0 auto;
    }

.Mystery_bonus {
    background: #fff;
    text-align: left;
    padding: 16px;
    min-height: 458px;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.25);
}

h3.Mystery_bonus_head {
    color: var(--wd-color-text) !important;
    text-align: left;
    font-family: var(--wd-font-body);
    font-size: 1.375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: -.25px;
}

.Mystery_bonus_des {
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -.25px;
    color: var(--wd-color-text);
    min-height: 130px;
}

a.Mystery_bonus_link {
    bottom: 28px;
    color: var(--wd-color-brand-red);
    font-family: var(--wd-font-body);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -.27px;
}

@media(max-width:1024px) and (min-width:768px) {


    .Mystery_bonus {
        min-height: 341px;
    }

    .mysteryhd {
        height: 250px;
    }

        .mysteryhd h2 {
            font-size: 1.75em;
        }

    .mysterycard {
        margin-top: -104px;
    }

    h3.Mystery_bonus_head {
        font-size: 1.125em;
    }

    .Mystery_bonus_des {
        font-size: .875em;
        min-height: 78px;
        padding-right: 16px;
    }

    .Mystery_bonus_img {
        height: 155px;
        padding: 0px;
    }

        .Mystery_bonus_img img {
            max-height: 116px;
   
        }
}

@media only screen and (max-width:767px) {
    .Mystery_bonus {
        min-height: 406px;
        margin-bottom: 24px;
    }

    .mysteryhd {
        height: 180px;
    }

        .mysteryhd h2 {
            font-size: 1.375em;
            padding: 24px 50px;
        }

    .mysterycard {
        margin-top: -78px;
    }

    h3.Mystery_bonus_head {
        font-size: 1.125em;
    }

    .Mystery_bonus_des {
        font-size: .875em;
        padding-right: 26px;
    }

    a.Mystery_bonus_link {
        font-size: .875em;
    }

    

        .Mystery_bonus_img img {
     width:100%;
        }

    .mysterycard .row {
        display: block;
    }
}
@media (min-width: 991px) {
.Mystery-appSection {
    flex-direction: row-reverse;
    display: flex;
}}


@media (min-width: 1200px) {
.container.bg_white {
    max-width: 1170px;
}}

@media (min-width: 992) {
.container.bg_white {
    max-width: 970px;
}}

@media (min-width: 768) {
.container.bg_white {
    max-width: 750px;
}}

@media (min-width: 1200px) {
.container.bg_white {
    max-width: 1170px;
}}





.Mystery-appSection .App-image .Device-app{width:100%;}.Mystery-appSection .Mystery-heading{/* margin-left: 35px; */}.Mystery-appSection .Mystery-heading h2{font-family: var(--wd-font-body);font-size:2.25em;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.59px;padding:42px;color:var(--wd-color-accent-purple);padding-bottom:12px;}.Mystery-appSection .Mystery-heading p{padding-left:42px;font-family: var(--wd-font-body);font-size:1.125em;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.22px;color:var(--wd-color-text);width:85%;}.Mystery-appSection .Mystery-heading p .seperater-icon{position:relative;top:-6px;left:2px;}.Mystery-appSection .Mystery-heading .Btn-section{/* display:flex; *//* padding:42px; */}.Mystery-appSection .Mystery-heading .Btn-section .Btn-download{padding-right:10px;}.Mystery-appSection .Mystery-heading .Btn-section .Btn-get{padding-left:10px;}.Mystery-appSection .Mystery-heading .mystery-applink{padding-bottom:32px;}.Mystery-appSection .Mystery-heading .mystery-applink .mystery-appdescr{font-family: var(--wd-font-body);font-size:1em;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.27px;color:var(--wd-color-text);padding-bottom:0;}.Mystery-appSection .Mystery-heading .mystery-applink .mystery-applogin{color:var(--wd-color-brand-red);cursor:pointer;text-decoration:underline;}.mystery-chart-main .MysteryBonusChart{background-image:url(/-/media/Media/Accordion/mysterybonusFAQ.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding:32px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head{text-align:center;background-color:#fff;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head h2{font-family: var(--wd-font-body);font-size:2.25em;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.59px;text-align:center;color:var(--wd-color-accent-purple);}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head p{width:54%;margin:auto;font-family: var(--wd-font-body);font-size:1.125em;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.22px;text-align:center;padding-top:10px;padding-bottom:20px;color:var(--wd-color-text);}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart{background-color:var(--wd-color-accent-purple);display:inline-block;padding:0;width:230px;height:65px;border-radius:12px;margin-bottom:50px;margin-top:10px;position:relative;z-index:1;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart p{color:#fff;font-family: var(--wd-font-body);font-size:2.4em;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.44px;text-align:center;display:inline;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart .pts-Span{font-size:3.3rem !important;letter-spacing:-.6px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart{background-color:var(--wd-color-accent-purple);display:inline-block;padding:15px;width:230px;height:90px;border-radius:12px;margin-bottom:32px;margin-top:85px;position:relative;z-index:1;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart p{color:#fff;font-family: var(--wd-font-body);font-size:2.4em;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.44px;text-align:center;display:inline;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .pts-Value{font-size:3.3rem !important;letter-spacing:-.6px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .offer-tagimg{width:75px;border-radius:70% 58% 50% 50%;display:inline-block;position:absolute;height:70px;top:-55px;left:75px;background-color:#fedb00;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .offer-tagimg img{margin:2px;padding-left:15px;padding-right:15px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries{width:193px;height:31px;background-color:#fedb00;position:absolute;border-radius:9px;top:-15px;left:20px;right:20px;text-align:center;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries p{font-family: var(--wd-font-body);font-size:1.0875em;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.37;letter-spacing:-.2px;text-align:center;color:var(--wd-color-accent-purple);vertical-align:sub;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img{display:table;margin:0 auto;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{position:absolute;height:113px;width:150px;top:-65px;left:50%;z-index:0;display:none;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:before,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:before{position:absolute;content:'';height:50px;width:130px;border:var(--wd-color-accent-purple) solid 2.4px;left:20px;top:0;border-top:0;border-left:0;border-radius:0 0 15px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:after,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:after{position:absolute;content:'';height:50px;width:130px;bottom:15px;border:var(--wd-color-accent-purple) solid 2.4px;left:0;border-bottom:0;border-right:0;border-radius:15px 0 0;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{transform:scaleY(-1);top:auto;bottom:-65px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-top{transform:scaleY(-1);left:-84px;top:-83px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-bottom{transform:scale(-1);left:-84px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-mid{position:absolute;height:215px;width:2.4px;top:-60px;z-index:0;left:46%;background-color:var(--wd-color-accent-purple);display:none;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .offerActive .angle-top,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .offerActive .angle-bottom,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .offerActive .angle-mid{display:block;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .offerActive .img-responsive{position:relative;}.rewards__section .get-reward-main h2{color:var(--wd-color-accent-purple);}.rewards__section .get-reward-main .get-reward-content-main .get-reward-join .btn-Join-Rewards-section{margin-bottom:25px;}.rewards__section .get-reward-main .get-reward-content-main ul{color:var(--wd-color-text);}.container_faq .faq .card-header .btn-link{line-height:1.22 !important;}.rewards__section .get-reward-main.logged-in .get-reward-content-main{padding:0;padding-bottom:20px;}.get-reward-content-main{padding:13px !important;padding-bottom:20px !important;}@media(min-width:991px){.Mystery-appSection{flex-direction:row-reverse;display:flex;}}@media(min-width:768px) and (max-width:991px){.Mystery-appSection{flex-direction:row-reverse;display:flex;}.Mystery-appSection .Mystery-heading{padding:10px 15px 0 20px;margin-left:0;margin-bottom:0;}.Mystery-appSection .Mystery-heading h2{font-size:1.375em;padding:0;}.Mystery-appSection .Mystery-heading p{padding-top:16px;padding-bottom:32px;padding-left:0;width:100%;}.Mystery-appSection .Mystery-heading .Btn-section{padding:0;padding-bottom:24px;}.Mystery-appSection .Mystery-heading .Btn-section .Btn-download{padding-right:10px;}.Mystery-appSection .Mystery-heading .Btn-section .Btn-get{padding-left:10px;}.Mystery-appSection .Mystery-heading .mystery-applink{padding-bottom:32px;}.Mystery-appSection .Mystery-heading .mystery-applink .mystery-appdescr{display:grid;}.mystery-chart-main .MysteryBonusChart{padding:22px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head h2{font-size:1.375em;line-height:1.36;letter-spacing:-.31px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head p{width:100%;font-size:.875em;line-height:1.43;letter-spacing:-.23px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart{padding:7px;width:174px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart p{font-size:2em;letter-spacing:-.36px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart .pts-Span{font-size:2.75rem !important;letter-spacing:-.5px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart{width:178px;height:80px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart p{font-size:2em;letter-spacing:-.36px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .pts-Value{font-size:2.75rem !important;letter-spacing:-.5px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .offer-tagimg{border-radius:94% 67% 50% 50%;height:62px;top:-54px;left:50px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries{width:161px;height:25px;left:9px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries p{font-size:.90625em;letter-spacing:-.2px;}}@media(min-width:100px) and (max-width:767px){.Mystery-appSection{display:block;margin-bottom:35px;}.Mystery-appSection .Mystery-heading{padding:0 15px 0 15px;margin-left:0;margin-bottom:0;}.Mystery-appSection .Mystery-heading h2{line-height:1.23;letter-spacing:-.43px;text-align:center;padding:10px;}.Mystery-appSection .Mystery-heading p{text-align:center;padding-bottom:32px;padding-left:0;width:100%;}.Mystery-appSection .Mystery-heading .Btn-section{display:flex;padding:7px 9px 6px;}.Mystery-appSection .Mystery-heading .Btn-section .Btn-download{padding-right:10px;width:auto;margin:auto;}.Mystery-appSection .Mystery-heading .Btn-section .Btn-get{padding-left:10px;width:auto;margin:auto;}.Mystery-appSection .Mystery-heading .mystery-applink{padding:25px;padding-bottom:0 !important;}.Mystery-appSection .Mystery-heading .mystery-applink .mystery-applogin{display:flex;justify-content:center;}.mystery-chart-main .MysteryBonusChart{padding-top:32px !important;padding-bottom:32px !important;padding:0;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head h2{font-size:1.625em;line-height:1.23;letter-spacing:-.43px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head p{width:100%;font-size:.875em;line-height:1.23;letter-spacing:-.43px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart{padding:7px;width:174px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart p{font-size:2em;letter-spacing:-.36px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryBonusChart .pts-Span{font-size:2.75rem !important;letter-spacing:-.5px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart{width:178px;height:80px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart p{font-size:2em;letter-spacing:-.36px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .pts-Value{font-size:2.75rem !important;letter-spacing:-.5px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .offer-tagimg{border-radius:94% 67% 50% 50%;height:62px;top:-54px;left:50px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries{width:161px;height:25px;left:9px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .btn-MysteryChart .btn-offergroceries p{font-size:.90625em;letter-spacing:-.2px;}}@media(min-width:992px) and (max-width:1199px){.Mystery-appSection .Mystery-heading{margin-left:0;margin-bottom:0;padding:0 15px;}.Mystery-appSection .Mystery-heading h2{padding:15px;}.Mystery-appSection .Mystery-heading p{padding-left:20px;padding-bottom:15px;width:97%;}.Mystery-appSection .Mystery-heading .Btn-section{padding:15px;}.Mystery-appSection .Mystery-heading .mystery-applink{padding-top:15px;}}@media(min-width:100px) and (max-width:400px){.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:before,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:before{width:90px;left:30px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:after,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:after{width:90px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{bottom:-63px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-top{left:-63px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-bottom{left:-90px;}}@media(min-width:600px) and (max-height:860px){.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:before,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:before{width:120px;left:40px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:after,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:after{width:120px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{bottom:-63px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-top{left:-83px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-bottom{left:-71px;}}@media(min-width:320px) and (max-height:568px){.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:before,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:before{width:73px;left:28px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:after,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:after{width:73px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{bottom:-63px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-top{left:-50px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-bottom{left:-99px;}}@media(min-width:400px) and (max-width:539px){.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:before,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:before{width:90px;left:40px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-top:after,.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom:after{width:90px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .angle-bottom{bottom:-63px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-top{left:-69px;}.mystery-chart-main .MysteryBonusChart .MysteryBonusChart-head .MysteryBonusChart-img .flip-bottom{left:-87px;}}@media(min-width:100px) and (max-width:767px){.rewards__section .get-reward-main .get-reward-main-img img{width:auto;margin:auto;}}

.MysteryBonusSlider .Slider-head h2 {color: var(--wd-color-text);}

.about__rewards .mysterycard{
display: flex;
    justify-content: center;
}

.mysteryhd h4{
color:#fff !important;
font-weight:400;
padding-left: 25px;
padding-right:25px;
}

    .mysteryhd h2 {
        text-align: center;
        color: #fff;
        font-family: var(--wd-font-body);
        font-size: 2.25em;
        padding: 56px 0px 0px 0px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: -.37px;
        margin: 0;
        padding-bottom: 12px;
    }



section.cat-sec.container-fluid {
    margin-top: 0px;
    margin-bottom: 64px;
}

@media (max-width: 1024px) and (min-width: 768px){
.mysteryhd {height:277px!important;}
}

@media (max-width: 767px) {
    .mysteryhd h3{ font-size:14px;}
.mysteryhd h2 {line-height:.75;}

.mysteryhd {height:300px!important}
}
.mysteryhd {
height: 368px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align:center;
background-color: var(--wd-color-brand-red);
}
