.entry-title {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
    color: #23408F;
}

.step_form.hidden {
    display: none !important;
}

#steps-bar {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

#steps-bar .step {
    text-align: center;
    align-items: center;
    display: flex;
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #EFEFEF;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0 2px;
    color: #bbb;
}

.step-title {
    margin: 0 16px;
    font-weight: 600;
    color: #bbb;
    line-height: 24px;
    font-size: 14px;
}

.active .step-number {
    background-color: #306889;
    color: #fff;
    border-color: #306889;
}

.active .step-title,
.done .step-title {
    color: #306889;
}

.done .step-number {
    font-size: 0;
    border-color: #306889;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6198 6.18017C20.0368 6.48142 20.1242 7.05512 19.8151 7.46155L12.3644 17.2588C11.7456 18.0725 10.5667 18.2424 9.73272 17.638L4.37909 13.758C3.96257 13.4561 3.87599 12.8823 4.18571 12.4763C4.49544 12.0703 5.08418 11.9859 5.50071 12.2878L10.8543 16.1678L18.3051 6.37061C18.6141 5.96418 19.2028 5.87891 19.6198 6.18017Z' fill='white'/%3E%3C/svg%3E") no-repeat center/24px, #306889;
}

.check_order_content {
    margin: 36px 0 18px;
}

.submit_button {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 50px;
    position: absolute;
    width: 201px;
    height: 50px;
    background: #306889 !important;
    border-color: #306889;
    border-radius: 8px;
    font-family: 'Assistant' !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 18px;
    color: #FFFFFF !important;
    margin-right: 10px;
}

.check_order_content label {
    margin-right: 10px;
    position: relative;
}

#check-order-form label > span {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 14px;
    color: #306889;
    font-weight: 600;
}

#check-order-form label input:focus + span {
    color: #000;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.check_order_content .pay-someone-label {
    padding: 12px 0 24px;
    font-size: 16px;
    color: #306889;
    display: flex;
    align-items: center;
    margin-right: 0;
    font-weight: 600;
}

.check_order_content .pay-someone-input {
    display: none;
}

.check_order_content .checkbox-item {
    display: flex;
    min-width: 18px;
    width: 18px;
    height: 18px;
    border: 2px solid #CAD7DF;
    border-radius: 4px;
    transition: .2s ease;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.check_order_content .checkbox-item:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 11px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 5L4 7L9.5 1' stroke='white' stroke-width='2.01011'/%3E%3C/svg%3E");
}

.check_order_content .pay-someone-input:checked ~ .checkbox-item {
    background-color: #17A2B8;
    border-color: #17A2B8;
}

@media screen and (max-width: 780px) {
    .check_order_content .pay-someone-label {
        margin-bottom: 0;
    }

    .pay-someone-content label {
        margin: 0 0 10px;
    }
}

.pay-someone-content label:first-child {
    margin-right: 0;
}

.check_order_content input[type="text"],
.check_order_content input[type="number"] {
    padding: 16px;
    min-width: 250px;
    height: 50px;
    background: #F8F8F8;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    border-radius: 8px;
    outline: none;
}

#check-order-form input[type="number"] {
    text-align: left;
    padding-left: 34px;
}

.check_order_content input:focus {
    border: 1px solid #23408F !important;
    background-color: #F8F8F8 !important;
}

.check_order_content .submit_button {
    min-width: 200px;
    background-color: #306889 !important;
    border-color: #306889 !important;
    transition: .2s ease;
    outline: none;
}

.check_order_content .submit_button:hover {
    background-color: #337AA5 !important;
    border-color: #337AA5 !important;
}

.check_order_content input.submit_button:active,
.check_order_content input.submit_button:focus {
    background-color: #275B79 !important;
    border-color: #275B79 !important;
    color: #fff !important;
}

.check_order_content .submit_button.processing {
    pointer-events: none;
}

.check_order_content .submit_button .loader {
    position: absolute;
    left: 16px;
    top: 17px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    animation: loader 1.2s ease infinite;
    display: none;
}

@keyframes loader {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.check_order_content .submit_button.processing .loader {
    display: block;
}

#content {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.check_order_content .error-message {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #F40B0B;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
}

#client-review-form {
    width: 700px;
    max-width: 100%;
    position: relative;
    margin-bottom: 80px;
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
}

.review-form-content {
    display: flex;
    justify-content: space-between;
    padding: 28px 28px 38px;
    background: rgba(245, 252, 254, 0.5);
    border: 1px solid rgba(51, 122, 165, 0.1);
    border-radius: 9px;
}

.review-form-content label {
    display: flex;
    flex-direction: column;
    position: relative;
}

.review-form-content label > span {
    color: #7791A0;
    font-size: 16px;
    font-weight: 600;
}

.review-form-content label > span:first-child {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #163381;
}

#client-review-form [type="submit"] {
    top: calc(100% + 20px);
    left: 0;
}

.pay-someone-content.hidden {
    display: none;
}

.pay-someone-content {
    display: inline-block;
}

#client-review-form .pay-someone-content input {
    min-width: 236px;
}

.pay-someone-container .submit_button {
    display: inline-block;
    position: unset;
    float: left;
}

.steps_container {
    display: flex;
    pointer-events: none;
}

#errors_container {
    display: inline-block;
    margin-right: 10px;
    padding: 14px 58px 14px 16px;
    border-radius: 8px;
    width: 318px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: 'Assistant';
    font-weight: 600;
    visibility: visible;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.7071 15.2071L16.7071 10.2071L15.2928 8.79285L11 13.0857L8.20706 10.2928L6.79285 11.7071L10.2928 15.2071C10.6834 15.5976 11.3165 15.5976 11.7071 15.2071Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z' fill='white'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) center/24px, #19B28D;
}

