body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Noto+Sans+Arabic !important;
}

    h1, .h1 {
        font-family: Noto+Sans+Arabic !important;
    }
    h2, .h2 {
        font-family: Noto+Sans+Arabic !important;
    }
    h3, .h3 {
        font-family: Noto+Sans+Arabic !important;
    }

body{
                        font-family:Noto+Sans+Arabic !important;
                                                                /* RTL safety: don't allow typography settings to force LTR alignment */
    text-align: right !important;
}

.bc_wrap .page-template-content .bc-unmissable-destinations .bc-list-service .style_2 .item-content .item-title >
a:hover,
.bc_wrap .page-template-content .bc-unmissable-destinations .bc-list-service .style_2 .card-body .title:hover,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-blue-1,
.btn-outline-blue-1.disabled,
.btn-outline-blue-1:disabled,
.btn-link,
.page-link:hover,
.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action:active,
.text-primary,
.text-blue-1,
.list-group .active > .list-group-item,
.list-group-white .list-group-item[href]:hover,
.list-group-white .list-group-item-action[href]:hover,
.list-group-flush .list-group-item.active,
.u-header__navbar-brand-text:focus,
.u-header__navbar-brand-text:hover,
.u-header__nav-item:hover .u-header__nav-link,
.u-header__nav-item:focus .u-header__nav-link,
.u-header .active > .u-header__nav-link,
.u-header__sub-menu .active > .u-header__sub-menu-nav-link,
.u-header__promo-link:hover .u-header__promo-title,
.u-header__product-banner-title,
.u-header--sub-menu-dark-bg .u-header__sub-menu-nav-link:hover,
.u-header--dark-nav-links:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link,
.navbar-expand-xs .u-header__banner-caption:hover, .navbar-expand-xs .u-header__banner-caption:focus,
.navbar-expand-sm .u-header__banner-caption:hover, .navbar-expand-sm .u-header__banner-caption:focus,
.navbar-expand-md .u-header__banner-caption:hover, .navbar-expand-md .u-header__banner-caption:focus,
.navbar-expand-lg .u-header__banner-caption:hover, .navbar-expand-lg .u-header__banner-caption:focus,
.u-header-collapse__nav-link.active,
.u-header-collapse__submenu-nav-link.active,
.btn-custom-toggle-primary:hover,
.btn-custom-toggle-white:not(:disabled):not(.disabled):active,
.btn-custom-toggle-white:not(:disabled):not(.disabled).active,
.btn-custom-toggle-white:not(:disabled):not(.disabled):active,
.btn-custom-toggle-white:not(:disabled):not(.disabled).active,
.btn-soft-primary,
.btn-soft-primary[href].disabled, .btn-soft-primary[href]:disabled,
.btn-soft-primary[type].disabled, .btn-soft-primary[type]:disabled,
.btn.btn-soft-primary,
.btn-soft-blue-1,
.btn-soft-blue-1[href].disabled, .btn-soft-blue-1[href]:disabled,
.btn-soft-blue-1[type].disabled, .btn-soft-blue-1[type]:disabled,
.btn.btn-soft-blue-1,
.btn-text-primary,
.btn-text-blue-1,
.brand-primary,
.brand-primary:focus, .brand-primary:hover,
.breadcrumb-item:not(.active):hover,
.breadcrumb-item:not(.active):hover a,
.card-text-dark:hover,
.card-btn-arrow,
.sidenav .from, .sidenav .to,
.u-sidebar--account__toggle-bg:hover .u-sidebar--account__toggle-text,
.u-sidebar--account__list-link.active, .u-sidebar--account__list-link:hover,
.u-sidebar--account__list-link.active .u-sidebar--account__list-icon, .u-sidebar--account__list-link:hover
.u-sidebar--account__list-icon,
.dropdown-item:hover, .dropdown-item.active,
.footer .list-group-item-action:hover,
.tab-dropdown.show,
.tab-dropdown .dropdown-item:hover,
.custom-dropdown .dropdown-toggle-collapse[aria-expanded=true] span,
.custom-dropdown .dropdown-toggle-collapse[aria-expanded=true]:before,
.u-focus-state .input-group-text,
.bookmark-checkbox-input:checked ~ .bookmark-checkbox-label,
.u-range-slider-grid .irs-grid-text.current,
.u-go-to-ver-arrow,
.u-go-to-modern,
.u-media-player:hover .u-media-player__icon, .u-media-player:focus .u-media-player__icon,
.u-media-player__icon--primary,
.u-video-player__btn:hover .u-video-player__icon, .u-video-player__btn:focus .u-video-player__icon,
.nav-classic .nav-link:hover,
.nav-classic .nav-link.active,
.tab-nav-line .nav-link.active .tabtext,
.tab-nav-shop .nav-link.active,
.tab-nav-1-line .nav-link.active .tabtext,
.tab-nav-1-shop .nav-link.active,
.tab-nav-1-list .nav-link.active i, .tab-nav-1-list .nav-link.active span,
.nav-icon .nav-item.active,
.u-quantity__arrows-inner:hover,
.u-slick-bordered-primary .slick-current .card .testimonial-quote i,
.u-slick__arrow,
.u-slick__arrow-classic,
.u-slick__arrow-classic--v2,
.u-slick--pagination-interactive .slick-center .u-slick--pagination-interactive__title,
.link__icon,
.text-primary-max-wd,
.card-title.text-dark:hover,
.pagination-v2-arrow-color,
.list-tab .list-link:hover i, .list-tab .list-link:hover span,
.list-tab .list-link:active i, .list-tab .list-link:active span,
.u-cubeportfolio .u-cubeportfolio__item.cbp-filter-item-active,
.u-datatable__thead-icon:hover,
.u-datepicker .flatpickr-day:focus, .u-datepicker .flatpickr-day:hover,
.u-datepicker .flatpickr-day.selected,
.u-datepicker .flatpickr-day.selected:focus.prevMonthDay, .u-datepicker .flatpickr-day.selected:focus.nextMonthDay,
.u-datepicker .flatpickr-day.selected:hover.prevMonthDay, .u-datepicker .flatpickr-day.selected:hover.nextMonthDay,
.u-fileuploader-input__icon,
.u-summernote-editor .note-btn:focus, .u-summernote-editor .note-btn:hover,
.bc_wrap #header.js-header-fix-moment .bc-more-menu, .bc_wrap #header.header-white .bc-more-menu,
.bc_wrap #header.js-header-fix-moment .bc_header ul li:hover > a, .bc_wrap #header.header-white .bc_header ul li:hover >
a,
.bc_wrap #header.js-header-fix-moment .bc_header ul li:hover > .fa, .bc_wrap #header.header-white .bc_header ul li:hover
> .fa,
.u-header--bg-transparent.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text
{
color: #1960d4!important;
}

