@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');

.rtl-body {
    direction: rtl;
    text-align: right;
}

body.rtl-body {
    /* font-family: "Tajawal", Sans-serif; */
    font-family: "Noto Sans Arabic", sans-serif;
}

.rtl-body h1,
.rtl-body .h1,
.rtl-body h2,
.rtl-body .h2,
.rtl-body h3,
.rtl-body .h3,
.rtl-body h4,
.rtl-body .h4,
.rtl-body h5,
.rtl-body .h5,
.rtl-body h6,
.rtl-body .h6 {
    font-family: 'Tajawal', sans-serif !important;
}

/* ==================== */
/* Layout & Structure */
/* ==================== */
.rtl-body body {
    direction: rtl;
}

.rtl-body .row {
    direction: rtl;
}

/* ==================== */
/* Bootstrap Overrides */
/* ==================== */

/* Margin utilities */
.rtl-body .ms-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rtl-body .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

.rtl-body .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

.rtl-body .ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.rtl-body .ms-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

.rtl-body .ms-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

.rtl-body .me-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.rtl-body .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

.rtl-body .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.rtl-body .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.rtl-body .me-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

.rtl-body .me-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

/* Padding utilities */
.rtl-body .ps-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rtl-body .ps-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
}

.rtl-body .ps-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

.rtl-body .ps-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

.rtl-body .ps-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

.rtl-body .ps-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

.rtl-body .pe-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.rtl-body .pe-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
}

.rtl-body .pe-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

.rtl-body .pe-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

.rtl-body .pe-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

/* Text alignment */
.rtl-body .text-start {
    text-align: right !important;
}

.rtl-body .text-end {
    text-align: left !important;
}

/* Float utilities */
.rtl-body .float-start {
    float: right !important;
}

.rtl-body .float-end {
    float: left !important;
}

/* ==================== */
/* Components */
/* ==================== */

/* Dropdowns */
.rtl-body .dropdown-menu {
    text-align: right;
    left: auto !important;
    right: 0 !important;
}

.rtl-body .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

/* Forms */
.rtl-body .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

.rtl-body .form-check-input {
    margin-right: -1.5em;
    margin-left: 0;
}

.rtl-body .form-check-label {
    padding-right: 0.5em;
}

.rtl-body .input-group>.form-control,
.rtl-body .input-group>.form-select {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.rtl-body .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

/* Buttons */
.rtl-body .btn-group>.btn:not(:first-child),
.rtl-body .btn-group>.btn-group:not(:first-child) {
    margin-right: -1px;
    margin-left: 0;
}

.rtl-body .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.rtl-body .btn-group>.btn-group:not(:last-child)>.btn {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

/* Nav */
.rtl-body .nav {
    padding-right: 0;
}

.rtl-body .nav-tabs .nav-link {
    margin-right: 0;
    margin-left: 0.2rem;
}

/* Breadcrumbs */
.rtl-body .breadcrumb-item+.breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding-left: 0;
}

.rtl-body .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: var(--bs-breadcrumb-item-padding-x);
    padding-right: 0;
}

/* Pagination */
.rtl-body .pagination {
    padding-right: 0;
}

