.list-unstyled {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to the next line */
}

@media (max-width: 768px) {
    .layout-toggle-hidden-ltr {
        display: none;
    }
}

[dir="ltr"] .layout-toggle-hidden-rtl {
    margin-left: 1rem;
    margin-right: 0;
}

@media (max-width: 768px) {
    .layout-toggle-hidden-rtl {
        display: none;
    }
}
.nice-select .current {
    line-height: 2;
}

.no-wrap {
    white-space: nowrap;
}

.width-250px {
    width: 250px !important; /* Set your desired pixel width */
}

.width-58px {
    width: 58px !important; /* Set your desired pixel width */
}

.min-height-199 {
    min-height: 199px !important;
}
.min-height-51 {
    min-height: 51px !important;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 32, 32, 0.25) !important;
}

.btn-green:focus {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-primary:focus {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

/* Css to support RTL format */

[dir="rtl"] .result-view-type {
    flex-direction: row-reverse;
}

[dir="rtl"] .layout-toggle {
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .form-group {
    padding-right: 0 !important; /* Remove LTR padding */
    padding-left: 2rem !important; /* Add spacing for RTL */
}

[dir="rtl"] .nice-select {
    padding-left: 0;
    padding-right: 3rem;
}

[dir="rtl"] .pos-abs-tl {
    left: auto;
    right: 0;
}

[dir="rtl"] .layout-toggle-hidden-ltr {
    margin-right: 1rem;
    margin-left: 0;
}

[dir="rtl"] .pr-sm-5 {
    padding-right: 0 !important; /* Remove right padding */
    padding-left: 1.25rem !important; /* Apply left padding */
}

[dir="rtl"] .pl-13 {
    padding-left: 0 !important;
    padding-right: 3.25rem !important;
}

[dir="rtl"] .ms-6 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

[dir="rtl"] .nice-select .list {
    direction: rtl !important; /* Set text direction to RTL */
    text-align: right !important; /* Align text to the right */
}

[dir="rtl"] .nice-select .option {
    direction: rtl !important; /* Ensure text direction flows correctly */
    text-align: right !important; /* Align option text properly */
}

[dir="rtl"] .nice-select.open .list {
    right: 0 !important; /* Ensure the dropdown list aligns properly in RTL */
    left: auto !important; /* Override any LTR positioning */
}

/* job grid component  */

/* ✅ Ensure RTL mode is respected for the job grid */
[dir="rtl"] #jobs-grid {
    direction: rtl;
}

/* ✅ Align text content and headings properly */
[dir="rtl"] .job-item {
    text-align: right;
}

/* ✅ Make sure job title and icon list start at the same line */
[dir="rtl"] .job-item h3 {
    display: flex;
    align-items: center;
}

/* ✅ Align list of job details with the job title */
[dir="rtl"] .job-item ul {
    padding-right: 0;
    margin-top: 0.5rem;
}

/* ✅ Ensure icons come first, then text */
[dir="rtl"] .job-item li {
    display: flex;
    align-items: center; /* Aligns icon and text properly */
}

/* ✅ Ensure spacing between icons and job details */
[dir="rtl"] .job-item li span:first-child {
    margin-left: 0.5rem !important;
    margin-right: 0 !important; /* Adds space between icon & text */
}

/* ✅ Align position of buttons properly */
[dir="rtl"] .media {
    display: flex;
}

/* ✅ Add spacing between the buttons without breaking RTL */
[dir="rtl"] .media .btn-nextgen {
    margin-left: 1rem; /* Space after button */
    margin-right: 0;
}

/* ✅ Ensure pagination text aligns correctly in RTL */
[dir="rtl"] #pagination-nav {
    text-align: right;
}

/* ✅ Adjust padding for correct alignment in RTL */
[dir="rtl"] .px-xl-9,
[dir="rtl"] .px-lg-7,
[dir="rtl"] .px-7 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* ✅ Reverse margin offsets for correct RTL spacing */
[dir="rtl"] .mr-5 {
    margin-left: 1.25rem !important;
    margin-right: 0 !important;
}

/* ✅ Ensure headings and list details align neatly */
[dir="rtl"] .job-item h3,
[dir="rtl"] .job-item ul {
    display: flex;
    align-items: center;
}

/* job description component */

[dir="rtl"] .job-details-content {
    text-align: right !important;
}

[dir="rtl"] .company-profile li {
    text-align: right !important;
}

/* side bar component */

/* ✅ Ensure text inside <p> aligns properly in RTL */
[dir="rtl"] .media p {
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

/* ✅ Reverse icon and text order so the icon appears first */
[dir="rtl"] .media p i {
    order: 1; /* Move icon to the right */
}

/* ✅ Adjust spacing between icon and text so there is proper separation */
[dir="rtl"] .mr-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] .mr-4 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

[dir="rtl"] .mr-5 {
    margin-right: 0 !important;
    margin-left: 1.25rem !important;
}

/* ✅ Ensure justify-content works properly (auto-adjusts based on flex-direction) */
[dir="rtl"] .justify-content-xl-start {
    justify-content: flex-start !important;
}

[dir="rtl"] .justify-content-sm-center {
    justify-content: start !important;
}

/* ✅ Ensure the media container respects RTL layout */
[dir="rtl"] .meta {
    text-align: right !important;
}

/* ✅ Align text and job title properly in RTL mode */
[dir="rtl"] .meta h3 {
    text-align: right !important;
}

/* ✅ Ensure location span aligns properly in RTL */
[dir="rtl"] .meta span {
    text-align: right !important;
    display: block; /* Ensures location text does not break alignment */
}
[dir="rtl"] .rtl-text {
    text-align: right !important;
}

/* Apply form UI changes */

/* ✅ Ensure the form-check is displayed correctly in RTL */
[dir="rtl"] .form-check {
    display: flex !important; /* Use flexbox to keep items in line */
    align-items: baseline; /* Center vertically */
}

/* ✅ Align radio button inputs correctly in RTL */
[dir="rtl"] .form-check-input {
    margin-left: 0.5rem !important; /* Space between radio button and label */
    margin-right: 0 !important; /* Remove right margin */
    margin-top: 0 !important; /* Remove right margin */
    position: relative !important; /* Keep the position relative */
}

/* ✅ Adjust label margin to ensure proper spacing */
[dir="rtl"] .form-check-label {
    margin-left: 0.5rem !important; /* Space to the left of the label */
    margin-right: 0 !important; /* Remove right margin */
}

/* Header */
/* ✅ Align brand logo section to the right */
[dir="rtl"] .brand-logo {
    text-align: right !important; /* Align logo to the right */
}

/* ✅ Align the social links section properly in RTL */
[dir="rtl"] .ml-auto.d-none.d-lg-block {
    margin-left: 0 !important; /* Remove left margin */
    margin-right: auto !important; /* Shift to the right */
}

/* ✅ Adjust margins for individual list items */
[dir="rtl"] .list-unstyled li {
    margin-right: 0 !important; /* Remove right margin */
    margin-left: 1rem !important; /* Add left margin for spacing */
}

/* ✅ Ensure text alignment for flex items */
[dir="rtl"] .d-flex {
    text-align: right !important; /* Align text to the right */
}

[dir="rtl"] .footer-logo {
    text-align: center !important;
}

@media (min-width: 768px) {
    [dir="rtl"] .footer-logo.text-md-left {
        text-align: right !important;
    }
}

@media (max-width: 480px) {
    [dir="rtl"] .filter-search-form-2 .filter-inputs .nice-select .current {
        width: auto !important;
    }
}

/* ✅ Ensure paragraph text follows RTL direction */
[dir="rtl"] .company-profile {
    text-align: right !important; /* Align company profile text to the right */
}

[dir="rtl"] .filter-search-form-2 .filter-inputs .nice-select:after {
    /* right: 37px; */
    right: auto;
    left: 16px;
}

/* Hide RTL icons by default */
.rtl-icon {
    display: none; /* Hidden by default */
}

/* Show RTL icons only when in RTL mode */
[dir="rtl"] .rtl-icon {
    display: flex; /* Show RTL icon in RTL mode */
}

/* Show LTR icons by default */
.ltr-icon {
    display: flex; /* Show LTR icon by default */
}

/* Hide LTR icons when in RTL mode */
[dir="rtl"] .ltr-icon {
    display: none; /* Hide LTR icon in RTL mode */
}

[dir="rtl"] .list-inline {
    padding-left: 40px !important;
}


[dir="rtl"] .form-control.is-invalid {
    background-position: left calc(0.47em + 0.375rem) center !important;
    padding-left: calc(1.88em + 1.5rem);
    padding-right: calc(1.88em - 1rem);
}