@media (max-width: 576px){
.u-header--sub-menu-dark-bg-sm .u-header__sub-menu-nav-link:hover
{
color: #1960d4!important;
}
}

@media (min-width: 576px){
.u-header--dark-nav-links-sm:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link
{
color: #1960d4!important;
}
}

@media (max-width: 768px){
.u-header--sub-menu-dark-bg-md .u-header__sub-menu-nav-link:hover
{
color: #1960d4!important;
}
}

@media (min-width: 768px){
.u-header--dark-nav-links-md:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link
{
color: #1960d4!important;
}
}

@media (max-width: 992px){
.u-header--sub-menu-dark-bg-lg .u-header__sub-menu-nav-link:hover
{
color: #1960d4!important;
}
}

@media (min-width: 992px){
.u-header--dark-nav-links-lg:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link
{
color: #1960d4!important;
}
}

@media (max-width: 1200px){
.u-header--sub-menu-dark-bg-xl .u-header__sub-menu-nav-link:hover
{
color: #1960d4!important;
}
}

@media (min-width: 1200px){
.u-header--dark-nav-links-xl:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link
{
color: #1960d4!important;
}
}

@media (max-width: 1480px){
.u-header--sub-menu-dark-bg-wd .u-header__sub-menu-nav-link:hover
{
color: #1960d4!important;
}
}

@media (min-width: 1480px){
.u-header--dark-nav-links-wd:not(.bg-dark) .u-header__nav-item:hover .u-header__nav-link
{
color: #1960d4!important;
}
}