.rtl-body .page-item:not(:first-child) .page-link {
    margin-right: -1px;
    margin-left: 0;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.rtl-body .page-item:not(:last-child) .page-link {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

/* List group */
.rtl-body .list-group {
    padding-right: 0;
}

/* Badges */
.rtl-body .badge:not(:last-child) {
    margin-left: 0.35em;
    margin-right: 0;
}

/* Alerts */
.rtl-body .alert-dismissible {
    padding-left: 3rem;
    padding-right: 1rem;
}

.rtl-body .alert-dismissible .btn-close {
    right: auto;
    left: 0;
}

/* Modals */
.rtl-body .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* ==================== */
/* Custom Components */
/* ==================== */

/* Icons positioning */
.rtl-body .icon-left {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.rtl-body .icon-right {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Social media icons */
.rtl-body .social-icons li:not(:last-child) {
    margin-left: 1rem;
    margin-right: 0;
}

/* Sidebar navigation */
.rtl-body .sidebar-nav .nav-item {
    text-align: right;
}

/* ==================== */
/* Utility Classes */
/* ==================== */
.rtl-body .text-right {
    text-align: left !important;
}

.rtl-body .text-left {
    text-align: right !important;
}

.rtl-body .border-right {
    border-left: 1px solid #dee2e6 !important;
    border-right: none !important;
}

.rtl-body .border-left {
    border-right: 1px solid #dee2e6 !important;
    border-left: none !important;
}

.rtl-body .footer-title::after {
    right: 0;
    background: linear-gradient(to right, #f9a82500, #fcb043);
    border-radius: 1px;
}

.rtl-body .highlight-box {
    border-right: 4px solid #083940;
    border-left: none;
}

/* ==================== */
/* Responsive Adjustments */
/* ==================== */
@media (min-width: 768px) {
    .rtl-body .me-md-3 {
        margin-right: 0 !important;
        margin-left: 1rem !important;
    }

    .rtl-body .ms-md-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

.rtl-body .quote-text {
    border-right: 4px solid #fcb043;
    border-left: none;
}

.rtl-body .choices[data-type*=select-one]::after {
    left: 11.5px !important;
    right: auto !important;
}

.rtl-body .contact-box-icon {
    margin-left: 15px !important;
    margin-right: 0 !important;
}

.rtl-body .contact-box-arrow {
    transform: rotate(180deg);
}

.rtl-body .custom-info-section {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.rtl-body .back-to-top {
    left: 30px !important;
    right: auto !important;
}

.rtl-body .signup_newsletter {
    left: 0 !important;
    right: auto !important;
}

.rtl-body .custom-card-arrow {
    left: auto;
    right: 3rem;
}


.rtl-body .qoute_card {
    border-left: none;
    border-right: 3px solid var(--secondary);
}

.rtl-body .theme-style-btn .fa-arrow-right,
.rtl-body .read_more_btn .fa-arrow-right {
    transform: rotate(180deg);
}

.rtl-body .read_more_btn:hover i {
    transform: translateX(-5px) rotate(180deg);
}

/* .rtl-body .impact-label {
    max-width: 130px;
} */

.rtl-body .program_text li {
    text-align: right;
}

.rtl-body .program_title {
    text-align: right;
}

.rtl-body .custom-card-badge {
    right: 40px;
}

.rtl-body .custom-underlined::after {
    right: 0;
}

.rtl-body .custom-underlined-2::after {
    right: 0;
}

.rtl-body .custom-underlined-3::after {
    right: 0;
}

.rtl-body .custom-card-badge-2 {
    right: 40px;
}

.rtl-body .custom-card-badge-3 {
    right: 40px;
}

.rtl-body .success-stories-section .testimonial-profile img {
    margin-left: 1rem;
}
@media (min-width: 768px) {
    .rtl-body .text-md-end {
        text-align: left !important;
    }
}
.rtl-body .impact-label {
    text-align: left;
}
.rtl-body .form-group label.required::after {
    margin-right: 2px;
}
.rtl-body .team_textarea {
    padding-left: 120px;
    padding-right: 20px;
}

.rtl-body .team__button {
    position: absolute;
    left: 8px;
    bottom: 8px;
    right: auto;
}
.rtl-body .program-date{
    text-align: right;
}

.rtl-body .program-title{
    text-align: right;
}
.rtl-body .program-text{
    text-align: right;
}
.rtl-body .news-block .content-box .post-info li i {
    margin-left: 10px;
}
.rtl-body .news-block .content-box .post-info li {
    margin-left: 15px;
    margin-right: 0;
}
.rtl-body .news-block .content-box .read-more i {
    transform: rotate(180deg);
}
.rtl-body .join-form-input, .rtl-body .join-form-textarea {
    padding-right: 40px !important;
    padding-left: unset;
}
.rtl-body .join-form-icon {
    right: 15px;
    left: unset;
}
