/* RTL Directionality */
html[dir="rtl"], body[dir="rtl"] {
    direction: rtl;
}
h1,h2,h3,h4,h5,h6,p,div,a,input,textarea,span{
  font-family: "Cairo" !important;
}

/* --- RTL Overrides --- */


.filter-block h4 {
    padding-inline: 40px;
}
.filter-block h4::before {
    left: 7px;
    right: auto;
}
.filter-block h4::after {
    left: 30px;
    right: auto;
}

/* Category name font size override for RTL if needed */

/* RTL-specific margin/padding adjustments */
.menu-action {
    left: 9px !important;
    right: auto !important;
}

/* RTL: text-align for blog content, etc. */
.blog-cont, .blog-single .blog-content, .blog-single .blog-footer {
    text-align: right;
}

/* RTL: swap left/right for icons and paddings where needed */
.search-container i{
    right: 15px;
    left: auto;
}
.category-container i {
    left: 15px;
    right: auto;
}
.blog-category {
    left: 15px;
    right: auto;
}
.blog-single .blog-meta i {
    margin-left: 5px;
    margin-right: 0;
}
.blog-single .share-icons, .blog-single .share-icons a {
    margin-left: 10px;
    margin-right: 0;
}

/* RTL: override logical properties for inline direction */

/* RTL: override margin-inline for buttons if needed */
.expert-programs-btn, .expert-stars-btn {
    margin-inline: 1%;
}

/* RTL: override for navigation, etc. as needed */
/* ...add more overrides as required for your project... */

/* --- RTL Navigation Overrides --- */

/* General direction */
html[dir="rtl"], body[dir="rtl"] {
    direction: rtl;
}

