@import url("../../../css/customized.ui.min.css");

* {
    text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clr {
    clear: both;
}

.bg-secondary,
.hover\:bg-secondary:hover,
.bg-primary {
    background-color: var(--primary);
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.bg-gray-50 {
    background-color: rgb(249 250 251);
}

.max-w-7xl {
    max-width: 80rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.layout__body__container {
    direction: rtl;
}

.rounded-2xl {
    border-radius: 1rem
}

.p-8 {
    padding: 2rem
}

.relative {
    position: relative
}

.flex {
    display: flex
}

.justify-between {
    justify-content: space-between
}

.pb-8 {
    padding-bottom: 2rem
}

.rounded-md {
    border-radius: 0.375rem;
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 2rem
}

.mb-2 {
    margin-bottom: .5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.rounded-xl {
    border-radius: 0.75rem;
}

.inline-block {
    display: inline-block
}

.cursor-pointer {
    cursor: pointer
}

.p-1 {
    padding: .25rem
}

.text-center {
    text-align: center
}

.hidden {
    display: none
}

[data-bc-part][data-bc-invalid] [data-bc-validation-part] li {
    color: #b3b2b2 !important;
}

[data-bc-answer-container] input[type="text"] {
    background: #fff !important;
    font-size: 15px !important;
    font-weight: bold;
}

.payment__title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.payment__content .price {
    width: calc(90% - 10px) !important;
}

.payment__content .unit input {
    text-align: center;
}

.payment__content .unit {
    width: calc(10% - 10px) !important;
}

.payment__content .captcha {
    width: calc(80% - 10px) !important;
}

.payment__content .refresh {
    width: calc(20% - 10px) !important;
}

.data-bc-btn {
    border: none;
    min-width: 100px;
}

.two-part [data-bc-title-container] {
    margin-top: 1.5em;
}

.payment__container .invoice-content {
    background: #f2f4f5;
    border-radius: 1rem;
    margin: 2em 0;
    padding: 2em;
    text-align: center;
    font-size: 13px;
    cursor: pointer
}

.payment__container .invoice-content img {
    vertical-align: middle
}

.payment__container .flex-justify {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: .7em;
    border-radius: 1em;
}

.payment__container .unit-content {
    margin-right: 0.5em;
}

.payment__container .firstpay-price {
    font-size: 20px;
    font-weight: bold;
}

.payment__container .btn-item {
    min-width: 100px;
    padding: .25rem;
    border-radius: 0.75rem;
    color: #fff;
    background-color: var(--primary);
    border: none;
    cursor: pointer;
}

.payment__container .btn-item:hover {
    background-color: var(--secondary);
}

.payment__container #ballsWaveG {
    margin: 1em auto !important;
}

@keyframes ellipsis-dot {
    25% {
        content: ""
    }

    50% {
        content: "."
    }

    75% {
        content: ".."
    }

    100% {
        content: "..."
    }
}

#ballsWaveG {
    position: relative;
    width: 70px;
    height: 16px;
    margin: auto;
}

.ballsWaveG {
    position: absolute;
    top: 0;
    background-color: #bababa;
    width: 9px;
    height: 9px;
    animation-name: ballsWaveG;
    -o-animation-name: ballsWaveG;
    -ms-animation-name: ballsWaveG;
    -webkit-animation-name: ballsWaveG;
    -moz-animation-name: ballsWaveG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

#ballsWaveG_1 {
    left: 0;
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s
}

#ballsWaveG_2 {
    left: 9px;
    animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s
}

#ballsWaveG_3 {
    left: 18px;
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

#ballsWaveG_4 {
    left: 26px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}

#ballsWaveG_5 {
    left: 35px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}

#ballsWaveG_6 {
    left: 44px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}

#ballsWaveG_7 {
    left: 53px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

#ballsWaveG_8 {
    left: 62px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s
}

@keyframes ballsWaveG {
    0% {
        background-color: rgba(158, 158, 158, .97)
    }

    100% {
        background-color: #fff
    }
}

@-o-keyframes ballsWaveG {
    0% {
        background-color: rgba(158, 158, 158, .97)
    }

    100% {
        background-color: #fff
    }
}

@-ms-keyframes ballsWaveG {
    0% {
        background-color: rgba(158, 158, 158, .97)
    }

    100% {
        background-color: #fff
    }
}

@-webkit-keyframes ballsWaveG {
    0% {
        background-color: rgba(158, 158, 158, .97)
    }

    100% {
        background-color: #fff
    }
}