@media (max-width: 1199.98px) {
.u-header--bg-transparent.u-scrolled .scroll-icon i,
.navbar-expand-xl .u-header__banner-caption:hover, .navbar-expand-xl .u-header__banner-caption:focus
{
color: #1960d4!important;
}
}

@media (max-width: 575.98px) {
.text-primary-max {
color: #1960d4!important;
}
}
@media (max-width: 767.98px) {
.text-primary-max-sm {
color: #1960d4!important;
}
}
@media (max-width: 991.98px) {
.text-primary-max-md {
color: #1960d4!important;
}
}
@media (max-width: 1199.98px) {
.text-primary-max-lg {
color: #1960d4!important;
}
}
@media (max-width: 1479.98px) {
.text-primary-max-xl {
color: #1960d4!important;
}
}

.btn-primary, .u-header.js-header-fix-moment .u-header__last-item-btn .btn[class*=-white],
.btn-primary.disabled, .u-header.js-header-fix-moment .u-header__last-item-btn .disabled.btn[class*=-white],
.btn-primary:disabled, .u-header.js-header-fix-moment .u-header__last-item-btn .btn:disabled[class*=-white],
.btn-blue-1,
.btn-blue-1.disabled, .btn-blue-1:disabled,
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-blue-1:hover,
.btn-outline-blue-1:not(:disabled):not(.disabled):active,
.btn-outline-blue-1:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-1.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link,
.badge-primary,
.badge-blue-1,
.progress-bar,
.list-group-item.active,
.tooltip-inner,
.bg-primary,
.bg-blue-1,
.custom-social-share a:hover,
.u-avatar-image:hover .u-avatar-image-overlay,
.badge-outline-primary,
.badge-outline-blue-1,
.btn-primary:not(label.btn),
.u-header.js-header-fix-moment .u-header__last-item-btn .btn:not(label.btn)[class*=-white],
.btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled),
.u-header.js-header-fix-moment .u-header__last-item-btn
.btn:not(label.btn):not([href]):not(:disabled):not(.disabled)[class*=-white],
.btn-primary:not([href]),
.u-header.js-header-fix-moment .u-header__last-item-btn .btn:not([href])[class*=-white],
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled),
.u-header.js-header-fix-moment .u-header__last-item-btn
.btn:not([href]):not([href]):not(:disabled):not(.disabled)[class*=-white],
.btn-primary:hover, .u-header.js-header-fix-moment .u-header__last-item-btn .btn:hover[class*=-white],
.btn-blue-1:not(label.btn),
.btn-blue-1:not([href]),
.btn-blue-1:not(label.btn):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:hover,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-soft-primary[href]:hover, .btn-soft-primary[href]:focus, .btn-soft-primary[href]:active,
.btn-soft-primary[href].active,
.btn-soft-primary[type]:hover, .btn-soft-primary[type]:focus, .btn-soft-primary[type]:active,
.btn-soft-primary[type].active,
.btn-soft-primary[href]:not(:disabled):not(.disabled):active,
.btn-soft-primary[href]:not(:disabled):not(.disabled).active,
.show > .btn-soft-primary[href].dropdown-toggle,
.btn-soft-primary[type]:not(:disabled):not(.disabled):active,
.btn-soft-primary[type]:not(:disabled):not(.disabled).active,
.show > .btn-soft-primary[type].dropdown-toggle,
.btn-soft-blue-1[href]:hover, .btn-soft-blue-1[href]:focus, .btn-soft-blue-1[href]:active,
.btn-soft-blue-1[href].active,
.btn-soft-blue-1[type]:hover, .btn-soft-blue-1[type]:focus, .btn-soft-blue-1[type]:active,
.btn-soft-blue-1[type].active,
.btn-soft-blue-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue-1[href]:not(:disabled):not(.disabled).active,
.show > .btn-soft-blue-1[href].dropdown-toggle,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled):active,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled).active,
.show > .btn-soft-blue-1[type].dropdown-toggle,
.btn-social:hover,
.btn-social-dark:hover,
.u-range-slider .irs-bar,
.u-range-slider .irs-bar-edge,
.u-go-to,
.u-hamburger:hover .u-hamburger__inner,
.u-hamburger:hover .u-hamburger__inner:before, .u-hamburger:hover .u-hamburger__inner:after,
.u-hamburger--primary .u-hamburger__inner,
.u-hamburger--primary .u-hamburger__inner:before, .u-hamburger--primary .u-hamburger__inner:after,
.u-hamburger--primary:hover .u-hamburger__inner,
.u-hamburger--primary:hover .u-hamburger__inner:before, .u-hamburger--primary:hover .u-hamburger__inner:after,
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner,
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner:before, .js-header-fix-moment
.u-hamburger--white:hover .u-hamburger__inner:after,
.u-media-player:hover .u-media-player__icon--primary, .u-media-player:focus .u-media-player__icon--primary,
.u-media-viewer__icon,
.list-pagination .page-item .page-link:hover,
.list-pagination-1 .page-item .page-link:hover,
.custom-pagination .page-link:hover,
.tab-nav-rounded .nav-link.active .icon:before,
.tab-nav-square .nav-link.active,
.tab-nav-1-rounded .nav-link.active .icon:before,
.tab-nav-1-square .nav-link.active,
.tab-nav-1-inner .nav-link.active,
.nav-icon .nav-item.active .nav-icon-action,
.u-slick__arrow:hover,
.u-slick__arrow-classic:hover,
.gradient-overlay:after,
.gradient-overlay-half-bg-blue-light:before,
.section-title:after,
.text-hover-primary:hover,
.u-datepicker .flatpickr-months,
.u-datepicker .flatpickr-day.today,
.u-datepicker .flatpickr-day.selected.startRange, .u-datepicker .flatpickr-day.selected.endRange
{
background-color: #1960d4!important;
}