/* Navigation header and menu alignment */
.NM-Nm { flex-direction: row; 
    align-items: center;
}
.top-left-content ul li { margin-left: 15px; margin-right: 0; }
.top-right-content ul li { border-left: 1px solid #606161; border-right: 0; padding: 0 25px; }
.top-right-content ul li:last-child { border-left: 0; }
span.carrttext { padding-right: 9px; padding-left: 0; }
.cartIcon span.cart-number, .cartIcon-mobile span.cart-number-mobile { right: -8px; left: auto; }
.currency-switcher { margin-right: 13px; margin-left: 0; }
.currency-switcher i { left: 0; right: auto; }
div.dropdown:after { left: 10px; right: auto; }
div.dropdown>div.list>div.item span, div.dropdown>div.caption span { left: 36px; right: auto; }
div.dropdown>div.list>div.item span { left: 20px; right: auto; }

/* Navigation portrait adjustments */
.navigation-portrait .nav-menus-wrapper { right: 0; left: auto; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { right: auto; left: -80vw; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { right: 0; left: auto; }
.navigation-portrait .nav-menu>li>a { padding: 12px 26px 12px 15px; }
.navigation-portrait .nav-menu>li>a.language-list { padding: 10px 30px 10px 0 !important; }
.navigation-portrait .nav-menu>li>a.langLink { padding: 10px 100px 10px 0 !important; }
.navigation-portrait .nav-menu>li>a.currency-list { padding: 12px 26px 12px 15px !important; }
.navigation-portrait .submenu-indicator { left: 0; right: auto; }
.navigation-portrait .submenu-indicator-chevron { right: 24px; left: auto; }
.navigation-portrait .nav-menu-header { flex-direction: row-reverse; }
.navigation-portrait .NM-Nm { width: 70%; }
.navigation-portrait .nav-menu-header span.title { padding: 0px 15px; }

/* Dropdown and submenu alignment */
.nav-header { float: right; }
.align-to-right { float: left; }
.nav-logo>img { float: right; }
.megamenu-panel-row [class*="col-"] { float: right; margin-right: 3%; margin-left: 0; }
.megamenu-panel-row [class*="col-"]:first-child { margin-right: 0; }
.megamenu-tabs { float: right; }
.megamenu-tabs-nav { float: right; }
.megamenu-tabs-pane { float: left; }
.megamenu-list { float: right; }
.megamenu-list>li>a { text-align: right; }
.nav-dropdown>li { float: right; clear: both; text-align: right; }
.nav-dropdown>li>a { float: right; }
.nav-dropdown .submenu-indicator { left: 15px; right: auto; }
.nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(45deg); }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { right: 10px; left: auto; }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { transform: rotate(135deg); }
.nav-dropdown-horizontal { right: 0; left: auto; }
.nav-dropdown-horizontal .nav-dropdown-horizontal { right: 0; left: auto; }
.megamenu-list>li.megamenu-list-title>a { text-align: right; }
.megamenu-list>li>a { text-align: right; }

/* Responsive tweaks for RTL */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .notif-chat-block { left: 250px; right: auto; }
    .nav-dropdown>li>a, .megamenu-list>li>a { width: 65%; }
}

/* ...add more RTL-specific navigation overrides as needed... */

/* --- Responsive & Media Queries (RTL-specific) --- */
/* ...add only if you need to override responsive styles for RTL... */

/* --- RTL Responsive Overrides --- */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 576px) {
    .nav-menus-wrapper {
        padding-left: 0rem !important; /* RTL: left instead of right */
        padding-right: unset !important;
    }
    .details-image-right ul {
        padding-left: unset !important;
        padding-right: 0rem !important;
    }
    .subscriber-input {
        border-left: unset !important;
        border-right: 1px solid #2f383f !important;
        border-radius: 5px !important;
    }
    .keep-in-touch-content input.form-control {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-right: 1px solid black !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        border-left: unset !important;
    }
    .subscriber-input + button {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .details-image-right ul {
        padding-left: unset !important;
        padding-right: 0rem !important;
    }
    .subscriber-input {
        border-left: unset !important;
        border-right: 1px solid #2f383f !important;
        border-radius: 5px !important;
    }
    .subscriber-input + button {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .subscriber-input {
        border-left: unset !important;
        border-right: 1px solid #2f383f !important;
        border-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
    }
    .subscriber-input + button {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1299px) {
    .subscriber-input {
        border-left: unset !important;
        border-right: 1px solid #2f383f !important;
        border-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
    }
    .subscriber-input + button {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .subscriber-input {
        border-left: unset !important;
        border-right: 1px solid #2f383f !important;
        border-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
    }
    .subscriber-input + button {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* Shared mobile/tablet tweaks */
@media (max-width: 768px) {
    .keep-in-touch-content input.form-control {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        border-right: unset !important;
        border-left: 1px solid black !important;
    }
    .subscriber-input + button {
        border-top-right-radius: unset !important;
        border-bottom-right-radius: unset !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        padding-right: unset !important;
        padding-left: 15px !important;
    }
    /* ...other RTL-specific overrides for this breakpoint... */
}

/* --- RTL Responsive: Custom overrides from responsive.css --- */
@media only screen and (max-width: 767px) {
    .detail-image {
        padding-left: 0;
        padding-right: unset;
    }
    .expert p span {
        margin-left: 2.5rem;
        margin-right: unset;
    }
    .second-section-homepage-image {
        left: 0;
        right: unset;
    }
    .chooseProgContainer a {
        margin-left: 10px;
        margin-right: unset;
    }
    .chooseProgContainer a:nth-child(even) {
        margin-left: 0;
        margin-right: unset;
    }
    .banner-section-content {
        right: 10px;
        left: unset;
    }
    .header-one-last .header-middle-list {
        margin-right: 10px;
        margin-left: unset;
    }
    .second-section-homepage-image:after {
        right: 0;
        left: unset;
    }
    .program-tab .nav-item {
        margin-left: 0;
        margin-right: unset;
    }
    .cart-priceitem span a {
        margin-left: 0;
        margin-right: unset;
    }
    .nav-menu li a:before {
        right: 26px;
        left: unset;
    }
    .bell-action-box,
    .notification-info-DIV_NM {
        left: auto;
        right: -7px;
    }
    .profile-settings-form .incDecBtnGroup span {
        left: 28%;
        right: unset;
    }
    .recurring-bottom .nutri-head-left a{
        font-size: .9em;
    }
    .chat {
        left: 10px;
        right: unset;
    }
}

/* --- RTL Overrides for slide.css --- */

/* AskExpert checkboxes: swap padding for RTL */
ul.list-inline.askexpert-check li p span {
    padding-left: 2.5rem;
    padding-right: unset;
}

/* Cart sidebar: swap text-align for RTL */
.cart-sidebar ul li span {
    text-align: left;
    text-align: start;
}

/* --- RTL Overrides for style-nav.css --- */

/* WhatsApp floating button: swap right/left */
.whatsUpSection {
    left: 0;
    right: unset;
}

/* WhatsApp text: swap margin and border radius */
.whatsUpText {
    margin-left: 40px;
    margin-right: unset;
    border-radius: 30px 30px 30px 0px;
}

/* Choose program container: swap margin */
.chooseProgContainer a:not(.col-sm-6) {
    margin-left: 20px;
    margin-right: unset;
}

/* Header middle list: swap margin */
.header-one-last .header-middle-list {
    margin-right: 20px;
    margin-left: unset;
}

/* Profile name text: swap margin */
.profile-name-text {
    margin-right: 6px !important;
    margin-left: 29px;
}

/* Header middle list select: swap margin and pseudo-element */
.header-middle-list-select {
    margin-right: 28px !important;
    margin-left: unset;
}
.header-middle-list-select:before {
    right: -14px;
    left: unset;
}

/* Programs content: swap left/right if needed */
.programs-conent {
    right: 0;
    left: 0;
}

/* Basic information box: swap margin and pseudo-element */
.basic-information-box ul li {
    margin-right: 8px;
    margin-left: unset;
}
.basic-information-box ul li:before {
    right: -9px;
    left: unset;
}

/* Product preview description: swap padding and pseudo-element */
.product-preview-discription ul {
    padding-right: 20px;
    padding-left: unset;
}
.product-preview-discription ul li:before {
    right: -15px;
    left: unset;
}

/* Customer review title: swap margin */
.customer-review-title a {
    margin-right: 5px;
    margin-left: unset;
}

/* Product details top section: swap margin */
.product-details-top-section .star-rating span {
    margin-right: 16px;
    margin-left: unset;
}

/* ...add more RTL-specific overrides as needed... */

/* --- End of style-nav.css RTL overrides --- */

/* --- RTL Overrides for custom.css --- */

/* Choose-Program-list: swap padding for RTL */
.choose-Program-list {
    padding: 0 10px !important;
    flex-direction: row-reverse !important;
}

/* .choose-program-box-navm .chooseProgContainer: swap padding for RTL */
.choose-program-box-navm .chooseProgContainer {
    padding-right: unset;
    padding-left: 40px;
}

/* .profile-settings-form .incDecBtnGroup span: swap left/right for RTL */
.profile-settings-form .incDecBtnGroup span {
    right: unset;
    left: 48px;
}
.profile-settings-form .incDecBtnGroup.pound span {
    right: unset;
    left: 64px;
}

/* .detail-page .meal-header-left .form-inner: swap margin for RTL */
.detail-page .meal-header-left .form-inner {
    margin-left: unset;
    margin-right: 10px;
}

/* .detail-page .meal-header-left: swap margin for RTL */
.detail-page .meal-header-left {
    margin-left: unset;
    margin-right: 10px;
}

/* .blog-main-box .custom-btn: swap margin for RTL */
.blog-main-box .custom-btn {
    margin-right: unset;
    margin-left: 20px;
}
.blog-main-box li:last-child .custom-btn {
    margin-right: unset;
    margin-left: 0;
}

/* .weekly h3.head a, .multi_day h3.head a: swap margin for RTL */
.weekly h3.head a, .multi_day h3.head a {
    margin-right: 5px;
    margin-left: auto;
}

/* .expert img: swap margin for RTL */
.expert img {
    margin-right: unset;
    margin-left: 1rem;
}

/* .browse-block .menu-action ul li .plusCont: swap margin for RTL */
.browse-block .menu-action ul li .plusCont {
    margin-right: unset;
    margin-left: 14px;
}

/* .chat .conversation .field: swap paddings for RTL */
.chat .conversation .field {
    padding-left: unset;
    padding-right: 20px;
}

/* .detail-page .meal-header-left .form-inner: swap flex-grow for RTL (no change needed, just for reference) */

/* .select-group .right-arrow: swap left/right for RTL */
.select-group .right-arrow {
    right: unset;
    left: 10px;
}

/* .checkout-selected-resturan-box i.loader: swap left/right for RTL */
.checkout-selected-resturan-box i.loader {
    right: unset;
    left: 8px;
}

/* .second-section-homepage-image .points/.lines: swap right/left for RTL */
.second-section-homepage-image .points {
    right: unset;
    left: -58px;
}
.second-section-homepage-image .lines {
    right: unset;
    left: -7%;
}

/* .cart-content-box-nm tbody td:last-child: swap text-align for RTL */
.cart-content-box-nm tbody td:last-child {
    text-align: left;
}

/* .profile-name-text: swap margin for RTL */
.profile-name-text {
    margin-right: unset;
    margin-left: 0px;
}

/* .detail-page .meal-header-left: swap flex for RTL (no change needed, just for reference) */

/* .weekly h3.head, .multi_day h3.head: swap font-size for RTL (no change needed, just for reference) */

/* .mini-meal-box ul.mealsmenu li: swap padding for RTL (no change needed, just for reference) */

/* .select-meal-program-mainbox ul li: swap margin for RTL */
.select-meal-program-mainbox ul li {
    margin-right: unset;
    margin-left: 0px;
}

/* .prog-search-box .input-group: swap width for RTL (no change needed, just for reference) */

/* .navigation .logo-box img: swap width for RTL (no change needed, just for reference) */

/* .nav-menu > li > a: swap margin for RTL */
.nav-menu > li > a {
    margin-right: unset;
    margin-left: 45px;
}
.nav-menu > li:first-child > a {
    margin-right: unset;
    margin-left: 0;
}

/* .nav-menus-wrapper: swap padding for RTL */
.nav-menus-wrapper {
    padding-right: 3rem;
}

/* .bradcamp li: swap padding for RTL */
.bradcamp li {
    padding-right: unset;
    padding-left: 12px;
}

/* .blog-main-box .custom-btn (media queries): swap margin for RTL */
@media (max-width: 1200px) {
    .blog-main-box .custom-btn {
        margin-right: unset;
        margin-left: 8px;
    }
}

/* ...add more RTL-specific overrides as needed... */

/* --- End of custom.css RTL overrides --- */

/* ...existing code... */
.search-container .search-input,.category-container .category-select {
    padding-right: 35px !important;
    padding-left: unset !important;

}
.accordion-button::after{
    margin-left: unset;
    margin-right: auto;
}
.hero-left::before{
    left: auto;
    right: 0;
}
.hero-right{
	text-align: right;
}
.fa-chevron-right,.fa-arrow-right {
  transform: scaleX(-1);
}
.navigation-portrait .NM-Nm {
	place-content: end;
}
.navigation-portrait .nav-menu li{
	text-align: right;
}
.show-more a i {
  	margin-left: unset;
    margin-right: 8px;
}
.accordion-button{
	text-align: right;
}

@media (max-width: 576px) {
    .blog-footer .categories {
        gap: 25px;
    }
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-position: left calc(.375em + .1875rem) center !important;
}
#password.is-invalid, .was-validated .form-control:invalid {
    background-position: right calc(.375em + .1875rem) center !important;
}
#phone.is-invalid, .was-validated .form-control:invalid {
    background-position: right calc(.375em + .1875rem) center !important;
}
#email.is-invalid, .was-validated .form-control:invalid {
    background-position: right calc(.375em + .1875rem) center !important;
}

#password{
	direction: ltr !important;
}
input::placeholder,
textarea::placeholder {
  direction: rtl;        
  text-align: right;     
}
#password::placeholder,#phone::placeholder,#email::placeholder{
  padding-right: 17px !important;
}
.second-section-homepage-content {
    margin-right: -70px;
    padding-right: 80px;
}
.iti-mobile .iti__country {
    text-align: right;
}
.nav-menu li a:before {
    right: 0 !important;
}
.cart-number {
    right: 18px;
    top: -6px !important;
}
div.dropdown > div.caption img, div.dropdown > div.list > div.item img, div.dropdown > div.caption svg, div.dropdown > div.list > div.item svg {
    margin-right: unset;
    margin-left: 10px;

}
#pwa-install-alert .close {
    left: 10px !important;
  	right: unset !important;
}
.iti__country-list {
    left: 0px !important;
    text-align: right !important;
}
.partner-role-selection div {
    width: 50% !important;
}
.detail-image {
    margin-left: 30px;
 	margin-right: unset !important;
}
.star-rating {
	justify-content: end !important; 
}
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"]{
    background-position: left .75rem center, center left 2.25rem !important;
}
.form-select{
    background-position: left .75rem center !important;
}
.incDecBtnGroup span{
    right: unset !important;
    left: 5%;
}
.incDecBtnGroup P {
    right: unset !important;
    left: 35px;
}
.incDecBtnGroup input{
    text-align: right !important;
}

/* New Expert Profile RTL Styles */
.exp-badge-overlay {
    right: unset !important;
    left: calc(50% - 60px) !important;
}

.exp-bio-container {
    border-left: unset !important;
    border-right: 4px solid #67bd45 !important;
}

.exp-read-more-btn {
    margin-left: unset !important;
    margin-right: 0.5rem !important;
}

.exp-heading-section h3:after {
    left: unset !important;
    right: 0 !important;
}

.exp-title-divider::after {
    right: unset !important;
    left: -20px !important;
}

.exp-title-divider::before {
    right: unset !important;
    left: -40px !important;
}

@media (max-width: 768px) {
    .exp-badge-overlay {
        right: unset !important;
        left: calc(50% - 50px) !important;
    }
    
    .exp-title-divider::after {
        right: unset !important;
        left: -15px !important;
    }
    
    .exp-title-divider::before {
        right: unset !important;
        left: -30px !important;
    }
}