.title-1 {
    font-size: 20px;
    line-height: /*!rtl:34px*/ 24px;
    font-weight: 600;
}
.text-truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-fill {
    vertical-align: -0.1625em;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.shrink-0 {
    flex-shrink: 0;
}
.me-2 {
    margin-inline-end: 8px;
}
.font-size-28 {
    font-size: 18px;
}
.text-green-80 {
    color: #00c07b;
}

.body {
    position: relative;
    flex-grow: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 536px) {
    .desktop-view .px-body {
        padding-inline-start: 32px;
        padding-inline-end: 32px;
    }
}

.fixed-container {
    width: 100%;
    max-width: var(--fixed-container-width-mobile);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.grow-1 {
    flex-grow: 1;
}

.min-h-0 {
    min-height: 0%;
}

@media (min-width: 1128px) {
    .desktop-view .fixed-container {
        max-width: 100%;
    }
}

.amount-options {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.amount-options {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.amount-option {
    flex-shrink: 0;
    position: relative;
    width: 33.3333333333%;
    padding: 5px;
}

input {
    overflow: visible;
}

.amount-option-radio {
    opacity: .0001;
    position: absolute;
    inset: 2px;
    cursor: pointer;
}

.amount-option-radio:checked {
    pointer-events: none;
}

.amount-option-label {
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222832;
    font-family: "IBM Plex Sans",var(--font-system);
    text-align: center;
    background: #fff;
    padding: 0 2px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #c7cdd6;
    -webkit-user-select: none;
    user-select: none;
}

.amount-option-label-desktop {
    height: 40px;
}

.amount-option-radio:checked~.amount-option-label {
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 500;
    background: #ebf1fc;
    box-shadow: inset 0 0 0 2px #3371e6;
    pointer-events: none;
}

.text-truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-2-5 {
    margin-top: 10px;
}

.group-price-control {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    position: relative;
    display: flex;
    color: #3371e6;
    background: #fff;
    box-shadow: inset 0 0 0 1px #c7cdd6,0 1px 3px rgba(57,58,63,.1);
    border-radius: 8px;
    padding-inline-start: 16px;
    padding-inline-end: 6px;
}

.label-3 {
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 400;
}

.self-center {
    align-self: center;
}

.shrink-0 {
    flex-shrink: 0;
}

.me-1, .mx-1 {
    margin-inline-end: 4px;
}

.text-gray-80 {
    color: #49505b;
}

label {
    display: inline-block;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.price-control {
    display: block;
    width: 100%;
    font-family: "IBM Plex Sans",var(--font-system);
    color: inherit;
    -webkit-text-fill-color: inherit;
    background-color: rgba(0,0,0,0);
    background-image: none;
    padding: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
}

.group-price-control .price-control {
    height: 52px;
    line-height: 52px;
}

.px-2-5
{
    padding-inline-start: 10px;
}


.px-2-5 {
    padding-inline-end: 10px;
}

.pb-2, .py-2 {
    padding-bottom: 8px;
}

.pt-2, .py-2 {
    padding-top: 8px;
}

.items-center {
    align-items: center;
}

.d-flex {
    display: flex
;
}

.currency-select-label {
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 400;
    color: #697484;
}

.shrink-0 {
    flex-shrink: 0;
}

.form-group {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 400;
    color: #222832;
    -webkit-text-fill-color: #222832;
    background-color: #fff;
    background-image: none;
    padding: 10px 14px;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #c7cdd6,0 1px 3px rgba(57,58,63,.1);
}

.form-control.has-label-floating {
    height: 52px;
    padding-top: 22px;
    padding-bottom: 6px;
}

.group-stacked-vertical .form-control {
    position: relative;
}

.group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .form-control, .group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .StripeElement {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
label {
    display: inline-block;
}
.form-label {
    font-size: /*!rtl:14px*/ 16px;
    line-height: 24px;
    font-weight: 400;
    max-width: 100%;
    margin-bottom: 12px;
    order: -1;
}
.form-label.is-floating {
    position: absolute;
    top: 50%;
    inset-inline: 14px;
    color: #697484;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
    transform-origin: top left;
    transition: .15s ease;
    pointer-events: none;
    z-index: 5;
    order: initial;
    cursor: text;
}

.form-group {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.group-stacked-vertical>.group-stacked-item:not(:first-child) {
    margin-top: -1px;
}
.form-control.has-label-floating {
    height: 52px;
    padding-top: 22px;
    padding-bottom: 6px;
}

.group-stacked-vertical .form-control {
    position: relative;
}

.group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .form-control, .group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .StripeElement {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.group-stacked-vertical>.group-stacked-item:last-child:not(:first-child) .form-control, .group-stacked-vertical>.group-stacked-item:last-child:not(:first-child) .StripeElement {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.css273hd{
    margin-top: 5px;
}

.form-control{
    border-radius: 8px !important;
}

.footer-73hn3{
     position: relative;
    z-index: 3;
    min-height: 0;
    flex-shrink: 0;
}

.footer-desktop {
    padding: 0 20px 28px 20px;
}

.fixed-container {
    width: 100%;
    max-width: 390px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.p-rel {
    position: relative;
}
@media (min-width: 1128px) {
    .desktop-view .fixed-container
 {
        max-width: 100%;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.fixed-container.p-rel>button{
    width: 100%;
    border-radius: 8px !important;
}