.btn-primary, .u-header.js-header-fix-moment .u-header__last-item-btn .btn[class*=-white],
.btn-primary.disabled, .u-header.js-header-fix-moment .u-header__last-item-btn .disabled.btn[class*=-white],
.btn-primary:disabled, .u-header.js-header-fix-moment .u-header__last-item-btn .btn:disabled[class*=-white]
.btn-blue-1,
.btn-blue-1.disabled, .btn-blue-1:disabled,
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-blue-1,
.btn-outline-blue-1:hover,
.btn-outline-blue-1:not(:disabled):not(.disabled):active,
.btn-outline-blue-1:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-1.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before,
.page-item.active .page-link,
.list-group-item.active,
.border-primary,
.border-blue-1,
.custom-social-share a:hover,
.btn-primary:not(label.btn),
.u-header.js-header-fix-moment .u-header__last-item-btn .btn:not(label.btn)[class*=-white],
.btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled),
.u-header.js-header-fix-moment .u-header__last-item-btn
.btn:not(label.btn):not([href]):not(:disabled):not(.disabled)[class*=-white],
.btn-primary:not([href]),
.u-header.js-header-fix-moment .u-header__last-item-btn .btn:not([href])[class*=-white],
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled),
.u-header.js-header-fix-moment .u-header__last-item-btn
.btn:not([href]):not([href]):not(:disabled):not(.disabled)[class*=-white],
.btn-primary:hover, .u-header.js-header-fix-moment .u-header__last-item-btn .btn:hover[class*=-white],
.btn-blue-1:not(label.btn),
.btn-blue-1:not([href]),
.btn-blue-1:not(label.btn):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:hover,
.btn-custom-toggle-primary:hover,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-social:hover,
.btn-social-dark:hover,
.checkbox-outline__input:checked ~ .checkbox-outline__label,
.nav-choose .nav-link.active,
.tab-nav-rounded .nav-link.active .icon:before,
.tab-nav-1-rounded .nav-link.active .icon:before,
.tab-nav-1-inner .nav-link.active,
.u-slick-bordered-primary .slick-current .card,
.u-slick__pagination li.slick-active span,
.u-datepicker .flatpickr-day.selected
{
border-color: #1960d4!important;
}

.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^=top] .arrow:before,
.navbar-expand .u-header__navbar-nav .u-header__sub-menu,
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu,
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu,
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu,
.navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu
{
border-top-color: #1960d4!important;
}

.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow:before
{
border-right-color: #1960d4;
}

.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.dropdown-custom .dropdown-nav-link.active,
.nav-classic .nav-link.active
{
border-bottom-color: #1960d4;
}

