.image_frame{

    width: 80px;

}

.plan_content{

    padding: 3% 8%;

    border: 1px solid rgb(200,200,200);

    margin-top: calc(38px + 5%);

    position: relative;

}

.plan_title, .plan_price{

    font-weight: bold;

}

.plan_title{

    font-size: 1.375rem;

}

.plan_price{

    color: rgb(0,122,192);

    font-size: 1.875rem;

}

.plan_detail ul{

    margin-top: 8%;

    margin-bottom: 8%;

}

.plan_detail ul li{

    margin-bottom: 1%;

}

.plan_detail, .plan_btn{

    font-size: .95rem;

}

.detail_link{

    font-weight: bold;

    color: rgb(0,0,0);

    text-decoration: none;

}

.detail_link:hover{

    color: rgb(0,122,192);

    text-decoration: underline;

}

#basic_plan ul{

    list-style-type: none;

    padding-left: 0;

}

#premium_plan{

    overflow: hidden;

}

#premium_plan ul{

    list-style: none;

    padding-left: 0;

}

#premium_plan ul li::before{

    content: '\f058';

    font: var(--fa-font-regular);

    padding-right: 1rem;

    background-image: linear-gradient(90deg, transparent 0%, rgb(0,122,192) 50%);

    background-size: 100%;

    background-clip: text;

    -webkit-background-clip: text;

    -moz-background-clip: text;

    -webkit-text-fill-color: transparent; 

    -moz-text-fill-color: transparent;

}

.symbol{

    font-size: 1.25rem;

}

#curent_plan{

    background-color: rgb(0,122,192);

    color: rgb(255,255,255);

    font-weight: bold;

    font-size: 1.25rem;

    position: absolute;

    bottom: 100%;

    left: -1px;

    width: calc(100% + 2px);

    border-top-left-radius: 1rem;

    border-top-right-radius: 1rem;

    padding: .25rem 1rem;

    text-align: center;

}

.best_value_sticker{

    position: absolute;

    right: 0;

    top: 3%;

}

.best_value_sticker .label_content{

    padding: .125rem .5rem;

    font-size: .9rem;

    background: repeating-linear-gradient(90deg, rgb(249,205,45), rgb(236,126,63), rgb(216,82,25));

    background-size: 200%;

    background-repeat: repeat;

    color: rgb(255,255,255);

    display: inline-block;

    font-weight: bold;

    animation: atsticker 2s infinite linear backwards;

}

@keyframes atsticker {

    0% {

		background-position: 0% 50%;

	}

    50%{

        background-position: 100% 50%;

    }

	100% {

		background-position: 0% 50%;

	}

}

.label_content{

    position: relative;

}

.label_content::after{

    content: '';

    position: absolute;

    height: .375rem;

    width: 100%;

    top: 100%;

    left: 7px;

    transform: skew(65deg);

    background-image: linear-gradient(90deg);

    background-image: linear-gradient(90deg, rgb(95,56,50) 0%, rgb(216,82,25) 25%,rgb(235,124,28) 60%, rgb(246,195,31) 90%);

}

@media(min-width: 768px){

    .best_value_sticker{

        display: none;

    }

}

@media(min-width: 992px){

    .best_value_sticker{

        display: block;

    }

}

@media(min-width: 1400px){

    .best_value_sticker .label_content{

        padding: .25rem 1rem;

        font-size: 1rem;

    }

    .best_value_sticker{

        top: 8%;

    }

}