@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Cairo:wght@200..1000&display=swap');

#vertical-background .timeline-item:before {
    border-left:none!important;
    border-right: 4px solid #BC9C6C;
    padding-left: 15px;
    padding-right: 15px;
    left: calc(-100% - 39px)!important;
    right:auto!important;
}

#vertical-background .timeline-item:nth-child(even):before{
    
    border-right: none!important;
    border-left: 4px solid #BC9C6C!important;
    padding-right: 15px;
    padding-left: 15px;
    right: calc(-100% - 39px)!important;
    left:auto!important;
}

#vertical-background .timeline-background:before {right: 50%!important;}
#vertical-background .timeline-item:before {font-family: 'Cairo'!important;}


.wd-entities-title {direction: rtl;font-family: 'Aref Ruqaa', sans-serif!important;letter-spacing:0px!important;}


table th {direction: rtl;font-family: 'Cairo', sans-serif!important;letter-spacing:0px!important;}


body {  unicode-bidi: embed;direction: rtl;font-family: 'Cairo', sans-serif!important;letter-spacing:0px!important;}


h1,h2,h3,h4,h5,h6,h7 {direction: rtl;  font-family: "Aref Ruqaa", serif!important;letter-spacing:0px!important;}
legend, h1, h2, h3, h4, h5, h6, .title {font-family: 'Aref Ruqaa';line-height: 1.4;}
.wd-checkout-steps li span {font-family: 'Cairo';}

a {font-size: 18px;direction: rtl;font-family: 'Cairo', sans-serif!important;letter-spacing:0px!important;}
p {font-size: 18px!important;}

/* These fields should be LTR in a RTL language direction */
.email-address1,
.email,
.tel-number1,
.tel,
.zip1,
.url-address1,
.url,
{direction: ltr;}

.wd-sub-menu li>a {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--sub-menu-color);
    font-size: 16px;
    line-height: 1.3;
}




/*Phone flags css rtp*/
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {left: auto;right: 0;}
.intl-tel-input .selected-flag {padding: 0 8px 0 0;}
.intl-tel-input .selected-flag .iti-arrow {left: 6px;right: auto;}
.intl-tel-input .country-list {text-align: right;margin: 0 -1px 0 0;}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {margin-right: 0px;margin-left: 6px;}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {margin-right: 6px;margin-left: 0;}
.intl-tel-input .country-list .country .dial-code {color: #999;text-align: left;position: absolute;}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-left: 6px!important;    padding-right: 52px!important;    margin-left: 0;direction: ltr;text-align: right;}
/*Phone flag css eng*/


table th  {  unicode-bidi: embed;direction: rtl;font-family: 'Beiruti', sans-serif!important;letter-spacing:0px!important;}
table td  {  unicode-bidi: embed;direction: rtl;font-family: 'Beiruti', sans-serif!important;letter-spacing:0px!important;}
td  {  unicode-bidi: embed;direction: rtl;font-family: 'Tajawal', sans-serif!important;letter-spacing:0px!important;}
.cart-totals-inner .shop_table_responsive td:before {font-family: 'Beiruti', sans-serif!important;letter-spacing:0px!important;}
.shop_table_responsive td:before {padding-left: 2px;}


.wpml-ls-native {
    font-family: ""Playfair Display", Arial, Helvetica, sans-serif!important;
    letter-spacing:0px!important;font-weight: 500;}


table th {
    direction: rtl;
    letter-spacing: 0 !important;
}


.forceleft {text-align:left!important;left:0!important;float: left;}


body {
    unicode-bidi: embed;
    direction: rtl;
    letter-spacing: 0 !important;
}
.text-left {
    --text-align: right;
    text-align: right;
    --content-align: flex-end;
}
.wd-entities-title {
    text-align: right !important;
}
.price {
    text-align: right !important;
}
.wd-accordion-title-text {
    direction: rtl;
    letter-spacing: 0 !important;
}
.title {
    direction: rtl;
    letter-spacing: 0 !important;
}
.wd-checkout-steps {
    direction: rtl;
    letter-spacing: 0 !important;
}
.step-complete {
    direction: rtl;
    letter-spacing: 0 !important;
}
.step-inactive {
    direction: rtl;
    letter-spacing: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    direction: rtl;
    letter-spacing: 0 !important;
    text-align: right;
}
a {
    direction: rtl;
    letter-spacing: 0 !important;
}
.selectron23-option img {
    max-width: 100%;
    margin-left: 5px !important;
    float: left !important;
    vertical-align: middle;
    border-radius: 0;
    margin-right: 0;
}
.selectron23-container > span {
    cursor: pointer;
    width: 0;
    height: 0;
    position: absolute;
    right: 0 !important;
    margin-top: 0;
}
.commentslink {
    background: url(./images/comments-rtl.gif) no-repeat 100% 3px;
    padding-left: 0;
    padding-right: 15px;
    margin: 2px 12px 0 4px;
    left: auto;
    right: 10px;
}
.image-button {
    text-indent: 99999px;
}
.email-address1,
.email,
.tel-number1,
.tel,
.zip1,
.url-address1,
.url {
    direction: ltr;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    left: auto;
    right: 0;
}
.intl-tel-input .selected-flag {
    padding: 0 8px 0 0;
}
.intl-tel-input .selected-flag .iti-arrow {
    left: 6px;
    right: auto;
}
.intl-tel-input .country-list {
    text-align: right;
    margin: 0 -1px 0 0;
}
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
    margin-right: 0;
    margin-left: 6px;
}
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
    margin-right: 6px;
    margin-left: 0;
}
.intl-tel-input .country-list .country .dial-code {
    color: #999;
    text-align: left;
    position: absolute;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type="tel"],
.intl-tel-input.allow-dropdown input[type="text"],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type="tel"],
.intl-tel-input.separate-dial-code input[type="text"] {
    padding-left: 6px !important;
    padding-right: 52px !important;
    margin-left: 0;
    direction: ltr;
    text-align: right;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    left: auto!important;
    right: 0!important;
}t


/*Phone flags css rtp*/
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {left: auto;right: 0;}
.intl-tel-input .selected-flag {padding: 0 8px 0 0;}
.intl-tel-input .selected-flag .iti-arrow {left: 6px;right: auto;}
.intl-tel-input .country-list {text-align: right;margin: 0 -1px 0 0;}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {margin-right: 0px;margin-left: 6px;}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {margin-right: 6px;margin-left: 0;}
.intl-tel-input .country-list .country .dial-code {color: #999;text-align: left;position: absolute;}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-left: 6px!important;    padding-right: 52px!important;    margin-left: 0;direction: ltr;text-align: right;}
/*Phone flag css eng*/