/*****Top Pick Theme****/
.default-wizard-top-pick {
    border: 2px solid #EF5B4E;
    .rec-plan-title

{
    background: linear-gradient(180deg, #FF857B 0%, #EF5B4E 100%);
    border-radius: 10px 10px 0px 0px;
}

.rec-choose-plan-button {
    background: #EF5B4E;
}

    .rec-choose-plan-button:hover {
        background: #f77064;
    }

.recommended-plans-content {
    position: relative;
    top: -1px;
}

    .recommended-plans-content:before {
        content: "";
        background: url(../images/top-pick-left-top-bg.svg) no-repeat -1px -1px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 78px;
        height: 208px;
    }

.recommended-plans-content {
    background: url(../images/top-pick-right-top-bg.svg) no-repeat right -1px, radial-gradient(508.9% 75.48% at 50% 27.64%, #FFF 91.07%, #FEE4E2 100%);
    border-radius: 0px 0px 10px 10px;
}

    .recommended-plans-content:after {
        content: "";
        background: url(../images/pointing-wizard-mascot.png) no-repeat 0px 0px;
        position: absolute;
        top: 10px;
        right: -1px;
        width: 131px;
        height: 118px;
    }

.rec-plan-name {
    position: relative;
    z-index: 1;
}

}

@media only screen and (max-width: 767px) {
    .default-wizard-top-pick {
        .recommended-plans-content:after

{
    background-size: 98px;
    width: 100px;
    height: 88px;
}

.recommended-plans-content {
    background-size: 75px;
}

    .recommended-plans-content:before {
        background-size: 75px;
        height: 181px;
        width: 70px;
    }

    .recommended-plans-content:after {
        top: 43px;
    }

}
}
/*****End Top Pick Theme****/


/************************/
/*****Halloween Theme****/
/************************/
.halloween-theme:before {
    content: "";
    background: url(../images/halloween-bats.png) no-repeat 0px 0px;
    position: absolute;
    top: 42px;
    left: -3px;
    width: 131px;
    height: 118px;
    z-index: 5;
}

.halloween-theme {
    border: 2px solid #EF5B4E;
    position: relative;
    .rec-plan-title

{
    background: linear-gradient(180deg, #FF857B 0%, #EF5B4E 100%);
    border-radius: 10px 10px 0px 0px;
}

.rec-choose-plan-button {
    background: #EF5B4E;
}

    .rec-choose-plan-button:hover {
        background: #f77064;
    }

.recommended-plans-content {
    position: relative;
    top: -1px;
}

    .recommended-plans-content:before {
        content: "";
        background: url(../images/top-pick-left-top-bg.svg) no-repeat -1px -1px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 78px;
        height: 208px;
    }

.recommended-plans-content {
    background: url(../images/top-pick-right-top-bg.svg) no-repeat right -1px, radial-gradient(508.9% 75.48% at 50% 27.64%, #FFF 91.07%, #FEE4E2 100%);
    border-radius: 0px 0px 10px 10px;
}

    .recommended-plans-content:after {
        content: "";
        background: url(../images/halloween-wizard-mascot.png) no-repeat 0px 0px;
        position: absolute;
        top: 10px;
        right: -1px;
        width: 131px;
        height: 118px;
    }

.rec-plan-name {
    position: relative;
    z-index: 1;
}

}

@media only screen and (max-width: 767px) {
    .halloween-theme:before {
        top: 66px;
        left: -2px;
        width: 87px;
        height: 76px;
        background-size: 85px;
    }

    .halloween-theme {
        .recommended-plans-content:after

{
    background-size: 98px;
    width: 100px;
    height: 88px;
}

.recommended-plans-content {
    background-size: 75px;
}

    .recommended-plans-content:before {
        background-size: 75px;
        height: 181px;
        width: 70px;
    }

    .recommended-plans-content:after {
        top: 43px;
    }

}
}

/*****End Halloween Theme****/



/************************/
/*****Thanks giving Theme Nov ****/
/************************/
.thanksgiving-theme:before {
    content: "";
    background: url(../images/autumn-leaves-desktop-nov.png) no-repeat 0px 0px;
    position: absolute;
    top: 42px;
    left: -3px;
    width: 131px;
    height: 118px;
    z-index: 5;
}

.thanksgiving-theme {
    border: 2px solid #EF5B4E;
    position: relative;
    .rec-plan-title

{
    background: linear-gradient(180deg, #FF857B 0%, #EF5B4E 100%);
    border-radius: 10px 10px 0px 0px;
}

.rec-choose-plan-button {
    background: #EF5B4E;
}

    .rec-choose-plan-button:hover {
        background: #f77064;
    }

.recommended-plans-content {
    position: relative;
    top: -1px;
}

    .recommended-plans-content:before {
        content: "";
        background: url(../images/top-pick-left-top-bg.svg) no-repeat -1px -1px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 78px;
        height: 208px;
    }

.recommended-plans-content {
    background: url(../images/top-pick-right-top-bg.svg) no-repeat right -1px, radial-gradient(508.9% 75.48% at 50% 27.64%, #FFF 91.07%, #FEE4E2 100%);
    border-radius: 0px 0px 10px 10px;
}

    .recommended-plans-content:after {
        content: "";
        background: url(../images/autumn-wizard-mascot-nov.png) no-repeat 0px 0px;
        position: absolute;
        top: 10px;
        right: -1px;
        width: 131px;
        height: 118px;
    }

.rec-plan-name {
    position: relative;
    z-index: 1;
}

}

@media only screen and (max-width: 767px) {
    .thanksgiving-theme:before {
        top: 66px;
        left: -2px;
        width: 87px;
        height: 76px;
        background-size: 85px;
        display: none
    }

    .thanksgiving-theme {
        .recommended-plans-content:after

{
    width: 47px;
    height: 71px;
    background: url(../images/autumn-wizard-mascot-nov-mob.svg) no-repeat 0px 0px;
}

.recommended-plans-content {
    background-size: 65px;
}

    .recommended-plans-content:before {
        background-size: 100%;
        height: 160px;
        width: 65px;
        background-position: 0px -1px;
    }

    .recommended-plans-content:after {
        top: 48px;
        right: -10px;
        height: 78px;
        width: 50px;
    }

}
}

/*****End Thanks giving Theme Nov****/


/************************/
/*****Start Winter Theme  ****/
/************************/
.winter-theme:before {
    content: "";
    background: url(../images/winter-snow.png) no-repeat 0px 0px;
    position: absolute;
    top: 21px;
    left: 0px;
    width: 108px;
    height: 145px;
    z-index: 5;
}

.winter-theme {
    border: 2px solid #EF5B4E;
    position: relative;
    .rec-plan-title

{
    background: linear-gradient(180deg, #FF857B 0%, #EF5B4E 100%);
    border-radius: 10px 10px 0px 0px;
}

.rec-choose-plan-button {
    background: #EF5B4E;
}

    .rec-choose-plan-button:hover {
        background: #f77064;
    }

.recommended-plans-content {
    position: relative;
    top: -1px;
}

    .recommended-plans-content:before {
        content: "";
        background: url(../images/top-pick-left-top-bg.svg) no-repeat -1px -1px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 78px;
        height: 208px;
    }

.recommended-plans-content {
    background: url(../images/top-pick-right-top-bg.svg) no-repeat right -1px, radial-gradient(508.9% 75.48% at 50% 27.64%, #FFF 91.07%, #FEE4E2 100%);
    border-radius: 0px 0px 10px 10px;
}

    .recommended-plans-content:after {
        content: "";
        background: url(../images/winter-snow-santa.png) no-repeat 0px 0px;
        position: absolute;
        top: 10px;
        right: -4px;
        width: 139px;
        height: 153px;
    }

.rec-plan-name {
    position: relative;
    z-index: 1;
}

}

@media only screen and (max-width: 767px) {
    .winter-theme:before {
        top: 66px;
        left: -2px;
        width: 87px;
        height: 76px;
        background-size: 85px;
        display: none
    }

    .winter-theme {
        .recommended-plans-content:after

{
    width: 47px;
    height: 71px;
    background: url(../images/autumn-wizard-mascot-nov-mob.svg) no-repeat 0px 0px;
}

.recommended-plans-content {
    background-size: 65px;
}

    .recommended-plans-content:before {
        background-size: 100%;
        height: 160px;
        width: 65px;
        background-position: 0px -1px;
    }

    .recommended-plans-content:after {
        top: 48px;
        right: -10px;
        height: 78px;
        width: 50px;
    }

}
}

/*****End Winter Theme****/



/************************/
/*****Start Patrick's Theme  ****/
/************************/
.patrick-theme:before {
    content: "";
    background: url(../images/patty-elements.svg) no-repeat -11px 0px;
    position: absolute;
    top: 49px;
    left: 0px;
    width: 108px;
    height: 155px;
    z-index: 5;
}

.patrick-theme {
    border: 2px solid #EF5B4E;
    position: relative;
    .rec-plan-title

{
    background: linear-gradient(180deg, #FF857B 0%, #EF5B4E 100%);
    border-radius: 10px 10px 0px 0px;
}

.rec-choose-plan-button {
    background: #EF5B4E;
}

    .rec-choose-plan-button:hover {
        background: #f77064;
    }

.recommended-plans-content {
    position: relative;
    top: -1px;
}

    .recommended-plans-content:before {
        content: "";
        background: url(../images/top-pick-left-top-bg.svg) no-repeat -1px -1px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 78px;
        height: 208px;
    }

.recommended-plans-content {
    background: url(../images/top-pick-right-top-bg.svg) no-repeat right -1px, radial-gradient(508.9% 75.48% at 50% 27.64%, #FFF 91.07%, #FEE4E2 100%);
    border-radius: 0px 0px 10px 10px;
}

    .recommended-plans-content:after {
        content: "";
        background: url(../images/wizard-st-patties.svg) no-repeat 0px 0px;
        position: absolute;
        top: 12px;
        right: -1px;
        width: 135px;
        height: 162px;
    }

.rec-plan-name {
    position: relative;
    z-index: 1;
}

}



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

    .patrick-theme:before {
        top: 58px;
        width: 83px;
        height: 127px;
        background-size: 125px;
    }

    .patrick-theme {
        .recommended-plans-content:after

{
    top: 23px;
    right: -10px;
    width: 120px;
    height: 125px;
    background-size: 100%;
}

}
}


@media only screen and (max-width: 767px) {
    .patrick-theme:before {
        top: 66px;
        left: -2px;
        width: 87px;
        height: 76px;
        background-size: 85px;
        display: none
    }


    .patrick-theme {
        .recommended-plans-content:after

{
    width: 47px;
    height: 71px;
    background: url(../images/autumn-wizard-mascot-nov-mob.svg) no-repeat 0px 0px;
}

.recommended-plans-content {
    background-size: 65px;
}

    .recommended-plans-content:before {
        background-size: 100%;
        height: 160px;
        width: 65px;
        background-position: 0px -1px;
    }

    .recommended-plans-content:after {
        top: 48px;
        right: -10px;
        height: 78px;
        width: 50px;
    }

}
}

/*****End Patrick's Theme****/