@import url(../fonts/fonts.css);

:root {
    --font-family: "BoutrosAsma Regular", sans-serif;
    --font-size: 13px;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
}

.mobile {
    direction: ltr;
    float: right;
}

#latest-books .slick-list,
#featured-authors .slick-list {
    direction: ltr;
}

.slick-prev {
    left: auto;
    right: 20px;
}

.slick-next {
    left: 20px;
    right: auto;
}

.slick-prev::before {
    content: "\e628" !important;
}

.slick-next::before {
    content: "\e629" !important;
}

.hero-text-background {
    background: linear-gradient(-90deg, rgba(11, 21, 37, 0.8) 0%, rgba(11, 21, 37, 0.6) 70%, rgba(11, 21, 37, 0) 100%);
    text-align: right;
}

.nav-header {
    float: right;
}

.nav-menu {
    float: right;
    padding-right: 10px;
}

.nav-menu>li {
    display: inline-block;
    float: right;
    text-align: right;
}

.align-to-right {
    float: right;
    letter-spacing: 0.5px;
}

.nav-toggle {
    float: right;
    right: 0;
    left: auto;    
    margin-left: 10px;
}

.nav-menu>li>.nav-dropdown:before {
    right: 27px !important;
    left: auto !important;
}

@media (max-width: 992px) {
    .navigation-portrait .nav-dropdown {
        width: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    #rightOffcanvas {
        left: -90% !important;
        right: auto !important;
        width: 90% !important;
    }
}

@media (max-width: 992px) {
    .nav-brand {
        padding: 0px 15px;
        padding-right: 15px;
    }
}

.form-card h4 {
    border-right: 4px solid var(--main-color);
    padding-right: 12px;
    border-left: 0;
    padding-left: auto;
}

.about-history-content h3 span {
    margin-right: 65px;
    margin-left: auto;
}

.about-history-content h3::before {
    right: 0;
    left: auto;
    top: 25px;
}

.about-history-content h3::after {
    right: 48px;
    left: auto;
    top: 22px
}


.download-container .mockup-side .phone-img {
    transform: scaleX(-1);
}

/* Ensure the outer wrapper respects RTL direction */
.iti {
  direction: rtl;
  text-align: right;
}

/* Adjust dropdown list positioning for RTL */
.iti__country-list {
  right: 0;
  left: auto;
  text-align: right;
}

/* Fix padding inside the input field for the flag container */
.iti--allow-dropdown input[type="tel"] {
  padding-right: 85px !important;
  padding-left: auto !important;
  text-align: right;
}

/* Position the selected flag container on the right side */
.iti__selected-flag {
  right: 0;
  left: auto;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}

.iti--allow-dropdown input {
    padding-right: 95px !important;
    padding-left: auto !important;
}

.nav-dropdown>li>a {
    text-align: right;
}

#choose-address-modal .modal-body {
    direction: ltr;
}

#choose-address-modal .modal-body .container {
    direction: rtl;
}

.navigation-portrait .submenu-indicator-chevron {
    left: 24px;
    right: auto;
}

.about-watermark {
    left: 0;
    right: auto;
}

.slick-track {
    direction: rtl;
}

#delivery_div,
#collapseDeliveryInfo {
    direction: ltr !important;
}

#delivery_div .card-header {
    direction: rtl;
}

#payment_div,
#collapsePaymentInfo {
    direction: ltr !important;
}

#payment_div .card-header {
    direction: rtl;
}

#delivery_info h5,
#delivery_info h6 {
    text-align: right;
    direction: rtl;
}

#delivery_info ul {
    text-align: right;
    direction: rtl;
}

#payment_info h3,
#payment_info textarea {
    text-align: right;
    direction: rtl;
}

#payment_info #agree_box_div,
#payment_info #final_submit_btn {
    text-align: right;
    direction: rtl;
}