@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
/* Custom RTL Styles for SEO Assistant */

/* RTL adjustments for navigation and menus */
[dir="rtl"] .navbar-nav {
    direction: rtl;
}

[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* RTL adjustments for Help Center */
[dir="rtl"] .help-center-sidebar {
    border-left: none;
    border-right: 1px solid #e9ecef;
}

[dir="rtl"] .help-center-content {
    padding-left: 0;
    padding-right: 2rem;
}

/* RTL adjustments for search */
[dir="rtl"] .search-form .btn {
    border-radius: 0.375rem 0 0 0.375rem;
}

[dir="rtl"] .search-form .form-control {
    border-radius: 0 0.375rem 0.375rem 0;
}

/* RTL adjustments for breadcrumbs */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    content: "‹";
}

/* RTL adjustments for forms */
[dir="rtl"] .form-label {
    text-align: right;
}

/* RTL adjustments for text alignment */
[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

/* RTL adjustments for margins and paddings */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .banner-card > div {
    background-position: left !important;
}

/* RTL adjustments for website footer */
[dir="rtl"] footer .container p.me-5 {
    margin-right: 0 !important;
    margin-left: 5rem !important;
}

/* RTL adjustments for footer menu spacing */
[dir="rtl"] footer ul.list-unstyled li {
    text-align: right;
}

[dir="rtl"] footer .col-lg-2,
[dir="rtl"] footer .col-md-2,
[dir="rtl"] footer .col-6 {
    text-align: right;
}

/* RTL adjustments for newsletter section */
[dir="rtl"] .newsletter-section .d-flex.gap-2 {
    direction: rtl;
}

[dir="rtl"] .newsletter-section input[type="email"] {
    text-align: right;
    padding-right: 2.5rem !important;
    padding-left: 1rem !important;
}

[dir="rtl"] .newsletter-section .position-absolute {
    left: auto !important;
    right: 0.5rem;
}

[dir="rtl"] .newsletter-section .social-icons {
    justify-content: flex-end;
}

[dir="rtl"] .newsletter-section .social-icons .gap-3 {
    direction: rtl;
}
h1,h2,h3,h4,h5,h6,p,td,th,div,span,label,a,ul,li,body{
    font-family: "Tajawal", sans-serif !important;
}
.login-form-field-container h1.h2 {
    font-family: "Tajawal", sans-serif !important;
}
.get-started-home{
    width: 120px !important;
}

/* Footer Navigation Menu */
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6 .menu-title {
    font-size: 0 !important;
}
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6:first-child .menu-title:before {
    content: "الشركة";
    font-size: 19px !important;
}
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6:nth-child(2) .menu-title:before {
    content: "خدماتنا";
    font-size: 19px !important;
}
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6:nth-child(3) .menu-title:before {
    content: "المصادر";
    font-size: 19px !important;
}
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6:nth-child(4) .menu-title:before {
    content: "المساعد الذكي للسيو";
    font-size: 19px !important;
}
.footer-navigations .row.justify-content-between .col-lg-2.col-md-2.col-6:nth-child(5) .menu-title:before {
    content: "المؤسسات و الشركات";
    font-size: 19px !important;
}

/* Pricing Tables */
.card-body .badge-package-title {
    border-radius: 20px 20px 0 0 !important;
    padding: 14px !important;
    display: inline-block;
    font-size: 12px;
}
.nav-link {
    color: inherit;
}

/* Header */
.dropdown-item.active, .dropdown-item:active {
    background-color: inherit;
    color: inherit;
}

/* Agency & Client */
.iti__selected-flag {
    direction: ltr;
}


/* Desktop */
@media (min-width: 768px) {
    .iti__country-list {
        left: 0 !important;
        direction: ltr;
    }
}



/*  Mobile */
@media (max-width: 767px) {
    .iti-mobile .iti--container {
        direction: ltr;
        right: 0 !important;
    }
    .iti-mobile .iti__country-list {
        width: auto !important;
    }
}



@media (max-width : 767px) {
    .app-topbar .dropdown .dropdown-menu {
        right: 0 !important;
        left: 10px !important;
    }
    html[data-sidenav-size=full]:not([data-layout=topnav]) .sidenav-menu {
        position: absolute;
    }
    .button-close-fullsidebar {
        position: fixed;
    }
    .footer-relative-mobile {
        position: relative !important;
    }
}
.ri-arrow-right-line:before {
    content: "\ea60" !important;
}
.ri-arrow-right-s-line:before {
    content: "\ea64" !important;
}
.ri-arrow-left-line:before{
    content: "\ea6c" !important;
}








/*
V2 RTL
*/
#PerformanceOverviewPanel #content_PerformanceOverviewPanel .content-title {
    margin-right: 10px !important;
    margin-left: auto !important;
}
#content_dashboard .content-panel .content-title {
    text-align: right !important;
}
#PerformanceOverviewPanel #content_PerformanceOverviewUsage .card-body .content-title {
    margin-right: 10px !important;
    margin-left: auto !important;
}
#content_quick_action_cards .card-body .content-title {
    margin-right: 10px !important;
    margin-left: auto !important;
}
#PerformanceOverviewPanel #content_PerformanceOverviewImpact .content-title {
    margin-right: 10px !important;
    margin-left: auto !important;
}
#content_edit_website_box .content-input #copy_api {
    right: auto !important;
    left: 9px !important;
}
#content_edit_website_box #content_target .selected {
    margin-right: auto;
    display: inline-block;
}
#content_top_summary .card .card-title .ml-10px {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
#content_top_summary #content_scan span.ml-10px {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
#content_healthy_overview .card .ml-10px {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
div#content_health_filter .mr-auto {
    margin-right: 0 !important;
    margin-left: auto;
}