#errors_container:empty {
    visibility: hidden;
}

#errors_container:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #19B28D;
    transform: rotate(45deg) translateY(-50%);
    right: 25px;
    top: 0;
}

.order-details-container {
    max-width: 700px;
    width: 100%;
    font-family: 'Assistant';
}

.order-details-container .row.headline {
    padding: 10px 38px 10px 10px;
    margin-top: 28px;
}

.order-details-container .row {
    padding: 28px 38px;
    background: rgba(245, 252, 254, 0.5);
    border: 1px solid rgba(51, 122, 165, 0.1);
    border-radius: 9px;
}

.order-details-container .row + .row {
    margin-top: 7px;
}

.order-details-container .field-row {
    display: flex;
    align-items: center;
}

.order-details-container .field-row .order {
    flex: 1;
    color: #306889;
    font-weight: bold;
    font-size: 18px;
}

.order-details-container .field-row + .field-row {
    margin-top: 18px;
}

.order-details-container .text {
    font-weight: 700;
    color: #000;
    width: 36%;
}

.order-details-container .value {
    color: #7791A0;
    font-size: 16px;
    font-weight: 600;
}

.print-btn {
    font-size: 18px;
    font-weight: 600;
    color: #275B79 !important;
    border-radius: 8px;
    padding: 13px 42px 13px 70px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M15.3764 0H1.62279C0.730231 0 0 0.738265 0 1.64826V10.0746C0 11.0013 0.730231 11.7626 1.62279 11.7626H2.74789V15.3067C2.74789 15.6875 3.05107 16 3.42522 16H13.553C13.9272 16 14.2214 15.6875 14.2214 15.3067V11.7626H15.3764C15.8126 11.7626 16.2201 11.5797 16.5311 11.2541C16.8361 10.9349 17 10.5136 17 10.0746V1.64826C17 0.738265 16.2761 0 15.3764 0ZM12.8679 14.6223H4.10133V6.28311H12.8679V14.6223ZM15.6466 10.0746C15.6466 10.2296 15.5186 10.3849 15.3764 10.3849H14.2214V5.58356C14.2214 5.2027 13.9272 4.90541 13.553 4.90541H3.42522C3.05107 4.90541 2.74789 5.2027 2.74789 5.58356V10.3849H1.62279C1.48227 10.3849 1.35344 10.2353 1.35344 10.0746V1.64826C1.35344 1.49619 1.4749 1.38813 1.62279 1.38813H15.3764C15.5264 1.38813 15.6466 1.50129 15.6466 1.64826V10.0746H15.6466Z' fill='%23275B79'/%3E%3Cpath d='M5.59282 2.27528H3.42501C3.05085 2.27528 2.74756 2.58849 2.74756 2.96934C2.74756 3.35019 3.05085 3.66341 3.42501 3.66341H5.59282C5.96697 3.66341 6.27027 3.35019 6.27027 2.96934C6.27027 2.58849 5.96698 2.27528 5.59282 2.27528Z' fill='%23275B79'/%3E%3C/svg%3E") no-repeat 24px center/17px, rgba(51, 122, 165, 0.1);
}

.error-container .headline .field-row {
    justify-content: space-between;
}

.error-container .headline .field-row {
    justify-content: space-between;
}

.error-container .headline .field-row .text {
    width: 50%;
}

.error-container .headline .field-row .text,
.error-container .value.error-code {
    color: #FF0000;
}

.pay-btn {
    font-size: 18px;
    font-weight: 600;
    color: #275B79 !important;
    border-radius: 8px;
    padding: 13px 70px;
    background: rgba(51, 122, 165, 0.1);
}

@media screen and (max-width: 780px) {
    .steps_container {
        justify-content: center;
    }

    #steps-bar .step {
        flex-direction: column;
        flex: 1;
    }

    .step-title {
        line-height: 20px;
        margin: 16px 0 0;
    }

    #check-order-form {
        display: flex;
        flex-direction: column;
    }

    .check_order_content label {
        margin: 0 10px 20px;
    }

    .pay-someone-content label {
        margin: 0 0 10px;
    }

    .submit_button {
        position: relative;
        margin-top: 14px;
    }

    .print-btn {
        font-size: 0;
        width: 76px;
        height: 40px;
        padding: 0;
        background-position: center;
    }

    .order-details-container .row {
        padding: 24px;
    }

    .order-details-container .row.headline {
        padding: 10px 24px 10px 10px;
    }

    .order-details-container .text {
        width: 60%;
    }

    .order-details-container .headline .text {
        width: 46%;
    }

    #errors_container {
        position: absolute;
        top: 185px;
    }

    .review-form-content {
        flex-direction: column;
        padding: 28px 20px 38px;
        margin-top: 34px;
    }

    .review-form-content label {
        margin-bottom: 48px;
    }

    #client-review-form [type="submit"] {
        left: auto;
        right: 0;
        margin-right: 0;
        margin-top: 0;
    }

    #pelecard-iframe-container {
        margin-top: 48px;
    }

    .pay-someone-content label {
        display: block;
    }

    .pay-someone-content input {
        width: 50%;
    }

    #client-review-form [type="submit"] {
        float: none;
        display: block;
        min-width: 236px;
    }
}

@media screen and (max-width: 540px) {
    .pay-someone-content {
        display: block;
    }

    #client-review-form .pay-someone-content input {
        min-width: 100%;
    }

    #client-review-form [type="submit"] {
        width: 100%;
    }

    .pay-btn {
        padding: 13px 15px;
    }
}

@media print {
    .order-details-container {
        direction: rtl;
    }

    #steps-bar {
        display: none;
    }
}