.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^=left] .arrow:before,
.navbar-expand .u-header__sub-menu:not(.u-header__promo),
.navbar-expand-sm .u-header__sub-menu:not(.u-header__promo),
.navbar-expand-md .u-header__sub-menu:not(.u-header__promo),
.navbar-expand-lg .u-header__sub-menu:not(.u-header__promo),
.navbar-expand-xl .u-header__sub-menu:not(.u-header__promo),
.navbar-expand-wd .u-header__sub-menu:not(.u-header__promo),
.u-header-collapse__submenu .u-header-collapse__nav-list,
.u-header-collapse__submenu-list,
.custom-dropdown .dropdown-toggle-collapse[aria-expanded=true],
.tab-nav-list .nav-link.active,
.tab-nav-list .nav-link.active i, .tab-nav-list .nav-link.active span,
.tab-nav-1-list .nav-link.active,
.list-tab .list-link:active
{
border-left-color: #1960d4;
}

.u-slick-bordered-primary .slick-current .card .testimonial-quote text, .u-slick-bordered-primary .slick-current .card
.testimonial-quote path,
.fill-primary
{
fill: #1960d4
}

.stop-color-primary
{
stop-color: #1960d4!important;
}

.stroke-primary {
stroke: #1960d4!important;
}




/* ============================================================
   HEADER DROPDOWNS — Modern & Clean Unified Style
   Covers: User menu, Language, Currency, Notifications, Nav
   ============================================================ */

/* ---- Shared dropdown card base ---- */
@keyframes dropdownSlideIn {
    from { opacity: 0; transform: translateY(-8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0)   scale(1);    }
}

/* All header-level dropdown menus share the same card look */
.bc_topbar .dropdown-menu,
.topbar-items .dropdown .dropdown-menu,
.bc_header .header-right .dropdown-menu,
.topbar-items li.dropdown .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.06) !important;
    padding: 8px !important;
    margin-top: 10px !important;
    animation: dropdownSlideIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    overflow: hidden;
}

/* ---- Navigation menu dropdowns (TOURS / EVENT / etc.) ---- */
.bc_header .bc-menu .menu-dropdown,
.bc_header .bc-menu ul.children-menu {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.06) !important;
    padding: 8px !important;
    animation: dropdownSlideIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    min-width: 200px;
}

.bc_header .bc-menu .menu-dropdown li a,
.bc_header .bc-menu ul.children-menu li a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 9px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    white-space: nowrap;
}

.bc_header .bc-menu .menu-dropdown li a:hover,
.bc_header .bc-menu ul.children-menu li a:hover {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #1960d4 !important;
}

/* ---- Language switcher dropdown ---- */
.bc_topbar .dropdown-menu:not(.dropdown-menu-user):not(.notify-items),
.topbar-items li.dropdown .dropdown-menu:not(.dropdown-menu-user):not(.notify-items) {
    min-width: 140px !important;
}

.bc_topbar .dropdown-menu li a,
.topbar-items li.dropdown .dropdown-menu:not(.dropdown-menu-user):not(.notify-items) li a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 9px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    text-decoration: none !important;
}

.bc_topbar .dropdown-menu li a:hover,
.topbar-items li.dropdown .dropdown-menu:not(.dropdown-menu-user):not(.notify-items) li a:hover {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #1960d4 !important;
}

.bc_topbar .dropdown-menu li a .flag-icon,
.topbar-items li.dropdown .dropdown-menu li a .flag-icon {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* ---- User menu dropdown ---- */
.bc_topbar .dropdown-menu.dropdown-menu-user,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user {
    min-width: 240px !important;
    right: 0;
    left: auto;
}

.bc_topbar .dropdown-menu.dropdown-menu-user li a,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    text-decoration: none !important;
    margin: 1px 0;
}

.bc_topbar .dropdown-menu.dropdown-menu-user li a:hover,
.bc_topbar .dropdown-menu.dropdown-menu-user li a:focus,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a:hover,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a:focus,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a:hover {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #1960d4 !important;
}

.bc_topbar .dropdown-menu.dropdown-menu-user li a i,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a i,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a i {
    font-size: 15px;
    width: 20px;
    text-align: center;
    color: #94a3b8;
    flex: 0 0 auto;
    transition: color 0.15s ease;
}

