.packages {
    margin-bottom: 20px;
    position: relative;
}

.packages .specitem {
    border-radius: 4px;
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 60px rgba(40,48,59,.1);
    position: relative;
    padding-bottom: 20px
}

.packages .specitem span.icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    margin-bottom: 16px;
    transition: all .3s ease
}

.packages .specitem span.text {
    font-weight: 600;
    font-size: 18px;
    transition: all .3s ease;
    color: #66727f
}

.packages .specitem span.smalltext {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #717f8d;
    opacity: .6;
    padding: 10px 20px 0;
    text-align: center;
    line-height: 1.3
}

.packages .menus a.item {
    border-radius: 3px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

.packages .menus a.item.instagram span.icon {
    background: #de2b61
}

.packages .menus a.item.instagram span.title {
    color: #de2b61
}

.packages .menus a.item.instagram:hover,.packages .menus a.item.instagram.active {
    background: #de2b61
}

.packages .menus a.item.instagram:hover span.icon,.packages .menus a.item.instagram.active span.icon {
    background: #fff;
    color: #de2b61
}

.packages .menus a.item.instagram:hover span.title,.packages .menus a.item.instagram.active span.title {
    color: #fff
}

.packages .menus a.item.twitter span.icon {
    background: #0d7bbf
}

.packages .menus a.item.twitter span.title {
    color: #0d7bbf
}

.packages .menus a.item.twitter:hover,.packages .menus a.item.twitter.active {
    background: #0d7bbf
}

.packages .menus a.item.twitter:hover span.icon,.packages .menus a.item.twitter.active span.icon {
    background: #fff;
    color: #0d7bbf
}

.packages .menus a.item.twitter:hover span.title,.packages .menus a.item.twitter.active span.title {
    color: #fff
}

.packages .menus a.item.tiktok span.icon {
    background: #0d121f
}

.packages .menus a.item.tiktok span.title {
    color: #0d121f
}

.packages .menus a.item.tiktok:hover,.packages .menus a.item.tiktok.active {
    background: #0d121f
}

.packages .menus a.item.tiktok:hover span.icon,.packages .menus a.item.tiktok.active span.icon {
    background: #fff;
    color: #0d121f
}

.packages .menus a.item.tiktok:hover span.title,.packages .menus a.item.tiktok.active span.title {
    color: #fff
}

.packages .menus a.item.youtube span.icon {
    background: #eb0000
}

.packages .menus a.item.youtube span.title {
    color: #eb0000
}

.packages .menus a.item.youtube:hover,.packages .menus a.item.youtube.active {
    background: #eb0000
}

.packages .menus a.item.youtube:hover span.icon,.packages .menus a.item.youtube.active span.icon {
    background: #fff;
    color: #eb0000
}

.packages .menus a.item.youtube:hover span.title,.packages .menus a.item.youtube.active span.title {
    color: #fff
}

.packages .menus a.item.facebook span.icon {
    background: #1471eb
}

.packages .menus a.item.facebook span.title {
    color: #1471eb
}

.packages .menus a.item.facebook:hover,.packages .menus a.item.facebook.active {
    background: #1471eb
}

.packages .menus a.item.facebook:hover span.icon,.packages .menus a.item.facebook.active span.icon {
    background: #fff;
    color: #1471eb
}

.packages .menus a.item.facebook:hover span.title,.packages .menus a.item.facebook.active span.title {
    color: #fff
}

.packages .menus a.item.spotify span.icon {
    background: #11883c
}

.packages .menus a.item.spotify span.title {
    color: #11883c
}

.packages .menus a.item.spotify:hover,.packages .menus a.item.spotify.active {
    background: #11883c
}

.packages .menus a.item.spotify:hover span.icon,.packages .menus a.item.spotify.active span.icon {
    background: #fff;
    color: #11883c
}

.packages .menus a.item.spotify:hover span.title,.packages .menus a.item.spotify.active span.title {
    color: #fff
}

.packages .menus a.item.telegram span.icon {
    background: #34a6d8
}

.packages .menus a.item.telegram span.title {
    color: #34a6d8
}

.packages .menus a.item.telegram:hover,.packages .menus a.item.telegram.active {
    background: #34a6d8
}

.packages .menus a.item.telegram:hover span.icon,.packages .menus a.item.telegram.active span.icon {
    background: #fff;
    color: #34a6d8
}

.packages .menus a.item.telegram:hover span.title,.packages .menus a.item.telegram.active span.title {
    color: #fff
}

.packages .menus a.item.threads span.icon {
    background: #000
}

.packages .menus a.item.threads span.title {
    color: #000
}

.packages .menus a.item.threads:hover,.packages .menus a.item.threads.active {
    background: #000
}

.packages .menus a.item.threads:hover span.icon,.packages .menus a.item.threads.active span.icon {
    background: #fff;
    color: #000
}

.packages .menus a.item.threads:hover span.title,.packages .menus a.item.threads.active span.title {
    color: #fff
}

.packages .menus a.item.google span.icon {
    background: #156af4
}

.packages .menus a.item.google span.title {
    color: #156af4
}

.packages .menus a.item.google:hover,.packages .menus a.item.google.active {
    background: #156af4
}

.packages .menus a.item.google:hover span.icon,.packages .menus a.item.google.active span.icon {
    background: #fff;
    color: #156af4
}

.packages .menus a.item.google:hover span.title,.packages .menus a.item.google.active span.title {
    color: #fff
}

.packages .menus a.item span.icon {
    width: 60px;
    height: 50px;
    min-width: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin-right: 24px;
    transition: all .3s ease
}

.packages .menus a.item span.title {
    font-weight: 600;
    font-size: 18px;
    transition: all .3s ease
}

.packages .box {
    border-radius: 4px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 60px rgba(40,48,59,.1);
    position: relative
}

.packages .box a.video {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #ff8600;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px
}

.packages .box.catright {
    background: url("../img/catright.webp") center center no-repeat #fff;
    background-size: cover;
    padding-right: 0
}

.packages .box.catright .title {
    color: #ff8600;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px
}

.packages .box.catright p {
    color: #454752;
    font-size: 16px;
    line-height: 1.4
}

.packages .box.catright ul {
    margin-top: 40px
}

.packages .box.catright ul li {
    color: #717f8d;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
    gap: 10px
}

.packages .box.catright ul li i {
    color: #ff8600;
    font-size: 22px
}

.packages .box.catright ul li:not(:last-child) {
    margin-bottom: 30px
}

.packages .box label {
    color: #717f8d;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.packages .box small {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 600;
    display: block;
    opacity: .6;
    text-align: center;
    line-height: 1.3
}

.packages .box .campaign {
    margin-bottom: 20px;
    padding: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    line-height: 1.3
}

.packages .box .ggr {
    position: relative
}

.packages .box .ggr i {
    position: absolute;
    color: #cbcfdd;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px
}

.packages .box input.link {
    border-radius: 4px;
    border: 1px solid #cbcfdd;
    background-color: #fff;
    height: 70px;
    color: #24272e;
    font-size: 16px;
    font-weight: 600;
    padding-left: 70px
}

.packages .box input.link:focus,.packages .box input.link:active,.packages .box input.link:hover {
    box-shadow: none;
    outline: none
}

.packages .box input.link::placeholder {
    color: #cbcfdd;
    font-size: 16px;
    font-weight: 500
}

.packages .box select {
    border-radius: 4px;
    border: 1px solid #cbcfdd;
    height: 70px;
    color: #24272e;
    font-size: 16px;
    font-weight: 600;
    padding-left: 20px;
    width: 100%;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nbTIgNSA2IDYgNi02Jy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 20px 12px
}

.packages .box select:focus,.packages .box select:active,.packages .box select:hover {
    box-shadow: none;
    outline: none
}

.packages .box select::placeholder {
    color: #cbcfdd;
    font-size: 16px;
    font-weight: 500
}

.packages .box .specs {
    background-color: rgba(239,238,244,.5);
    border-top: 1px solid #edeff6;
    border-bottom: 1px solid #edeff6;
    padding: 14px 30px;
    margin: 30px -30px
}

.packages .box .specs .ds {
    display: flex;
    align-content: center;
    justify-content: space-between
}

.packages .box .specs .ds>* {
    flex-grow: 1
}

.packages .box .specs span.icon {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 12px
}

.packages .box .specs span.text {
    color: #5f6170;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2
}

.packages .box .tabitem {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    flex-direction: column;
    border: 3px solid #edeff6;
    color: #717f8d;
    transition: all .3s ease;
    cursor: pointer;
    text-align: center;
    line-height: 1.3;
    height: 100%
}

.packages .box .tabitem.active,.packages .box .tabitem:hover {
    border-color: #27e18c;
    color: #27e18c
}

.packages .box .tabitem.active span,.packages .box .tabitem:hover span {
    background: #27e18c;
    color: #fff
}

.packages .box .tabitem.active span i,.packages .box .tabitem:hover span i {
    font-weight: 500
}

.packages .box .tabitem span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: all .3s ease;
    background: #edeff6
}

