/*!*!* Variables *!*!*/
/*!** {*!*/
/*!*    box-sizing: border-box;*!*/
/*!*}*!*/

/*!*body {*!*/
/*!*    font-family: -apple-system, BlinkMacSystemFont, sans-serif;*!*/
/*!*    font-size: 16px;*!*/
/*!*    -webkit-font-smoothing: antialiased;*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-content: center;*!*/
/*!*    height: 100vh;*!*/
/*!*    width: 100vw;*!*/
/*!*}*!*/

/*!*form {*!*/
/*!*    width: 30vw;*!*/
/*!*    min-width: 500px;*!*/
/*!*    align-self: center;*!*/
/*!*    box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),*!*/
/*!*    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);*!*/
/*!*    border-radius: 7px;*!*/
/*!*    padding: 40px;*!*/
/*!*    margin-top: auto;*!*/
/*!*    margin-bottom: auto;*!*/
/*!*}*!*/

/*!*.hidden {*!*/
/*!*    display: none;*!*/
/*!*}*!*/

/*!*#payment-message {*!*/
/*!*    color: rgb(105, 115, 134);*!*/
/*!*    font-size: 16px;*!*/
/*!*    line-height: 20px;*!*/
/*!*    padding-top: 12px;*!*/
/*!*    text-align: center;*!*/
/*!*}*!*/

/*!*#payment-element {*!*/
/*!*    margin-bottom: 24px;*!*/
/*!*}*!*/

/*!*!* Buttons and links *!*!*/
/*!*button {*!*/
/*!*    background: #0055DE;*!*/
/*!*    font-family: Arial, sans-serif;*!*/
/*!*    color: #ffffff;*!*/
/*!*    border-radius: 4px;*!*/
/*!*    border: 0;*!*/
/*!*    padding: 12px 16px;*!*/
/*!*    font-size: 16px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    cursor: pointer;*!*/
/*!*    display: block;*!*/
/*!*    transition: all 0.2s ease;*!*/
/*!*    box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/
/*!*button:hover {*!*/
/*!*    filter: contrast(115%);*!*/
/*!*}*!*/
/*!*button:disabled {*!*/
/*!*    opacity: 0.5;*!*/
/*!*    cursor: default;*!*/
/*!*}*!*/

/*!*!* spinner/processing state, errors *!*!*/
/*!*.spinner,*!*/
/*!*.spinner:before,*!*/
/*!*.spinner:after {*!*/
/*!*    border-radius: 50%;*!*/
/*!*}*!*/
/*!*.spinner {*!*/
/*!*    color: #ffffff;*!*/
/*!*    font-size: 22px;*!*/
/*!*    text-indent: -99999px;*!*/
/*!*    margin: 0px auto;*!*/
/*!*    position: relative;*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    box-shadow: inset 0 0 0 2px;*!*/
/*!*    -webkit-transform: translateZ(0);*!*/
/*!*    -ms-transform: translateZ(0);*!*/
/*!*    transform: translateZ(0);*!*/
/*!*}*!*/
/*!*.spinner:before,*!*/
/*!*.spinner:after {*!*/
/*!*    position: absolute;*!*/
/*!*    content: "";*!*/
/*!*}*!*/
/*!*.spinner:before {*!*/
/*!*    width: 10.4px;*!*/
/*!*    height: 20.4px;*!*/
/*!*    background: #0055DE;*!*/
/*!*    border-radius: 20.4px 0 0 20.4px;*!*/
/*!*    top: -0.2px;*!*/
/*!*    left: -0.2px;*!*/
/*!*    -webkit-transform-origin: 10.4px 10.2px;*!*/
/*!*    transform-origin: 10.4px 10.2px;*!*/
/*!*    -webkit-animation: loading 2s infinite ease 1.5s;*!*/
/*!*    animation: loading 2s infinite ease 1.5s;*!*/
/*!*}*!*/
/*!*.spinner:after {*!*/
/*!*    width: 10.4px;*!*/
/*!*    height: 10.2px;*!*/
/*!*    background: #0055DE;*!*/
/*!*    border-radius: 0 10.2px 10.2px 0;*!*/
/*!*    top: -0.1px;*!*/
/*!*    left: 10.2px;*!*/
/*!*    -webkit-transform-origin: 0px 10.2px;*!*/
/*!*    transform-origin: 0px 10.2px;*!*/
/*!*    -webkit-animation: loading 2s infinite ease;*!*/
/*!*    animation: loading 2s infinite ease;*!*/
/*!*}*!*/

/*!*!* Payment status page *!*!*/
/*!*#payment-status {*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-items: center;*!*/
/*!*    flex-direction: column;*!*/
/*!*    row-gap: 30px;*!*/
/*!*    width: 30vw;*!*/
/*!*    min-width: 500px;*!*/
/*!*    min-height: 380px;*!*/
/*!*    align-self: center;*!*/
/*!*    box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),*!*/
/*!*    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);*!*/
/*!*    border-radius: 7px;*!*/
/*!*    padding: 40px;*!*/
/*!*    opacity: 0;*!*/
/*!*    animation: fadeInAnimation 1s ease forwards;*!*/
/*!*}*!*/

/*!*#status-icon {*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-items: center;*!*/
/*!*    height: 40px;*!*/
/*!*    width: 40px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*}*!*/

/*!*h2 {*!*/
/*!*    margin: 0;*!*/
/*!*    color: #30313D;*!*/
/*!*    text-align: center;*!*/
/*!*}*!*/

