﻿.portinoffer-badge {
    position: absolute;
    left: 10%;
    top: -13px;
    width: 32%;
}

margin-bottom-s.borderRadius {
    border-radius:20%;
}

.Title1Padding10GB {
    padding-right:0.2vw;
}

.imageWrapper_april {
    height: 100%;
    
}

.WrapperMain {
    font-size: 1.4vw;
    font-weight: 700;
    padding: 2.4vw 1.8vw;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: white;
}

.Price{
    font-size:2vw;
    color: #ec438f;
}

.Cent{
    font-size: 1.6vw;
    color: #ec438f;
}

.Month{
    font-size: 1.4vw;
    color: #ec438f;
}

.remark1label{
    font-size: 1.7vw;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 1.5vw;
}

.plan-text-bg {
    display: inline-block;
    color: #FFFFFF;
    padding: 0 12px;
    line-height: 130%;
    font-weight: 700;
}

.datalabel_274 {
    /* font-size: 2.4vw; */
    /* font-size: 42px; */
    /* font-size: 3em;
    font-weight: 700; */
    /* line-height: 62px; */
    color: #ED1285;
    text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;    font-family: Poppins;
    font-size: 45px;
    font-weight: 800;
    text-align: center;
    line-height: 52px;
    letter-spacing: 2px;
}

.imageWrapper_april-box{
    height: 25%; 
    margin: 0 3%;
}

.PlanDashboardWrapper_april{
    height: 100%;
    position: relative;
}

.NetworkTag_april{
    background: black;
    position: absolute;
    top: 2.6vw;
    right: -3.3vw;
    transform: rotate(90deg);
    width: 8.35vw;
    text-align: center;
    padding: 0.5vw;
}

.DataPrice-MiddleText_april_274 {
    line-height: 130%;
    font-weight: 700;
    font-size: 16px;
}

.PlanRemarks1_april{
    background-color: #EC2D85;
    color: white;
    font-weight: 700;
    padding-top: 3vw;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
    
.PlanRemarks2_april{
    text-align: left;
    font-weight: 700;
    line-height: 20px;
}
    
.PlanRemarks4_april{
    text-align: left;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 16px;
}

.PlanRemarks7_aug{
    text-align: left;
    font-weight: 700;
    line-height: 21px;
    height: 42px;
}

.PlanText1_april{
    font-weight: 600;
    font-size: 1vw;
    line-height: 1.1vw;
}

.PlanText2_april{
    font-weight: 700;
    font-size: 2vw;
    line-height: 0.9em;
    letter-spacing: 0.02em;
}

.TopPicks_april{
    position: absolute;
    left: 12%;
    top: -15px;
    width: 30%;
}

.BestDeal_april{
    position: absolute;
    left: -7.3%;
    top: -6%;
    width: 34%;
}

.BestDeal_aprilLimited {
    position: absolute;
    left: -4%;
    top: -2%;
    width: 46%;
}

.Best5GDeal {
    position: absolute;
    top: -1.8%;
    left: 1%;
    width: 33%;
}

.AutoUpsize_Large {
    position: absolute;
    left: 0%;
    top: -4%;
    width: 20%;
}

.fiveG-badge {
    position: absolute;
    top: 0.8vw;
    right: 0.4vw;
    width: 20%;
}

.esim5g-badge {
    position: absolute;
    top: -0.6vw;
    right: 0.6vw;
    width: 33%;
}
.has-border-right {
    border-right:  solid 1px;
    line-height: 15px;
}

.button_wrapper {
    margin-top: var(--space-m);
}

.signup-btn.Button{
    font-size: 14px;
    border-radius: 19px;
}

@media only screen and (min-width: 1280px) {
    .WrapperMain {
        font-size: 18px;
        padding: 32px 20px;
    }

    .datalabel_274 {
        font-size: 45px;
    }
    
    .remark1label{
        font-size: 22px;
        line-height: 46px;
        padding-bottom: 15px;
        margin-top: -5px;
    }

    .Price {
        font-size: 30px;
        color: #ec438f;
    }

    .Cent {
        font-size: 20px;
        color: #ec438f;
    }

    .Month {
        font-size: 18px;
        color: #ec438f;
    }

    .DataPrice-MiddleText_april_274 {
        line-height: 1em;
        font-size: 16px;
    }

    .PlanText1_april{
        font-size: 18px;
    }

    .PlanRemarks1_april{
        line-height: 32px;
        padding-top: 40px;
    }

    .PlanRemarks2_april{
        line-height: 26px;
    }

    .PlanRemarks4_april{
        font-size: 15px;
        line-height: 20px;
    }

    .sidetext1{
        font-size:11px;
    }

    .sidetext2{
        font-size:14px;
    }

    .NetworkTag_april{
        background: black;
        position: absolute;
        top: 35px;
        right: -43px;
        transform: rotate(90deg);
        width: 110px;
        text-align: center;
        line-height:14px;
        font-weight: 500;
        text-shadow: 0 0 1px white;
        padding:6px;
    }

    .signup-btn {
        min-height: 38px;
    }
}

@media only screen and (max-width: 1100px) {
    .NetworkTag_april {
        top: 2.5vw;
        right: -3.1vw;
        width: 8.1vw;
    }
}

@media only screen and (max-width: 1000px) {
    .signup-btn {
        max-height: 36px;
    }
    
    .button_wrapper {
        margin-top: var(--space-base);
    }

    .signup-btn.Button {
        font-size: 12px;
    }
}

@media only screen and (max-width: 850px) {
    .WrapperMain {
        padding: 2vw 1.5vw;
    }

    .PlanRemarks2_april {
        line-height: 14px;
    }

    .PlanRemarks4_april {
        line-height: 12px;
    }

    .button_wrapper {
        margin-top: var(--space-base);
    }

    .signup-btn.Button {
        font-size: 11px;
    }
}