.woocommerce #customer_login .register {
    position: relative;
    padding: 8px 16px;
}


#account_username,
.logged-in.woocommerce-checkout #billing_phone {
    padding-right: 100px;
    direction: rtl;
}

/*.sam-msg-checkout-reg #billing_phone_field {*/
/*    display: none*/
/*}*/

/*.sam-msg-checkout-reg.logged-in #billing_phone_field {*/
/*    display: block*/
/*}*/

.woocommerce-checkout .iti.iti--allow-dropdown.iti--separate-dial-code{
    width: 100%;
}

#sam-steps {
    /*text-align: center;*/
    position: relative;
    margin-top: 20px;
}

#sam-steps.sam-checkout-page {
    margin-top: 0;
}

#sam-steps .button.sam-btn,
#sam-steps .woocommerce-Button.button {
    width: 100%;
    margin-top: 4px;
}

#sam-steps fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    padding: 16px;
}

#sam-steps fieldset:not(:first-of-type) {
    display: none
}

#sam-steps.sam-checkout-page fieldset {
    padding: 0;
}

#sam-steps .iti,
#user_phone_number_field,
.woocommerce-form-login .iti {
    width: 100%;
}

#sam-steps .iti__dial-code,
#sam-steps .iti__country-name {
    color: #222;
}

#sam-steps .action-button {
    width: 100px;
    background: var(--sam-main-color);
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#sam-steps .action-button:hover,
#sam-steps .action-button:focus {
    background-color: var(--sam-main-color)
}

#sam-steps .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#sam-steps .action-button-previous:hover,
#sam-steps .action-button-previous:focus {
    background-color: #000000
}

.rtl #sam-steps #user_phone_number {
    padding-right: 101px;
    padding-left: 0 !important;
    width: 100%;
    text-align: right;
}

#progressbar {
    text-align: center;
    margin-bottom: 0 !important;
    overflow: hidden;
    color: lightgrey;
    padding-right: 4px;
}

#sam-steps.sam-reg-page #progressbar,
#sam-steps.sam-checkout-page #progressbar {
    padding: 0
}

#progressbar .active {
    color: var(--sam-main-color)
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

.rtl #progressbar li {
    float: right;
}

#sam-steps.sam-reg-page #progressbar li,
#sam-steps.sam-checkout-page #progressbar li {
    width: 33%;
}

#progressbar li strong {
    font-size: 14px;
    color: #9e9e9e;
}

#progressbar #sms:before,
#progressbar #phone:before,
#progressbar #password:before,
#progressbar #login:before {
    /*font-family: "Font Awesome 5 Free";*/
    font-family: 'icomoon' !important;
    font-size: 24px;
}

#progressbar #sms:before {
    content: '\e900'; /* e901 url('massage.svg') */
    /*padding-top: 10px;*/
}

#progressbar #phone:before {
    content: "\e958";
    /*content: url('phone.svg');*/
    /*padding: 10px;*/
}

#progressbar #password:before {
    /*content: url(phone.svg);*/
    content: "\e975";
}

#progressbar #login:before {
    content: "\ea10";  /* ea10 url('right.svg') */
    padding-top: 5px;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: #9e9e9e;
    border-radius: 8px;
    margin: 0 auto 2px;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #9e9e9e;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: var(--sam-main-color)
}

#progressbar li.active strong {
    color: var(--sam-main-color);
}

#sam-steps .progress-bar {
    background-color: var(--sam-main-color)
}

/*.woocommerce-checkout #sam-steps .progress-bar {*/
/*    width: 33.33% !important;*/
/*}*/

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

@keyframes progress-bar-stripes {
    from { background-position: 0 40px; }
    to { background-position: 0 0; }
}

#sam-steps .progress {
    display: -ms-flexbox;
    display: flex;
    /*height: 1rem;*/
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 2px;
    margin: 0 20px;
    height: 8px !important;
}

#sam-steps.sam-reg-page .progress,
#sam-steps.sam-checkout-page .progress {
    margin: 0;
}

#sam-steps.sam-reg-page fieldset {
    padding: 16px 0;
}


/*=======> LAYOUT <=======*/
.sam_accordion {
    display: grid;
    place-items: center;
}

.sam_accordion.sam_accordion_login {
    /*display: unset !important;*/
    display: none !important;
    place-items: unset !important;
}

.sam_accordion.sam_accordion_login .sam_accordion__item {
    margin-top: 16px !important;
}

.sam_accordion.sam_accordion_login .sam_accordion__content {
    padding: 0 !important;
}

.sam_accordion.sam_accordion_login .sam-reg-page {
    padding: 16px 16px 8px !important;
    margin-top: 0 !important;
}

.sam_accordion .woocommerce-ResetPassword {
    margin: auto;
    padding: 0;
}

.sam_accordion #user_login,
.sam_accordion button.woocommerce-Button {
    margin: 0 !important;
}

.sam_accordion__content {
    max-width: 570px;
    padding: 1rem;
    background: var(--white);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    position: relative;
}

.sam_accordion__title {
    font-size: var(--big-font);
    line-height: 150%;
    font-weight: 600;
    margin-bottom: 2rem;
}

.sam_accordion__item {
    border-radius: 6px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    border-left: 4px solid #c1bebb;
}

.sam_accordion .item__header {
    display: flex;
    column-gap: 8px;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
}

.sam_accordion .item__icon {
    font-size: 1.2rem;
    transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}

.sam_accordion .item__question {
    /*font-size: var(--medium-font);*/
    line-height: 150%;
    font-weight: 400;
    margin: 0;
    font-weight: bold;
}

.sam_accordion .active .item__icon {
    transform: rotate(180deg);
}

