/* template external page*/
.ext-page {
    float: left;
    width: 100%
}
.ext-page .ext-header {
    float: left;
    width: 100%;
    display: flex;
    padding: 18px;
    border-bottom: 1px solid #D8D8D9
}

.ext-page .ext-header .logo{
    width: 156px;
    margin-right: auto;
}
.expected-monthly-shipments {
    margin: unset !important;
}
.expected-monthly-shipments .dropdown-toggle{
    height: 50px!important;
}
.ext-page .ext-header .logo-100{
    width: 100px;
    margin-right: auto;
}

.format-rtl .ext-header .logo {
    margin-left: auto;
    margin-right: unset;
}

.ext-page .ext-header .switch-language {
    display: flex;
    cursor: pointer;
}

.ext-page .ext-header .switch-language img {
    width: 30px;
    margin: auto;
}

.ext-page .ext-header .switch-language span {
    font-size: 14px;
    margin: auto 10px;
    color: #3D3D4E;
}
.box-concerns{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.box-concerns .reason-concerns{
    border-radius: 12px;
    border: 2px solid #848484;
    width: 100px;
    height: 54px;
    text-align: center;
    cursor: pointer;
    color: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
}
.csat-page .csat-title-text {
    font-size: 18px;
    line-height: 21.6px;
    color: #303030;
    font-weight: 500;
    text-align: center;
}
.csat-page textarea:focus{
    border: 1px solid #848484;
}
.csat-page .btn-next.active{
    box-shadow: 0 8px 20px rgba(0, 174, 87, 0.25);
}
.csat-page .ratings {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    direction: ltr;
    text-align: right;
}
.format-rtl .csat-page .ratings {
    direction: ltr;
}
.csat-page .ratings {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    direction: rtl;
    text-align: center;
}
.csat-page .fa-circle-check:before {
    font-size: 40px;
    font-weight: 900;
}
.feedback-csat .hide{
    display: none;
}
.csat-page .feedback-success-container.active {
    display: block;
}
.csat-page .feedback-success-container {
    margin-top: 20px;
    text-align: center;
    display: none;
}
.csat-page .feedback-success-container .txt-order-success  {
    font-size: 18px;
    font-weight: 500;
    color: #00AE57;
    margin-top: 10px;
}
.csat-page .feedback-success-container .content-order-success  {
    font-size: 16px;
    font-weight: 300;
    color:#303030;
}
.csat-page .star {
    position: relative;
    line-height: 60px;
    display: inline-block;
    transition: color 0.2s ease;
    color: #ebebeb;
    margin: 0 5px;
}
.box-concerns .reason-concerns.active{
    color: #1C94F1;
    border: 2px solid #1C94F1;
}
.csat-page .star:before {
    content: '\f005';
    font-family: "Font Awesome 6 Pro";
    font-size: 30px;
    font-weight:900;
}

.csat-page .star:hover,
.csat-page .star.selected,
.csat-page .star:hover ~ .star,
.csat-page .star.selected ~ .star.csat-page,
.csat-page .star.selected ~ .star:before{
    transition: color 0.5s ease;
    color: #FCFF7C;
    -webkit-text-stroke: 2px #F68E1D;
}
.area-switch-language a {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    float: left;
    margin: 0px 20px;
    cursor: pointer;
    border-radius: 25px;
    color: #46AFFF;
    text-decoration: underline;
    top: 16.5px;
}

.vfs-page .ext-header .switch-language span {
    font-size: 16px;
    margin: auto 10px;
    color: #3D3D4E;
}

.ext-page .ext-header .switch-language i {
    margin: auto;
    font-size: 14px;
    color: #171E57;
}
.ext-page .ext-header .switch-language .dropdown-toggle {
    margin: auto;
}
.ext-page .ext-header .switch-language.open .dropdown-menu {
    display: block;
    width: 130px;
    left: -10px;
}
.ext-page .ext-header .switch-language.open .dropdown-menu img {
    width: 30px;
    margin-right: 5px;
    height: 19px;
}
.format-rtl .ext-page .ext-header .switch-language.open .dropdown-menu img {
    margin-right: 0;
    margin-left: 5px;
}
#community-member-register-form input[type="radio"] {
    width: 24px;
    height: 24px;
    accent-color: #2A2D47;
}
#community-member-register-form .spl-box-content-choose-a-locker {
    color: #2A2D47;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 3px;
}
#community-member-register-form .spl-address-item {
    color: #848484;
    font-size: 14px;
    font-weight: 300;
}
#community-member-register-form .point-containter {
    height: 200px;
    overflow: auto;
}
#community-member-register-form .point-containter::-webkit-scrollbar  {
   display: none;
}
.product-community-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    padding: 10px 20px 10px 15px;
    margin-top: 12px;
}
.custom-community-register {
    justify-content: space-between;
}
.content-container-community {
    display: flex;
    gap: 15px;
}
.product-community-item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2A2D47;
}
.ext-body {
    float: left;
    width: 100%;
    background: #F3F3F3;
    min-height: calc(100vh - 124px);
}
.ext-page .ext-footer {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px;
    color: #2D3748;
    font-weight: 300;

}
.title-modal p {
    font-size: 18px;
    line-height: 24px;
    color: #2A2D47;
    text-align: center;
    width: 100%;
    font-weight: 500;
}
.title-modal {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-circle-xmark {
    font-size: 20px;
    line-height: 24px;
    color: #2A2D47;
}
.fa-circle-xmark:hover {
    color: #027CF5;
}
.fa-circle-xmark:before {
    font-family: 'Font Awesome 5 Pro' !important;
}
.modal-ext {
    padding: 20px 20px 25px 20px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px !important;
    width: 26%;
    min-width: 400px;
}
/* template external page end */
.cmr-v1, .ext-page {
    font-family: 'Alexandria';
}
p {
    margin-bottom: 0;
}
.cmr-v1 .action-step, .ext-page .action-step {
    display: none;
}
.cmr-body {
    min-height: calc(100vh - 128px);
}
.cmr-v1 .action-step-1, .ext-page .action-step-1 {
    display: block;
}
.cmr-v1 .logo, .ext-page .logo {
    height: 38px;
    width: auto !important;
}
#business-signup-v2-form {
    font-family: Alexandria !important;
}
#business-signup-v2-form input::placeholder{
   font-weight: 300;
}
.alexandria-font {
    font-family: Alexandria !important;
}
.font-weight-300 {
    font-weight: 300;
}
#business-signup-v2-form .submit-field h5,#business-signup-v2-form .bootstrap-select.btn-group button{
   font-weight: 300;
}
#business-signup-v2-form  input{
    font-weight: 300;
}
.jconfirm-content{
    font-weight: 300;
}
.box-content-no-title {
    padding: 60px 20px 25px 20px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    width: 26%;
    min-width: 400px;
}
.action-how-it-work {
    padding: 20px 20px 25px 20px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px !important;
    width: 35%;
    min-width: 400px;
}
.box-content {
    padding: 60px 20px 25px 20px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
}
.form-signup {
    display: flex;
    justify-content: center;
    align-items: start;
}
.margin-top-50 {
    margin-top: 50px;
}

.cmr-v1 .action-step-2 .box-text p:first-child, .cmr-v1 .action-step-1 .box-text p:first-child {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #2D3748;
    margin-bottom: 5px;
}
.cmr-v1 .action-step-2 .box-text p:nth-child(2),.cmr-v1 .action-step-1 .box-text p:nth-child(2) {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #2A2D47;
    text-align: center;
}
.cmr-v1 .action-step-2 .box-info,.cmr-v1 .action-step-1 .box-info{
    display: flex;
}
.cmr-v1 .action-step-2 .box-info .image-box,.cmr-v1 .action-step-1 .box-info .image-box {
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    width: 60px;
    height: 60px;
}
.cmr-v1 .action-step-2 .box-info img,.cmr-v1 .action-step-1 .box-info img  {
    width: 46px;
    height: 46px;
    border-radius: 4px;
    margin-right: 15px;
}
.cmr-v1 .action-step-2 .box-text, .cmr-v1 .action-step-1 .box-text {
    margin-bottom: 60px;
}
.cmr-v1 .action-step-2 .box-info-text p ,.cmr-v1 .action-step-1 .box-info-text p {
    line-height: 25px;
}
.cmr-v1 .action-step-1 .box-info-text p:first-child ,.cmr-v1 .action-step-2 .box-info-text p:first-child {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #2D3748;
}
.cmr-v1 .action-step-2 .box-info-text p:nth-child(2) , .cmr-v1 .action-step-1 .box-info-text p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #3D3D4E;
    font-weight: 300;
}
.container-btn-how-it-work {
    text-align: center;
    font-size: unset;
}
.fa-question-circle:before {
    content: "\f059";
    color: #027CF5;
    margin: 5px;
}
.area-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
}
.cmr-note-mark {
    margin-top: 20px;
}
.cmr-discount {
    margin-top: 20px;
}
.cmr-note-mark p {
    font-style: italic;
    font-size: 15px;
    line-height: 22px;
    color: #00AE57;

    margin-bottom: 2px;
}
.cmr-font-awe, .ic-font-awe-5 {
    display: flex;
    align-items: center;
}
.cmr-font-awe:before, .ic-font-awe-5:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
}
.ic-font-awe-6:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
}
.cmr-note-mark p:before {
    color: #00AE57;
    content: '\f058';
    margin-right: 10px;
    padding-bottom: 3px;
}
.container-btn-how-it-work i {
    margin: 0 2px;
}
.container-btn-how-it-work .btn-how-it-work{
    padding-bottom: 3px;
}
.cmr-note-mark-custom p:before {
    padding-bottom: 24px;
}
.cmr-v1 .cmr-discount .discount-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #3D3D4E;
    margin-bottom: 7px;
}
.cmr-v1 .cmr-discount .promo-text {
    font-style: italic;
    font-size: 15px;
    line-height: 24px;
    color: #3D3D4E;
}
.cmr-v1 .cmr-discount .promo-text:before {
    color: #00AE57;
    content: '\f646';
    margin-right: 10px;
    margin-bottom: 4px;
}
.format-rtl #howToReceivePopup .btn-share a {
    padding-left: 25px;
}
.format-rtl #howToReceivePopup .btn-share:before{
    padding-left: 10px;
}
.promo-text .hl-red {
    padding: 0 3px;
    color: #FFFFFF;
    background: #D9373F;
    font-weight: 500;
}
.cmr-v1 .action-step-2 .cmr-action {
    text-align: center;
}
.hide-content-discount {
    display: none;
}
.btn-regsiter {
    background: #00AE57;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 25px;
    filter: drop-shadow(0px 8px 20px rgba(0, 174, 87, 0.25));
}
.cmr-form-no-title.action-how-it-work {
    padding: 20px 20px 25px 20px;
}
.input-container-fullname{
    position: relative;
}
.format-rtl .input-container-fullname .clear-icon {
    left:20px;
    right: unset;
}
.input-container-fullname .clear-icon{
    position: absolute;
    top: 13px;
    right: 20px;
    color: #D9373F;
    cursor: pointer;
}
.display-none-icon-clear-text {
    display: none;
}
.btn-confirm-emmail:disabled {
    background:#B1B1B1 !important;
    filter: drop-shadow(0px 8px 20px rgba(177, 177, 177, 1)) !important;
}
.point-content-container {
    border-bottom: 1px solid #c4c4c4;
    padding: 18px;
}
.btn-confirm-emmail{
    background:#46AFFF !important;
    filter: drop-shadow(0px 8px 20px rgba(70, 175, 255, 0.25)) !important;
}
.btn-how-it-work {
    font-size: 15px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #027CF5;
    font-weight: 400;
}
.intl-tel-input {
    flex-grow: 1;
}
.customs-info-box {
    background-color: #EAF3F8;
    border: 1px solid #7080FF;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}
.customs-info-err {
    background-color: #EDEDED;
    border: 1px solid #ABABAB;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}
.customs-info-box .customs-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    color: #7080FF;
}
.customs-info-box .customs-classification {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #7080FF;
}
.customs-info-err .customs-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}
.customs-info-err .customs-classification {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    color: #444444;
}
.display-none {
    display: none;
}
#community-member-register-form  input[type="text"] {
    color:#3D3D4E !important;
}
.cmr-btn-hiw {
    margin-top: 22px;
}
.action-how-it-work .title-hiw p, .title-modal-with-close p {
    font-size: 18px;
    line-height: 24px;
    color: #2A2D47;
    text-align: center;
    width: 100%;
    font-weight: 500;
}
.action-how-it-work .title-hiw, .title-modal-with-close {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-question {
    font-weight: 500;
    font-size: 22px;
    line-height: 20px;
    color: #3D3D4E;
    margin-bottom: 40px;
    margin-top: 25px;
}
.format-rtl .title-question {
    text-align: right;
}
.hiw-step {
    display: flex;
    align-items: start;
    column-gap: 15px;
    margin-bottom: 25px;
}
.hiw-step .title-step, .modal-refund-policy .line-content .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    margin-bottom: 5px;
}
.modal-refund-policy .line-content, .modal-refund-policy .line-content .title {
    margin-bottom: 10px;
}
.modal-refund-policy .line-content .detail {
    margin-bottom: 8px;
}
.hiw-step .content-step, .modal-refund-policy .line-content .detail, .modal-refund-policy .line-content .detail li {
    font-size: 15px;
    line-height: 20px;
    color: #3D3D4E;
}
.modal-refund-policy {
    width: 30%;
}
.modal-refund-policy .line-content-in {
    padding-left: 20px;
}
.modal-refund-policy .fa-circle-xmark {
    margin-left: 10px;
}
.format-rtl .modal-refund-policy .line-content-in {
    padding-left: 0;
    padding-right: 20px;
}
.format-rtl .modal-refund-policy .fa-circle-xmark {
    margin-left: 0;
    margin-right: 10px;
}
.note-hiw {
    font-style: italic;
    font-size: 15px;
    color: #D9373F;
    margin-bottom: 10px;
}
.note-hiw:before {
    content: "\f05a";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-right: 5px;
}
.hiw-download {
    display: flex;
    justify-content: space-between;
}
.label-download p:first-child {
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #2A2D47;
    text-transform: uppercase;
}

