.min-h-77px {
    min-height: 77px;
}

.my-earning-shadow:hover {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
}

.coutry-input-padding {
    padding-left: 5rem !important;
}

.fs-16px {
    font-size: 1rem;
}

.fs-18px {
    font-size: 1.125rem;
}

.lh-22px {
    line-height: 22px;
}

.fw-400 {
    font-weight: 400;
}

.fs-20px {
    font-size: 1.25rem;
}

.fs-22px {
    font-size: 1.375rem;
}

.fs-24px {
    font-size: 1.5rem;
}

.fs-26px {
    font-size: 1.625rem;
}

.fs-28px {
    font-size: 1.75rem;
}

.fs-30px {
    font-size: 1.875rem;
}

.fs-32px {
    font-size: 2rem;
}

.fs-34px {
    font-size: 2.125rem;
}

.fs-36px {
    font-size: 2.25rem;
}

.fs-38px {
    font-size: 2.375rem;
}

.fs-62px {
    font-size: 3.875rem;
}

.fs-64px {
    font-size: 4rem;
}

.available-number-type {
    padding: 0.5rem 1rem;
    border: 1px solid #E0E5E8;
    border-radius: 6px;
    font-size: 1rem;
}

    .available-number-type.active {
        background-color: rgba(0, 106, 224, 0.1);
        border-color: #006AE0;
        color: #006AE0;
    }

.available-number-list {
    padding: 0.625rem;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 1.125rem;
}

    .available-number-list.active {
        border-color: #50CD89;
        color: #3CC179;
        background-color: rgba(80, 205, 137, 0.1);
    }

.plans-container {
    border: 1px solid #d4d9df;
}

    .plans-container:not(.active):hover {
        --bs-border-color: #818694;
        box-shadow: 0 0 0 2px #818694;
        border-color: transparent !important;
    }

    .plans-container.active {
        --bs-border-color: #3CC179;
        background-color: #3CC179;
        color: #fff;
        --ly-bullet-bg-color: #fff;
    }

    .plans-container .next-collapse-trigger .svg-icon {
        color: #006AE0 !important;
    }

    .plans-container.active .next-collapse-trigger, .plans-container.active .next-collapse-trigger .svg-icon {
        color: #fff !important;
    }

    .plans-container.active .plan-infos .collapse-content {
        background-color: #fff;
        border-radius: 8px;
        color: #3B4357;
        padding: 0.5rem;
    }

.product-head {
    right: 2rem;
    bottom: 2rem;
}

@media screen and (max-width:767.98px) {
    .product-head {
        position: fixed;
        transition: all 0.35s linear;
        bottom: 1.5rem;
        z-index: 1049;
    }

    .wrapper:not(.hide) .product-head {
        bottom: calc(var(--mobile-footer-height) + 1.5rem);
    }
}

.product-bag {
    cursor: pointer;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}

    .product-bag svg:first-child {
        width: 50%;
        height: 50%;
    }

    .product-bag svg:last-child {
        width: 35%;
        height: 35%;
    }

    .product-bag:not(.opened) > svg:last-child {
        display: none;
    }

    .product-bag.opened > svg:first-child {
        display: none;
    }

.shadow-big {
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}

.iccid-fourdigit {
    padding-left: 11.6rem;
}

@media (max-width:767.98px) {
    .mt-xs-1px {
        margin-top: 1px;
    }
}

.lyca-products, .communicate-mode {
    border: 1px solid #D4D9DF;
    cursor: pointer;
}

    .lyca-products:not(.active):hover {
        border-color: transparent;
        box-shadow: 0 0 0 2px #818694,0px 10px 20px rgba(0, 0, 0, 0.2);
    }

    .lyca-products.active {
        border-color: transparent;
        box-shadow: 0 0 0 2px #3CC179;
    }

    .communicate-mode.active {
        border-color: transparent;
        box-shadow: 0 0 0 2px #3CC179;
        font-weight: 600;
    }

    .communicate-mode:not(.active):hover {
        border-color: transparent;
        box-shadow: 0 0 0 2px #818694;
    }

.card-tiles:hover {
    border-color: transparent !important;
    outline: 2px solid #3B4357;
    position: relative;
    z-index: 1;
}

.camera-access {
    width: 90px;
}

.br-12px {
    border-radius: 0.75rem;
}

.fs-36px {
    font-size: 2.25rem;
}