.packages .box .totalprice {
    color: #24272e;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 6px
}

.packages .box span.text {
    color: #24272e;
    font-size: 14px
}

.packages .box .add-cart,.packages .box .add-cart-quick {
    border-radius: 4px;
    background-color: #ff8600;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    transition: all .3s ease;
    padding: 22px 28px
}

.packages .box .add-cart.add-cart-quick,.packages .box .add-cart-quick.add-cart-quick {
    background-color: #141a1c
}

.packages .box .add-cart:hover,.packages .box .add-cart-quick:hover {
    transform: translateY(-5px)
}

.packages .box .add-cart i,.packages .box .add-cart-quick i {
    margin-left: 20px
}

.packages .box .quantity {
    margin-top: 20px;
    border-radius: 3px;
    background: #edeff6;
    width: 100%;
    border: 3px solid #edeff6;
    color: #717f8d;
    padding: 5px 5px 5px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.packages .box .quantity button {
    background: #edeff6;
    color: #151b2c;
    border: 0;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.packages .box .quantity button:focus,.packages .box .quantity button:active {
    outline: none
}

.packages .box .quantity button:hover {
    background: #dce0ee
}

.packages .box .quantity button.minus {
    left: 8px
}

.packages .box .quantity button.plus {
    right: 8px
}

.packages .box .quantity span {
    color: #717f8d;
    font-size: 16px;
    font-weight: 600
}

.packages .box .quantity input {
    padding: 0;
    width: 160px;
    height: 50px;
    border: 0;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    color: #717f8d;
    font-size: 16px;
    font-weight: 600
}

.packages .box .chooseitem {
    border-radius: 3px;
    background: #fff;
    width: 100%;
    border: 3px solid #edeff6;
    color: #717f8d;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 500;
    transition: all .3s ease;
    padding: 20px 10px 10px;
    position: relative
}

.packages .box .chooseitem.premium.active span.premium {
    background: #27e18c;
    color: #fff
}

.packages .box .chooseitem.ozelindirim {
    border-color: #1471eb
}

.packages .box .chooseitem.ozelindirim.active {
    background: #fff;
    border-color: #fff;
    color: #1471eb
}

.packages .box .chooseitem.ozelindirim span.premium {
    background: #1471eb;
    color: #fff
}

.packages .box .chooseitem span.premium {
    background: #ffd12f;
    font-weight: 600;
    font-size: 10px;
    width: fit-content;
    white-space: nowrap;
    color: #151b2c;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center
}

@keyframes glitch {
    0% {
        transform: translateX(-50%) rotate(0deg)
    }

    25% {
        transform: translateX(-50%) rotate(2deg)
    }

    50% {
        transform: translateX(-50%) rotate(0deg)
    }

    75% {
        transform: translateX(-50%) rotate(-2deg)
    }

    100% {
        transform: translateX(-50%) rotate(0deg)
    }
}

.packages .box .chooseitem.active{
    border: 1px solid #ff553c;
    color: #FFFFFF !important
}

.chooseitem.active  #cust-txt {
    background-color:#ff553c!important;
    color: #FFFFFF!important;
}

.chooseitem.active .small.mt-0{
    color: #ff553c!important;
}

/*.packages .box .chooseitem.active:before,.packages .box .chooseitem:hover:before {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    background: #27e18c;*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border-top-left-radius: 4px*/
/*}*/

/*.packages .box .chooseitem.active:after,.packages .box .chooseitem:hover:after {*/
/*    font-family: fontawesome;*/
/*    font-style: normal;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    content: "\f00c";*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    position: absolute;*/
/*    bottom: -2px;*/
/*    right: 1px*/
/*}*/

.packages .box .chooseitem.active span.big {
    color: #FFFFFF;
}



.packages .box .chooseitem span.big {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px
}

.packages .box .chooseitem span.small {
    margin-top: 10px;
    display: block;
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 1px solid #ecedef;
    padding-top: 10px;
    width: 100%
}

.sticky-plans_stickyPlansSlideDown__WJz3u {
    transform: translateY(0);
}

.sticky-plans_stickyPlans__tuTyo {
    font-size: 16px !important;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-top: 1em;
    padding-bottom: .5em;
    z-index: 10000000000;
    background: #fff;
    box-shadow: 0 -8px 25px rgba(207, 215, 228, .47);
    transition: transform .4s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
.sticky-plans_stickyPlans__container__6iAa1 {
    padding: 0 8px;
    justify-content: space-between;
}
.sticky-plans_stickyPlans__tabsCol__YIEe7 {
    flex: 1 1 auto;
    flex-basis: 70%;
}

 .sticky-plans_stickyPlans__container__6iAa1>* {
     padding-left: .5em;
     padding-right: .5em;
 }
.sticky-plans_stickyPlans__radio__di_6d {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    margin-bottom: .5em;
}
.sticky-plans_stickyPlans__radioCheckbox__A2hS3 {
    display: flex;
    align-items: center;
    margin-right: .75em;
    --size: 19px;
}

.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioCheckbox__A2hS3 span {
    background: #ff563d;
    border-color: #ff563d;
    box-shadow: 0 1.54px 2.08px rgba(123, 166, 169, .27);
}
.sticky-plans_stickyPlans__radioCheckbox__A2hS3 span {
    display: inline-flex;
    width: var(--size);
    height: var(--size);
    border-radius: 4.59px;
    border: 1px solid #dae2ef;
    position: relative;
}
.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioCheckbox__A2hS3 span:before {
    content: url(data:image/svg+xml;utf8,<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1788 3.15299L6.19335 13.3579L0.820801 7.86728L3.1788 5.55999L6.19335 8.64079L13.8208 0.845703L16.1788 3.15299Z" fill="white"/> </svg>);
    position: relative;
    top: -1px;
}
.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioTitle__coOwG {
    font-weight: 600;
}

.sticky-plans_stickyPlans__priceCol__8w6QU {
    flex: 0 1;
    flex-basis: 30%;
}
.sticky-plans_stickyPlans__container__6iAa1>* {
    padding-left: .5em;
    padding-right: .5em;
}
.sticky-plans_stickyPlans__radioPrice__09B_0 {
    line-height: 1.1;
    text-align: right;
}
.sticky-plans_stickyPlans__radioPrice__09B_0 .sticky-plans_disc__Vy1Zi {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.sticky-plans_stickyPlans__radioPrice__09B_0>span {
    display: inline-block;
    width: 100%;
}
.sticky-plans_stickyPlans__radioPrice__09B_0 .sticky-plans_reg__ouIx0 {
    color: #9398ab;
    font-size: 14px;
    font-weight: 500;
}

.sticky-plans_stickyPlans__radioPrice__09B_0>span {
    display: inline-block;
    width: 100%;
}

.sticky-plans_stickyPlans__tuTyo {
    font-size: 16px!important;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-top: 1em;
    padding-bottom: .5em;
    z-index: 10000000000;
    background: #fff;
    box-shadow: 0 -8px 25px rgba(207,215,228,.47);
    transition: transform .4s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

.sticky-plans_stickyPlans__container__6iAa1 {
    padding: 0 8px;
    justify-content: space-between
}

.sticky-plans_stickyPlans__container__6iAa1>* {
    padding-left: .5em;
    padding-right: .5em
}

.sticky-plans_stickyPlans__tabsCol__YIEe7 {
    flex: 1 1 auto;
    flex-basis: 70%
}

.sticky-plans_stickyPlans__priceCol__8w6QU {
    flex: 0 1;
    flex-basis: 30%
}

.sticky-plans_stickyPlans__toggleCol__jNdkL {
    flex: 0 0 auto;
    margin-top: .5em
}

@media screen and (max-width: 374px) {
    .sticky-plans_stickyPlans__toggleCol__jNdkL {
        padding-right:0
    }
}

@media screen and (min-width: 440px) {
    .sticky-plans_stickyPlans__toggleCol__jNdkL {
        flex-grow:1
    }
}

.sticky-plans_stickyPlans__buttonCol__uMh09 {
    flex: 1 1 auto;
    max-width: calc(100% - 160px - .5rem);
    margin-top: .5em;
    text-align: right;
    height: 40px
}

@media screen and (min-width: 375px) {
    .sticky-plans_stickyPlans__buttonCol__uMh09 {
        height:50px
    }
}

.sticky-plans_stickyPlans__ratingCol__1QXks {
    flex: 0 0 100%;
    width: 100%;
    margin-top: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.sticky-plans_stickyPlans__ratingCol__1QXks [class*=stars] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.sticky-plans_stickyPlans__ratingCol__1QXks [class*=stars] ul {
    flex: 0 1 auto;
    margin-bottom: 0
}

.sticky-plans_stickyPlans__ratingCol__1QXks [class*=stars] ul li {
    margin-right: 1px;
    line-height: 1
}

.sticky-plans_stickyPlans__ratingCol__1QXks [class*=stars] ul li svg {
    width: 14.5px;
    height: 14.5px;
    -o-object-fit: contain;
    object-fit: contain
}

.sticky-plans_stickyPlans__ratingCol__1QXks .sticky-plans_ratingValue__vrDgE {
    flex: 0 1 auto;
    margin-left: .5em;
    font-weight: 600;
    font-size: 13.04px;
    color: #424a61
}

.sticky-plans_stickyPlans__ratingCol__1QXks .sticky-plans_ratingCount__JDlre {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #818386
}

.sticky-plans_stickyPlans__radio__di_6d {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    margin-bottom: .5em
}

.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioCheckbox__A2hS3 span {
    background: #ff563d;
    border-color: #ff563d;
    box-shadow: 0 1.54px 2.08px rgba(123,166,169,.27)
}

.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioCheckbox__A2hS3 span:before {
    content: url('data:image/svg+xml;utf8,<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1788 3.15299L6.19335 13.3579L0.820801 7.86728L3.1788 5.55999L6.19335 8.64079L13.8208 0.845703L16.1788 3.15299Z" fill="white"/> </svg>');
    position: relative;
    top: -1px
}

.sticky-plans_stickyPlans__radio__di_6d.sticky-plans_active__RPoTo .sticky-plans_stickyPlans__radioTitle__coOwG {
    font-weight: 600
}

.sticky-plans_stickyPlans__radioCheckbox__A2hS3 {
    display: flex;
    align-items: center;
    margin-right: .75em;
    --size: 19px
}

@media(hover: hover) {
    .sticky-plans_stickyPlans__radioCheckbox__A2hS3 {
        cursor:pointer
    }
}

.sticky-plans_stickyPlans__radioCheckbox__A2hS3 span {
    display: inline-flex;
    width: var(--size);
    height: var(--size);
    border-radius: 4.59px;
    border: 1px solid #dae2ef;
    position: relative
}

.sticky-plans_stickyPlans__radioPrice__09B_0 {
    line-height: 1.1;
    text-align: right
}

.sticky-plans_stickyPlans__radioPrice__09B_0>span {
    display: inline-block;
    width: 100%
}

.sticky-plans_stickyPlans__radioPrice__09B_0 .sticky-plans_disc__Vy1Zi {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.sticky-plans_stickyPlans__radioPrice__09B_0 .sticky-plans_reg__ouIx0 {
    color: #9398ab;
    font-size: 14px;
    font-weight: 500
}

.sticky-plans_stickyPlans__radioTitle__coOwG {
    max-width: calc(100% - (25px + .75rem));
    font-weight: 500;
    font-size: 13px;
    color: #424a61
}

@media screen and (min-width: 375px) {
    .sticky-plans_stickyPlans__radioTitle__coOwG {
        font-size:14.5px
    }
}

.sticky-plans_stickyPlans__toggle__HP0oe {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    --background-fill: 0%;
    background: #dce1ed;
    border-radius: 9999px;
    box-shadow: 0 2.53988px 5.07975px rgba(0,0,0,.05);
    padding: 5px;
    overflow: hidden;
    transition: all .4s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    min-width: 150px;
    max-width: 200px
}

.sticky-plans_stickyPlans__toggle__HP0oe:after {
    content: "";
    display: inline-block;
    width: var(--background-fill);
    height: 100%;
    background: #c0fbff;
    border: none;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: inherit
}

.sticky-plans_stickyPlans__toggleSwitch___XAV4 {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    background: #fff;
    border-radius: 9999px;
    box-shadow: 0 2.53988px 5.07975px rgba(0,0,0,.05);
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: var(--size);
    font-size: 22px;
    color: #000;
    z-index: 10;
    transition: .1s linear
}

.sticky-plans_stickyPlans__toggleSwitch___XAV4>span {
    line-height: 1;
    position: relative;
    top: -1.5px
}

@media screen and (min-width: 375px) {
    .sticky-plans_stickyPlans__toggleSwitch___XAV4 {
        --size:42px;
        font-size: 26.33px
    }
}

@media(hover: hover) {
    .sticky-plans_stickyPlans__toggleSwitch___XAV4 {
        cursor:pointer
    }
}

.sticky-plans_stickyPlans__toggleSwitch___XAV4:active {
    transform: scale(.95)
}

.sticky-plans_stickyPlans__togglePlan__oSQfW {
    text-align: center;
    color: #000;
    line-height: 1;
    margin: 0 .5em;
    z-index: 10;
    width: 60px
}

.sticky-plans_stickyPlans__togglePlan__oSQfW>span {
    display: inline-block;
    width: 100%
}

.sticky-plans_stickyPlans__togglePlan__oSQfW .sticky-plans_quantity__4frAs {
    font-weight: 700;
    font-size: 1.196875em;
    text-align: center
}

.sticky-plans_stickyPlans__togglePlan__oSQfW .sticky-plans_label__9UrNS {
    font-weight: 500;
    font-size: .8em;
    text-transform: capitalize;
    max-width: 65px
}

@media screen and (max-width: 374px) {
    .sticky-plans_stickyPlans__togglePlan__oSQfW .sticky-plans_label__9UrNS {
        font-size:.65em
    }
}

.sticky-plans_stickyPlans__button__OnB_S {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: .85em!important;
    padding: .35em .75em;
    line-height: 1
}

.sticky-plans_stickyPlans__button__OnB_S strong {
    font-weight: 600!important
}

@media screen and (min-width: 340px) {
    .sticky-plans_stickyPlans__button__OnB_S {
        padding:.35em 1em
    }
}

@media screen and (min-width: 375px) {
    .sticky-plans_stickyPlans__button__OnB_S {
        font-size:1.1em!important;
        padding: .65em 1.75em
    }
}

.sticky-plans_stickyPlans__transitionEnter__psOUC {
    opacity: 0
}

.sticky-plans_stickyPlans__transitionEnterActive__jKgSS {
    opacity: 1;
    transition: .2s linear
}

.sticky-plans_stickyPlans__transitionExit__oG7nc {
    opacity: 1
}

.sticky-plans_stickyPlans__transitionExitActive__ImfTY {
    opacity: 0;
    transition: .2s linear
}

.sticky-plans_stickyPlansSlideUp__5Asas {
    transform: translateY(101%)
}

.sticky-plans_stickyPlansSlideDown__WJz3u {
    transform: translateY(0)
}
.plan__type-checkbox .svg-icon{
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    vertical-align: top;
}