.label-download p:nth-child(2) {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #D9373F;
}
.cmr-btn-hiw button {
    width: 100%;
    display: block;
    border-radius: 6px;
    text-align: left;
    padding: 13px 0 13px 15%;
}
.cmr-btn-hiw .btn-sw, .btn-select-hiw .btn-sw {
    font-weight: 500;
    font-size: 18px;
    color: #027CF5;
    background: #EEF7FF;
    margin-top: 15px;
}
.cmr-btn-hiw .btn-share {
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #2A2D47;
    border: 1px solid #C8C8C8;
}
.cmr-btn-hiw .btn-sw:before, .cmr-btn-hiw .btn-share:before,
.cmr-btn-hiw .btn-sw:after, .cmr-btn-hiw .btn-share:after,
.btn-select-hiw .btn-sw:after, .btn-select-hiw .btn-sw:before{
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.cmr-btn-hiw .btn-sw:before, .btn-select-hiw .btn-sw:before {
    content: "\f059";
    color: #027CF5;
    padding-right: 35px;
}
.cmr-btn-hiw .btn-share:before {
    color: #2A2D47;
    content: "\f064";
    padding-right: 20px;
}
.modal-redbox {
    background: #fff;
    text-align: left;
    max-width: 610px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
}
.cmr-v1 .action-step-2, .cmr-v1 .action-step-verify, .cmr-v1 .action-step-verify-after {
    min-width: 26%;
    color: #3D3D4E;
}
.cmr-v1 .action-step-2 .box-content {
    padding: 25px 20px;
}
.cmr-input {
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    box-shadow: none;
}
.btn-confirm:disabled {
    filter: drop-shadow(0px 8px 20px rgba(177, 177, 177, 0.25));
    background: #B1B1B1;
}
.btn-confirm {
    margin-top: 20px;
    filter: drop-shadow(0px 8px 20px rgba(0, 174, 87, 0.25));
    background: #00AE57;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px 0;
}
.box-verify a {
    font-size: 15px;
    line-height: 22px;
    text-decoration-line: underline !important;
    color: #027CF5 !important;
}
.text-phone-extra {
    font-style: italic;
    font-size: 16px;
    line-height: 19px;
    color: #D9373F;
}
.input-area input {
    margin: 0 0 25px 0;
    box-shadow: unset !important;
    border: 1px solid #C8C8C8 !important;
    color: #3D3D4E;
}
.input-area input:focus {
    background: #F3F3F3;
    border: 1px solid #848484;
}
.input-area p {
    margin-bottom: 5px;
    color: #3D3D4E;
}
.input-area input::placeholder {
    color: #ABABAB;
}
.bsu-page .box-step-content input::placeholder {
    color: #ABABAB;
}
.title-action {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #2A2D47;
    margin-bottom: 50px;
    text-align: center;
}
.text-note-top {
    font-style: italic;
    color: #3D3D4E;
    margin-bottom: 10px;
}
.text-note-top-error {
    color: #D9373F;
    display: none;
}
.cmr-v1 .action-step-verify .input-email {
    margin-bottom: 0;
}
.verify-mail-back {
    margin-top: 15px;
    text-align: center;
}
.cmr-v1 .action-step-verify-after img {
    width: 100%;
}
.text-mail-sent, .text-mail-resent {
    margin-top: 30px;
}
.text-mail-resent {
    color: #D9373F;
    display: none;
}
.label-direct {
    text-decoration-line: underline;
    color: #027CF5;
}
.area-resend {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.btn-enter-code {
    background: #00AE57;
    border-radius: 6px;
    padding: 20px 0;
    color: #FFFFFF;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}
.ic-done:before {
    content: "\f058";
}
.fa-circle-check:before {
    font-weight: 900;
    font-size: 120px;
    color: #00AE57;
}
.fa-circle-check.feedback-success:before {
    font-weight: 900;
    font-size: 40px;
    color: #00AE57;
}
#modalFeedbackSuccess .popup-tab-content {
    padding: unset;
    text-align: center;
}
#modalFeedbackSuccess {
    border-radius: 12px;
    width: 345px;
}
#modalFeedbackSuccess .feedback-send-successfully{
    color: #00AE57;
    font-size: 18px;
    font-weight: 500;
}
#modalFeedbackSuccess .thank-for-your-feedback{
    color: #303030;
    font-size: 16px;
    font-weight: 300;
}
#modalFeedbackSuccess{
   padding: 15px;
}
#modalFeedbackSuccess .popup-tab-content .description-text{
    margin-bottom: 10px;
    margin-top: 10px;
}
#modalFeedbackSuccess .divider{
    border-bottom: 1px solid #c4c4c4;
}
#modalFeedbackSuccess .modal-footer button{
    border-radius: 8px;
    border: 1px #666666 solid;
    background-color: #FFFFFF;
    color: #666666;
    margin-top: 15px;
}
.icon-success {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.text-success-screen p:first-child, .express-success {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #00AE57;
    text-align: center;
}
.text-success-screen p:nth-child(2) {
    font-size: 16px;
    line-height: 19px;
    color: #2D3748;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 40px;
}
.recycling-text-success p:nth-child(2) {
    margin-top: 8px;
    margin-bottom: 24px;
    max-width: 415px;
}
.image-pair-to-pair {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 15px;
    padding-bottom: 15px;
}
.btn-go-to-home {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    background: #46AFFF;
    box-shadow: 0px 8px 20px rgba(70, 175, 255, 0.25);
    border-radius: 6px;
    padding: 15px;
    width: 100%;
    margin-bottom: 10px;
}
.btn-go-to-home a {
    color: #FFFFFF;
}
.line-phone-customer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plus-line, .minus-line {
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    padding: 15px;
    margin: 0 0 25px 15px;
    height: 48px;
}
.plus-line:before {
    font-size: 19px;
    content: '\2b';
}
.minus-line:before {
    font-size: 19px;
    content: "\f068";
}
.input-activation-code:disabled {
    background: #F3F3F3;
}
.box-content-no-title, .action-how-it-work {
    margin-bottom: 20px;
}
.plus-line:hover, .minus-line:hover {
    background: #F3F3F3;
    cursor: pointer;
}
.btn-share a {
    color: unset;
}
.apple-download, .chplay-download {
    cursor: pointer;
}
.btn-back {
    margin-top: 20px;
    background: transparent;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid #C8C8C8;
    font-size: 18px;
    line-height: 21px;
    color: #3D3D4E;
    width: 100%;
    padding: 15px 0;
}
.box-btn-confirm, .box-btn-next {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}
.cmr-v1 .warning-extra {
    text-align: center;
    padding: 5px 0;
    color: #FFFFFF;
    background: #2A2D47;
    display: flex;
    justify-content: center;
}
.cmr-v1 .warning-extra:before {
    content: "\f05a";
    padding-right: 10px;
}
.input-activation-code {
    text-transform: uppercase !important;
}
.format-rtl .box-info-text {
    text-align: right;
    margin-right: 15px;
}
.format-rtl .cmr-font-awe:before {
    padding-left: 5px;
}
.format-rtl .box-verify {
    text-align: right;
}
.format-rtl .plus-line,.format-rtl .minus-line {
    margin: 0 15px 25px 0;
}
.format-rtl .discount-text, .format-rtl .input-area p, .format-rtl .text-mail-sent,
.format-rtl .text-mail-resent, .format-rtl .mail-sent, .format-rtl .hiw-step .box-text {
    text-align: right;
}
.format-rtl .minus-line:before, .format-rtl .plus-line:before {
    padding-left: unset;
}
.format-rtl .cmr-btn-hiw .btn-sw::after {
    content: "\f059";
    color: #027CF5;
    padding-left: 35px;

}
.format-rtl .cmr-btn-hiw .btn-sw::before {
    content: "";
}
/* RedBox sampling start */
.body-sampling-register, .ext-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ext-vertical {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sampling-register {
    color: #3D3D4E;
    font-family: 'Alexandria';
}
.mfp-bg{
    opacity: 0.8;
}
.sampling-register input[type=text]:hover,
.sampling-register input[type=text]:focus {
    background-color: #F3F3F3;
}
.sampling-register input[type=text]::placeholder {
    color: #ABABAB;
}
.sampling-register input[type=text] {
    color: #3D3D4E;
}
.spl-box-title, .ext-box-title {
    text-align: center;
}
.sampling-register .spl-content, .ext-content, .vfs-container {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    min-width: 400px;
}
.sampling-register .spl-content {
    min-width: 464px;
}
.format-rtl {
    font-family: Alexandria !important;
}
.format-rtl .sampling-register {
    text-align: right;
    font-family: Alexandria !important;
}
.format-rtl p,.format-rtl button,.format-rtl select,.format-rtl h5 {
    font-family: Alexandria ;
}
.product-sampling-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    padding: 10px 20px 10px 10px;
    margin-top: 12px;
}
.product-sampling-item img {
    max-width: 60px;
    max-height: 60px;
}
.product-sampling-item label {
    margin: auto 0;
}
.product-sampling-item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2A2D47;
}
.product-sampling-item label input{
    margin: 0;
}
.line-time-promotion {
    padding: 15px 0;
    border-bottom: 1px solid #C8C8C8;
    text-align: center;
}
.spl-box-title p, .ext-box-title p {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #2A2D47;
    margin-top: 10px;
}
.spl-box-title p {
    margin-top: 0;
}
.line-register-to-receive {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #3D3D4E;
    margin-bottom: 25px;
    margin-top: 5px;
}
.line-register-to-receive span:nth-child(2){
    font-style: italic;
     font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    background: #D9373F;
    padding: 5px 6px 5px 4px;
}
.line-time-promotion {
    font-style: italic;
    font-size: 15px;
}
.line-time-promotion span:nth-child(2){
    color: #D9373F;
}
.spl-action, .btn-action {
    text-align: center;
}
.sampling-register input[type="radio"] {
    accent-color: #2A2D47;
}
.spl-box-content {
    margin-top: 26px;
}
.spl-input-area p, .recycling-input p {
    margin-bottom: 5px;
}
.spl-terms {
    display: flex;
    align-items: center;
}
.spl-terms input {
    width: 18px;
    height: 18px;
    min-width: unset;
    margin: 0 10px 0 0;
}
.spl-terms {
    padding-bottom: 6px;
    border-bottom: 1px solid #ECECEC;
}
.btn-next {
    margin-top: 20px;
    background: #B1B1B1;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px 0;
}
.btn-next.active {
    background: #46AFFF !important;
    box-shadow: 0 8px 20px rgba(70, 175, 255, 0.25);
}
.spl-terms .term {
    font-style: italic;
    font-size: 14px;
}
.spl-term-content, .modal-content {
    margin-top: 10px;
    color: #3D3D4E;
    padding-bottom: 20px;
    border-bottom: 1px solid #D6DEE6;
    margin-bottom: 20px;
}
.btn-agree-term, .btn-change-phone-recycling {
    width: 100%;
    margin-top: 20px;
    font-weight: 500;
}
.spl-terms input:checked {
    accent-color: #002B4E;
}
.img-send-sms-success {
    width: 100%;
}
.box-info-send-sms {
    padding-bottom: 15px;
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 20px;
    text-align: center;
}
.text-info-send-sms p:nth-child(1) {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #2A2D47;
    padding: 20px 0 12px 0;

}
.text-info-send-sms p:nth-child(2) {

}
.text-info-send-sms p:nth-child(3) {
    color: #2A2D47;
    font-weight: 500;
}
.spl-verification-code, .input-verification-code {
    margin: 0 !important;
}
.sampling-qr, .success-qr {
    text-align: center;
}
.text-describe-qr-spl, .text-noti-scan-gift {
    margin: 30px auto;
    font-style: italic;
    font-size: 16px;
    color: #D9373F;
    text-align: center;
    max-width: 320px;
}
.text-noti-scan-gift {
    margin: 10px auto;
    max-width: unset;
}
.text-noti-scan-gift.with-border {
    padding: 10px 0;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 0;
    margin-top: 20px;
}
.seamless.btn-close {
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
}
.seamless.btn-close .btn-confirm {
    margin-top: 0;
}
.line-pickup-code {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2D3748;
    margin-bottom: 20px;
    margin-top: 25px;
}
.line-text-spl-item {
    min-width: 285px;
}
.line-text-spl-item .show-detail {
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    color: #027CF5;
    text-decoration-line: underline;
}
.mySlides {
    display: none;
    min-width: 244px;
    min-height: 244px;
}
.spl-detail-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
}
.spl-detail-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2A2D47;
    margin-bottom: 30px;
}
.spl-detail-description,.spl-detail-label-information {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    margin-bottom: 10px;
}
.spl-detail-text {
    font-size: 16px;
    line-height: 20px;
    color: #3D3D4E;
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
}
.spl-detail-label-information {
    margin-top: 20px;
}
.spl-detail-line-info {
    display: flex;
    margin-bottom: 25px;
}
.format-rtl .spl-detail-line-info {
    text-align: right;
}
.spl-detail-line-info p:first-child {
    min-width: 142px;
    font-size: 14px;
    line-height: 20px;
    color: #3D3D4E;
}
.spl-detail-line-info p:nth-child(2) {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #3D3D4E;
}
.spl-detail-line-info:last-child {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.spl-detail-slide i {
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}
.spl-detail-slide i:hover {
    color: #C4C4C4;
}
.btn-select-sampling {
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    background: #46AFFF;
    box-shadow: 0 8px 20px rgba(70, 175, 255, 0.25);
    border-radius: 6px;
    height: 50px;
    color: #FFFFFF;
    width: 100%;
}
.btn-next:not([disabled]):hover {
    background: #46AFFF;
}
.spl-check-code-wrong, .check-wrong-otp {
    font-style: italic;
    font-size: 16px;
    line-height: 19px;
    color: #D9373F;
    margin-bottom: 10px;
    display: none;
}
.format-rtl .spl-terms input {
    margin: 0 0 0 10px;
}
#splAgreeTerm {
    box-shadow: unset;
}
.btn-back:hover, .btn-cancel-otp:hover {
    background: #F3F3F3 !important;
}
.format-rtl .spl-detail-content p, .format-rtl .spl-term-content {
    text-align: right;
}
.saudi-flag-man {
    width: auto;
    height: 30vh;
    margin-top: -10vh;
}
.text-happy-nation {
    color: #00ae57 !important;
    margin-top: 20px !important;
     font-weight: 500 !important;
    font-size: 28px !important;
}
.text-receive-flag {
    font-weight: 500 !important;
    margin-top: 0 !important;
}
.flag-saudi-item {
    display: flex;
    justify-content: center;
}
.flag-saudi-item .line-text-spl-item {
    min-width: unset !important;
}
.spl-box-content-saudi-flag {
    margin-top: unset !important;
}
.line-time-promotion-saudi-flag {
    border-bottom: unset;
}
.flag-saudi-item img {
    border-radius: 8px;
}
/* RedBox sampling end */
.btn-no-bgr {
    background: #FFFFFF;
    color: #2A2D47;
    border: 1px solid #000000;
    border-radius: 6px;
    height: 50px;
}
.btn-refresh-list {
    color:#ffffff;
    background: #7080FF;
    border-radius: 6px;
    height: 50px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    padding: 10px;
    border-radius: 16px;
    min-width: 30%;
}
.mini-express-body {
    font-family: 'Alexandria';
    font-style: normal;
    background: #FFF7F7;
    color: #3D3D4E;
}
.mini-express-body .title-just-4-steps {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #EB3738;
    margin-top: 85px;
    margin-bottom: 15px;
}
.mini-express-body .title-how-to-use {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    color: #2A2D47;
    display: inherit;
}
.box-line-separate-htu {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 70px;
}
.line-separate-htu {
    width: 150px;
    height: 4px;
    background: #EB3738;
}
.box-htu-express {
    display: flex;
    justify-content: space-between;
    background-image: url('../images/mini-express-htu-background.svg');
    background-repeat: no-repeat;
    background-size: calc(100% - 250px);
    background-position: center;
}
.box-htu-express .step {
    text-align: center;
    width: 20%;
}
.box-htu-express .label-step {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #2A2D47;
    margin-top: 35px;
    margin-bottom: 15px;
}
.box-htu-express .text-step {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #3D3D4E;
}
.mini-express-page-bottom {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    padding: 0;
    margin-top: 40px;
}
.title-create-redbox-express p {
    font-weight: 500;
    font-size: 18px;
    line-height: 45px;
    color: #2A2D47;
}
.create-mini-express-content {
    padding: 25px 35px 35px 35px;
}
.create-mini-express-content .tab-content {
    display: none;
    justify-content: space-between;
    column-gap: 2%;
    margin-bottom: 30px;
}
.create-mini-express-content .tab-content.active {
    display: flex;
}
.tab-locker-locker, .tab-locker-door {
    border: 1px solid #848484;
    border-radius: 6px;
    height: 51px;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.tab-locker-locker span, .tab-locker-door span{
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    color: #848484;
}
.tab-locker-locker.active, .tab-locker-door.active {
    background: #D9373F;
    color: #FFFFFF;
    border-color: #D9373F;
}
.tab-locker-locker.active span, .tab-locker-door.active span {
    color: #FFFFFF;
}
.tab-locker-locker .img-banner {
    position: absolute;
    top: -7px;
    left: -3px;
}
.tab-locker-door .img-banner {
    position: absolute;
    top: -5px;
    left: -4px;
}
.arrow-steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.arrow-steps .step-number {
    font-weight: 500;
    font-size: 18px;
    color: #848484;
    line-height: 20px;
}
.arrow-steps .step-label {
    font-size: 16px;
    color: #848484;
    line-height: 20px;
}
.arrow-steps .step {
    font-size: 14px;
    text-align: center;
    color: #777;
    cursor: default;
    float: left;
    position: relative;
    background-color: #F3F3F3;
    width: 31%;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrow-steps .step.current p {
    color: #2A2D47;
}
.arrow-steps .step:after,
.arrow-steps .step:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 20px solid #F3F3F3;
    z-index: 2;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 20px solid #FFFFFF;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:last-child:after {
    border: none;
}

.arrow-steps .step:first-child.current .step-border:before {
    border: none;
}

.arrow-steps .step:last-child.current .step-border:after {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.arrow-steps .step span {
    position: relative;
}

*.arrow-steps .step.done span:before {
    opacity: 1;
    content: "";
    position: absolute;
    top: -2px;
    left: -10px;
    font-size: 11px;
    line-height: 21px;
}

.arrow-steps .step.current {
    color: #2A2D47;
    background-color: #FFFFFF;
    border:2px solid #2A2D47;
}

.arrow-steps .step.current::before {
    left: -2px;
    z-index: 1;
}

.arrow-steps .step.current:before, .arrow-steps .step.current:after {
    top: -1px;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
}

.arrow-steps .step.current .step-border:after,
.arrow-steps .step.current .step-border:before {
    content: "";
    position: absolute;
    top: -2px;
    right: -23px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 22px solid #2A2D47;
    z-index: 0;
}

.arrow-steps .step.current .step-border:before {
    right: unset;
    left: 0;
}

.arrow-steps .step.current a {
    color: #fff;
    text-decoration: none;
}

.arrow-steps .step.current:after {
    border-left: 20px solid #FFFFFF;
}

.arrow-steps .step:last-child.current:after {
    border:none;
}

.arrow-steps .step.done {
    color: #173352;
    background-color: #2f69aa;
}

.arrow-steps .step.done a {
    color: #173352;
    text-decoration: none;
}

.arrow-steps .step.done:after {
    border-left: 17px solid #2f69aa;
}
.mini-express-page-bottom .content-step-1 .label-summary {
    margin-top: 24px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #2A2D47;
    font-weight: 500;
}
.mini-express-page-bottom .content-step-1 .label-information,
.luggage-web .content-step-2 .label-information {
    font-size: 14px;
    line-height: 18px;
    color: #3D3D4E;
    margin-bottom: 10px;
}
.mini-express-page-bottom .area-input {
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}
.btn-next-step {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    height: 50px;
    background: #46AFFF;
    border-radius: 6px;
    width: 100%;
    filter: drop-shadow(0px 8px 12px rgba(177, 177, 177, 0.25));
}
.btn-confirm-step {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    height: 50px;
    background: #00AE57;
    border-radius: 6px;
    width: 100%;
    filter: drop-shadow(0px 8px 12px rgba(177, 177, 177, 0.25));
}
.btn-confirm-step:hover {
    background: #00984C;
}
.btn-next-step:disabled {
    background: #B1B1B1;
}
.mini-express-page-bottom .dropdown-menu {
    display: none;
}
.mini-express-page-bottom .dropdown-menu.open,
.mini-express-page-bottom .dropdown-menu.open ul, .mini-express-page-bottom .dropdown-menu {
    display: block;
    height: 300px;
    overflow: scroll !important;
}
.mini-express-page-bottom .box-input-estimate-weight .dropdown-menu.open ul,
.mini-express-page-bottom .box-input-estimate-weight .dropdown-menu {
    overflow: hidden !important;
}
.infowindow-template, .infowindow-template-home-delivery {
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    top: 420px;
    left: 0;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    margin: 15px;
}
.infowindow-template.active, .infowindow-template-home-delivery.active {
    top: 0;
}
.close-point {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #757575;
    cursor: pointer;
    color: #757575;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-point i {
    font-size: 16px;
}
.format-rtl .tracking-shipment-page-new .area-pick-point .area-map #pac-input,
.format-rtl .tracking-shipment-page-new .area-pick-point .area-map-home-delivery #pac-input-home-delivery {
    padding: 0 40px 0 20px;
}
.per-point {
    position: relative;
    padding: 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 12px;
    margin: auto;
    background-color: #ffffff;
    max-width: 360px;
    width: 100%;
}

.per-point.selected .selected-point {
    display: block;
}

.per-point.selected button {
    display: none;
}

.selected-point {
    display: none;
    color: #08af0e;
    font-weight: 500;
    text-transform: uppercase;
}

.selected-point i {
    margin-right: 5px;
}

.icon-block {
    display: flex;
    line-height: 29px;
}

.icon-block:first-child {
    margin-bottom: 5px;
}

.a-icon {
    min-width: 20px;
    max-width: 50px;
}

.a-icon img {
    width: 100%;
}

.a-icon i {
    color: #ba1d10;
}

.format-rtl .a-content {
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
}

.a-content {
    flex: 1;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a-content .name1 {
    font-size: 15px;
    line-height: 25px;
    color: black;
}

.a-content .name2 {
    font-size: 14px;
    line-height: 25px;
}

.a-content .name2 span {
    color: #C52600;
    font-weight: 500;
}

.a-content .pp-modal-line1 {
    font-size: 15px;
    line-height: 20px;
    color: black;
    font-weight: 500;
}

.a-content .pp-modal-line2 {
    font-size: 13px;
    line-height: 20px;
}

.a-content .pp-modal-line2 span {
    color: #C52600;
    font-weight: 500;
}

.icon-block .a-content {
    flex: 1;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #848484;
    font-size: 13px;
}

.icon-block .a-icon {
    text-align: center;
}

.icon-block .a-icon i {
    color: #ACB0B6;
}

.icon-block .a-icon img {
    height: 40px;
}

.per-point .area-select-point {
    text-align: center;
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.tracking-shipment-page-new .per-point{
    padding: 15px;
    max-height: 100%;
    overflow: auto;
}

.area-select-point {
    text-align: center;
    margin-top: 10px;
}

.area-select-point button {
    background: #46AFFF;
    border-radius: 8px;
    color: #fff;
    border: none;
    margin: 0;
    width: auto;
    overflow: visible;
    line-height: normal;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 4px 4px 12px rgba(68, 174, 255, 0.42);
    width: 100%;
    height: 41px;
}
.popup-confirm-access-restricted-area {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e6e3e3;
    padding: 10px;
    border-radius: 3px;
    right: 35px;
    bottom: 51px;
    width: 80%;
}

.css-restricted-access {
    margin-right: 5px;
    color: red;
}
.area-select-point button.disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
button.button-done-pick-point {
    background: #00AE57;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 500;
    height: 48px;
    box-shadow: none;
}
button.button-done-pick-point:disabled {
    background-color: #BFBFBF;
    cursor: not-allowed;
}

.format-rtl .tracking-shipment-page-new .area-label-point {
    float: right;
}
.format-rtl .tracking-shipment-page-new .area-label-point .per-point {
    float: right;
    margin-left: 20px;
    margin-right: 0px;
}

.open-hour-popup-pick-point {
    overflow: auto;
    height: 75%;
}
.icon-block:first-child {
    margin-bottom: 5px;
}
.icon-block {
    display: flex;
    line-height: 34px;
}
.table-customize {
    font-size: 13px;
}
.table-customize thead tr, .table-customize tbody tr {
    line-height: 17px;
}
.open-hour-popup-pick-point td {
    padding: 2px 10px !important;
}
table.basic-table tr:first-child th:first-child, table.basic-table tr:first-child td:first-child {
    border-left: 1px solid #ECECEC;
    background: transparent;
}
table.basic-table td {
    border-bottom: 1px solid #ECECEC;
}
.tb-border tbody td {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.me-step {
    display: none;
}
.arrow-steps .step.done::after {
    border-left: 17px solid #2A2D47;
    right: -17px;
}
.arrow-steps .step.done {
    background: #2A2D47;
}
.arrow-steps .step.done p {
    color: #FFFFFF;
}
.arrow-steps .step.done span {
    display: inline-block;
}
.arrow-steps .step.done span:before {
    content: "\f058";
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    color: #FFF;
    display: block;
    margin-left: -34px;
    margin-top: 10px;
}
.me-title-shipment-detail p, .choose-shipping-method {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    margin-top: 24px;
    margin-bottom: 15px;
}
.tab-document, .tab-parcel {
    border: 1px solid #848484;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    width: 49%;
    padding: 10px;
    text-align: center;
}
.tab-document.active, .tab-parcel.active {
    border: 1px solid #D9373E;
    border-radius: 6px;
    color: #FFFFFF;
    background: #D9373E;
}
.step-weight-unit {
    width: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}
.box-input-estimate-weight {
    position: relative;
}
.box-input-estimate-weight input {
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    box-shadow: none;
}
.box-input-estimate-weight input::placeholder {
    color: #C5C5C5;
}
.step-weight-unit button {
    box-shadow: none !important;
    border: 1px solid #C8C8C8 !important;
}
.document-estimate-weight {
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}
.box-btn-change-step {
    display: flex;
    column-gap: 2%;
    margin-top: 35px;
}
.btn-back-step {
    border: 1px solid #2A2D47;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    height: 50px;
    width: 100%;
}
.box-weight-n-value {
    display: flex;
    justify-content: space-between;
    column-gap: 2%;
}
.weight-box, .description-box {
    width: 100%;
}
.parcel-estimate input {
    border: 1px solid #C8C8C8;
    box-shadow: unset;
}
.box-image-parcel {
    text-align: center;
    padding-top: 59px;
}
.box-image-parcel img {
    width: 25%;
}
.parcel-estimate {
    display: none;
}
.mini-express-page-bottom.step-4 {
    width: 50%;
    margin-left: 25%;
}
.line-info-confirm {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #C8C8C8;
}
.line-info-confirm:not(:first-child) {
    margin-top: 15px;
}
.line-info-confirm .left-info {
    display: flex;
    width: 100%;
    column-gap: 10px;
}
.line-info-confirm .left-info .line-text p:first-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2A2D47;
}
.line-info-confirm button, .btn-show {
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    color: #46AFFF;
    font-family: 'Alexandria';
    font-style: normal;
}
.input-promotion-code {
    background: #F3F3F3;
    border: 1px dashed #848484;
    border-radius: 4px;
}
.me-box-promotion .label-promotion {
    font-weight: 500;
    color: #2A2D47;
    margin-top: 15px;
    margin-bottom: 10px;
}
.me-box-promotion  .line-text-charge{
    font-size: 16px;
    line-height: 18px;
    color: #848484;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;;
}
.me-box-promotion  .line-text-charge span:nth-child(2) {
    color: #2F3234;
}
.me-box-promotion  .line-total {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #2A2D47;
    margin-bottom: 28px;
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
}
.me-box-promotion  .line-total .total-charge span:nth-child(2) {
    color: #D9373F;
}
.me-note-payment span {
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    color: #D9373F;
}
.me-note-payment span:first-child {
    font-weight: 500;
}
.container-radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.radio-checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #2F3234;
}
.container-radio:hover input ~ .radio-checkmark {
    background-color: #ccc;
}
.container-radio input:checked ~ .radio-checkmark {
    background-color: #FFFFFF;
}
.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-radio input:checked ~ .radio-checkmark:after {
    display: block;
}
.container-radio .radio-checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2F3234;;
}
.box-choose-payment label {
    font-size: 14px;
    line-height: 24px;
    color: #3D3D4E;
    margin-top: 6px;
}
.box-choose-payment label:last-child {
    padding-bottom: 33px;
    border-bottom: 1px solid #E0E0E0;
}
.box-choose-payment .title {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #2A2D47;
    margin-top: 24px;
    margin-bottom: 16px;
}
.btn-save-change button {
    filter: drop-shadow(0px 8px 12px rgba(177, 177, 177, 0.25));
    background: #46AFFF;
    box-shadow: 0 8px 12px rgba(70, 175, 255, 0.25);
    border-radius: 6px;
    color: #FFFFFF;
}
.modal-otp-mini-express .title, .modal-check-otp .title {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #2A2D47;
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
    text-align: center;
}
.modal-otp-mini-express .title p, .modal-check-otp .title p {
    font-size: 22px;
}
.modal-otp-mini-express .modal-step .content,
.modal-check-otp .modal-check-otp-step .content {
    padding-top: 20px;
}
.modal-me-step-3 .text-thanks {
    padding-bottom: 52px;
    border-bottom: 1px solid #C8C8C8;
}
.btn-final button {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    background: #46AFFF;
    box-shadow: 0 8px 20px rgba(70, 175, 255, 0.25);
    border-radius: 6px;
    width: 100%;
    padding: 10px 0;
}
.modal-me-step-3 {
    padding: 0;
}
.modal-step .box-btn button {
    width: 100%;
    background: #B1B1B1;
    border-radius: 6px;
    color: #FFFFFF;
    height: 50px;
}
.modal-step .box-btn {
    display: flex;
    column-gap: 20px;
}
.modal-step .box-btn .btn-cancel {
    background: #FFFFFF;
    color: #2A2D47;
    border: 1px solid #2A2D47;
}
.modal-step .box-btn .btn-next {
    color: #FFFFFF;
    margin-top: 0;
}
.modal-step .box-btn .btn-next.active:hover {
    background: #349DEE !important;
}
.modal-otp-mini-express .modal-step {
    display: none;
}
.modal-step .box-btn button {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
}
.modal-me-step-1 .content p {
    color: #3D3D4E;
    margin-bottom: 20px;
    text-align: center;
    width: 88%;
    margin-left: 6%;
}
.modal-me-step-1 .content input {
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    box-shadow: none;
    padding: 20px;
}
.box-content-locker-door {
    background-image: url('../images/bgr_locker_to_door.svg');
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    min-height: 500px;
    background-size: cover;
    position: relative;
}
.img-phone-app {
    position: absolute;
    bottom: 0;
    left: 10%;
}
.right-content-locker-door {
    position: absolute;
    left: calc(10% + 450px);
    top: 180px;
}
.right-content-locker-door .label-download-app {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.75px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #D9373F;
    margin-bottom: 20px;
}
.label-get-my-redbox {
    margin-bottom: 15px;
    margin-top: 15px;
}
.label-get-my-redbox span {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    text-transform: capitalize;
    color: #2A2D47;
}
.color-my-redbox {
    color: #D9373F !important;
}
.right-content-locker-door .label-send-parcel {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    color: #3D3D4E;
}
.box-download-app {
    display: flex;
    column-gap: 20px;
}
.label-pls-download {
    font-size: 20px;
    line-height: 18px;
    color: #D9373F;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.modal-notice-item {
    border-radius: 12px;
}
.modal-notice-item .title {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #2A2D47;
    padding: 0 0 20px 0;
}
.modal-notice-item .title:before {
    /*font-family: 'Font Awesome 5 Pro';*/
    /*font-style: normal;*/
    /*font-weight: 900;*/
    /*font-size: 24px;*/
    /*line-height: 24px;*/
    /*color: #FFDB5D;*/
    /*content: '\f071';*/
    /*padding-right: 10px;*/
}
.modal-notice-item .title .ic-warning {
    padding-right: 8px;
}
.format-rtl .modal-notice-item .title .ic-warning {
    padding-right: 0;
    padding-left: 8px;
}
.input-reason-container i {
    position: absolute;
    font-size: 16px;
    margin: 15px;
    color: #303030;
}
.input-reason-container .charRemaining {
    position: absolute;
    bottom: -25px;
    right: 0px;
    font-size: 14px;
    color: #c4c4c4;
}
.input-reason-container {
    position: relative;
}
.format-rtl .input-reason-container textarea {
    padding: 7px 40px 15px 30px;
}
.input-reason-container textarea{
    padding: 7px 15px 15px 40px;
    text-align: unset;
    color: #303030 !important;
    font-weight: 300;
    font-size: 16px;
    height: 85px;
}
.popup-tabs-nav-order-success  {
    border-bottom: 1px #E0E0E0 solid;
    width: 100%;
    height: 50px;
    text-align: left;
    align-items: center;
    display: flex;
}
.popup-tabs-nav-order-success .txt-information {
    margin-left: 10px;
    margin-bottom: 0;
    color: #2F3234;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
}
.icon-order-fail .fa-circle-xmark {
    font-weight: 900;
    font-size: 80px;
    color: #D9373F;
}
.popup-tabs-container-order-success  .fa-circle-check:before {
    font-weight: 900;
    font-size: 80px;
    color: #00AE57;
}
.popup-tabs-container-order-success .popup-tab-content {
    padding-top: 50px;
}
.express-send-guide .title:before, .notice-before-summary .title:before {
    content: "";
}
.express-send-guide .title, .notice-before-summary .title {
    padding-top: 0;
}
.express-send-guide .footer, .notice-before-summary .footer {
    padding-bottom: 0 !important;
}
.modal-notice-item .text-1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #3D3D4E;
    margin-bottom: 20px;
}
.modal-notice-item .text-2, .modal-notice-item .text-3 {
    font-size: 16px;
    line-height: 22px;
    color: #3D3D4E;
}
.modal-notice-item .line-item-4 {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    margin-top: 15px;
}
.modal-notice-item .line-item-4 p {
    font-size: 14px;
    line-height: 16px;
    color: #848484;
    width: 73px;
    text-align: center;
    margin-top: 10px;
}
.modal-notice-item .content {
    padding: 20px 0;
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
}
.modal-notice-item .footer {
    padding: 20px 0 0 0;
}
.modal-notice-item .btn-got-it {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    width: 100%;
    padding: 15px;
    border: 1px solid #2A2D47;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}
.mini-express-body .promo-code {
    position: relative;
    height: 70px;
}
.mini-express-body .promo-code p {
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #46AFFF;
    cursor: pointer;
}
.restrict-block {
    font-size: 12px;
    line-height: 14px;
}
.restrict-block span {
    color: #C52600;
    font-style: italic;
}
.label-code-n-warning {
    display: flex;
    justify-content: space-between;
}
.label-code-n-warning p {
    margin-bottom: 0;
    font-size: 12px !important;
}
.restrict-block.wrong .label-wrong-input {
    display: block;
}
.label-code-n-warning .label-wrong-input {
    text-transform: uppercase;
    color: #C52600;
    font-weight: 500;
    display: none;
}
.open-alert-pick-point {
    background: #D9373F;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0px;
    line-height: 17px;
}
.create-mini-express-content .per-point {
    overflow: auto;
    max-height: 93%;
    overflow-x: hidden;
}
.format-rtl .img-phone-app {
    left: 0;
}
.format-rtl .mini-express-page-bottom.step-4 {
    margin-right: 13%;
    margin-left: unset;
}
.format-rtl .mini-express-body .promo-code p {
    right: unset;
    left: 15px;
}
.mini-express-body .cluster img {
    display: block;
}
.mini-express-body .note-choose-point {
    font-size: 14px;
    line-height: 24px;
    color: #D9373F;
    margin-left: 15px;
    margin-top: 15px;
}
.alert {
    position: fixed;
    z-index: 2000;
    background: red;
    padding: 5px 40px;
    border-radius: 3px;
    top: 90px;
    color: #fff;
    right: 38px;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);
}
.alert button {
    float: right;
    line-height: 40px;
    margin-left: 20px;
}
.alert div {
    float: left;
    line-height: 40px;
}
.alert-success {
    background: #1bde73;
    color: #fff
}
.alert-error {
    background: red;
    color: #fff
}
.alert-warning {
    background: orange;
    color: #fff
}
.format-rtl .alert {
    right: unset;
    left: 38px;
}
.format-rtl .alert button {
    float: left;
    margin-left: 0;
    margin-right: 20px;
}
.row-gift-message {
    padding: 15px;
}
.format-rtl .arrow-steps .step:before {
    right: -2px;
    left: auto;
    border-right: 20px solid #FFF;
    border-left: unset;
}
.format-rtl .arrow-steps .step:after {
    right: auto;
    border-right: 20px solid #F3F3F3;
    border-left: unset;
    left: -20px;
}
.format-rtl .arrow-steps .step.current .step-border:after {
    left: -23px;
    border-bottom: 29px solid transparent;
    border-right: 22px solid #2A2D47;
    border-left: unset;
    right: unset;
}
.format-rtl .arrow-steps .step.current:after {
    top: 1px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
}
.format-rtl .arrow-steps .step.current:after {
    border-right: 20px solid #FFF;
    border-left: unset;
}
.format-rtl .arrow-steps .step.current:before {
    top: 1px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
}
.format-rtl .arrow-steps .step.done::after {
    border-right: 17px solid #2A2D47;
    left: -16px;
}
.format-rtl .arrow-steps .step.current .step-border::before {
    right: 0;
    left: unset;
}
.format-rtl .arrow-steps .step.current .step-border::before {
    top: -2px;
    border-right: 22px solid #2A2D47;
    border-left: unset;
}
.format-rtl .arrow-steps .step.current:first-child:before {
    border: none;
}
.format-rtl .arrow-steps .step.current:last-child:after {
    left: -22px;
}
.format-rtl .arrow-steps .step.current:last-child .step-border:after {
    border-right: unset;
}
.format-rtl .mini-express-page-top, .format-rtl .mini-express-page-bottom {
    min-width: 74%;
    margin: 84px auto 0 auto;
    padding-right: unset;
    padding-left: unset;
    text-align: right;
}
.format-rtl .title-create-redbox-express p {
    padding-right: 35px;
}
.format-rtl .modal-notice-item .title::before {
    padding-left: 10px;
}
.modal-notice-item {
    min-width: 750px;
}
.modal-notice-item.express-send-guide, .modal-notice-item.notice-before-summary {
    min-width: 550px;
}
.modal-notice-item.express-send-guide, .modal-notice-item.notice-before-summary {
    font-size: 16px;
    line-height: 26px;
    color: #3D3D4E;
}
.format-rtl .modal-notice-item {
    text-align: right;
}
.format-rtl .step-weight-unit {
    left: 0;
    right: unset;
}
.format-rtl .right-content-locker-door {
    right: calc(13% + 450px);
    text-align: right;
}
.format-rtl .img-phone-app {
    right: 14%;
    left: unset;
}
.format-rtl .box-content-locker-door {
    background-image: url('../images/bgr_locker_to_door_rtl.svg');
}
.mini-express-body input:hover, .mini-express-body input:focus {
    background: #F3F3F3;
    color: #3D3D4E;
}
.mini-express-body input {
    border: 1px solid #C8C8C8 !important;
    margin-bottom: 26px;
}
.mini-express-body .bootstrap-select.btn-group button {
    border: 1px solid #848484;
    box-shadow: unset;
    color: #3D3D4E;
}
.mini-express-body .content-step-1 .btn-group.bootstrap-select {
    margin-bottom: 0;
}
.mini-express-body .bs-searchbox .form-control:focus, .mini-express-body .bs-searchbox .form-control {
    margin: 4px 0 10px 0;
    height: 50px;
}
.mini-express-body .bs-searchbox::after {
    top: 25px;
}
.btn-got-it:hover, .btn-back-step:hover {
    background: #2A2D47;
    color: #FFFFFF !important;
}
.btn-next-step:hover {
   background: #349DEE;
}
.btn-next-step:disabled:hover {
    background: #B1B1B1;
}
.tab-locker-locker .title img, .tab-locker-door .title img {
    margin-right: 10px;
}
.format-rtl .tab-locker-locker .title img, .format-rtl .tab-locker-door .title img {
    margin-left: 10px;
}
.parcel-estimate p, .document-estimate-weight p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}
.box-image-parcel p {
    font-family: 'Alexandria';
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #D9373F;
    max-width: 380px;
    margin: 22px auto 106px auto
}
.box-image-parcel p b {
    text-transform: uppercase;
}
.me-step-3 .info-receiver p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}
.modal-otp-mini-express {
    border-radius: 12px;
    padding: 20px;
    max-width: 750px;
    width: 33%;
}
.modal-me-step-1 .content input::placeholder {
    color: #ABABAB;
}
.modal-step .box-btn {
    padding-top: 20px;
    border-top: 1px solid #C8C8C8;;
}
.box-go-to-edit-phone-me {
    text-align: center;
    margin: 20px 0 2px 0;
}
.change-phone-me {
    color: #46AFFF;
    text-decoration-line: underline;
    font-family: 'Alexandria';
    font-style: normal;
    cursor: pointer;
}
.btn-confirm:not([disabled]):hover {
    background: #00984C;
}
.btn-final button:hover {
    background: #349DEE;
}
.form-express {
    padding-left: 13%;
    padding-right: 13%;
}
.a-content .pp-modal-line1 span {
    color: #C52600;
    font-weight: 500;
}
.label-shipping-pick {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #D9373F;
}
.address-shipping-pick {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #2F3234
}
.format-rtl .infowindow-template, .format-rtl .infowindow-template-home-delivery {
    margin-right: 15px;
}
.format-rtl .mini-express-body .note-choose-point {
    margin-right: 15px;
}
.text-reason-lock {
    background: #FAE343;
    margin: -15px -15px 15px -15px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-reason-lock p {
    color: #303030;
    font-size: 18px !important;
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0 !important;
    text-align: center;
}
.area-select-point .btn-ok {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #202020;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #ABABAB;
    background: transparent;
    box-shadow: unset;
    cursor: pointer;
    border-radius: 8px;
}
.text-reason-lock p:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #202020;
    content: "\f071";
    padding-right: 10px;
}
.format-rtl  p:before {
    padding-left: 10px;
}
.gs-sampling-image {
   max-width: 40%;
}
.box-gs-spl {
    text-align: center;
}
.box-gs-spl .text-1 {
    font-family: Alexandria !important;
    margin-top: 35px;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #2A2D47;
}
.box-gs-spl .text-2 {
    font-family: Alexandria !important;
    margin-top: 4px;
    font-size: 18px;
    line-height: 24px;
    color: #3D3D4E;
}
.box-gs-spl .btn-regsiter-gs {
    font-family: Alexandria !important;
    background: #B5D779;
    border-radius: 6px;
    filter: unset;
    font-weight: 500;
    font-size: 20px;
    line-height: 37px;
    color: #000000;
    padding: 4px 30px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.modal-expectation-express {
    border-radius: 12px;
}
.modal-expectation-express .title {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #2A2D47;
    padding-bottom: 15px;
}
.modal-expectation-express .title:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    content: '\f017';
    padding-right: 10px;
}
.modal-expectation-express .content {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
}
.modal-expectation-express .line-text {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #848484;
}
.modal-expectation-express .line-text .label-deposit-before {
    font-weight: 500;
    color: #202020;
}
.modal-expectation-express .line-text.line-1 {
    margin-top: 20px;
    margin-bottom: 4px;
}
.modal-expectation-express .footer {
    padding-top: 20px;
}
.modal-expectation-express .btn-got-it {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
    width: 100%;
    padding: 15px;
    border: 1px solid #2A2D47;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}
.format-rtl .modal-expectation-express .content {
    text-align: right;
}
.format-rtl .modal-expectation-express .title::before {
    padding-right: 0;
    padding-left: 10px;
}
.btn-regsiter:disabled {
    background: #A4A4A4;
    filter: unset;
}
.box-btn-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 25px;
}
.confirm-phone-recylcling-btn button {
    margin: 20px 0 0;
    font-size: 18px;
}
.content-modal-recycling .phone-label {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #2A2D47;
    padding: 25px 0;
}
.recycling-confirm-phone-content {
    font-size: 15px;
    line-height: 20px;
    color: #3D3D4E;
    margin-bottom: 6px;
}
#recyclingConfirmPhone {
    max-width: 400px;
}
.recycling-modal {
    font-family: 'Alexandria';
    font-style: normal;
}
.recycling-input .bootstrap-select .dropdown-menu {
    max-height: 250px !important;
    overflow: scroll !important;
}
.error-border {
    border: 1px solid #D9373F !important;
}
.recycling-input .dropdown-header {
    background: none;
    padding: 7px 0;
    border-bottom: none !important;
}
.recycling-input .dropdown-header span {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #2A2D47;
}
.recycling-input .bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px solid #C8C8C8;
    margin-left: 10px;
    margin-right: 10px;
}
.recycling-input .bootstrap-select.btn-group .dropdown-menu li:last-child {
    border-bottom: none;
}
.recycling-input .bootstrap-select.btn-group .dropdown-menu li:last-child span {
    line-height: 18.75px
}
.recycling-input .dropdown-menu > li > a {
    padding: 0;
}
.format-rtl .recycling-input {
    text-align: right;
}
.format-rtl .recycling-input .dropdown-header {
    text-align: right;
}
.recycling-content {
    min-width: 455px;
}
.logo-recycling {
    max-width: 90%;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 25px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 16px;
    line-height: 40px;
    color: #3D3D4E;
}
.recycling-input .text-dimension {
    max-width: 405px;
    font-family: 'Alexandria';
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #848484;
    padding-bottom: 16px;
    border-bottom: 1px solid #C8C8C8;
}
.recycling-input .text-dimension img  {
    padding-right: 6px;
    margin-top: -3px;
}
.format-rtl .recycling-input .text-dimension img  {
    padding-left: 6px;
}
.recycling-input .size-highlight {
    color: #D9373F;
}
.recycling-input .bootstrap-select {
    max-width: 405px;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-option-vfs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    cursor: pointer;
}
.box-label-option-vfs {
    display: flex;
    column-gap: 20px;
    font-size: 14px;
    align-items: center;
}
.text-option-vfs p:first-child {
    font-size: 16px;
    line-height: 19px;
    color: #091B2F;
    font-weight: 500;
}
.vfs-page {
    font-family: 'Alexandria';
    font-style: normal;
}
.vfs-page .ext-content, .vfs-container {
   max-width: 480px;
}
.vfs-page .label-welcome {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #091B2F;
}
.vfs-page .vfs-id {
    font-size: 16px;
    line-height: 19px;
    color: #757575;
    margin-top: 8px;
}
.vfs-page .vfs-id .id-value {
    color: #D9373F;
}
.vfs-page .block-choose {
    margin-top: 69px;
    margin-bottom: 100px;
}
.vfs-page .block-choose .label-choose {
    font-size: 24px;
    line-height: 34px;
    color: #091B2F;
    margin-bottom: 36px;
}
.vfs-hiw {
    font-family: 'Alexandria';
    font-style: normal;
}
.vfs-hiw .btn-got-it {
    background: #46AFFF;
    box-shadow: 0 8px 20px rgba(70, 175, 255, 0.25);
    border-radius: 6px;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 0;
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    cursor: pointer;
}
.vfs-hiw .hiw-step .content-step {
    color: #757575;
}
/* vfs pick point */
.pick-point-page {
    background: #FFFFFF;
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-block;
    box-shadow: 0 4px 20px rgba(42,65,232,0.15);
    border-radius: 5px;
    position: relative;
    padding: 0px!important;
    font-size: 16px;
    color: #161616;
}
.pick-point-page .logo {
    height: 60px;
    margin: 20px 0px;
}
.pick-point-page .area-number-package h4 {
    color: #161616;
    font-size: 16px;
    line-height: 30px;
}
.pick-point-page .area-number-package h3 {
    margin: 0;
    color: #161616;
    text-decoration: none;
    font-size: 28px;
    font-weight: 500;
    line-height: 30px;
}
.pick-point-page .divider {
    margin: 0 15px;
    border-bottom: 1px solid #a2a2a2;
}
.pick-point-page .area-number-package p {
    margin: 0px;
    font-size: 13px;
}
.pick-point-page .area-code {
    padding: 15px;
}
.pick-point-page .area-code .expiration-date-label {
    color: #303030;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
}
.pick-point-page .area-code .expiration-date {
    color: #303030;
    font-weight: 500;
}
.pick-point-page .area-code p {
    margin-bottom: 10px;
}
/*.pick-point-page .area-code img {
		width: 120px;
}*/
.pick-point-page .area-address .imgs {
    margin-top: 20px;
}
.pick-point-page .area-address .imgs .image-points {
    display: inline-flex;
    width: 120px;
    height: 60px;
    margin: 0px 5px;
    cursor: pointer;
    overflow: hidden;
    object-fit: contain;
    border-radius: 3px;
}
.pick-point-page .area-address .imgs img {

}
.pick-point-page .area-address .address-main {
    font-size: 16px;
    font-weight: 500;
}
.pick-point-page .redirect{
    margin-bottom: 20px;
    padding: 0 15px;
}
.pick-point-page .redirect span {
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #46AFFF;
    color: #fff;
    margin-top: 10px;
    font-weight: 500;
    font-size: 24px;
    box-shadow: 4px 4px 12px rgba(68, 174, 255, 0.42);
    border-radius: 8px;
    text-transform: capitalize;
    text-align: center;
}
.pick-point-page .redirect span i {
    line-height: 25px;
    margin: 0px 5px;
    font-size: 20px;
    position: relative;
    top: 3px;
}
.pick-point-page .area-info .step-line {
    padding: 15px;
}
.pick-point-page .area-info .step-line.flex-space-between {
    display: flex;
    justify-content: space-between;
}
.pick-point-page .payment-status-badge {
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
}
.pick-point-page .payment-status-badge.payment-status-pending {
    background-color: #FCB03E;
}
.pick-point-page .payment-status-badge.payment-status-paid {
    background-color: #23DB4B;
}
.pick-point-page .area-info .step-line .step-l{
    float: left;
    width: 50%;
    border-right: 1px solid #f5f5f5;
    padding: 8px 0px;
}
.pick-point-page .area-info .step-line .step-r{
    float: left;
    width: 50%;
    padding: 8px 0px;
}
.pick-point-page .area-info .step-line .step-f .status-this {
    padding: 10px 20px;
    background: #09b746;
    border-radius: 20px;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}