@-moz-keyframes ballsWaveG {
    0% {
        background-color: rgba(158, 158, 158, .97)
    }

    100% {
        background-color: #fff
    }
}

.dot-waiting:after {
    content: "...";
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: 1s .3s infinite ellipsis-dot;
    width: 1.25em;
    direction: rtl;
    text-align: right;
    margin: 0 5px
}

.dot-waiting {
    direction: rtl;
    margin-top: 1em;
    text-align: center
}

.updatepaymentF {
    text-align: center;
    font-size: 20px;
    color: #EB5757;
    font-weight: bold;
}

.updatepaymentT {
    text-align: center;
    font-size: 20px;
    color: #2db742;
    font-weight: bold;
}

.factor-title {
    margin: 1em 0;
}

.factor-info .eachInfo {
    display: inline-block;
    margin-left: 1em;
}

.factor-info .amount {
    font-size: 18px;
    margin-left: 0.5em;
}

.factor-info .resultF {
    color: #EB5757
}

.factor-info .resultT {
    color: #2db742;
}

.payment__container .not-active {
    background: #e2e7e9 !important;
    cursor: not-allowed !important
}

.payment__container .not-active .btn-item {
    cursor: not-allowed !important
}

@media not all and (min-width: 768px) {
    .payment__title {
        text-align: center;
    }

    .payment__title .text-left {
        text-align: center;
        margin-top: 1em;
    }

    .payment__container [data-bc-part-container],
    [data-bc-btn-container] {
        width: 100% !important;
    }

    .data-bc-btn {
        width: 100%;
    }

    .payment__container .flex-justify {
        display: inherit;
        text-align: center;
    }

    .payment__container .flex-justify li {
        margin: 1em 0;
    }

    .payment__container .flex-justify img {
        margin: 0 auto;
    }

    .payment__container .refresh img {
        width: 68px;
    }

    .message__api {
        margin: 1em 0;
    }

    .payment__container .p-8 {
        padding: 1em;
    }

    .factor-info .eachInfo {
        margin-bottom: 1em;
    }

    .payment__content .price,
    .payment__content .captcha {
        width: calc(60% - 10px) !important;
    }

    .payment__content .unit,
    .payment__content .refresh {
        width: calc(40% - 10px) !important;
    }

    .payment__content .refresh {
        text-align: left;
    }
}

@media not all and (min-width:1280px) {
    .max-xl\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
}

.book-max-w-7xl {
    max-width: 80rem;
}

.book-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.book-text-center {
    text-align: center;
}

.book-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.book-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.book-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.book-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.book-rounded-2xl {
    border-radius: 1rem;
}

.book-w-full {
    width: 100%;
}

.book-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.book-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.book-hidden {
    display: none;
}

.book-final__loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
}

.book-font-bold {
    font-weight: 700;
}

.book-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.book-text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.book-mt-3 {
    margin-top: 0.75rem;
}

.book-text-white,
.hover\:book-text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.book-p-3 {
    padding: 0.75rem;
}

.book-border-solid {
    border-style: solid;
}

.book-border {
    border-width: 1px;
}

.book-rounded-lg {
    border-radius: 0.5rem;
}

.book-cursor-pointer {
    cursor: pointer;
}

.book-min-w-48 {
    min-width: 12rem;
}

.book-border-primary-400,
.hover\:book-border-primary-400:hover {
    border-color: var(--primary-400);
}

.book-bg-primary-400 {
    background-color: var(--primary-400);
}

.book-absolute {
    position: absolute;
}

.book-relative {
    position: relative;
}

.book-bottom-0 {
    bottom: 0px;
}

.book-left-0 {
    left: 0px;
}

.book-right-0 {
    right: 0px;
}

.book-top-0 {
    top: 0px;
}

.book-z-10 {
    z-index: 10;
}

.book-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.book-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.book-mb-10 {
    margin-bottom: 2.5rem;
}

.book-mb-4 {
    margin-bottom: 1rem;
}

.book-inline-block {
    display: inline-block;
}

.book-flex {
    display: flex;
}

.book-h-1 {
    height: 0.25rem;
}

.book-h-24 {
    height: 6rem;
}

.book-h-32 {
    height: 8rem;
}

.book-w-1\/2 {
    width: 50%;
}

.book-w-24 {
    width: 6rem;
}

.book-w-32 {
    width: 8rem;
}

.book-w-\[90\%\] {
    width: 90%;
}

.book-max-w-2xl {
    max-width: 42rem;
}

.book-max-w-4xl {
    max-width: 56rem;
}