.sam_accordion .active .item__question {
    font-weight: 500;
}
h4.item__question strong,
h4.item__question svg {
    color: #c51616;
}
/*=======> items color <=======*/
/*.sam_accordion__item:nth-of-type(1) {*/
/*    background: #fff8df;*/
/*    border-left-color: #ffc78f;*/
/*}*/

/*.sam_accordion__item:nth-of-type(2) {*/
/*    background: #f0faff;*/
/*    border-left-color: #b4b3f2;*/
/*}*/

/*.sam_accordion__item:nth-of-type(3) {*/
/*    background: #ffeaed;*/
/*    border-left-color: #f8b4bf;*/
/*}*/

/*.sam_accordion__item:nth-of-type(4) {*/
/*    background: #e5fae2;*/
/*    border-left-color: #b4e8ab;*/
/*}*/

.sam_accordion .item__content {
    max-height: 0;
    overflow: hidden;
    transition: all 300ms ease;
}

.sam_accordion .item__answer {
    line-height: 150%;
    padding: 0 24px;
}

.sam_accordion p ~ p {
    margin-top: 0.5rem;
}

.sam_accordion #sam-lp-send-code {
    width: 100%;
    border-radius: 4px;
}

/*.sam_accordion .item__content :last-child {*/
/*    margin-bottom: 1.25rem;*/
/*}*/

/*=======> MEDIAS QUERIES <=======*/
@media screen and (min-width: 992px) {

    /*.sam_accordion .item__header {*/
    /*    padding: 1.5rem;*/
    /*    column-gap: 1.5rem;*/
    /*}*/

    /*.sam_accordion .item__answer {*/
    /*    padding: 0 4.5rem;*/
    /*}*/
    .sam_accordion p ~ p {
        margin-top: 0.5rem;
    }

    /*.sam_accordion .item__content :last-child {*/
    /*    margin-bottom: 1.5rem;*/
    /*}*/
}


/* Lost Password Page */
@media screen and (max-width: 720px) {
    .sam_accordion .woocommerce-ResetPassword {
        margin: 0 16px;
        padding: 0;
    }
    .sam_accordion__content {
        padding: 8px;
    }
    .sam_accordion__item {
        margin-bottom: 8px;
    }
    #progressbar li strong {
        font-size: 12px
    }
    #progressbar #sms:before, #progressbar #phone:before, #progressbar #password:before, #progressbar #login:before {
        font-size: 30px;
    }
    #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }
}

/* My Account */
.rtl ul.dokan-account-migration-lists li .left-content {
    text-align: start;
}

.rtl ul.dokan-account-migration-lists li .right-content {
    text-align: end;
}

#sam-steps .select {
    color: #000;
}

.prof-input-success {
    border-color: #4caf50 !important;
}


.prof-input-error {
    border-color: #f05025 !important;
}

body .woocommerce #respond input#submit.disabled, body .woocommerce #respond input#submit:disabled, body .woocommerce #respond input#submit:disabled[disabled], body .woocommerce a.button.disabled, body .woocommerce a.button:disabled, body .woocommerce a.button:disabled[disabled], body .woocommerce button.button.disabled, body .woocommerce button.button:disabled, body .woocommerce button.button:disabled[disabled], body .woocommerce input.button.disabled, body .woocommerce input.button:disabled, body .woocommerce input.button:disabled[disabled] {
    background: #ccc !important;
}

/* Reg Form */
#sam-sms-verify-code {
    margin-left: 4px;
}
.rtl #sam-sms-verify-code {
    margin-right: 4px;
}

#sam-sms-resend-code {
    margin-right: 4px;
}
.rtl #sam-sms-resend-code {
    margin-left: 4px;
}

/* icons */
@font-face {
    font-family: 'icomoon';
    src:  url('icomoon.eot?ul64x1');
    src:  url('icomoon.eot?ul64x1#iefix') format('embedded-opentype'),
    url('icomoon.ttf?ul64x1') format('truetype'),
    url('icomoon.woff?ul64x1') format('woff'),
    url('icomoon.svg?ul64x1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-message:before {
    content: "\e900";
}
.icon-textsms:before {
    content: "\e901";
}
.icon-sms:before {
    content: "\e901";
}
.icon-mobile:before {
    content: "\e958";
}
.icon-user-check:before {
    content: "\e975";
}
.icon-checkmark:before {
    content: "\ea10";
}

#sam_verify_btn,
    /*#sam_send_code_btn,*/
#billing_activation_code_field {
    display: none;
}

.sam-woo-btn {
    display: flex;
    padding: 5px 28px;
    min-height: 48px;
    font-size: 14px;
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
}

.sam-lost-password-page button {
    background: #9e9e9e;
    color: #fff;
}

span.toggle-password.woocommerce-Button.button.sam-btn.show-password {
    border: 0;
}

[dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=tel], [dir=rtl] .iti--separate-dial-code input[type=text] {
    padding-left: 0 !important;
    padding-right: 80px !important;
}

#samFastLogin {
    background: var(--sam-main-color);
    margin: 8px 0;
}

.phone-verification-container {
    margin: 8px 0;
    clear: both;
    width: 100%;
}

.phone-verification-container button {
    margin: 5px 0;
}

#otp-verification-fields {
    margin-top: 8px;
}

#otp-code {
    width: 100%;
    max-width: 200px;
    margin-right: 10px;
    padding: 8px;
}

#send-otp, #verify-otp {
    display: inline-block;
    padding: 0.6180469716em 1.41575em;
    background-color: #333333;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.618;
}

#verification-status {
    margin-top: 8px;
}

#verification-status .success {
    color: #0f834d;
}

#verification-status .error {
    color: #e2401c;
}