.pick-point-page .area-tracking {
}
.pick-point-page .area-tracking .title {
    padding: 15px;
    background-color: #fff;
    font-weight: 500;
}
.pick-point-page .area-tracking .step-per-action {
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #f5f5f5;
}
.pick-point-page .area-tracking .step-per-action-active {
    background: #09b646;
    color: #fff;
}
.pick-point-page .area-tracking .step-per-action .name-action{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
.pick-point-page .area-tracking .step-per-action .time-action{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 20px
}
.pick-point-page .area-info .payment-success {
    color: #09b646;
}
.pick-point-page .area-info .payment-fail {
    color: #bc1f12;
}
.pick-point-page .area-info span {
    font-size: 16px;
    line-height: 20px;
}

.pick-point-page .status-this {
    padding: 5px;
    margin-left: 5px;
    border-radius: 4px;
}
.pick-point-page .area-info p {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #303030;
}
.pick-point-page .area-address {
    padding: 15px;
}
.pick-point-page .area-code span{
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    float: left;
}
.pick-point-page .map{
    margin-top: 20px;
}
.pick-point-page .map .content{
    height: 200px
}
.tracking-page-header {
    position: relative;
    padding: 0 15px;
    background-color: #fff;
}
.pick-point-page .change-language {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.pick-point-page .change-language a{
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    color: #00BCD4;
}
.pick-point-page .change-language a.active{
    background: #03A9F4
}
.format-rtl .pick-point-page .area-tracking .title {
    text-align: right;
}

.format-rtl .tracking-page-header {
    text-align: right;
}
.format-rtl .area-from-to .step-card .step-to {
    text-align: left;
}
.format-rtl .pick-point-page .area-from-to .step-arrow {
    transform: rotate(180deg);
}

.format-rtl .pick-point-page .directions {
    text-align: right;
}

.format-rtl {
    text-align: right;
}

.format-rtl .pick-point-page .change-language {
    left: 15px;
    right: auto;
}
.pick-point-page .area-number-package {
    padding: 20px 15px;
}
.pick-point-page .area-number-package .reference-content {
    margin: 0px;
    font-size: 14px;
    color: #303030;
}
.pick-point-page .area-number-package .waring-pickup {
    margin: 0px;
    font-size: 14px;
    float: left;
    width: 100%;
    color: #e2e0e0;
}
.pick-point-page .area-info-organization {
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.pick-point-page .area-info-organization img {
    width: 50px;
    border-radius: 3px;
}
.pick-point-page .area-info-organization b {
    padding: 0px 20px;
    color: black;
    font-size: 18px;
    line-height: 50px
}
.pick-point-page .confirm-locker {
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0px -5px 5px 0px rgb(170 170 170 / 35%);
}
.pick-point-page .area-info-customer {
    padding: 10px 15px;
    font-size: 14px;
}
.pick-point-page .area-info-customer .title {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
}
.pick-point-page .area-info-customer .per-line-info {
    margin: 5px 0px;
}
.pick-point-page .area-info-customer .per-line-info i {
    color: #8F949D;
    width: 25px;
}
.pick-point-page .area-info-customer .content-info {
    color: #303030;
}
.pick-point-page .area-info-items {
    font-size: 14px;
    padding: 10px 15px;
}
.pick-point-page .area-info-items .saw-tooth {
    padding: 20px 15px;
    background-color: #fff;
    background-image: linear-gradient(135deg, #efefef 50%, transparent 50%), linear-gradient(225deg, #efefef 50%, transparent 50%), linear-gradient(45deg, #efefef 50%, transparent 50%), linear-gradient(-45deg, #efefef 50%, transparent 50%);
    background-position: top left, top left, bottom left, bottom left;
    background-size: 12px 12px;
    background-repeat: repeat-x;
}
.pick-point-page .area-info-items .e-cart {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8D8D9;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
}
.format-rtl .pick-point-page .area-info-items .e-cart img {
    margin-right: 0;
    margin-left: 5px;
}
.pick-point-page .area-info-items .e-cart img {
    margin-right: 8px;
}
.pick-point-page .area-info-items .per-line-info {
    float: left;
    width: 100%;
    margin: 5px 0px;
}
.pick-point-page .area-info-items .cod-info {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #D8D8D9;
}
.pick-point-page .area-info-items .cod-info b {
    font-size: 20px;
    color: #202020;
}
.pick-point-page .area-info-items .cod-info .content-info {
    font-size: 20px;
    color: #B91A0E;
}
.pick-point-page .area-info-items .name-item {
    color: #303030;
    font-size: 14px;
    padding: 5px 0;
}
.pick-point-page .area-info-items .items {
    padding: 5px 0;
}
.format-rtl .pick-point-page .area-pick-point {
    text-align: right;
}
.pick-point-page .area-pick-point {
    padding: 10px 15px;
    text-align: left;
    font-size: 14px;
    position: relative;
}
.pick-point-page .area-pick-point .per-line-info {
    margin: 5px 0px;
}
.pick-point-page .area-pick-point .title-area {
    font-weight: 500;
    color: #B91A0E;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.pick-point-page .area-pick-point .pick-point-description {
    font-weight: 500;
}
.pick-point-page .area-pick-point p {
    font-size: 14px;
}
.pick-point-page .area-pick-point .area-map .content, .pick-point-page .area-pick-point .area-map-home-delivery .content {
    position: relative;
    overflow: hidden;
    height: 340px
}
.pick-point-page .area-pick-point .area-map .content #area-map,
.pick-point-page .area-pick-point .area-map-home-delivery .content #area-map-home-delivery {
    height: 340px;
}
.pick-point-page .area-pick-point .area-map .content #area-map .cluster img,
.pick-point-page .area-pick-point .area-map-home-delivery .content #area-map-home-delivery .cluster img {
    display: unset;
}
.format-rtl .pick-point-page .area-pick-point .area-map #pac-input,
.format-rtl .pick-point-page .area-pick-point .area-map-home-delivery #pac-input-home-delivery {
    padding: 0 40px 0 20px;
}
.pick-point-page .area-pick-point .area-map #pac-input {
    width: 100%;
    margin-top: 10px;
    background: #CDCDCD;
    border-radius: 10px;
    padding: 0 20px 0 40px;
}
.pick-point-page .area-pick-point .area-map #pac-input::placeholder{
    color: #303030;
}