.book-max-w-5xl {
    max-width: 64rem;
}

.book--translate-x-12 {
    --tw-translate-x: -3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.book--translate-y-16 {
    --tw-translate-y: -4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.book-translate-x-16 {
    --tw-translate-x: 4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.book-translate-y-12 {
    --tw-translate-y: 3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.book-justify-between {
    justify-content: space-between;
}

.book-overflow-hidden {
    overflow: hidden;
}

.book-rounded-3xl {
    border-radius: 1.5rem;
}

.book-rounded-full {
    border-radius: 9999px;
}

.book-border {
    border-width: 1px;
}

.book-border-b {
    border-bottom-width: 1px;
}

.book-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.book-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.book-border-solid {
    border-style: solid;
}

.book-border-primary {
    border-color: var(--primary);
}

.book-border-primary-900 {
    border-color: var(--primary-900);
}

.hover\:book-bg-white:hover {
    background-color: #ffffff;
}

.hover\:book-text-primary-900:hover {
    color: var(--primary-900);
}

.book-p-10 {
    padding: 2.5rem;
}

.book-p-6 {
    padding: 1.5rem;
}

.book-pb-10 {
    padding-bottom: 2.5rem;
}

.book-mt-6 {
    margin-top: 1.5rem;
}

.book-mt-10 {
    margin-top: 2.5rem;
}

.book-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.book-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.book-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.book-font-bold {
    font-weight: 700;
}

.book-cursor-pointer {
    cursor: pointer;
}

.book-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.book-duration-300 {
    transition-duration: 300ms;
}


.book-rounded-md {
    border-radius: 0.375rem;
}

.book-p-1 {
    padding: 0.25rem;
}

.book-leading-8 {
    line-height: 2rem;
}

.book-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.book-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.book-shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.book-bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.book-bg-secondary-50 {
    background-color: var(--secondary-50);
}

.book-bg-primary {
    background-color: var(--primary);
}

.book-bg-primary-900 {
    background-color: var(--primary-900);
}

.book-bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.book-from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.book-via-gray-500 {
    --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.book-to-gray-900 {
    --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

@media not all and (min-width: 1024px) {
    .max-lg\:book-w-\[90\%\] {
        width: 90%;
    }

    .custom-payment-form [data-bc-question] {
        flex-direction: column;
    }

}
@media screen and (min-width: 1024px) {
    .custom-payment-form #captchaContainer {
        margin-right: 10px;
    }
    .custom-payment-form .data-bc-btn{
        margin-right: 310px;
    }
}
@keyframes mulShdSpin {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #000;
    }
}

.book-top-full {
    top: 100%;
}

.book-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.book-my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.book-mt-4 {
    margin-top: 1rem;
}

.book-h-10 {
    height: 2.5rem;
}

.book-h-24 {
    height: 6rem;
}

.book-w-10 {
    width: 2.5rem;
}

.book-w-16 {
    width: 4rem;
}

.book-w-4\/12 {
    width: 33.333333%;
}

.book-rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.book-scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.book-justify-center {
    justify-content: center;
}

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

.book-gap-1 {
    gap: 0.25rem;
}

.book-gap-2 {
    gap: 0.5rem;
}

.book-gap-3 {
    gap: 0.75rem;
}

.book-divide-y> :not([hidden])~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.book-divide-gray-200> :not([hidden])~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.book-rounded-xl {
    border-radius: 0.75rem;
}

.book-rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.book-rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.book-border {
    border-width: 1px;
}

.book-border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.book-border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.book-bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.book-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.book-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.book-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.book-text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.book-text-primary-600 {
    color: var(--primary-600);
}

.book-text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.book-opacity-0 {
    opacity: 0;
}

.book-opacity-75 {
    opacity: 0.75;
}

.book-duration-500 {
    transition-duration: 500ms;
}

.book-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-shadow-1 {
    box-shadow: 0px 4px 6px -2px #0000000D,
        0px 10px 15px -3px #0000001A;
}

.book-accept-bg {
    background: linear-gradient(90deg, #7BF1A8 0%, #00A63E 100%);
}

.book-reejct-bg {
    background: linear-gradient(90deg, #FFA2A2 0%, #E7000B 100%);
}

.hover\:book-bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:book-text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.hover\:book-text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.custom-payment-form [data-bc-question] {
    display: flex;
}

.custom-payment-form [data-bc-part-container] {
    width: 100% !important;
}

.custom-payment-form .refresh[data-bc-part] {
    display: flex !important;
    align-items: center;
}