.bc_topbar .dropdown-menu.dropdown-menu-user li a:hover i,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a:hover i,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a:hover i {
    color: #1960d4;
}

/* Separator */
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li.menu-hr,
.bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li.menu-hr {
    border-top: 1px solid rgba(15, 23, 42, 0.07) !important;
    margin: 4px 6px !important;
    padding: 0 !important;
}

/* Credit / wallet item */
.bc_topbar .dropdown-menu.dropdown-menu-user li.credit_amount a,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li.credit_amount a {
    background: rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}
.bc_topbar .dropdown-menu.dropdown-menu-user li.credit_amount a i,
.topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li.credit_amount a i {
    color: #1960d4;
}

/* ---- Notifications dropdown ---- */
.dropdown-notifications .notify-items.dropdown-large,
.dropdown-notifications .dropdown-menu.notify-items {
    min-width: 340px !important;
    max-height: 440px;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden;
}

.dropdown-notifications .dropdown-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
}

.dropdown-notifications .dropdown-toolbar-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

.dropdown-notifications .dropdown-toolbar-actions a {
    font-size: 12px !important;
    color: #1960d4 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.dropdown-notifications .dropdown-toolbar-actions a:hover {
    text-decoration: underline !important;
}

.dropdown-notifications .dropdown-list-items {
    max-height: 340px;
    overflow-y: auto;
    padding: 6px 0 !important;
    list-style: none !important;
    margin: 0 !important;
}
.dropdown-notifications .dropdown-list-items::-webkit-scrollbar { width: 4px; }
.dropdown-notifications .dropdown-list-items::-webkit-scrollbar-track { background: transparent; }
.dropdown-notifications .dropdown-list-items::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.12); border-radius: 4px; }

.dropdown-notifications .notification {
    padding: 10px 14px;
    transition: background 0.15s ease;
    border-radius: 0;
}
.dropdown-notifications .notification:hover {
    background: rgba(15, 23, 42, 0.04);
}
.dropdown-notifications .notification.active {
    background: rgba(25,96,212, 0.04);
    border-left: 3px solid #1960d4;
}