.pick-point-page .area-label-point-p {
    overflow: auto;
}

.pick-point-page .area-label-point {
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 14px;
    width: 20000px;
}
.pick-point-page .per-point{
    padding: 15px;
    max-height: 100%;
    overflow: auto;
}
.format-rtl .pick-point-page .area-label-point {
    float: right;
}
.format-rtl .pick-point-page .area-label-point .per-point {
    float: right;
    margin-left: 20px;
    margin-right: 0px;
}
.pick-point-page .area-label-point .selected-point .area-select-point{
    display: none
}
.pick-point-page .gmnoprint {
    margin: unset;
}
.pick-point-page .area-confirm-pick-point {
    text-align: center;
    margin: 15px 0px;
}
.pick-point-page .notice-wating-for-package {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #151515;

}
.pick-point-page .area-confirm-pick-point .title-section {
    padding: 5px 0px;
    background: #D9373F;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pick-point-page .area-confirm-pick-point .title-section i {
    font-size: 18px;
    margin: 0px 5px;
    line-height: 25px;
}
.pick-point-page .area-confirm-pick-point .title-section span {
    font-weight: 500;
    font-size: 18px;
    margin: 0px 5px;
    text-transform: uppercase;
    line-height: 24px;
}
.pick-point-page .area-confirm-pick-point .title-2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #D9373F;
    margin: 15px 0px 5px 0px;
    display: inline-block;
}
.pick-point-page .area-confirm-pick-point p{
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #D9373F;
    padding: 0px 15px;
}
.pick-point-page .area-confirm-pick-point .redirect-pick-point{
    padding: 0px 15px;
}
.pick-point-page .area-confirm-pick-point .redirect-pick-point a{
    background: #46AFFF;
    box-shadow: 4px 4px 12px rgb(68 174 255 / 42%);
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    color: #fff;
    line-height: 50px;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}
.area-show-warning {
    padding: 0 15px;
    margin-bottom: 20px;
}
.box-pickup-address .area-show-warning {
    padding: unset;
    margin-bottom: 10px;
    margin-top: 15px;
}
.area-show-warning .warning-status {
    background: #D9373F;
    text-align: center;
    color: #fff;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.area-show-warning .warning-status.ready {
    background-color: #00AE57;
}
.area-show-warning .warning-status.waiting {
    background-color: #FCB03E;
}
.area-show-warning .warning-status i {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 5px;
}
.area-show-warning .warning-status span {
    font-style: italic;
    font-size: 14px;
    line-height: 23px;
}
.area-show-warning .step-guide{
    margin-bottom: 10px;
    background: #D9D9D9;
    text-align: center;
    padding: 5px 0px;
    margin-top: 10px;
    cursor: pointer;
}
.area-show-warning .step-guide i{
    font-size: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #D9373F;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}
.area-show-warning .step-guide span{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #D9373F;
    margin: 0px 10px;
    cursor: pointer;
}
.text-center {
    text-align: center;
}
.pick-point-page .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
}
.pick-point-page .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: 500;
}

.pick-point-page .close:hover,
.pick-point-page .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.pick-point-page .modal-header {
    padding: 15px;
    position: relative;
}

.pick-point-page .modal-header h2 {
    color: #202020;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
}

.pick-point-page .modal-body {
    padding: 15px 0;
    margin: 0 15px;
    border-top: 1px solid #D8D8D9;
    border-bottom: 1px solid #D8D8D9;
}

.pick-point-page .modal-footer {
    padding: 15px;
    margin: 0 -10px;
    display: flex;
    align-items: center;
}

.pick-point-page .modal-footer .button {
    flex: 1;
    margin: 0 10px;
}

.pick-point-page .modal-close {
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #757575;
    color: #757575;
    cursor: pointer;
}

.pick-point-page #button-confirm {
    background-color: #00AE57;
    box-shadow: 0px 6px 18px rgba(0, 194, 78, 0.25);
    border-radius: 8px;
    height: 48px;
    font-weight: 500;
    font-size: 20px;
}
#pac-container, #pac-container-home-delivery {
    position: relative;
}
#pac-container .search-icon, #pac-container-home-delivery .search-icon {
    position: absolute;
    width: 40px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    top: 0;
    left: 0;
    font-size: 20px;
}
.format-rtl #pac-container .search-icon,
.format-rtl #pac-container-home-delivery .search-icon {
    left: unset;
    right: 0;
}
.pick-point-page .infowindow-template {
    width: 100%;
    margin: 0;
}
.pick-point-page .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 360px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #fff;
    border-radius: 12px;
}
.vfs-page .fa-circle-check {
    font-size: 88px;
}
.box-check-info-label p {
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    color: #091B2F;
}
.box-check-info-label span {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    color: #00AE57;
}
.box-check-info-label .line-logo {
    text-align: center;
    margin-bottom: 25px;
}
.box-check-info-label .line-logo img {
    padding-right: 10px;
}
.label-si, .label-pa {
    background: #091B2F;
    color: #FFFFFF;
    padding-left: 8px;
    margin-bottom: 10px;
}
.box-shipping-information, .box-pickup-address {
    font-size: 14px;
    line-height: 24px;
    color: #091B2F;
    margin-bottom: 15px;
}
.label-si:before, .label-pa:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 4px;
    color: #F8F9FA;
    padding-right: 10px;
}
.label-si:before {
    content: "\f05a";
}
.label-pa:before {
    content: "\f3c5";
}
.line-si span:nth-child(2), .line-pa-hour span:nth-child(1) {
    font-weight: 500;
}
.line-logo-option {
    color: #D76D34;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.line-logo-option span {
    padding-left: 10px;
    font-weight: 500;
}
.box-pickup-address .btn-htpu-parcel {
    color: #091B2F;
    background: #FFFFFF;
    border: 1px solid #091B2F;
    border-radius: 4px;
    margin-top: 15px;
}
.box-pickup-address .btn-htpu-parcel:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #091B2F;
    content: "\f059";
    padding-right: 10px;
}
.action-step-aramex-1 .box-intro-text {
    margin-bottom: 26px;
}
.action-step-aramex-1 .box-intro-text p:first-child {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #2A2D47;
    text-align: center;
}
.action-step-aramex-1 .box-intro-text p:nth-child(2) {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3D3D4E;
    text-align: center;
}
.line-check-info-aramex {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #091B2F;
}
.line-check-info-aramex span:first-child:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    color: #757575;
    padding-right: 8px;
}
.line-check-info-aramex.line-name span:first-child:before {
    content: "\f007";
}
.line-check-info-aramex.line-phone span:first-child:before {
    content: "\f3cd";
}
.line-check-info-aramex.line-address span:first-child:before {
    content: "\f3c5";
}
.line-check-info-aramex span:last-child {
    font-weight: 500;
    padding-left: 6px;
}
.box-content-info-aramex {
    padding-bottom: 48px;
    border-bottom: 1px solid #C8C8C8;
}
.aramex-confirm-modal-content {
    padding-bottom: 50px;
    margin-top: 50px;
    border-bottom: 1px solid #C8C8C8;

    font-family: 'Alexandria';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #091B2F;
}
.aramex-confirm-modal-content .app-id {
    font-weight: 500;
    color: #091B2F;
}
.tracking-aramex-location {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #091B2F;
    margin-top: 20px;
    text-align: center;
}
.tracking-aramex-location a {
    text-decoration-line: underline;
    color: #46AFFF;
}
.action-step-aramex-2 .box-pickup-address {
    margin-bottom: 0;
}
.area-number-package .tracking-number {
    font-size: 14px;
    color: #161616;
}
.area-number-package .tracking-number-main {
    padding: 5px 0;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 30px;
}
.vfs-page .box-download-app {
    align-items: center;
}
.vfs-page .title-download-app {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #757575;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #D8D8D9;
    margin-top: 15px;
}
.box-download-app .label-download-app {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.06em;
}
.box-download-app .label-download-app .download {
    font-size: 18.1069px;
    text-decoration-line: underline;
    color: #2A2D47;
}
.box-download-app .label-download-app .my-app {
    font-size: 13.1543px;
    color: #D9373F;
}
.vfs-page .div-how-return {
    padding-top: 20px;
    border-top: 1px solid #D8D8D9;
    margin-top: 20px;
}
.vfs-page .box-how-return {
    color: #FFFFFF;
    background: #D76D34;
    padding: 15px;
    margin-bottom: 20px;
}
.vfs-page .ext-content, .vfs-container {
    margin: 20px;
}
.vfs-page .return-note {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}
.vfs-page .btn-how-return-old {
    background: #FFFFFF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #D76D34;
}
.vfs-page .btn-how-return-old:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    color: #D76D34;
    content: '\f059';
    padding-right: 10px;
}
.modal-how-to-pickup .box-download-app{
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px dashed #A9A9A9;
    border-bottom: 1px dashed #A9A9A9;
    margin-top: 15px;
    margin-bottom: 15px;
}
.modal-how-to-pickup ul {
    padding-left: 20px;
}
.modal-how-to-pickup ul li {
    font-family: 'Alexandria';
    margin-top: 25px;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #D9373F;
}
.modal-how-to-pickup .line-text-bot span:nth-child(2) {
    color: #D9373F;
}
.modal-how-to-pickup .modal-content, .modal-how-to-return-old .modal-content {
    border-bottom: unset;
}
.format-rtl .modal-how-to-pickup {
    text-align: right;
}
.modal-how-to-return-old .label-deposit-redbox {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #202020;
    margin-left: 10px;
}
.modal-how-to-return-old .title-redbox-return {
    margin-top: 10px;
    margin-bottom: 5px;
}
.box-redbox-return .img-qr {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}
.modal-how-to-return-old .box-qr-code {
    text-align: center;
    margin-top: 30px;
}
.modal-how-to-return-old .line-return-code, .modal-how-to-return-old .line-return-code p,
.modal-aramex-return, .desctiption-send-aramex {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #091B2F;
}
.modal-how-to-return-old .code-value {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #091B2F;
}
.modal-how-to-return-old .url-public-map {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #46AFFF;
}
.modal-how-to-return-old .customer-service-phone, .modal-aramex-return .contact-phone {
    color: #D9373F;
}
.vfs-page .action-step-aramex-2 .div-how-return {
    padding-top: unset;
    border-top: none;
}
.box-redbox-return .desctiption-send-aramex {
    color: #091B2F;
    margin-top: 12px;
}
.modal-aramex-return .line-find-office a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #46AFFF;
}
.return-redbox, .return-aramex {
    display: none;
}
.return-redbox.active, .return-aramex.active {
    display: block;
}
.vfs-confirm-choose-point {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
}
.vfs-confirm-choose-point .btn-back {
    height: 50px;
    margin-top: unset;
}
.vfs-confirm-choose-point .button-done-pick-point {
    border-radius: 6px;
}
#google_translate_element {
    width: 50%;
    margin-bottom: 30px;
}

