.HidPlanCardWrapper {
    position: relative;   
    background-color: #EC2D85;
    padding: 5px;
    max-width:400px;
    min-width:350px;
}

.HidPlanCard-TopContentWrapper {
    background-color: #FFF;   
    padding: 1.5em;
}

.HidPlanCard-BottomContentWrapper {
    background-color: transparent;   
    color: #FFF;
    display: block;
    padding: 5px;
    font-weight: 600;
    min-height: 178px;
}

.HidPlanCard-BadgeWrapper{
    position: absolute;
    right: -8%;
    top: -5%;
    width: 8vw;
    max-width: 100px;
}

.HidPlanCard-DataWrapper {
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0.3em;
    display: flex;
}

.HidPlanCard-DataRemarksWrapper {
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    margin-left: 0.3em;
    display: flex;
    align-items: flex-end;
}

.HidPlanCard-PlanDetailsWrapper {
    display: flex;
    font-weight: 550;
    margin-top: 0.5em;
    font-size: 18px;
}

.HidPlanCard-IconWrapper {
    color: #EC2D85;   
    margin-right: 5px;
}

.HidPlanCard-PriceWrapper {
    color: #EC2D85;
    font-weight: bold;
    font-size: 42px;
    line-height: 36px;
    margin-top: 0.5em;
}

.HidPlanCard-PriceSuffix {
    font-size: 16px;
}

.HidPlanCard-PriceRemarksWrapper {
    font-size: 18px;
    font-weight: 600;   
}

.HidPlanCard-PromoCodeWrapper {
    font-weight: bold;   
    font-size: 42px;
    line-height: 40px;
}

.HidPlanCard-PromoCodeRemarks {
    font-size: 18px;   
}

@media only screen and (max-width: 1000px) {
    .HidPlanCard-DataWrapper {
        font-size: 5vw;
        line-height: 5vw;
    }
    
    .HidPlanCard-DataRemarksWrapper {
        font-size: 2vw;
        line-height: 3vw;
    }
    
    .HidPlanCard-PlanDetailsWrapper {
        font-size: 1.9vw;
    }
    
    .HidPlanCard-PriceRemarksWrapper {
        font-size: 1.8vw;
    }
    
    .HidPlanCard-BottomContentTitleWrapper {
        font-size: 1.5vw;   
    }
    
    .HidPlanCard-PromoCodeWrapper {
        font-weight: bold;
        font-size: 4.4vw;
        line-height: 5vw;
    }
    
    .HidPlanCard-PromoCodeRemarks {
        font-size: 1.9vw;
    }
}
    .fullyredeemed{
        background-color:#93e0e4;
        padding: 18px;
        line-height: 2em;
    }
    .fullyredeemedlabel{
         font-size: 2.2em;
    }
    .viewmorelabel{
        font-size:2.1em;
    }
    .fullyredeemedwrapper{
        transform: rotate(-23deg);
        position: absolute;
        top: 20%;
        left:3%;
        width: 93%;
    }
    .blurbackground{
        opacity:0.5;
       
    }
@media only screen and (max-width: 800px) {
    .fullyredeemedwrapper{
        transform: rotate(-20deg);
        top: 21%;
        left: 4%;
        left: 4%;
    }
    .fullyredeemedlabel{
        font-size:7vw;
    }
    .viewmorelabel{
        font-size: 6vw;
    }
    .HidPlanCard-BottomContentWrapper {
        padding: 4% 0;
        min-width: 90vw;
        
    }
    
    .HidPlanCard-BadgeWrapper {
        right: -2%;
        top: -4.5%;
        width: unset;
        max-width: 100px;        
    }
    
    .HidPlanCard-DataWrapper {
        font-size: 8.5vw;
        line-height: 9vw;
    }
    
    .HidPlanCard-DataRemarksWrapper {
        font-size: 3.3vw;
        line-height: 6vw;
    }
    
    .HidPlanCard-PlanDetailsWrapper {
        margin-top: 1vw;
        font-size: 5vw;
    }
    
    .HidPlanCard-PriceWrapper {
        font-size: 8vw;
        line-height: 7vw;
        margin-top: 4vw;
    }
    
    .HidPlanCard-PriceSuffix {
        font-size: 4vw;
    }
    
    .HidPlanCard-PriceRemarksWrapper {
        font-size: 4.3vw;
        margin: 2% 0;
    }
    
    .HidPlanCard-BottomContentTitleWrapper {
        font-size: 5vw;   
    }
    
    .HidPlanCard-PromoCodeWrapper {
        font-size: 9vw;
        line-height: 9vw;
        margin-bottom: 1vw;
    }
    
    .HidPlanCard-PromoCodeRemarks {
        font-size: 4.5vw;
    }
    .HidPlanCardWrapper {
    max-width:unset;
    min-width: unset;
}
}
@media (max-width: 900px) and (min-width: 1000px){
    .HidPlanCard-BottomContentWrapper{
         min-height: 195px;
    }
}