.dropdown-notifications .media {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.dropdown-notifications .media-object {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 36px;
    background: rgba(25,96,212, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-notifications .media-object img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.dropdown-notifications .avatar-text {
    font-size: 14px;
    font-weight: 700;
    color: #1960d4;
    text-transform: uppercase;
    line-height: 1;
}
.dropdown-notifications .media-body a {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    display: block;
    line-height: 1.4;
}
.dropdown-notifications .media-body .timestamp {
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-top: 3px;
    display: block;
}

.dropdown-notifications .dropdown-footer {
    padding: 10px 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    text-align: center !important;
}
.dropdown-notifications .dropdown-footer a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1960d4 !important;
    text-decoration: none !important;
}
.dropdown-notifications .dropdown-footer a:hover {
    text-decoration: underline !important;
}

/* ---- RTL Support ---- */
html[dir="rtl"] .bc_topbar .dropdown-menu.dropdown-menu-user,
body.is-rtl .bc_topbar .dropdown-menu.dropdown-menu-user,
html[dir="rtl"] .topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user,
body.is-rtl .topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user,
html[dir="rtl"] .bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user,
body.is-rtl .bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user {
    right: 0;
    left: auto;
}

html[dir="rtl"] .bc_topbar .dropdown-menu.dropdown-menu-user li a,
body.is-rtl .bc_topbar .dropdown-menu.dropdown-menu-user li a,
html[dir="rtl"] .topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a,
body.is-rtl .topbar-items .login-item.dropdown .dropdown-menu.dropdown-menu-user li a,
html[dir="rtl"] .bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a,
body.is-rtl .bc_header .header-right .login-item.dropdown .dropdown-menu.dropdown-menu-user li a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .bc_topbar .dropdown-menu li a,
body.is-rtl .bc_topbar .dropdown-menu li a,
html[dir="rtl"] .topbar-items li.dropdown .dropdown-menu li a,
body.is-rtl .topbar-items li.dropdown .dropdown-menu li a {
    flex-direction: row-reverse;
}

html[dir="rtl"] .dropdown-notifications .notification.active,
body.is-rtl .dropdown-notifications .notification.active {
    border-left: none;
    border-right: 3px solid #1960d4;
}

html[dir="rtl"] .bc_header .bc-menu .menu-dropdown li a,
body.is-rtl .bc_header .bc-menu .menu-dropdown li a,
html[dir="rtl"] .bc_header .bc-menu ul.children-menu li a,
body.is-rtl .bc_header .bc-menu ul.children-menu li a {
    flex-direction: row-reverse;
}


/* Auth (Login/Register): RTL pixel-perfect + mobile-friendly */
.bc-login-page{
    padding: 110px 0;
    background: transparent !important;
}
.bc-login-form-page .col-md-5 > div:not(.alert):not(.message):not(.invalid-feedback){
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 18px 60px rgba(15, 23, 42, 0.06);
}
@media (max-width: 990px){
    .bc-login-form-page .col-md-5 > div:not(.alert):not(.message):not(.invalid-feedback){
        padding: 20px;
    }
}
.bc-login-form-page .form-title{
    text-align: center;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 18px;
}

/* Inputs with icons: keep icon on the RIGHT in RTL, push text after it */
.bc-login-form-page .form-group .form-control,
.frontend-page .modal.login .modal-body .form-group .form-control{
    padding-right: 52px !important;
    padding-left: 14px !important;
}
.bc-login-form-page .form-group .input-icon,
.frontend-page .modal.login .modal-body .form-group .input-icon{
    right: 15px !important;
    left: auto !important;
    pointer-events: none;
}

/* Apply General Style main color on auth buttons/focus */
.bc-login-form-page .form-control:focus,
.frontend-page .modal.login .modal-body .form-control:focus{
    border-color: #1960d4 !important;
    box-shadow: 0 0 0 3px rgba(25,96,212,0.18) !important;
}
.bc-login-form-page .form-submit,
.frontend-page .modal.login .modal-body .form-submit{
    background: #1960d4 !important;
    border-color: #1960d4 !important;
}

/* Remember/Forgot row: wrap nicely on mobile */
.bc-form-login .d-flex.justify-content-between{
    gap: 12px;
    flex-wrap: wrap;
}

/* Social login buttons: clean card + responsive */
.bc-form-login .advanced,
.bc-form-register .advanced{
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 18px 16px;
    margin: 18px 0 0;
}
.frontend-page .modal.login .modal-body .advanced{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.bc-form-login .advanced p,
.bc-form-register .advanced p{
    margin-bottom: 12px;
}
.bc-form-login .advanced .row > div,
.bc-form-register .advanced .row > div{
    margin-bottom: 12px;
}
@media (min-width: 576px){
    .bc-form-login .advanced .row > div,
    .bc-form-register .advanced .row > div{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
.bc-form-login .advanced a.btn,
.bc-form-register .advanced a.btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 12px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
    border: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.bc-form-login .advanced a.btn:hover,
.bc-form-register .advanced a.btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
}
.bc-form-login .advanced a.btn i,
.bc-form-register .advanced a.btn i{
    font-size: 16px;
    line-height: 1;
}
.bc-form-login .advanced a.btn_login_fb_link,
.bc-form-register .advanced a.btn_login_fb_link{ background: #395899 !important; color: #fff !important; }
.bc-form-login .advanced a.btn_login_gg_link,
.bc-form-register .advanced a.btn_login_gg_link{ background: #f34a38 !important; color: #fff !important; }
.bc-form-login .advanced a.btn_login_tw_link,
.bc-form-register .advanced a.btn_login_tw_link{ background: #03a9f4 !important; color: #fff !important; }

@media (max-width: 575.98px){
    .bc-login-page{ padding: 70px 0 !important; }
    .bc-login-form-page .col-md-5 > div:not(.alert):not(.message):not(.invalid-feedback){ padding: 18px !important; }
}

/* Login / Sign up bottom-sheet rules moved to Layout::parts.login-register-modal
   (inline <style>, right next to the #login/#register markup) so they don't
   depend on this separately-routed stylesheet being rebuilt/re-fetched. */

    h1, .h1 {
        font-family: Noto+Sans+Arabic !important;
    }
    h2, .h2 {
        font-family: Noto+Sans+Arabic !important;
    }
    h3, .h3 {
        font-family: Noto+Sans+Arabic !important;
    }