.fulfillment-page {
    font-family: 'Alexandria';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #57586D;
}
.fulfillment-welcome {
    font-family: 'Alexandria';
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #0A083B;
}
.fulfillment-welcome .name-org {
    color: #175CFF;
}
.fulfillment-id .id-value {
    color: #D9373F;
}
.fulfillment-info {
    margin-top: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #E0E0E0;
    margin-bottom: 24px;
}
.fulfillment-choose .label-choose {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #0A083B;
    margin-bottom: 14px;
}
.fulfillment-page .ext-content {
    max-width: 500px;
}
.fulfillment-info .line-info .title:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #57586D;
    margin-right: 10px;
    width: 15px;
    display: inline-block;
}
.fulfillment-info .item .title:before {
    content: "\f466";
}
.fulfillment-info .merchant .title:before {
    content: "\f54e";
}
.fulfillment-info .customer .title:before {
    content: "\f007";
}
.fulfillment-info .phone .title:before {
    content: "\f3cd";
}
.fulfillment-info .email .title:before {
    content: "\f0e0";
}
.fulfillment-info .address .title:before {
    content: "\f3c5";
}
.box-choose-fulfillment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.box-option-fulfillment {
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(23, 92, 255, 0.15);
    border-radius: 4px;
    padding: 20px;
    width: 48%;
    min-height: 250px;
    text-align: center;
}
.box-option-fulfillment img {
    margin-bottom: 20px;
}
.box-option-fulfillment .label-option {
    font-family: 'Alexandria';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0A083B;
}
.box-option-fulfillment .description-option {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #57586D;
    padding-bottom: 19px;
    border-bottom: 1px solid #E0E0E0;
    min-height: 60px;
}
.box-option-omni .description-option {
    padding-bottom: 0;
    border-bottom: 0px;
    min-height: 50px;
}
.box-option-omni .sla {
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
    color: red;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 35px;
}
.btn-select {
    font-family: 'Alexandria';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #175CFF;
    background: #FFFFFF;
    border: 1px solid #175CFF;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    margin-top: 15px;
}
.box-option-fulfillment.redbox-option {
    position: relative;
}
.box-option-fulfillment .hot-redbox, .box-option-fulfillment .hot-redbox-ar {
    position: absolute;
    top: 0;
    right: 0;
}
.redbox-hiw .btn-got-it {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    width: 100%;
    background: #175CFF;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.hiw-content {
    border-bottom: 1px solid #C8C8C8;
}
.fulfillment-page .pick-point-page .title-area {
    font-family: 'Alexandria';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #D9373F;
    text-align: left;
    text-transform: unset;
}
.fulfillment-page .pick-point-page .pick-point-description p {
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    color: #57586D;
    margin-bottom: 18px;
}
.fulfillment-page .area-pick-point .area-map .content #area-map,
.fulfillment-page .area-pick-point .area-map .content #area-map {
    height: 400px;
}
.fulfillment-page .area-pick-point .area-map .content {
    height: 400px;
}
.fulfillment-page .infowindow-template {
    top: 530px;
}
.fulfillment-page .infowindow-template.active {
    top: 0;
}
.fulfillment-page .area-pick-point .area-map #pac-input,
.fulfillment-page #pac-input-home-delivery {
    border: 1px solid #EFEFEF;
    box-shadow: unset;
    border-radius: 66px;
    background: none;
    color: #757575;
    padding-left: 46px;
}
.fulfillment-page .area-pick-point .area-map #pac-input::placeholder,
.fulfillment-page #pac-input-home-delivery::placeholder {
    color: #757575;
}
.fulfillment-page #pac-container .search-icon,
.fulfillment-page #pac-container-home-delivery .search-icon {
    font-size: 26px;
    padding-left: 15px;
    margin-top: 2px;
    color: #757575;;
}
.fulfillment-page .action-step-redbox-2 {
    width: 500px;
}
.fulfillment-page .btn-htpu-parcel, .fulfillment-page .btn-htpu-parcel:before {
    color: #175CFF;
    border-color: #175CFF;
    margin-bottom: 54px;
}
.fulfillment-page .box-download-app {
    margin-top: 6px;
}
.fulfillment-page .button-confirm-hd {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    background: #2D61F8;
    border-radius: 6px;
    height: 50px;
}
.box-btn-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
    width: 100%;
}
.box-btn-2 button {
    width: 50%;
    height: 50px;
    margin: 0;
}
.fulfillment-page #button-confirm-home-delivery {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    background: #00AE57;
    border-radius: 6px;
}
.fulfillment-page .action-step-home-delivery-1 .modal-footer {
    margin: 0;
}
.fulfillment-page .ff-chosen-home-delivery {
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    color: #00AE57;
}
.fulfillment-page .box-pickup-address .hd-info:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    color: #0A083B;
    padding-right: 8px;
}
.fulfillment-page .hd-name:before {
    content: '\f007';
}
.fulfillment-page .hd-phone:before {
    content: '\f3cd';
}
.fulfillment-page .hd-address:before {
    content: '\f3c5';
}
.fulfillment-page .action-step-1, .vfs-page .action-step-1 {
    display: none;
}
.page-spinner {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #333;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.page-loading {
    background-color: #fff;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
#howToPickupPinLocation {
    max-width: 383px;
}
#howToPickupPinLocation .title-hiw, #howToPickupPinLocation .hiw-content {
    border-bottom: unset;
}
#howToPickupPinLocation .btn-got-it {
    margin-top: 0;
    width: 50%;
}
#howToPickupPinLocation .box-btn {
    padding-top: 20px;
    border-top: 1px solid #C8C8C8;
    margin-top: 20px;
}
#howToPickupPinLocation .title-content {
    font-family: 'Alexandria';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #0A083B;
    margin-top: 20px;
    margin-bottom: 10px;
}
#howToPickupPinLocation .description-content {
    font-size: 14px;
    line-height: 20px;
    color: #757575;
}
.format-rtl .box-pickup-address .btn-htpu-parcel::before {
    padding-right: 0;
    padding-left: 10px;
}
.format-rtl .fulfillment-info .line-info .title:before {
    margin-right: 0;
    margin-left: 10px;
}
.fulfillment-page .hot-redbox-ar {
    display: none;
}
.format-rtl .fulfillment-page .hot-redbox-ar {
    display: block;
}
.format-rtl .fulfillment-page .hot-redbox {
    display: none;
}
.format-rtl .fulfillment-page .action-step-1 {
    width: 500px;
}
.format-rtl .fulfillment-page .box-pickup-address div {
    display: flex;
    column-gap: 10px;
}
.format-rtl .fulfillment-page .area-show-warning .warning-status {
    width: 100%;
}
.format-rtl .fulfillment-page .area-show-warning {
    display: flex;
    justify-content: center;
}
.format-rtl .fulfillment-page .label-download {
    flex-direction: column;
}
.format-rtl .fulfillment-page .box-download-app {
    column-gap: 15px !important;
}
.redbox-option.disable .btn-select {
    color: #BFBFBF;
    border: 1px solid #BFBFBF;
}
.ct-topbar {
    text-align: right;
    display: flex;
    align-items: center;
}
.ct-topbar__list {
    margin-bottom: 0;
}
.ct-language__dropdown {
    padding-top: 8px !important;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 110%;
    left: -3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 110%;
    text-align: left;
    z-index:200;
    padding: 0 6px !important;
    background: #fff;
    margin-left: -6px;
}
.ct-language__dropdown li{
    background: #fff;
    padding: 5px;
}
.ct-language__dropdown li a{
    display: block;
}
.ct-language__dropdown li:first-child{
    padding-top: 10px;
    border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
    padding-bottom: 10px;
    border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover {
    background-color: rgba(42,65,232,0.07);
}
.ct-language__dropdown li:hover a{
    color: #BB1E10;
}
.ct-language__dropdown:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 0;
    border: 0 solid transparent;
}
.ct-language {
    position: relative;
}
.ct-language.active .ct-language__dropdown{
    max-height: 315px;
    padding-top: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    min-width: 130px;
}
.ct-language__dropdown li a img {
    margin-right: 8px !important;
}
.format-rtl .ct-language__dropdown {
    text-align: right;
}
.format-rtl .ct-language__dropdown li a img {
    margin-right: 0 !important;
    margin-left: 8px !important;
}
.skiptranslate {
    display: none !important;
}
.body-top-0 {
    top: 0 !important;
}
.vfs-page button.button-done-pick-point {
    font-size: 18px;
}
.btn-locker-map:before {
    color: #FFFFFF;
    content: "\f5a0";
    padding-right: 10px;
}
.format-rtl .btn-locker-map:before {
    padding-right: 0;
    padding-left: 10px;
}
.btn-locker-map {
    background: #D9373F;
    box-shadow: 0px 4px 8px rgba(217, 55, 63, 0.25);
    border-radius: 6px;
    color: #FFFFFF;
    height: 34px;
    padding: 0 10px;
}
.line-vertical {
    width: 1px;
    background: #E0E0E0;
    margin: 0 20px;
    height: 100%;
}
.mini-express .line-vertical {
    height: 24px;
    margin-left: 0;
}
.format-rtl .mini-express .line-vertical {
    height: 24px;
    margin-left: 20px;
    margin-right: 0;
}
.express-hiw:before {
    color: #2A2D47;
    content: "\f059";
    font-size: 22px;
    line-height: 32px;
}
.title-create-redbox-express {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    margin-left: 35px;
    margin-right: 35px;
    cursor: pointer;
}
.btn-no-background {
    background: #FFFFFF;
    border: 1px solid #848484;
    border-radius: 4px;
    font-family: 'Alexandria';
    font-style: normal;
    font-weight: 500;
    color: #666666;
    width: 100%;
    height: 50px;
}
.mini-express-hiw .footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E0E0E0;
}
.btn-select-hiw .btn-sw {
    display: flex;
    align-items: center;
    height: 50px;
    text-align: center;
    justify-content: center;
    width: 100%;
    border-radius: 6px;
}
.btn-select-hiw .btn-sw::before {
    padding-right: 10px;
}
.format-rtl .btn-select-hiw .btn-sw::before {
    padding-left: 10px;
    padding-right: 0;
}
.light-red {
    color: #D9373F;
}
.box-tracking-me {
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 20px 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #3D3D4E;
}
.box-tracking-me .me-tracking-number{
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #2A2D47;
}
.express-success:before {
    content: "\f058";
    padding-right: 14px;
    font-size: 32px;
    line-height: 16px;
}
.es-step-guide {
    display: flex;
    column-gap: 15px;
}
.es-step-guide img {
    min-width: 100px;
}
.box-guide-express-success {
    margin-bottom: 20px;
}
.box-guide-express-success .title-guide {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    color: #2A2D47;
    margin-bottom: 20px;
}
.box-guide-express-success .box-text .label-step {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #2A2D47;
}
.box-guide-express-success .box-text .description-step {
    font-size: 16px;
    line-height: 26px;
    color: #848484;
}
.box-time-delivery {
    padding: 20px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px;
}
.label-deposit-before {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #2A2D47;
}
.note-send-sms-no-point {
    margin-top: 20px;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    color: #D9373F;
}
#pointTo  {
    margin-top: 3px;
    margin-left: 10px;
}
.express-redbox-carrier .box-left .text-info {
    margin-left: 15px;
}
.format-rtl .express-redbox-carrier .box-left .text-info {
    margin-left: 0;
    margin-right: 15px;
}
.express-redbox-carrier .box-left .text-info p {
    line-height: 22px;
}
.express-redbox-carrier {
    margin: 15px;
    border: 1px solid #C5C5C5;
    border-radius: 6px;
    width: 100%;
    padding: 10px 15px;
}
.express-redbox-carrier .text-info p:first-child {
    font-size: 16px;
    line-height: 26px;
    color: #FF6B00;
}
.express-redbox-carrier .text-info p:nth-child(2) {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202020;
}
.express-redbox-carrier .text-info p:nth-child(3) {
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #848484;
}
.express-redbox-carrier .box-right .ic-check:before {
    content: "\f058";
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #ABABAB;
}
.express-redbox-carrier.active {
    background: #DEEFFF;
    border: 1px solid #027CF5;
}
.express-redbox-carrier.active .box-right .ic-check:before {
    color: #00AE57;
    font-weight: 900;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-space-between-disable-align {
    display: flex;
    justify-content: space-between;
}
.pin-map-locker-door {
    color: #46AFFF;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}
.pin-map-locker-door-ic {
    margin-left: 15px;
    margin-bottom: 20px;
}
.pin-map-locker-door-ic:before {
    text-decoration: none;
    content: "\f3c5";
    font-weight: 300;
    font-size: 24px;
    color: #3D3D4E;
    padding-right: 10px;
}
.pin-location-modal {
    min-width: 500px;
    padding: 0;
}
.pin-location-modal .pick-point-page{
    margin: 0;
}
.pin-location-modal .button-confirm-hd {
    margin-top: 0;
    background: #46AFFF;
    box-shadow: 0 8px 12px rgba(70, 175, 255, 0.25);
}
.z-index-9999 {
    z-index: 9999 !important;
}
.box-input-address {
    position: relative;
}
.box-input-address .edit-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #46AFFF;
    font-weight: 500;
}
.box-input-address .edit-btn.disable {
    display: none;
}
.express-hiw-modal .fa-circle-xmark, #noticeItemExpress button.mfp-close {
    display: none;
}
.modal-otp-mini-express .box-otp p {
    margin-bottom: 15px;
    text-align: left;
    margin-left: 0;
}
.modal-otp-mini-express .txt-verification {
    color: #3D3D4E;
    margin-bottom: 15px;
}
.modal-otp-mini-express .check-wrong-otp {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
    margin-top: 20px !important;
}
.modal-otp-mini-express .express-success {
    display: flex;
    align-items: center;
    justify-content: center;
}
#btnConfirmOtpMiniExpress {
    margin-top: 20px;
}
.format-rtl .modal-otp-mini-express .box-otp p {
    text-align: right;
}
.format-rtl .modal-otp-mini-express .txt-verification {
    text-align: right;
}
.format-rtl .box-guide-express-success .title-guide {
    text-align: right;
}
.format-rtl .box-guide-express-success .box-text .label-step {
    text-align: right;
}
#labelFromNoPoint {
    display: none;
}
#labelFromNoPoint.active {
    display: block;
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    color: #D9373F;
}
.me-step-4 .line-info-confirm img {
    width: 50px;
}
.me-step-4 .line-shipping-from {
    border-bottom: unset;
}
.me-step-4 .box-time-delivery {
    border-top: unset;
    padding-top: 4px;
}
.me-step-4 .box-time-delivery .label-deposit-before:before {
    content: '\f017';
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-right: 8px;
    color: #848484;
}
.format-rtl .me-step-4 .box-time-delivery .label-deposit-before:before {
    padding-right: 0;
    padding-left: 8px;
}
.modal-expectation-express button.mfp-close {
    display: none;
}
.row-gift-message {
    display: none;
}
.express-hiw:hover:before {
    color: #d9373f;
}
.format-rtl .box-input-address .edit-btn {
    right: unset;
    left: 20px;
}
.mini-express .pac-card {
    right: 15px !important;
    top: 15px !important;
}
.mini-express #icon-my-location-custom {
    right: 5px !important;
}
.mini-express .gm-bundled-control .gmnoprint {
    left: -15px !important;
}
#gift-message {
    margin-bottom: 0;
}
.mini-express .note-point-from {
    margin-left: 15px;
}
.format-rtl .mini-express .note-point-from {
    margin-left: 0;
    margin-right: 15px;
}
.pin-location-modal .pick-point-page .modal {
    padding-top: calc(50vh - 180px);
}
.me-step-4 .radio-checkmark,
.lg-step-3 .radio-checkmark {
    height: 32px;
    width: 32px;
}
.me-step-4 .box-choose-payment label,
.lg-step-3 .box-choose-payment label {
    font-size: 16px;
    padding-top: 8px;
}
.me-step-4 .container-radio,
.lg-step-3 .container-radio {
    padding-left: 43px;
}
.me-step-4 .container-radio .radio-checkmark::after,
.lg-step-3 .container-radio .radio-checkmark::after {
    top: 9px;
    left: 9px;
    width: 12px;
    height: 12px;
}
.option-pay-locker {
    padding-top: 30px !important;
}
.option-pay-locker .radio-checkmark{
    margin-top: 23px;
}
.format-rtl .box-time-delivery {
    text-align: right;
}
.page-counter-login, .page-counter-feature {
    font-family: 'Alexandria';
    font-weight: 300;
}
.page-counter-login .ext-body, .page-counter-feature .ext-body {
    min-height: calc(100vh - 122px);
}
.ext-page .counter-header {
    padding: 23px 152px;
}
.page-counter-login .area-switch-language a, .page-counter-feature .area-switch-language a {
    margin-right: 0;
}
.format-rtl .page-counter-login .area-switch-language a, .page-counter-feature .area-switch-language a {
    margin-left: 0;
}
.counter-login-body, .counter-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-counter-feature .counter-body {
    align-items: center;
}
.counter-body {
    justify-content: center;
}
.counter-login-body .box-login {
    width: 460px;
    padding: 20px;
    border-radius: 24px;
    border: 2px solid #ED3012;
    background: #FFF;
}
.counter-login-body .label-welcome {
    color:  #666;
    font-size: 18px;
    text-align: center;
    margin-bottom: 4px;
}
.counter-login-body .label-login {
    color: #202020;
    text-align: center;
    font-family: 'Alexandria';
    line-height: 34px;
    font-size: 32px;
    margin-bottom: 48px;
    font-weight: 500;
}
.user-info p, .password-info p {
    color: #303030;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
}
.user-info input, .password-info input {
    height: 80px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.user-info input::placeholder, .password-info input::placeholder {
    color: #C4C4C4;
}
.page-counter-login .password-info {
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 16px;
}
.btn-submit-counter-login {
    border-radius: 12px;
    background: #ED3012;
    box-shadow: 0px 8px 20px 0px rgba(217, 55, 63, 0.20);
    height: 80px;
    color: #FFFFFF;
    font-size: 22px;
    margin: 20px 0 0 0;
}
.box-counter-feature {
    width: 556px;
    min-height: 300px;
    border-radius: 28px 28px 24px 24px;
    border: 2px solid #ED3012;
    background: #FFFFFF;
}
.box-counter-feature .title-feature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ED3012;
    height: 80px;
    color: #FFFFFF;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.box-counter-feature .title-feature span {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    height: 80px;
    cursor: pointer;
}
.box-counter-feature .title-feature span:first-child {
    border-top-left-radius: 26px;
}
.box-counter-feature .title-feature span:last-child {
    border-top-right-radius: 26px;
}
.box-counter-feature .title-feature span.active, .box-counter-feature .title-feature span:hover {
    background: #FFFFFF;
    color: #303030;
}
.box-counter-feature .label-collect {
    margin-top: 40px;
    color: #202020;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    font-weight: 500;
}
.box-counter-feature .label-enter {
    margin-top: 8px;
    color: #666;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 64px;
}
.box-counter-feature .label-pin-code {
    color: #303030;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px;
}
.box-counter-feature input {
    margin-bottom: 0;
    height: 80px;
    border-radius: 12px;
    border-color: #C4C4C4;
    font-size: 18px;
}
.box-counter-feature input::placeholder {
    color: #C4C4C4;
}
.counter-feature {
    padding: 0 20px 20px 20px;
}
.input-pin-code, .input-have-ic {
    position: relative;
    height: 80px;
}
.input-pin-code .fa-circle-arrow-right, .input-have-ic .fa-eye-slash, .input-have-ic .fa-eye,
.input-pin-code .fa-circle-arrow-left, .input-pin-code .loader {
    position: absolute;
    right: 16px;
    font-size: 28px;
    top: 26px;
}
.input-have-ic .fa-eye-slash, .input-have-ic .fa-eye {
    font-size: 22px;
    color: #C4C4C4;
}
.input-pin-code .loader {
   width: 28px;
    height: 28px;
}
.input-pin-code .fa-circle-arrow-right.fa-solid,
.input-pin-code .fa-circle-arrow-left.fa-solid {
    cursor: pointer;
    color: #46AFFF;
}
.counter-feature {
    display: none;
}
.counter-feature.active {
    display: block;
}
.counter-home-name {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    padding: 0 12px;
    border-left: 1px solid #C4C4C4;
    border-right: 1px solid #C4C4C4;
    margin-left: 12px;
    margin-right: 12px;
}
.counter-home-log-out a {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}
.box-customer-feature input:focus {
    background-color: #ECECEC;
}
.box-customer-feature .txt-wrong-code {
    color: #D9373F;
    font-size: 18px;
    margin-top: 16px;
    display: none;
}
.box-customer-feature .txt-wrong-code.active {
    display: block;
}
.content-shipment-scan .sc-info {
    margin-top: 16px;
    font-size: 22px;
}
.content-shipment-scan .trk-info {
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 16px;
}
.content-shipment-scan .receiver-name {
    color: #202020;
}
.content-shipment-scan .receiver-phone {
    color: #666;
}
.box-customer-feature .cod-line-info {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    margin-top: 30px;
}
.box-customer-feature .cod-line-info p, .box-customer-feature .cod-line-info span {
    color: #202020;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}
.box-customer-feature .box-cod-number .label-paid {
    margin-left: 12px;
    padding: 8px 16px;
    background: #00AE57;
    color: #FFFFFF;
    border-radius: 200px;
    width: 91px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.box-customer-feature .box-cod-number .label-paid:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    font-weight: 400;
    content: '\f00c';
    padding-right: 8px;
}
.box-customer-feature .line-note {
    padding: 16px 0;
}
.box-customer-feature .line-note span {
    color: #666;
    font-size: 18px;
    line-height: 26px;
}
.box-customer-feature .line-note span:first-child {
    padding-right: 8px;
}
.box-customer-feature .line-note span:first-child, .line-note.have-cod span {
    color: #D9373F;
}
.box-customer-feature .btn-confirm-delivery {
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    height: 80px;
    border-radius: 12px;
    width: 100%;
    background:  #46AFFF;
    box-shadow: 0 8px 20px 0 rgba(70, 175, 255, 0.25);
}
.modal-counter-delivery-success, .modal-report-delivery, .modal-counter-log-out {
    padding: 20px;
}
.modal-counter-log-out {
    max-width: 450px;
}
.modal-counter-log-out .log-out-content {
    padding: 20px 10px 40px 10px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 20px;
}
.modal-counter-log-out button {
    height: 60px;
}
.modal-counter-log-out .btn-back {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
}
.modal-counter-log-out .btn-back {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
}
.modal-counter-log-out .btn-ok {
    border-radius: 12px;
    background: #D9373F;
    box-shadow: 0 8px 20px 0px rgba(217, 55, 63, 0.20);
    color: #FFFFFF;
    border: none;
    font-size: 22px;
}
.modal-counter-delivery-success .fa-circle-check::before, .modal-report-delivery .fa-circle-check::before {
    font-size: 38px;
}
.modal-counter-delivery-success .icon-success, .modal-report-delivery .icon-success {
    margin-bottom: 20px;
}
.modal-counter-delivery-success p, .modal-report-delivery p, .modal-counter-log-out p {
    color: #303030;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.modal-counter-delivery-success #btnOk {
    color: #303030;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    height: 60px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
}
.modal-counter-delivery-success .spl-term-content, .modal-report-delivery .spl-term-content {
    border-bottom: 1px solid #C4C4C4;
}
.box-driver-feature .label-enter {
    margin-bottom: 36px;
}
.box-driver-feature .img-counter-driver-login-qr {
    padding-bottom: 32px;
}
.box-driver-feature .line-status-login {
    margin-top: 30px;
    text-align: center;
}
.box-driver-feature .line-status-login span {
    color: #303030;
    font-size: 22px;
    line-height: 32px;
}
.driver-login-spinner {
    border-radius: 50%;
    border: 5px solid #D9373F;
    border-left-color: #FFFFFF;
    width: 48px;
    height: 48px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
.spinner-line.expire,
.spinner-line.done {
    display: none;
}
.box-driver-feature .line-status-login.expire,
.box-driver-feature .line-status-login.done {
    margin-top: 0;
}
.box-driver-feature .line-status-login.done .line-time-left {
    display: none;
}
.box-driver-feature .line-status-login .line-info-driver {
    display: none;
}
.box-driver-feature .line-status-login.done .line-info-driver {
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-driver-feature .line-info-driver:before {
    color: #00AE57;
    text-align: center;
    font-family: 'Font Awesome 6 Pro';
    font-size: 32px;
    font-weight: 900;
    content: '\f058';
    padding-right: 12px;
    position: relative;
    top: -2px;
}
.box-driver-feature #btnRefreshQR {
    margin-top: 32px;
    width: 100%;
    height: 80px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    display: none;
}
.box-driver-feature  #btnRefreshQR.active {
    display: block;
}
.img-counter-driver-login-qr {
    position: relative;
}
.box-inventory-feature .line-shipment-info {
    height: 80px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.10);
    cursor: pointer;
}
.box-inventory-feature .line-shipment-info span {
    color: #303030;
    font-size: 22px;
    line-height: 32px;
}
.inventory-report .line-shipment-info {
    height: 80px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.10);
    cursor: pointer;
}
.inventory-report .line-shipment-info span {
    color: #303030;
    font-size: 22px;
    line-height: 32px;
}
.inventory-screen .line-title {
    margin-top: 40px;
    margin-bottom: 64px;
    height: 48px;
    display: flex;
    align-items: center;
}
.inventory-screen {
    display: none;
}
.inventory-screen.active {
    display: block;
}
.inventory-screen .line-title p {
    color: #202020;
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    font-family: Alexandria;
}
.inventory-screen .line-title .label-list {
    width: calc(100vw - 96px);
    color: #202020;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    margin-right: 48px;
}
.inventory-screen .arrow-back:before {
    color: #202020;
    font-family: 'Font Awesome 6 Pro';
    font-size: 26px;
    font-weight: 900;
    line-height: 42px;
    content: '\f060';
}
.inventory-screen .arrow-back {
    border-radius: 11750px;
    background: #FFF;
    min-width: 48px;
    min-height: 48px;
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.10);
    cursor: pointer;
}
.inventory-screen .box-shipment-detail {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.10);
    padding: 20px;
    margin-bottom: 16px;
}
.inventory-screen .info-tk-number span {
    color: #202020;
    font-size: 22px;
    font-style: normal;
    line-height: 32px;
    margin-left: 12px;
    font-weight: 500;
}
.inventory-screen .info-status {
    border-radius: 200px;
    border: 2px solid #46AFFF;
    padding: 2px 16px;
    color: #46AFFF;
    font-size: 16px;
    display: inline-block;
}
.page-list-shipments .box-shipment-detail .line-1 {
}
.page-list-shipments .info-tk-number img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.page-list-shipments .line-2 span {
    color: #303030;
    font-size: 18px;
    line-height: 26px;
}
.page-list-shipments .line-2 .label-drop-off {
    color: #666;
    min-width: 125px;
    display: inline-block;
}
.page-list-shipments .line-2.expire-time {
    margin-top: 20px;
}
.page-list-shipments .line-2 .label-drop-off:before {
    color: #202020;
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    content: '\f1b2';
    padding-right: 21px;
    padding-left: 10px;
}
.page-list-shipments .line-2.expire-time .label-drop-off:before {
    content: '\e29e';
}
.page-list-shipments .line-2 .label-date {
   padding-right: 12px;
    border-right: 2px solid #666;
    margin-right: 12px;
}
.inventory-screen .info-status.expired {
    border: 2px solid #ED3012;
    color: #ED3012;
}
.inventory-screen .info-status.reported {
    border: 2px solid #00AE57;
    color: #00AE57;
}
.inventory-screen .box-shipment-detail {
    cursor: pointer;
}
.inventory-screen .box-shipment-detail:hover, .btn-deli-success:hover {
    cursor: pointer;
    background: #ECECEC;
}
.inventory-screen .content-shipment-detail img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.inventory-screen .content-shipment-detail .name-org {
    color: #202020;
    font-size: 22px;
    line-height: 32px;
    margin-top: 16px;
    margin-bottom: 12px;
    font-family: Alexandria;
    font-weight: 500;
}
.inventory-screen .box-centre-info {
    padding-bottom: 40px;
    display: flex;
    gap: 20px;
}
.inventory-screen .content-shipment-detail .box-info-shipment {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #C4C4C4;
}
.inventory-screen .box-info-shipment .line-detail {
    display: flex;
    justify-content: space-between;
}
.inventory-screen .box-info-shipment .line-detail p:first-child {
    color: #666;
    font-size: 18px;
    line-height: 26px;
    min-width: 150px;
}
.inventory-screen .box-info-shipment .line-detail p:last-child {
    color: #303030;
    font-size: 18px;
    line-height: 26px;
    max-width: 70%;
    text-align: right;
}
.inventory-screen .box-info-shipment .line-detail .value-trk-number {
    color: #303030;
    font-family: Alexandria;
}
.inventory-screen #btnReportDelivery {
    width: 100%;
    height: 80px;
    color: #303030;
    font-size: 22px;
    line-height: 32px;
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    font-family: Alexandria;
    font-weight: 500;
}
.inventory-screen #btnReportDelivery:hover {
    background: #ECECEC;
}
.modal-report-delivery {
    color: #303030;
    font-family: 'Alexandria';
}
.modal-report-delivery .report-deli-step.step-1 .box-btn-2 {
    padding-top: 20px;
    margin-top: 40px;
    border-top: 1px solid #C4C4C4;
}
.modal-report-delivery button {
    height: 60px;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Alexandria';

}
.modal-report-delivery .btn-back {
    color: #303030;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    background: #FFF;
}
.modal-report-delivery .btn-got-it {
    border-radius: 12px;
    background: #D9373F;
    box-shadow: 0 8px 20px 0 rgba(217, 55, 63, 0.20);
    color: #FFF;
}
.modal-report-delivery .btn-got-it:hover {
    background: #d52029;
}
.report-deli-step, .report-payment-issue-step {
    display: none;
}
.report-deli-step.active, .report-payment-issue-step.active {
    display: block;
}
.report-deli-step.step-2 .content-step {
    padding-bottom: 33px;
    border-bottom: 1px solid #C4C4C4;
}
.counter-login-banner {
    background-image: url('../images/counter_login_banner.svg?1');
    background-size: contain;
    background-repeat: no-repeat;
    height: 394px;
    width: 463px;
}
.show-rtl {
    display: none;
}
.format-rtl .show-ltr {
    display: none;
}
.format-rtl .show-rtl {
    display: block;
}
.format-rtl .counter-login-banner {
    background-image: url('../images/counter_login_banner_arabic.svg?1');
}
.format-rtl .box-counter-feature .title-feature span:first-child {
    border-top-right-radius: 26px;
    border-top-left-radius: 0;
}
.format-rtl  .box-counter-feature .title-feature span:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 26px;
}
.format-rtl .input-pin-code .fa-circle-arrow-right,
.format-rtl .input-pin-code .fa-circle-arrow-left,
.format-rtl .input-pin-code .loader, .format-rtl .input-have-ic .fa-eye-slash,
.format-rtl .input-have-ic .fa-eye {
    left: 16px;
    right: unset;
}
.format-rtl .box-customer-feature .box-cod-number .label-paid {
    margin-left: 0;
    margin-right: 12px;
    width: unset;
}
.format-rtl .box-customer-feature .box-cod-number .label-paid::before {
    padding-right: 0;
    padding-left: 8px;
}
.format-rtl .box-driver-feature .line-info-driver::before {
    padding-right: 0;
    padding-left: 12px;
}
.format-rtl .inventory-screen .arrow-back::before {
    content: "\f061";
}
.format-rtl .inventory-screen .line-title .label-list {
    margin-right: 0;
    margin-left: 48px;
}
.format-rtl .inventory-screen .info-tk-number span {
    margin-left: 0;
    margin-right: 12px;
}
.format-rtl .page-list-shipments .line-2 .label-date {
    padding-right: 0;
    border-right: unset;
    margin-right: 0;
    padding-left: 12px;
    border-left: 2px solid #666;
    margin-left: 12px;
}
.box-customer-feature .box-cod-number .label-unpaid {
    margin-left: 12px;
    padding: 4px 16px;
    background: #FFF;
    color: #D9373F;
    border-radius: 200px;
    width: 91px;
    border: 2px solid #D9373F;
    font-size: 18px;
    line-height: 26px;
}
.box-customer-feature .box-cod-number .cod-value {
    color: #D9373F;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px
}
.shipment-scan-cod .box-btn button {
    height: 80px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Alexandria';
}
.modal-counter-pay-online {
    padding: 36px 20px 20px 20px;
    border-radius: 24px !important;
    font-family: 'Alexandria';
}
.modal-counter-pay-online .label-scan {
    color: #202020;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
}
.modal-counter-pay-online .box-qr {
    text-align: center;
}
.modal-counter-pay-online .img-qr-pay {
    width: 173px;
    height: 173px;
    margin-top: 36px;
    margin-bottom: 36px;
}
.modal-counter-pay-online .text-description {
    color: #303030;
    font-size: 18px;
    line-height: 26px;
}
.modal-counter-pay-online .counter-pay-footer {
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
    margin-top: 20px;
}
.modal-counter-pay-online .counter-pay-footer button {
    font-family: 'Alexandria' ;
    height: 60px;
    width: 100%;
    color: #303030;
    font-size: 22px;
    border: 1px solid #C4C4C4;
    font-weight: 500;
}
.format-rtl .content-shipment-scan .trk-info {
    display: flex;
    column-gap: 8px;
    justify-content: center;
}
.ext-page .counter-header {
    padding: 23px 392px;
}
.ext-page .counter-login-body, .ext-page .counter-body, .bsu-body {
    padding-left: 392px;
    padding-right: 392px;
}
.counter-login-body .body-form-login {
    padding: 0;
}
.box-counter-feature .input-pin-code input {
    box-shadow: none;
}
.counter-home-name .high-light, .modal-report-payment-issue .high-light  {
    color: #ED3012;
    font-weight: 500;
}
.format-rtl .page-counter-feature .area-switch-language a {
    margin: 0;
}
.shipment-scan-cod .box-btn button.btn-next-step {
    border: unset;
}
.spl-box-title.border-line-20 {
    padding-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
}
.spl-input-area .check-sms {
    margin-top: 4px;
    margin-bottom: 16px;
}
.spl-input-area .checkbox input:checked + label span.checkbox-icon {
    background-color: #3D3D4E;
    border-color: #3D3D4E;
}
.spl-input-area .bootstrap-select > .dropdown-toggle {
    z-index: unset;
}
.seamless-image {
    text-align: center;
    margin-bottom: 20px;
}
.seamless-image img {
    width: 182px;
}
.spl-box-content.seamless {
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
}
.fa-circle-check.size-80:before {
    font-size: 80px;
}
.text-success-screen.seamless p:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 25px;
}
.format-rtl .intl-tel-input input {
    padding-left: 0;
    padding-right: 47px;
}
.format-rtl .intl-tel-input .flag-dropdown .selected-flag {
    padding: 6px 6px 6px 16px;
}
.format-rtl .intl-tel-input .flag-dropdown .selected-flag .down-arrow {
    right: 20px;
    left: unset;
}
.body-sampling-register.seamless {
    background-image: url('../images/seamless_background.png');
    background-size: cover;
}
.seamless .btn-regsiter {
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    width: 100%;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 0;
    background: #46AFFF;
    filter: unset;
}
.seamless .product-sampling-item {
    margin-top: 0;
}
.seamless  .line-time-promotion {
    padding: 10px 0;
}
.sampling-register .ext-footer {
    padding: 8px 0 2px 0;
}
.seamless .box-info-send-sms {
    margin-bottom: 0;
}
.seamless .product-sampling-item {
    padding: 10px 20px 10px 17px;
}
.seamless .line-text-spl-item {
    min-width: 308px;
    margin-top: 4px;
}
.col-door-size .dropdown-menu.open,
.col-door-size .dropdown-menu.open ul,
.col-door-size .dropdown-menu {
    height: unset;
}
.luggage-web .line-reserve-last {
    border-bottom: none;
    margin-bottom: 24px;
}
.datepicker-days .day.disabled {
    color: #ddd!important
}
.feedback-step, .ccr-step, .sp-step {
    display: none;
}
.feedback-step.active, .ccr-step.active, .sp-step.active {
    display: block;
}
.feedback-step, .feedback-done {
    margin-top: 64px;
    padding: 20px;
    border-radius: 12px;
    max-width: 500px;
    background: #FFF;
}
.feedback-step .banner-feedback, .feedback-done .banner-feedback {
    width: 100%;
}
.feedback-page .ext-body {
    display: flex;
    justify-content: center;
    align-items: start;
    min-height: calc(100vh - 124px);
    padding-bottom: 20px;
    font-weight: 300;
}
.feedback-page .line-shipment-delivered {
    padding-bottom: 16px;
    color: #202020;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
.format-rtl .feedback-page .line-shipment-delivered:before {
    padding-left: 12px;
    padding-right: 0;
}
.feedback-page .line-info {
    display: flex;
    column-gap: 4px;
    padding-bottom: 16px;
    font-size: 14px;
}
.feedback-page .line-info:last-child {
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
}
.feedback-page .line-info span {
    color: #666;
    line-height: 24px;
}
.feedback-page .line-info .value {
    color: #202020;
}
.box-fback-options {
    padding-top: 15px;
}
.box-fback-options .title-fback {
    color: #00AE57;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
}
.box-fback-options .title-feedback-service {
    font-weight: 500;
    line-height: 24px;
    margin-top: 30px;
    color: #202020;
    font-size: 16px;
}
.box-fback-options .title-feedback-service:before {
    content: '\f058';
    color: #ABABAB;
    padding-right: 8px;
}
.box-fback-options .title-feedback-service.active:before {
    color: #00AE57;
    font-weight: 900;
}
.format-rtl .box-fback-options .title-feedback-service:before {
    padding-left: 8px;
    padding-right: 0;
}
.box-fback-options button {
    color: #202020;
    width: 100%;
}
.font-awe-6:before, .font-awe-6:after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
}
.box-points {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.box-points .line-point {
    display: flex;
    column-gap: 20px;
}
.box-points .font-awe-6:before {
    font-weight: 100;
    font-size: 30px;
    line-height: 18px;
}
.box-points .point-1:before {
    content: "\e0ee";
}
.box-points .point-2:before {
    content: "\e0ef";
}
.box-points .point-3:before {
    content: "\e0f0";
}
.box-points .point-4:before {
    content: "\e0f1";
}
.box-points .point-5:before {
    content: "\e0f2";
}
.box-points .point-6:before {
    content: "\e0f3";
}
.box-points .point-7:before {
    content: "\e0f4";
}
.box-points .point-8:before {
    content: "\e0f5";
}
.box-points .point-9:before {
    content: "\e0f6";
}
.box-points .img-point-10 {
    margin-top: -7px;
}
.feedback-step .line-ask-text {
    color: #202020;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 30px;
}
.feedback-step .box-btn-next {
    margin-top: 30px;
    border-top: 1px solid #C4C4C4;
}
.box-reason-other {
    margin-top: 20px;
    border-radius: 12px;
}
.feedback-step .rate-value.active:before {
    color: #00AE57;
    font-weight: 900;
}
.feedback-step .btn-next.active {
    background: #00AE57 !important;
}
.reason-feedback {
    border-radius: 12px;
    border: 1px solid #848484;
    width: 100%;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    color: #202020;
}
.reason-feedback:not(:first-child) {
    margin-top: 20px;
}
.reason-feedback.active {
    color: #1C94F1;
    border: 1px solid #1C94F1;
}
.box-reason-other.active {
    border: 1px solid #1C94F1 !important;
}
.box-reason-other {
    border: 1px solid #C4C4C4;
}
.feedback-step .line-text-received, .feedback-done .line-text-received {
    padding: 20px 0 16px 0;
    color: #00AE57;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
.line-text-received:before {
    content: '\f058';
    padding-right: 10px;
    font-size: 26px;
    font-weight: 900;
}
.format-rtl .line-text-received:before {
    padding-right: 0;
    padding-left: 10px;
}
.feedback-step-end .text-thank, .feedback-done .text-thank {
    color: #2D3748;
    font-size: 16px;
}
.bsu-page .ext-header {
    padding: 20px 130px;
}
.bsu-page .area-switch-language a {
    margin: 0;
}
.bsu-page .ext-body {
    min-height: calc(100vh - 116px);
    background-color: #F3F3F3;
    padding: 10px 0px;
}
.bsu-body form {
    /* min-height: 480px; */
    border-radius: 24px;
    background: #fff;
    padding: 20px;
    width: 876px;
}
.bsu-progress-bar {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.bsu-progress-bar .box-step {
    display: flex;
    flex-direction: column;
}
.bsu-progress-bar .box-step-2 {
    align-items: end;
}
.bsu-progress-bar .line-horizontal {
    background: #C4C4C4;
    height: 1px;
    width: calc(100% - 96px);
    position: absolute;
    top: 18px;
    left: 48px;
}
.bsu-pro-step  {
    border-radius: 50%;
    border: 1px solid #C4C4C4;
    width: 36px;
    height: 36px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #303030;
    position: relative;
}
.box-step.active .bsu-pro-step {
    background: #D9373F;
    color: #FFFFFF;
    border: 1px solid #D9373F;
}
.box-step.done .bsu-pro-step {
    border: unset;
}
.box-step.done .bsu-pro-step:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    font-weight: 400;
    content: '\f00c';
    position: absolute;
    background: #46AFFF;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border: 1px solid #46AFFF;
    font-weight: 500;
}
.box-step.active .label-progress {
    color: #D9373F;
    font-weight: 500;
}
.box-step-title {
    margin: 20px auto 20px auto;
    text-align: center;
}
.bsu-body .summary-tile {
    color: #666;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 300;
}
.bsu-body .step-title {
    color: #202020;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: start;
}
.box-step-footer {
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
}
.bsu-page .submit-field {
    margin-bottom: 20px;
    width: 100%;
}
.bsu-page .submit-field .view-password{
    position: absolute;
    right: 20px;
    top: 53px;
    cursor: pointer;
}
.format-rtl .bsu-page .submit-field .view-password{
    left: 20px;
    right: unset;
}
.bsu-page .submit-field h5 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #202020 ;
}
.bsu-page .submit-field .warning-more {
    color: #666666;
    line-height: 22px;
    margin-top: 10px;
}
.modal-su-success .redirect-count-down {
    margin-left: 5px;
}
.format-rtl .modal-su-success .redirect-count-down {
    margin-left: 0px;
    margin-right: 5px;
}
.bsu-page .submit-field input, .bsu-page .submit-field select {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    height: 50px;
    margin-bottom: 0;
    color: #303030;
    padding: 0px 16px;
    box-shadow: unset
}
.bsu-page .submit-field input::placeholder {
    color: #c4c4c4;
}
.bsu-page .submit-field select {
    padding: 0px 20px;
}
.bsu-page .bootstrap-select.btn-group button {
    border-color: #C4C4C4;
    border-radius: 12px;
    color: #303030;
    padding: 0px 16px;
}
.bsu-page .bootstrap-select.btn-group button.bs-placeholder {
    color: #c4c4c4;
}
.bsu-page .submit-field input:focus {
    background-color: #ECECEC;
    border-color: #848484;
}
.bsu-page .bootstrap-select.open.btn-group button {
    background-color: #ECECEC;
    border-color: #848484;
}

.bsu-page .bootstrap-select .dropdown-menu {
    display: none;
}
.bsu-page .bootstrap-select.open .dropdown-menu {
    display: block;
}

.bsu-page .bootstrap-select .bs-searchbox input{
    margin-top: 10px;
    height: 37px;
    border-radius: 5px;
}
.gap-20 {
    column-gap: 20px;
}
.bsu-page .btn-next-step,.bsu-page .btn-back-step,.bsu-page .btn-confirm-step {
    border-radius: 12px;
}
.bsu-page .btn-back-step {
    border: 1px solid #C4C4C4;
    color: #303030;
    background: #FFFFFF;
}
.bsu-page .btn-back-step:hover {
    border: 1px solid #C4C4C4;
    color: #303030;
    background: #FFFFFF;
}
.bsu-page .btn-back-step:hover {
    color: #303030 !important;
    background: #ECECEC;
}
.bsu-page .intl-tel-input .flag-dropdown .selected-flag {
    padding: 6px 16px;
}
.bsu-page .intl-tel-input input {
    padding-left: 56px;
}
.format-rtl .bsu-page .intl-tel-input input {
    padding-left: 0px;
    padding-right: 56px;
}
.bsu-page .box-text-verify {
    padding: 15px;
    border-radius: 8px;
    border: 1px dashed #ACA245;
    background: #FFFBDA;
    color: #202020;
    margin-bottom: 30px;
}
.bsu-page .label-phone-send-code {
    font-weight: 500;
}
.bsu-page .line-resend-code {
    margin-bottom: 30px;
    margin-top: 30px;
}
.bsu-page .line-resend-code .label {
    font-size: 15px;
    font-weight: 500;
    padding-right: 8px;
}
.bsu-page .line-resend-code .label.active {
    color: #027CF5;
    text-decoration-line: underline;
    cursor: pointer;
}
.bsu-page .line-resend-code .second-count-down {
    color: #D9373F;
}
.bsu-page .check-box-temp {
    display: flex;
    column-gap: 14px;
    margin-bottom: 20px;
}
.bsu-page .check-box-temp input {
    background-color: #FFFFFF;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
}
.bsu-page .check-box-temp span {
    color: #303030;
    font-size: 16px;
}
.bsu-page .check-box-temp .checkbox{
    margin-bottom: 0px!important;
    font-size: 16px;
}
.bsu-page .check-box-temp .checkbox label{
    font-size: 16px;
    margin-bottom: 0px;
}
.bsu-page .check-box-temp .checkbox a{
    font-size: 16px;
    font-weight: 500;
    color: #46AFFF;
}
.bsu-page .check-box-temp .checkbox label{
    padding-left: 40px;
}
.bsu-page .check-box-temp .checkbox input:checked + label span.checkbox-icon {
    background-color: #00AE57;
    border-color: #00AE57;
}
.bsu-page .check-box-temp .checkbox label span.checkbox-icon {
    height: 30px;
    width: 30px;
    top: -4px;
}
.bsu-page .check-box-temp .checkbox input + label span.checkbox-icon:after {
    top: 6px;
}
.bsu-page span.temp-of-services {
    color: #46AFFF;
    font-weight: 500;
    text-decoration-line: underline;
    cursor: pointer;
}
.bsu-page .action-step-2-salla .line-2 {
    margin-bottom: 60px;
}
.bsu-page .action-step-2-salla .box-step-content {
    color: #202020;
    text-align: center;
    font-size: 16px;
    margin-bottom: 60px;
    font-weight: 300;
}
.bsu-page .action-step-2-salla .box-step-content .link-active {
    color:#46AFFF;
    cursor: pointer;
}
.bsu-page .action-step-2-salla .box-step-content .link-active a{
    color:#46AFFF;
    cursor: pointer;
}
.modal-su-success {
    text-align: center;
    padding: 20px;
}
.temp-of-services a {
    color:#46AFFF;
    cursor: pointer;
}
.modal-su-success .icon-success {
    margin-bottom: 20px;
}
.modal-su-success .fa-circle-check:before {
    font-size: 80px;
}
.modal-su-success .line-text-1 {
    color: #00AE57;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px;
}
.modal-su-success .line-text-2 {
    color: #202020;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.modal-ext-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #C4C4C4;
}
.modal-su-success .btn-no-bgr {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
}
.bsu-page .check-wrong-otp {
    text-align: left;
    font-style: normal;
}
.btn-confirm-step:disabled {
    filter: drop-shadow(0px 8px 20px rgba(177, 177, 177, 0.25));
    background: #B1B1B1;
}
.btn-confirm-step:disabled:hover {
    filter: drop-shadow(0px 8px 20px rgba(177, 177, 177, 0.25));
    background: #B1B1B1;
}
.bsu-page .gap-column {
    column-gap: 20px;
}
.color-business-su {
    color: #FFFFFF;
    background: #46AFFF;
    padding: 6px 30px !important;
}
.format-rtl .modal-su-success .redirect button {
    height: 80px
}
.feedback-page .box-shipment-info {
    padding-top: 15px;
}
.rating-bar {
    display: flex;
    flex-direction: row-reverse;
    margin: 15px 0;
}
.rating-bar .rate-value {
    color: #C5C5C5;
    font-size: 20px;
    font-style: normal;
    border: 1px solid #C5C5C5;
    width: 10%;
    padding: 10px;
    text-align: center;
    background: #FFF;
    cursor: pointer;
}
.format-ltr .rating-bar .rate-value:not(:last-child) {
    border-left: 0;
}
.format-rtl .rating-bar .rate-value:not(:last-child) {
    border-right: 0;
}
.rating-bar .rate-value:hover,
.rating-bar .rate-value:hover ~ .rate-value {
    color: #202020;
    border-color: #FF6B00;
    background: #FCFF7C;
}
.rating-bar .rate-value.active,
.rating-bar .rate-value.active ~ .rate-value {
    color: #202020;
    border-color: #FF6B00;
    background: #FCFF7C;
}
.fb-note-text {
    color: #ABABAB;
    font-size: 16px;
}
.fback-note-product.highlight, .fback-note-delivery.highlight {
    color: #D9373F;
}
.fback-note-product p, .fback-note-delivery p {
    color: #ABABAB;
}
#contentExtend, #btnShowLess {
    display: none;
}
#btnShowMore {
    color: #678AE3;
    cursor: pointer;
    display: inline-block;
}
#btnShowLess {
    color: #678AE3;
    cursor: pointer;
}
.gap-15 {
    column-gap: 15px;
}
.gap-10 {
    column-gap: 10px;
}
.address-stackry,.p-page {
    background: rgba(86, 80, 80, 0.66);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.address-stackry .wrapper, .p-page .wrapper {
    width: 34%;
    margin-top: 20px;
    height: calc(100vh - 40px);
}
.address-stackry .ext-header, .address-stackry .ext-footer,
.p-page .ext-header, .p-page .ext-footer {
    background: #FFFFFF;
}
.address-stackry .ext-header, .p-page .ext-header {
    padding: 15px;
}
.address-stackry .ext-body, .p-page .ext-body {
    min-height: calc(100vh - 144px);
    background: #EFEFEF;
    padding: 15px;
    position: relative;
}
.address-stackry .line-tracking-number,.p-page .line-tracking-number {
    color: #303030;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.address-stackry .el-info-top, .address-stackry .el-images,
.address-stackry .el-add-item, .address-stackry .el-total ,
.address-stackry .box-info-confirm {
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
    padding-top: 15px;
}
.address-stackry .line-tracking-number .value, .p-page .line-tracking-number .value {
    font-size: 28px;
    font-weight: 500;
    margin-top: 4px;
}
.address-stackry .el-info-top, .p-page .el-info-top  {
    text-align: center;
    color: #202020;
}
.address-stackry .el-info-top p, .p-page .el-info-top p {
    font-size: 18px;
}
.address-stackry .el-info-top .title-top, .p-page .el-info-top .title-top {
    color: #D9373F;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.address-stackry .el-info-top .title-top.completed, .p-page .title-top.completed {
    color: #00AE57;
}
.address-stackry .box-require, .p-page .box-require {
    color: #D9373F;
    border-radius: 8px;
    border: 1px dashed #ACA245;
    background: #FFF5C1;
    padding: 15px;
    margin-top: 15px;
}
.address-stackry .box-require .title-require {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.address-stackry .el-images p {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 15px;
}
.box-images {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.box-images img {
    flex-grow: 1;
    border-radius: 12px;
    max-width: 30%;
    height: 111px;
}
.address-stackry .more-info {
    padding-top: 15px;
}
.address-stackry .more-info .line-info {
    line-height: 24px;
    margin-bottom: 4px;
}
.address-stackry .more-info .value {
    color: #303030;
}
.address-stackry .el-item-input {
    padding-top: 15px;
}
.address-stackry .box-input-info:not(:first-child) {
    border-top: 1px solid #C4C4C4;
    padding-top: 15px;
}
.address-stackry .box-input-info input {
    border-radius: 6px;
    border: 1px solid #C8C8C8;
    box-shadow: unset;
    color: #202020;
}
.address-stackry .title-general, .address-stackry .label-title, .address-stackry .title-general p {
    font-weight: 500;
    color: #202020;
    margin-bottom: 8px;
}
.address-stackry .title-general .delete-item {
    color: #678AE3;
    text-decoration: underline;
}
.address-stackry .metric-info .detail-info {
    width: 50%;
}
.address-stackry .metric-info .input-value {
    position: relative;
}
.address-stackry .metric-info .input-value .label-unit {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.format-rtl.address-stackry .metric-info .input-value .label-unit {
    right: unset;
    left: 15px;
}
.address-stackry .el-add-item {
    border-top: 1px solid #C4C4C4;
}
.address-stackry .el-add-item .add-item {
    color: #678AE3;
    font-weight: 500;
    text-decoration-line: underline;
    font-size: 16px;
}
.address-stackry .el-add-item .add-item:before {
    content: "\f055";
    padding-right: 8px;
    text-decoration: none;
    display: inline-block;
}
.format-rtl.address-stackry .el-add-item .add-item:before {
    padding-right: unset;
    padding-left: 8px;
}
.address-stackry .el-total {
    color: #848484;
    font-size: 18px;
    font-weight: 500;
}
.address-stackry .el-total .value {
    color: #D9373F;
}
.address-stackry .action-step-1 .btn-confirm-step {
    border-radius: 8px;
    height: 54px;
}
.address-stackry .box-btn-2 button {
    margin-top: 0;
    border-radius: 8px;
    height: 54px;
}
.address-stackry .btn-back {
    border: 1px solid #666;
    background: #FFF;
}
.address-stackry .btn-next {
    box-shadow: 4px 4px 14px 0 rgba(70, 175, 255, 0.25);
    filter: unset;
}
.address-stackry .box-info-confirm .title-info {
    color: #303030;
    margin-bottom: 8px;
    font-weight: 500;
}
.address-stackry .box-info-confirm .line-info {
   margin-top: 2px;
}
.address-stackry .box-info-confirm .line-info .value {
    color: #303030;
    line-height: 24px;
}
.address-stackry .box-info-confirm .label-notice {
    color: #D9373F;
    font-style: italic;
    line-height: 24px;
}
.modal-otp-step {
    display: none;
}
.modal-otp-step-1 {
    display: block;
}
.address-stackry .btn-add-custom:after {
    content: '\f054';
    padding-left: 8px;
}
.address-stackry.format-rtl .btn-add-custom:after {
    content: '\f053';
    padding-left: unset;
    padding-right: 8px;
}
#checkOtpAddressStackry .box-info-send-sms {
    border-bottom: none;
    margin-bottom: 0;
}
#checkOtpAddressStackry .line-hr-verify {
    padding-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
}
.bsu-body .bootstrap-select.btn-group button {
    box-shadow: unset;
}
.line-note-shipping-cost {
    color: #666 !important;
}
.address-stackry .title-address {
    color: #202020;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.ccr-page {
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
.ccr-page .box-text-extend {
    padding-bottom: 15px;
    margin-top: 15px;
    text-align: center;
    border-bottom: 1px solid #C4C4C4;
}
.ccr-page .info-shipment {
    margin-top: 15px;
    font-weight: 500;
}
.ccr-page .info-shipment .title {
    color: #202020;
    font-size: 20px;
    font-weight: 500;
}
.ccr-page .info-shipment .line-info {
    margin-top: 12px;
}
.ccr-page .info-shipment .line-info span {
    color: #666;
}
.ccr-page .info-shipment .line-info span.value {
    color: #202020;
}
.option-select {
    height: 54px;
    border-radius: 12px;
    border: 1px solid #848484;
    margin-top: 15px;
    text-align: center;
    background: #FFFFFF;
    cursor: pointer;
    line-height: unset;
}
.option-select.active, .option-select:hover {
    border: 2px solid #1C94F1;
    background: #EAF3F8;
    color: #1C94F1;
}
.ccr .wrapper, .s-portal .wrapper {
    width: 30%;
}
.phone-support {
    color: #D9373F;
    font-weight: 500;
    text-decoration-line: underline;
}
.ccr-page .fa-circle-check::before {
    font-size: 40px;
}
.ccr-page .text-share-feedback {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.ccr-page .text-share-feedback a {
    color: #1C94F1;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
}
.ccr-page .text-share-feedback .time-count, .ccr-page .time-count-unit {
    color: #D9373F;
    font-size: 16px;
    font-weight: 500;
}
.ccr-page .box-reason-other {
    border-radius: 12px;
    border: 1px solid #848484;
    margin-top: 20px;
    background: #FFF;
    color: #303030 !important;
    min-height: 200px;
    margin-bottom: 15px;
}
.ccr-page .box-reason-other:focus {
    border: 1px solid #848484;
}
.ccr-page .ccr-step-2-other .box-btn-2 {
    padding-top: 15px;
    border-top: 1px solid #C4C4C4;
}
.ccr-page .ccr-step-not-received-end .line-end-description {
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.ccr-page  .text-extend-action {
   margin-top: 20px;
    text-align: center;
}
.ccr-page .text-extend-action a {
    color: #46AFFF;
    font-weight: 500;
    text-decoration-line: underline;
}
/* andy collab start */
.body-form.body-form-login .view-password {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.format-rtl .body-form.body-form-login .view-password {
    right: unset;
    left: 15px;
}
.page-login .login-box .scroll-wrapper p {
    padding-left: 20px;
    padding-right: 20px;
}
.format-rtl .page-login .login-box .scroll-wrapper p {
    font-family: Alexandria !important;
    font-weight: 300;
}
input::-ms-reveal,
input::-ms-clear {
    display: none;
}
/* andy collab end */
.error-border {
    border: 1px solid red;
}
.english-require .jconfirm-content {
    overflow: hidden !important;
}
.title-parcel {
    font-weight: 500;
    color: #202020;
    margin-top: 15px;
}
.register-alert .jconfirm-content {
    overflow: hidden !important;
}
.bsu-body .salla-detail {
    text-align: left;
}
.format-rtl .bsu-body .salla-detail {
    text-align: right;
}
.body-import .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: hidden;
}
.content-shipment-scan img {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    max-height: 360px;
}
.content-shipment-scan .report-issue {
    color: #D9373F;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}
.label-res-name {
    display: none;
    color: #202020;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 10px;
    line-height: 34px;
}
.format-rtl .label-res-name {
    line-height: 38px;
}
.box-customer-feature.res-active .label-res-name {
    display: block;

}
.box-customer-feature.res-active .label-enter {
    margin-bottom: 40px;
}
.box-customer-feature.res-active .label-pin-code, .box-customer-feature.res-active .input-pin-code,
.box-customer-feature.res-active .label-enter {
    display: none;
}
.box-customer-feature.res-active .label-collect {
    color: #666;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
}
.modal-report-issue .content {
    display: none;
}
.modal-report-issue .content.active {
    display: block;
}
.modal-report-issue .btn-no-bgr {
    border-color: #C4C4C4;
    width: 100%;
    color: #303030;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}
.btn-no-bgr:hover {
    background: #C4C4C4;
}
.modal-report-issue p {
    font-size: 18px;
}
.modal-report-issue .title-report {
    color: #202020;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 60px;
}
.modal-report-issue .content .title {
    color: #202020;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.modal-report-issue .content .detail {
    margin-top: 30px;
    color: #202020;
    font-size: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D6DEE6;
    padding-bottom: 20px;
}
.modal-report-issue .content .btn-back {
    margin-top: 0;
}
.modal-report-issue .high-light {
        color: #BB1E10;
}
.txt-return-premium {
    color: #46AFFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    cursor: pointer;
}
.counter-feature .feature-content, .feature-content .premium-step {
    display: none;
}
.counter-feature .feature-content.active, .feature-content .premium-step.active {
    display: block;
}
.premium-step .line-1 {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 36px;
}
.premium-step .line-1 .back-step {
    display: flex;
    border-radius: 50%;
    background: #FFFFFF;
    height: 48px;
    width: 48px;
    justify-content: center;
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.10);
    align-items: center;
    cursor: pointer;
}
.premium-step .line-1 .back-step:hover {
    box-shadow: 0 4px 12px 0 rgba(217, 55, 63, 0.2);
}
.premium-step .line-1 p {
    color: #202020;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.premium-step .line-1 .back-step:before {
    color: #202020;
    font-family: "Font Awesome 6 Pro";
    content: '\f060';
    font-size: 26px;
    font-weight: 900;
}
.premium-step .line-2 p {
    color: #666;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 60px;
    margin-top: 8px;
}
.modal-success .icon-success {
    margin-bottom: 10px;
}
.modal-success .fa-circle-check:before {
    font-size: 32px;
}
.modal-success .detail span {
    color: #303030;
    font-size: 18px;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 20px;
    display: inline-block;
}
.modal-counter-pay-online .line-time-left {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #303030;
    font-size: 22px;
}
.modal-counter-pay-online .text-description, .modal-counter-pay-online .text-expired {
    color: #303030;
    text-align: center;
    font-size: 18px;
}
.modal-counter-pay-online .img-expire {
    margin-top: 36px;
    margin-bottom: 36px;
}
.modal-counter-pay-online .img-expire, .modal-counter-pay-online .btn-re-enter,
.modal-counter-pay-online .text-expired {
    display: none;
}
.modal-counter-pay-online.expired .img-expire, .modal-counter-pay-online.expired .btn-re-enter,
.modal-counter-pay-online.expired .text-expired {
    display: block;
}
.modal-counter-pay-online.expired .img-qr-pay,.modal-counter-pay-online.expired .text-description,
.modal-counter-pay-online.expired .spinner-line {
    display: none;
}
.modal-counter-pay-online .box-qr {
    display: flex;
    justify-content: center;
}
.format-rtl .modal-report-issue .btn-no-bgr {
    font-size: 16px;
}
.modal-report-issue .content-report-issue-done .detail {
    margin-top: 0;
}
.box-time-delivery.estimate-sla .title-sla {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #2A2D47;
}
.box-time-delivery.estimate-sla .line-text.line-1, .box-time-delivery.estimate-sla .line-text.line-2 {
    font-weight: 300;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.box-time-delivery.estimate-sla .line-text.line-1 {
    margin-top: 8px;
}
.box-time-delivery.estimate-sla .line-text.line-2 .need-help {
    font-weight: 500;
    color: #2A2D47;
}
.box-time-delivery.estimate-sla .line-text.line-2 .phone {
    color: #46AFFF;
    margin-left: 5px
}
.me-step .box-time-delivery.estimate-sla .title-sla {
    font-size: 16px;
}
.me-step .box-time-delivery.estimate-sla .line-text.line-1 {
    margin-top: 0;
}
.box-repack {
    display: flex;
    border-radius: 6px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
}
.info-repack {
    display: flex;
    gap: 13px;
}
.box-repack .label-repack span:first-child {
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.box-repack .label-repack span:last-child {
    color: #FF6B00;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.box-repack .des-repack {
    color: #848484;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}
.box-repack .checkbox-repack {
    width: 22px;
    height: 22px;
    margin-bottom: 0;
    accent-color: #101010;
}
.total-repack {
    color: #202020;
    font-size: 18px;
    font-weight: 500;
}
.total-repack .value {
    color: #D9373F !important;
}
.btn-fix-bot {
    padding-top: 15px ;
    position: absolute;
    bottom: 15px;
    margin: 0 !important;
    width: calc(100% - 30px);
    border-top: 1px solid #C4C4C4;
}
.no-border-bot {
    border-bottom: unset !important;
}
.address-stackry .line-return {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
}
.address-stackry .line-return .click {
    color: #1C94F1;
    cursor: pointer;
}
.modal-return-gb .title {
    color: #202020;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}
.modal-return-gb .content {
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
}
.line-count-time-resend {
    color: #666;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.line-count-time-resend .value {
    color: #D9373F;
}
.line-count-time-resend .btn-resend-otp:disabled {
    color: #666;
    cursor: unset;
}
.line-count-time-resend .btn-resend-otp {
    color: #1C94F1;
}
#checkOtpAddressStackry button.mfp-close {
    top: 0;
    right: 4px;
    color: black;
}
.width-100, .w-100 {
    width: 100%;
}
.title-top.report-issue {
    color: #C52600;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    margin-top: 15px;
    margin-bottom: 20px;
}
.report-require.error, .sel-error, .report-issue-upload-label.error {
    border-color: #C52600 !important;
}
.line-in {
    margin-bottom: 20px;
}
.line-in p, .line-in label {
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 15px;
}
.line-in input, .line-in button {
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    height: 54px !important;
}
.line-in input::placeholder {
    color: #C4C4C4;
}
.line-border {
    border-top: 1px solid #C4C4C4;
}
.issue-option {
    display: none;
}
.issue-option.active {
    display: block;
}
.report-issue-upload-label {
    border: 1px solid #848484;
    border-radius: 8px;
    color: #666666;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    background: #FFFFFF;
}
.report-issue-upload-label:before {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    content: '\f0c6';
    margin-right: 14px;
}
.format-rtl .report-issue-upload-label:before {
    margin-right: 0;
    margin-left: 14px;
}
.report-issue-upload-input {
    display: none;
}
.list-attachments .per-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 12px;
    margin-top: 5px;
}
.form-report-issue .title-top.report-issue {
    margin-bottom: 10px;
}
.report-txt {
    color: #303030;
    font-size: 16px;
    font-weight: 300;
}
.content-report .icon-success {
    margin-top: 20px;
    margin-bottom: 0;
}
.content-report .icon-success .fa-circle-check::before{
    font-size: 40px;
}
.form-report-issue .bootstrap-select.btn-group:read-only button,
.form-report-issue input:read-only {
    background: #e8e8e8 ;
}
.ccr-delivered-step .highlight {
    color: #C52600;
}
.ccr-step-delivered .info-shipment {
    font-weight: 500;
}
.ccr-page .line-direct-rate {
    text-align: center;
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #c4c4c4;
}
.per-file .label-file-size {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.page-counter-feature .box-text-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.page-counter-feature #shipmentDeposit .box-text-info:before {
    content: url('../images/ic_inventory_dropoff.svg');
}
.page-counter-feature #shipmentIn .box-text-info:before {
    content: url('../images/ic_inventory_dropoff.svg');
}
.page-counter-feature #shipmentOut .box-text-info:before {
    content: url('../images/ic_inventory_pickup.svg');
}
.page-counter-feature #shipmentExpire .box-text-info:before {
    content: url('../images/ic_inventory_expired.svg');
}
.page-counter-feature #shipmentTransfer .box-text-info:before {
    content: url('../images/ic_inventory_transfer.svg');
}
.page-counter-feature .box-text-info span:last-child, #timeLeftLogin {
    color: #ED3012;
    font-weight: 500;
}
.inventory-screen .line-detail:not(:first-child) {
    margin-top: 8px;
}
.inventory-screen .list-shipment-detail {
    max-height: calc(100vh - 440px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.inventory-screen .list-shipment-detail::-webkit-scrollbar {
    display: none;
}
.box-time-delivery.estimate-sla .locker-to-door,
.box-time-delivery.estimate-sla.ltd .locker-to-locker  {
    display: none;
}
.box-time-delivery.estimate-sla.ltd .locker-to-door,
.box-time-delivery.estimate-sla .locker-to-locker {
    display: block;
}
.box-time-delivery.estimate-sla.ltd .line-text.line-1 {
    margin-top: 0;
}
.format-rtl .box-guide-express-success .box-text .description-step {
    text-align: right;
}
.line-check-packing, .line-check-insurance, .line-refund-policy {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
}
.line-check-packing .line-text, .line-check-insurance .line-text {
    color: #3D3D4E;
    font-size: 16px;
    font-weight: 300;
}
.weight-500 {
    font-weight: 500;
}
.packing-amount, .insurance-amount, .color-amount {
    color:#FF6B00;
    font-weight: 400;
}
.read-more {
    display: none;
}
#btnShowMore {
    color: #46AFFF;
    cursor: pointer;
    display: inline-block;
}
#btnShowLess {
    display: none;
    color: #46AFFF;
    cursor: pointer;
}
.light-red {
    color:#D9373F;
}
.modal-refund-policy .title span {
    color: #101010;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}
.modal-refund-policy .line-content .label, .modal-refund-policy .line-note .note .label {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
}
.modal-refund-policy .line-content ul {
    margin-bottom: 8px;
}
.modal-refund-policy .line-content li, .modal-refund-policy .line-note .note .description {
    color: #828282;
    font-size: 14px;
}
.format-rtl .modal-refund-policy .content {
    text-align: right;
}
.underline {
    text-decoration: underline;
}
.flex-start {
    display: flex;
    align-items: center;
}
.gap-12 {
    gap: 12px;
}
.s-portal .ext-body {
    height: calc(100vh - 126px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.s-portal .sp-step {
    width: 100%;
}
.s-portal .sp-step .step-title p {
    flex-grow: 1;
    text-align: center;
}
.s-portal .sp-step-return .btn-option.web-counter {
    display: none;
}
.s-portal .support-box {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    overflow: auto;
    max-height: calc(100vh - 156px);
    padding: 0 15px 15px 15px;
}
.s-portal .support-box .title-1 {
    color: #666;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
}
.s-portal .support-box .line-input .dropdown-menu {
    max-height: 250px !important;
    overflow: auto;
}
.s-portal .support-box .line-input .dropdown-menu .form-control {
    margin: 0;
}
.format-rtl.s-portal .support-box .line-input .dropdown-menu .form-control {
    padding-right: 40px;
}
.s-portal .support-box .title-2 {
    color: #101010;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px;
}
.s-portal .support-box .btn-option {
    border-radius: 12px;
    background: #EAF3F8;
    padding: 15px;
    margin-top: 15px;
    color: #7080FF;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.s-portal .support-box .question {
    border-radius: 12px;
    background: #EAF3F8;
    padding: 15px;
    margin-top: 15px;
    color: #7080FF;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.s-portal .question .answer {
    color: #444;
    font-size: 16px;
    font-weight: 300;
    padding-top: 8px;
    padding-bottom: 15px;
    display: none;
}
.s-portal .question .answer img {
    padding-top: 15px;
}
.s-portal .question.active .answer {
    display: block;
}
.s-portal .support-box .btn-option:before {
    width: 34px;
    height: 34px;
}
.s-portal .support-box .how-to-deliver:before {
    content: url('../images/ic_box.svg');
}
.s-portal .support-box .how-to-return:before {
    content: url('../images/ic_box_return.svg');
}
.s-portal .support-box .common-issues:before {
    content: url('../images/ic_question.svg');
}
.s-portal .support-box .submit-feedback:before {
    content: url('../images/ic_feedback.svg');
}
.s-portal .support-box .web-counter:before {
    content: url('../images/ic_web.svg');
}
.s-portal .support-box .app-counter:before {
    content: url('../images/ic_mobile.svg');
}
.s-portal .support-box .ic-collect-parcel:before {
    content: url('../images/ic_package.svg');
}
.s-portal .support-box .ic-deposit-return:before {
    content: url('../images/ic_package_return.svg');
}
.s-portal .support-box .ic-deposit-express:before {
    content: url('../images/ic_package_express.svg');
}
.s-portal .support-box .ic-cnd-express:before {
    content: url('../images/ic_package_express.svg');
}
.s-portal .support-box .ic-self-dropoff:before {
    color: #444;
    font-family: "Font Awesome 6 Pro";
    font-size: 30px;
    font-weight: 300;
    content: '\f47b';
    text-align: center;
}
.s-portal .support-box .ic-download-self-dropoff:before {
    color: #444;
    font-family: "Font Awesome 6 Pro";
    font-size: 30px;
    font-weight: 300;
    content: '\f029';
    text-align: center;
}
.s-portal .step-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #FFF;
    padding-top: 15px;
}
.s-portal .step-title p {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
}
.s-portal .step-title p {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
}
.s-portal .line-how-to:not(:last-child) {
    margin-bottom: 24px;
}
.s-portal .line-how-to p {
    color: #444;
    font-size: 16px;
    font-weight: 500;
}
.format-rtl.s-portal .img-back {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.s-portal .support-box-title {
    background: #FFF;
    padding-top: 15px;
}
.s-portal .for-app .line-how-to img {
    max-width: 150px;
}
.s-portal .for-web .line-how-to {
    text-align: center;
    margin-bottom: 40px;
}
.s-portal .for-web .line-how-to img {
    width: 80%;
    margin-bottom: 15px;
}
.ic-question:before {
    color: #444;
    font-family: "Font Awesome 6 Pro";
    font-size: 21px;
    font-weight: 400;
    content: '\f059'
}
.s-portal .answer img {
    max-width: 50%;
}
.s-portal .line-input {
    margin-bottom: 24px;
}
.s-portal .support-box .note-point {
    color: #666666;
    font-size: 14px;
}
.s-portal .line-input.point-name .bootstrap-select {
    margin-bottom: 4px;
}
.s-portal .line-input h5 {
    color: #101010;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
}
.s-portal .line-input label {
    color: #101010;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 8px;
}
.s-portal .line-input.file {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.s-portal .line-input.hosts .dropdown-menu {
    max-height: 300px !important;
    overflow: auto;
}
.page-counter-feature .btn-go-sportal {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    border-radius: 8px 8px 0px 0px;
    background: #7080FF;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 16px;
}
.page-counter-feature .btn-go-sportal:before {
    content: '\f059';
    padding: 0 8px;
}
.address-stackry .title-general .sub {
    color: #101010;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 12px;
    margin-top: 8px;
}
.locker-support .support-box .list-option  {
    display: flex;
    gap: 20px;
}
.locker-support .option-support {
    margin-top: 20px;
    border-radius: 12px;
    background: #EAF3F8;
    flex-grow: 1;
    text-align: center;
    padding: 20px;
}
.locker-support .option-support p {
    margin-top: 20px;
    color: #101010;
    font-size: 16px;
}
.locker-support .support-box .line-how-to.flex-start {
    align-items: start;
}
.locker-support .support-box .line-how-to img {
    max-width: 150px;
}
.locker-support .line-how-to:not(:last-child) {
    margin-bottom: 30px;
}
.locker-support .line-how-to .line-title p:first-child {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.locker-support .line-how-to .line-title p:last-child {
    color: #848484;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 8px;
}
.locker-support .support-box .label-step {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
}
.format-rtl #checkOtpMiniExpress .modal-me-step-3 .href-title {
    text-align: right;
}
#modalBeforeReturnAddressStackry .text-label-last {
    text-align:left !important;
    margin-top: 4px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.big-radio label {
    font-size: 16px;
    padding-top: 8px;
    color: #303030;
}
.big-radio .radio-checkmark {
    height: 32px;
    width: 32px;
}
.big-radio .container-radio .radio-checkmark::after {
    top: 9px;
    left: 9px;
    width: 12px;
    height: 12px;
}
.big-radio .container-radio {
    padding-left: 43px;
}
.line-text-vote-direct {
    display: none;
    color: #202020;
    font-size: 14px;
    margin-top: 8px;
}
.line-text-vote-direct a {
    color: #1C94F1;
    font-weight: 500;
    text-decoration-line: underline;
}
.report-payment-issue {
    color: #D9373F;
    font-size: 22px;
    font-weight: 500;
    text-decoration-line: underline;
    padding-bottom: 30px;
    display: inline-block;
    cursor: pointer;
}
.report-payment-issue-step .title {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
}
.modal-report-payment-issue .btn-close {
    border-radius: 12px;
    background: #ED3012;
    box-shadow: 0px 8px 20px 0px rgba(237, 48, 18, 0.25);
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    height: 56px;

}
.modal-report-payment-issue .line-bottom {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #c4c4c4;
}
.modal-report-payment-issue .step-report-issue .line-bottom {
    padding-top: 0;
    margin-top: 20px;
}
.modal-report-payment-issue .step-confirm-pay-with-cash .box-btn-2.box-btn {
    padding-top: 20px;
    border-top: 1px solid #c4c4c4;
    margin-top: 20px;
}
#counterReportIssue button.mfp-close {
    color: #666;
    top: 0;
    right: 0;
}
.find-locker {
    display: block;
    color: #46AFFF;
    font-weight: 500;
    font-size: 14px;
    margin-top: 4px;
}
.sp-step-ticket-category .support-box {
    overflow: unset;
}
.btn-border-top-15 {
    border-top: 1px solid #C4C4C4;
    padding-top: 15px;
    margin-top: 15px;
}
.btn-border-top-20 {
    border-top: 1px solid #C4C4C4;
    padding-top: 20px;
    margin-top: 20px;
}
.btn-submit {
    border-radius:12px;
    background: #00AE57;
    box-shadow: 4px 4px 14px 0px rgba(0, 174, 87, 0.25);
    color: #FFFFFF;
    height: 54px;
    width: 100%;
    font-family: Alexandria;
    font-size: 18px;
    font-weight: 500;
}
.btn-submit:disabled {
    background: #C4C4C4;
    box-shadow: 4px 4px 14px 0px rgba(0, 174, 87, 0.25);
}
.s-portal .note-info {
    color: #444;
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 300;
}
.s-portal .box-date-picker {
    flex: 3;
}
.s-portal .time-picker-custom {
    flex: 2;
}
.s-portal .time-picker-custom, .s-portal .date-picker, .s-portal .date-picker-today {
    margin-bottom: 0;
}
.s-portal .box-date-picker {
    position: relative;
}
.s-portal .box-date-picker .date-picker, .s-portal .date-picker-today {
    padding-right: 44px;
    padding-left: 44px;
}
.s-portal .box-date-picker img {
    position: absolute;
    top: 12px;
    left: 12px;
}
.modal-noti-repacking .content-title {
    color: #202020;
    font-size: 16px;
    font-weight: 500;
}
.modal-noti-repacking .content-detail {
    color: #00AE57;
    font-size: 16px;
    font-weight: 300;
}
.modal-noti-repacking .content-detail:before {
    content: '\f058';
    margin-right: 8px;
}
.format-rtl .modal-noti-repacking {
    text-align: right;
}
.format-rtl .modal-noti-repacking .content-detail:before {
    margin-left: 8px;
    margin-right: 0;
}
.format-rtl .modal-noti-repacking .btn-confirm {
    padding: 0;
    font-size: 15px;
}
#modalLockerSizes {
    color: #101010;
}
.format-rtl #modalLockerSizes {
    text-align: right;
}
#modalLockerSizes .fa-circle-xmark.mfp-close{
    display: block;
}
#modalLockerSizes .line-size span:first-child {
    color: rgb(236, 44, 14);
    font-weight: 500;
}
@media (max-width: 1536px) {
    .ext-page .counter-header {
        padding: 23px 156px;
    }
    .ext-page .counter-login-body, .ext-page .counter-body {
        padding-left: 156px;
        padding-right: 156px;
    }
}
@media (max-width: 1280px) {
    .ext-page .counter-header {
        padding: 23px 88px;
    }
    .ext-page .counter-login-body, .ext-page .counter-body {
        padding-left: 88px;
        padding-right: 88px;
    }
    .bsu-body form {
        width: 100%;
        padding: 16px;
    }
    .bsu-body {
        padding-left: 50px;
        padding-right: 50px;
    }
    .format-rtl .modal-su-success .redirect button {
       height: 80px
    }
    .feedback-step, .feedback-done {
        width: 100%;
    }
    .address-stackry .wrapper, .p-page .wrapper {
        margin-top: 0;
    }
    .bsu-body form {
        width: 700px;
    }
    .bsu-page .ext-header {
        padding: 20px 35px;
    }
    .address-stackry .wrapper, .p-page .wrapper {
        width: 56%;
    }
}
@media (max-width: 768px) {
    .feedback-step, .feedback-done {
        margin-top: 15px;
        margin: 15px;
        padding: 15px;
        width: 100%;
        border-radius: 12px;
        background: #FFF;
    }
    .line-text-spl-item {
        min-width: 60%;
    }
    .product-sampling-item img {
        max-width: 48px;
        max-height: 48px;
    }
    .modal-notice-item {
        min-width: 550px;
    }
    .recycling-content {
        min-width: unset;
    }
    .recycling-text-success p:nth-child(2) {
        max-width: unset;
    }
    .fulfillment-page .action-step-redbox-2 {
        width: unset;
    }
    .format-rtl .fulfillment-page .action-step-1 {
        width: unset;
    }
    .VIpgJd-ZVi9od-aZ2wEe-OiiCO-ti6hGc {
        display: none !important;
    }
    .counter-login-banner {
        display: none;
    }

    .counter-login-body, .counter-body {
        justify-content: center;
    }
    .ext-page .counter-header {
        padding: 23px 20px;
    }
    .page-counter-feature .area-switch-language a {
        margin: 0;
    }
    .sampling-register .spl-content {
        min-width: unset;
    }
    .sampling-register .spl-content {
        margin: 0 20px;
    }
    .text-success-screen p:first-child, .express-success {
        justify-content: center;
    }
    .bsu-page .ext-header, .bsu-body {
        padding: 20px;
    }
    .flex-space-between-mobi {
        display: unset;
    }
    .bsu-body form {
        width: 500px;
    }
    .address-stackry .wrapper, .p-page .wrapper {
        width: 100%;
    }
    .s-portal .support-box {
        margin-left: 0;
        margin-right: 0;
    }
    .s-portal .ext-body {
        height: calc(100vh - 106px);
    }
    .s-portal .support-box {
        max-height: calc(100vh - 136px);
    }
}
@media screen and (max-width: 640px){
    .pick-point-page .area-address .imgs .image-points {
        width: 80px;
        height: 40px;
    }
    .pick-point-page .area-number-package h3 {
        font-size: 23px;
    }
    .body-sampling-register.seamless {
        background-image: unset;
        padding-right: unset;
    }
    .bsu-body form {
        width: 90%;
    }
}
@media (max-width: 480px) {
    .box-content-no-title, .action-how-it-work {
        width: 95%;
        min-width: unset;
    }
    .format-rtl #howToReceivePopup .btn-share a {
        padding-left: unset;
    }
    .cmr-v1 .action-step-2 .box-info-text p:first-child {
        font-size: 16px;
        line-height: 20px;
    }
    .cmr-v1 .action-step-2 .box-info-text p:nth-child(2) {
        font-size: 14px;
        line-height: 20px;
    }
    .cmr-btn-hiw .btn-sw, .btn-select-hiw .btn-sw {
        font-size: 16px;
    }
    .cmr-btn-hiw .btn-sw::before, .btn-select-hiw .btn-sw::before {
        padding-right: 15px;
    }
    .btn-share a {
        font-size: 15px;
    }
    .cmr-btn-hiw .btn-share::before {
        padding-right: 15px;
    }
    .cmr-v1 .warning-extra::before {
        padding-right: 4px;
    }
    .cmr-v1 .warning-extra {
        font-size: 14px;
        padding: 5px 0 5px 20px;
        text-align: left;
        justify-content: start;
    }
    .box-content-no-title, .cmr-v1 .action-step-2, .cmr-v1 .action-step-verify, .cmr-v1 .action-step-verify-after {
        width: 100%;
        min-width: unset;
    }
    .sampling-register p, .sampling-hiw{
        font-size: 14px;
    }
    .title-question {
        font-size: 18px;
    }
    .sampling-hiw .hiw-step .title-step {
        font-size: 16px;
    }
    .sampling-hiw .hiw-step .content-step {
        font-size: 14px;
    }
    .spl-box-title p {
        font-size: 18px;
    }
    .modal-notice-item {
        min-width: 350px;
    }
    .mini-express-page-top, .mini-express-page-bottom,
    .format-rtl .mini-express-page-top, .format-rtl .mini-express-page-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
    .format-rtl .mini-express-page-top, .mini-express-page-top  {
        padding-left: 0;
        padding-right: 0;
    }
    .mini-express-body .title-how-to-use, .format-rtl .mini-express-body .title-how-to-use {
        padding-left: 30px;
        padding-right: 30px;
    }
    .box-htu-express {
        flex-direction: column;
    }
    .box-htu-express .step {
        display: flex;
        width: 100%;
        margin-bottom: 24px;
    }
    .box-htu-express .label-step {
        margin-top: 0;
        margin-bottom: 5px;
        text-align: left;
        padding-left: 20px;
    }
    .box-htu-express .text-step {
        text-align: left;
        padding-left: 20px;
        line-height: 24px;
    }
    .format-rtl .box-htu-express .label-step {
        text-align: right;
        padding-right: 20px;
    }
    .format-rtl .box-htu-express .text-step {
        text-align: right;
        padding-right: 20px;
    }
    .tab-locker-locker span, .tab-locker-door span {
        font-size: 13px;
    }
    .create-mini-express-content {
        padding: 25px 0 35px 0;
    }
    .create-mini-express-content .tab-content {
        column-gap: 15px;
    }
    .arrow-steps .step.current {
        z-index: 2;
    }
    .arrow-steps .step-number {
        font-size: 16px;
    }
    .arrow-steps .step-label {
        font-size: 14px;
    }
    .col-sender-name, .col-sender-mail, .col-receiver-mail, .col-receiver-phone, .col-city-locker-to-door {
        width: 100%;
        flex: unset !important;
        max-width: 100%;
    }
    .col-city-locker-to-door {
       margin-bottom: 25px;
    }
    .modal-otp-mini-express .modal-step .content p:first-child {
        margin-top: 15px;
    }
    .modal-notice-item .line-item-4 p {
        font-size: 13px;
        width: 64px;
    }
    .arrow-steps .step.done span::before {
        margin-top: -12px;
        margin-left: 0;
    }
    .arrow-steps .step.done .step-number, .arrow-steps .step.done .step-label {
        display: none;
    }
    .arrow-steps .step.done {
        z-index: 3;
    }
    .arrow-steps .step:first-child.done {
        z-index: 4;
    }
    .mini-express-page-bottom.step-4 {
        width: 100%;
        margin-left: 0;
    }
    .me-step-4 .left-info img {
        width: 40px;
    }
    .line-info-confirm .left-info .line-text p:nth-child(2) {
        font-size: 14px;
        line-height: 24px;
    }
    .modal-otp-mini-express .modal-step .content {
        padding: 0;
    }
    .label-pls-download {
        font-size: 16px;
    }
    .box-content-locker-door {
        min-height: 359px;
    }
    .right-content-locker-door .label-download-app {
        font-size: 14px;
    }
    .label-get-my-redbox {
        margin-bottom: 0;
        margin-top: 0;
    }
    .label-get-my-redbox span {
        font-size: 18px;
    }
    .right-content-locker-door .label-send-parcel {
        font-size: 13px;
    }
    .right-content-locker-door {
        left: 182px;
        top: 108px;
        margin-right: 20px;
    }
    .format-rtl .mini-express-body .title-just-4-steps {
        margin-top: 0;
    }
    .format-rtl .right-content-locker-door {
        right: 172px;
        left: unset;
    }
    .format-rtl .img-phone-app {
        right: 10px;
    }
    .box-download-app {
        column-gap: 10px;
    }
    .format-rtl .box-download-app {
        margin-left: 20px;
    }
    .format-rtl .title-create-redbox-express p {
        padding-right: 0;
    }
    .modal-notice-item .content {
        padding: 15px 0;
    }
    .format-rtl .arrow-steps .step.done span::before {
        margin-top: -12px;
        margin-left: -12px;
    }
    .format-rtl .mini-express-page-bottom.step-4 {
        margin-right: 0;
    }
    .title-create-redbox-express p {
        padding-left: 0;
    }
    .arrow-steps .step-2 .step-number, .arrow-steps .step-2 .step-label,
    .arrow-steps .step-3 .step-number, .arrow-steps .step-3 .step-label {
        margin-left: 20px;
    }
    .format-rtl .arrow-steps .step-2 .step-number, .format-rtl .arrow-steps .step-2 .step-label,
    .format-rtl .arrow-steps .step-3 .step-number, .format-rtl .arrow-steps .step-3 .step-label {
        margin-right: 20px;
        margin-left: unset;
    }
    .tab-locker-locker, .tab-locker-door {
        height: 75px;
    }
    .tab-locker-locker .title, .tab-locker-door .title {
        width: 80%;
        text-align: center;
    }
    .tab-locker-locker .title img, .tab-locker-door .title img {
        margin-right: unset;
    }
    .tab-locker-locker span, .tab-locker-door span {
        font-size: 15px;
        line-height: unset;
    }
    .form-express {
        padding: 15px 15px 0 15px;
    }
    .mini-express-page-bottom {
        margin-top: 0;
    }
    .img-phone-app {
        left: 0;
    }
    .box-content-locker-door {
        margin-top: 0;
    }
    .format-rtl .mini-express-page-bottom {
      margin-top: 20px;
    }
    .action-how-it-work {
        margin: auto;
    }
    .modal-expectation-express {
        width: 95%;
    }
    .modal-expectation-express .line-text {
        font-size: 14px;
    }
    .recycling-input .bootstrap-select .dropdown-menu {
        max-height: 250px !important;
    }
    .modal-ext {
        min-width: unset;
        width: 95%;
    }
    .ext-vertical {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 35px 15px 80px 15px;
    }
    .recycling-page .btn-how-it-work {
        min-width: 102px;
    }
    .recycling-input .bootstrap-select {
        max-width: 350px;
    }
    .fulfillment-page .ext-content {
        min-width: 300px;
        background: #FAFAFA;
        border: unset;
        padding: 15px;
    }
    .fulfillment-page .ext-body {
        background: #FAFAFA;
    }
    .fulfillment-page .ext-header {
        padding: 18px;
    }
    .vfs-page .ext-body {
        background: #F8F9FA;;
    }
    .vfs-page .vfs-container {
        background: #F8F9FA;;
        border: unset;
        min-width: 100%;
    }
    .vfs-page .btn-how-return-old {
        font-size: 15px;
    }
    .vfs-page .action-step-aramex-1 {
        background: #fff;
        padding: 20px;
        border-radius: 12px;
        border: 1px solid #ECECEC;
    }
    .modal-notice-item, .modal-notice-item.express-send-guide, .modal-notice-item.notice-before-summary, .modal-otp-mini-express {
        width: 100%;
        min-width: unset;
        padding: 15px;
    }
    .text-success-screen p:first-child, .express-success {
        font-size: 20px;
        display: flex;
        align-items: center;
    }
    .mfp-container {
        padding: 0 15px;
    }
    .pin-location-modal {
        min-width: unset;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .pin-location-modal .button-confirm-hd {
        font-size: 16px;
    }
    .create-mini-express-content .per-point {
        margin: auto 15px;
    }
    .modal-notice-item .title {
        padding: 0 0 15px 0;
    }
    .modal-notice-item .footer {
        padding: 15px 0 0 0;
    }
    .express-hiw-modal {
        width: 100%;
        padding: 15px;
    }
    .express-hiw-modal .area-box {
        padding-bottom: 15px;
    }
    .mini-express-hiw .footer {
        margin-top: 15px;
        padding-top: 15px;
    }
    .modal-expectation-express .footer {
        padding-top: 15px;
    }
    .modal-expectation-express .content {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .title-create-redbox-express {
        margin-left: 0;
        margin-right: 0;
    }
    .create-mini-express-content {
        padding: 15px 0 15px 0;
    }
    .mini-express-page-bottom .area-input {
        padding-bottom: 30px;
    }
    .create-mini-express-content .box-btn-change-step {
        margin-top: 15px !important;
    }
    .note-send-sms-no-point {
        margin-top: 15px;
        margin-left: 0;
    }
    .create-mini-express-content .tab-content {
        margin-bottom: 15px;
    }
    .document-estimate-weight {
        padding-bottom: 4px;
    }
    .box-image-parcel img {
        width: 100%;
    }
    .box-image-parcel {
        padding-top: 0;
    }
    .box-image-parcel p {
        margin: 20px auto 20px auto;
    }
    .box-weight-n-value, .box-btn-change-step {
        column-gap: 15px;
    }
    .mini-express #pointTo {
        margin-left: 15px;
        margin-right: 15px;
    }
    .ext-page .counter-header {
        padding: 23px 20px;
    }
    .counter-home-name {
        display: none;
    }
    .counter-home-log-out {
        border-left: 1px solid #C4C4C4;
        padding-left: 12px;
        margin-left: 12px;
    }
    .format-rtl .counter-home-log-out {
        padding-right: 12px;
        margin-right: 12px;
    }
    .format-rtl .counter-home-log-out {
        border-left: unset;
        border-right: 1px solid #C4C4C4;
        padding-right: 12px;
        padding-left: 0;
        margin-left: 0;
    }
    .page-counter-feature .counter-body {
        padding: 78px 22px;
    }
    .box-counter-feature .title-feature span {
        font-size: 18px;
    }
    .box-counter-feature .label-collect {
        margin-top: 28px;
        font-size: 22px;
        line-height: 34px;
    }
    .box-counter-feature .label-enter {
        margin-bottom: 28px;
        margin-top: 0;
        font-size: 18px;
        line-height: 26px;
    }
    .box-counter-feature {
        width: 100%;
    }
    .box-counter-feature input, .box-counter-feature .input-pin-code{
        height: 60px;
    }
    .input-pin-code .fa-circle-arrow-right, .input-pin-code .fa-circle-arrow-left, .input-pin-code .loader {
        top: 16px;
    }
    .box-driver-feature .line-status-login span {
        font-size: 18px;
    }
    .box-inventory-feature .line-shipment-info span {
        font-size: 18px;
        line-height: 26px;
    }
    .box-inventory-feature .line-shipment-info {
        height: 60px;
    }
    .inventory-screen .line-title p {
        font-size: 22px;
    }
    .inventory-screen .info-tk-number span {
        font-size: 18px;
        line-height: 26px;
    }
    .inventory-screen .box-info-shipment .line-detail p:last-child {
        text-align: right;
    }
    .inventory-screen .line-title {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .inventory-screen .box-info-shipment .line-detail p:first-child, .inventory-screen .box-info-shipment .line-detail p:last-child {
        font-size: 16px;
        line-height: 24px;
    }
    .inventory-screen .box-info-shipment .line-detail .value-trk-number {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .inventory-screen #btnReportDelivery {
        height: 60px;
    }
    .box-shipment-detail .line-2 {
        display: flex;
    }
    .box-shipment-detail .line-2 .label-drop-off {
        margin-right: 8px;
    }
    .box-driver-feature .line-info-driver span {
        font-size: 16px;
    }
    .box-driver-feature #btnRefreshQR {
        height: 60px;
    }
    .counter-login-body .box-login {
        margin: 20px;
    }
    .page-counter-login .area-switch-language a {
        margin: 0;
    }
    .page-counter-feature .area-switch-language a {
        margin: 0 0 0 16px;
    }
    .counter-login-body .label-login {
        margin-bottom: 32px;
    }
    .counter-login-body .label-login {
        font-size: 22px;
    }
    .page-counter-login .body-form-login {
        padding: 0;
    }
    .user-info input {
        height: 60px;
        margin-bottom: 36px;
    }
    .password-info input {
        height: 60px;
    }
    .btn-submit-counter-login {
        height: 60px;
    }
    .inventory-screen .info-status {
        padding: 2px 8px;
    }
    .inventory-screen .info-tk-number span {
        margin-left: 8px;
    }
    .ext-page .counter-login-body {
        padding-left: 0;
        padding-right: 0;
    }
    #sampling-register-form, .sampling-register .spl-content {
        width: 100%;
    }
    .bsu-body form {
        width: 100%;
        padding: 16px;
        background-color: #fff;
    }
    .bsu-page .ext-body {
        padding: 16px;
    }
    .bsu-page .ext-header, .bsu-body {
        padding: 16px;
    }
    .bsu-page .gap-column {
        column-gap: 16px;
    }
    .bsu-page .submit-field {
        margin-bottom: 25px;
    }
    .bsu-page .btn-next-step, .bsu-page .btn-back-step, .bsu-page .btn-confirm-step {
        font-size: 16px;
        font-family: 'Alexandria';
    }
    .rating-bar .rate-value {
        padding: 8px 4px;
    }
    .feedback-page .ext-body {
        padding-bottom: unset;
    }
    .btn-locker-map:before {
        content: "";
    }
    .cmr-v1 .logo, .ext-page .logo {
        height: 38px;
    }
}
@media (max-width: 400px) {
    .format-rtl .btn-locker-map {
        font-size: 12px;
    }
    .pin-location-modal .button-confirm-hd {
        font-size: 15px;
    }
}
@media (max-width: 375px) {
    .cmr-v1 .warning-extra {
        font-size: 13px;
    }
    .tab-locker-locker span, .tab-locker-door span {
        font-size: 14px;
    }
    .tab-locker-locker span, .format-rtl .tab-locker-door span {
        font-size: 12px;
    }
    .vfs-page .btn-how-return-old {
        font-size: 14px;
    }
    .format-rtl .btn-locker-map::before {
        padding-left: 4px;
    }
    .btn-locker-map {
        font-size: 12px;
    }
    .page-list-shipments .info-tk-number img {
        width: 22px;
        height: 22px;
    }
    .inventory-screen .info-tk-number span {
        margin-left: 8px;
    }
}
#checkOtpMiniExpress .modal-me-step-3 .href-title {
    color: #46AFFF ;
    font-family: Alexandria;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-decoration: underline;
    margin-top: 5px;
}
#checkOtpMiniExpress .modal-me-step-3 .phone {
    color: #46AFFF ;
    font-weight: 500;
    margin-left: 5px;
}