/*!*a {*!*/
/*!*    text-decoration: none;*!*/
/*!*    font-size: 16px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    font-family: Arial, sans-serif;*!*/
/*!*    display: block;*!*/
/*!*}*!*/
/*!*a:hover {*!*/
/*!*    filter: contrast(120%);*!*/
/*!*}*!*/

/*!*#details-table {*!*/
/*!*    overflow-x: auto;*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*table {*!*/
/*!*    width: 100%;*!*/
/*!*    font-size: 14px;*!*/
/*!*    border-collapse: collapse;*!*/
/*!*}*!*/
/*!*table tbody tr:first-child td {*!*/
/*!*    border-top: 1px solid #E6E6E6; !* Top border *!*!*/
/*!*    padding-top: 10px;*!*/
/*!*}*!*/
/*!*table tbody tr:last-child td {*!*/
/*!*    border-bottom: 1px solid #E6E6E6; !* Bottom border *!*!*/
/*!*}*!*/
/*!*td {*!*/
/*!*    padding-bottom: 10px;*!*/
/*!*}*!*/

/*!*.TableContent {*!*/
/*!*    text-align: right;*!*/
/*!*    color: #6D6E78;*!*/
/*!*}*!*/

/*!*.TableLabel {*!*/
/*!*    font-weight: 600;*!*/
/*!*    color: #30313D;*!*/
/*!*}*!*/

/*!*#view-details {*!*/
/*!*    color: #0055DE;*!*/
/*!*}*!*/

/*!*#retry-button {*!*/
/*!*    text-align: center;*!*/
/*!*    background: #0055DE;*!*/
/*!*    color: #ffffff;*!*/
/*!*    border-radius: 4px;*!*/
/*!*    border: 0;*!*/
/*!*    padding: 12px 16px;*!*/
/*!*    transition: all 0.2s ease;*!*/
/*!*    box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*@-webkit-keyframes loading {*!*/
/*!*    0% {*!*/
/*!*        -webkit-transform: rotate(0deg);*!*/
/*!*        transform: rotate(0deg);*!*/
/*!*    }*!*/
/*!*    100% {*!*/
/*!*        -webkit-transform: rotate(360deg);*!*/
/*!*        transform: rotate(360deg);*!*/
/*!*    }*!*/
/*!*}*!*/
/*!*@keyframes loading {*!*/
/*!*    0% {*!*/
/*!*        -webkit-transform: rotate(0deg);*!*/
/*!*        transform: rotate(0deg);*!*/
/*!*    }*!*/
/*!*    100% {*!*/
/*!*        -webkit-transform: rotate(360deg);*!*/
/*!*        transform: rotate(360deg);*!*/
/*!*    }*!*/
/*!*}*!*/
/*!*@keyframes fadeInAnimation {*!*/
/*!*    to {*!*/
/*!*        opacity: 1;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@media only screen and (max-width: 600px) {*!*/
/*!*    form, #payment-status{*!*/
/*!*        width: 80vw;*!*/
/*!*        min-width: initial;*!*/
/*!*    }*!*/
/*!*}*!*/




/*!*body {*!*/
/*!*    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*!*/
/*!*    background-color: #f8f9fa;*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-items: center;*!*/
/*!*    min-height: 100vh;*!*/
/*!*    margin: 0;*!*/
/*!*    padding: 20px;*!*/
/*!*}*!*/

/*!*#user-details {*!*/
/*!*    background-color: white;*!*/
/*!*    border-radius: 10px;*!*/
/*!*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*!*/
/*!*    padding: 30px;*!*/
/*!*    width: 100%;*!*/
/*!*    max-width: 500px;*!*/
/*!*}*!*/

/*!*label {*!*/
/*!*    display: block;*!*/
/*!*    margin-bottom: 8px;*!*/
/*!*    font-weight: 500;*!*/
/*!*    color: #333;*!*/
/*!*    font-size: 14px;*!*/
/*!*}*!*/

/*!*input {*!*/
/*!*    width: 100%;*!*/
/*!*    padding: 12px 15px;*!*/
/*!*    margin-bottom: 20px;*!*/
/*!*    border: 1px solid #ddd;*!*/
/*!*    border-radius: 6px;*!*/
/*!*    font-size: 16px;*!*/
/*!*    transition: border-color 0.3s;*!*/
/*!*    box-sizing: border-box;*!*/
/*!*}*!*/

/*!*input:focus {*!*/
/*!*    outline: none;*!*/
/*!*    border-color: #0055DE;*!*/
/*!*    box-shadow: 0 0 0 2px rgba(0, 85, 222, 0.1);*!*/
/*!*}*!*/

/*!*#continue-to-payment {*!*/
/*!*    width: 100%;*!*/
/*!*    background-color: #0055DE;*!*/
/*!*    color: white;*!*/
/*!*    border: none;*!*/
/*!*    padding: 14px;*!*/
/*!*    border-radius: 6px;*!*/
/*!*    font-size: 16px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    cursor: pointer;*!*/
/*!*    transition: background-color 0.3s;*!*/
/*!*    margin-top: 10px;*!*/
/*!*}*!*/

/*#continue-to-payment:hover {*/
/*    background-color: #0044bb;*/
/*}*/

/*#continue-to-payment:active {*/
/*    transform: translateY(1px);*/
/*}*/

/*input::placeholder {*/
/*    color: #aaa;*/
/*}*/