.mapSearchResults {
    width: 100%;
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index:9999;
    background: #FFFFFF;
    border: 1px #CCCCCC solid;
    font-family: Alexandria;
}
.mapSearchResultsItem {
    padding: 4px;
    border-bottom: 1px #CCCCCC solid;
    font-size: 14px;
}
.mapSearchResultsItem:hover {
    background: #EEEEEE;
}
.modal-download-app .emoji i {
    font-size: 55px;
    color: #00AE57;
}
.modal-download-app .modal-body {
	position: relative;
}
.modal-download-app .modal-close {
	top: 15px;
    right: 0px;
}
.format-rtl .modal-download-app .modal-close {
	left: 0px;
	right: unset;
}
.modal-download-app .emoji{
	margin-bottom: 30px;
	text-align: center;
	margin-top: 24px;
}
.modal-download-app .message {
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}
.modal-download-app .message span {
	color: #00AE57;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	width: 100%;
}
.modal-download-app .app-info {
	display: flex;
	width: 100%;
}
.modal-download-app .app-icon {
	margin: auto 7.5px auto auto;
}
.modal-download-app .app-icon img{
	width: 52px;
}
.format-rtl .modal-download-app .app-icon {
	margin: auto auto auto 7.5px;
}
.modal-download-app .app-name-rate {
	margin: auto auto auto 7.5px;
}
.format-rtl .modal-download-app .app-name-rate {
	margin: auto 7.5px auto auto;
}
.modal-download-app .app-name {
	color: #202020;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}
.modal-download-app .app-des {
	color: #202020;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
.modal-download-app .rating {
	margin-top: -5px;
}
.modal-download-app .rating img {
	width: 13px;
	height: 12px;
}
.modal-download-app .rate-detail {
	color: #848484;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
	margin-left: 5px;
}
.format-rtl .modal-download-app .rate-detail {
	margin-left: 0px;
	margin-right: 5px;
}
.modal-download-app .text-1 {
	color: #303030;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.modal-download-app .download-btn {
	display: flex;
	height: 54px;
	padding: 10px 15px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 8px;
	background: #00AE57;
	box-shadow: 4px 4px 14px 0px rgba(0, 174, 87, 0.25);
	color: #FFFFFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}
.modal-download-app-close {
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.format-rtl .modal-download-app-close {
    right: unset;
    left: 20px;
}