div#salary-range>* {
    width: 100%;
    height: 100%;
    display: block;
}

form.ais-RangeInput-form {
    display: none;
}


button.accordion-button.jobs-type {
    background-color: white;
}

.ais-Hits-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ais-Hits-item {
    margin-bottom: 20px;
}

a.custom_filtered_data {
    width: 100%;
}

div#searchbox {
    margin-bottom: 15px;
}

input.ais-SearchBox-input {
    padding: 5px 45px;

}
input.ais-SearchBox-input:focus {
    outline: 2px solid #028659;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 20px 20px #e7fff7;
    box-shadow: inset 0 0 20px 20px #e7fff7;
}
.custom-articale {
    display: flex;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #333;
}

.custom-articale:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.job-listing-logo img {
    width: 200px;
    height: 160px;
    object-fit: cover;
    margin: 5% 0px 20px 0px;
    border-radius:10px;
}

.cccc {
    flex: 1;
}

.job-date small {
    color: #888;
}

.job-listing-position1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.job-listing-location1,
.job-listing-meta1 {
    margin-bottom: 10px;
}

.job-salary1 {
    font-size: 16px;
    color: #444;
}

.description_data {
    margin-top: 10px;
    color: #666;
}

.ais-Pagination-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    justify-content: center;
    
}

/* .ais-Pagination-item {
    margin: 0 5px;
} */

.ais-Pagination-link {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
}

.ais-Pagination-link:hover {
    background-color: #ddd;
}

.ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #556d32;
    color: #fff;
    border-color: #556d32;
}

.ais-Pagination-item--disabled .ais-Pagination-link {
    color: #bbb;
    cursor: not-allowed;
    background-color: #f9f9f9;
}

.col-xl-3.sidebar {
    display: none;
}

/* main#main {
    width: auto;
} */

.ais-Hits-item,
.ais-InfiniteHits-item,
.ais-FrequentlyBoughtTogether-item,
.ais-LookingSimilar-item,
.ais-RelatedProducts-item,
.ais-TrendingItems-item {

    padding: 0px;
}

button.ais-SearchBox-reset {
    display: none;
}

.job-dropdowns-parent {
    position: relative;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 275px !important;
}

.job-date {
    color: #cccccc;
    font-weight: bold;
}

.job-listings .job-listing-position h2 {
    margin-top: 0px;
}

.custom-job-contetn {
    width: 85%;
}

.job-description,
.job-salary {
    font-size: 14px;
}

li.dropdown-header.optgroup-1 {
    color: black;
    margin-left: 20px;
    font-size: 20px;
}

.skill {
    background-color: #f1f1f1;
    padding: 5px 10px;
    border-radius: 15px;
}

.job-listings .badge {
    color: #000;
    padding: 4px 10px;
    font-weight: bold;
}

.job-salary-and-work-type {
    display: flex;
    gap: 33%;
}

.custom-articale {
    display: grid;
    grid-template-columns: 25% 74%;
    gap: 30px;
}

.job-listing-about1 {
    display: grid;
    grid-template-columns: 40% 30% 30%;
}

span.ais-Highlight-nonHighlighted {
    font-size: 16px;
}

.custom-articale .job-listing-about1>div {
    margin: 10px;
}

.job-listing-logo {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.jobs-type {
    font-weight: 500;
    border: 1px solid #b3b0b0;
}

.ais-RefinementList.MyCustomRefinementList {
    margin: 0px 10px;
}

.accordion-body {
    padding-top: 10px;
}

.custom-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
    flex-wrap: wrap;
}

.accordion-item {
    border: 0px;
}
.filter-button {
    margin: 10px 10px;
    padding: 5px 20px;
    border-radius: 0;
}
button.accordion-button.jobs-type.collapsed {
    padding: 5px 15px;
}

button.accordion-button.jobs-type {
    padding: 5px 10px;
}

@media screen and (min-width: 1500px) and (max-width: 1920px) {
    .job-listing-about {
        width: 40vw !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media screen and (min-width:767px) and (max-width:2600px) {

    .left-panel {
        width: auto;
        background-color: #fff;
        padding: 20px;
        border-radius: 12px;
        text-wrap: nowrap;
        overflow-y: scroll;
        padding-right: 1.4rem;
        height: auto;
        top: 0;
        position: sticky;
        height: 100vh;
        overflow-x: hidden;
    }

    .left-panel h2 {
        margin-bottom: 10px;
        font-size: 18px;
        color: #333;
    }

    .custom-page-layout {
        display: grid;
        grid-template-columns: 25% 75%;
    }
}
@media screen and (max-width: 769px) {
    div#accordionExample {
        display: grid;
        grid-template-columns: 100%;
        margin-bottom: 15px;
    }
    ol.ais-Hits-list {
        display: block;
        width: 100%;
    }
    li.ais-Hits-item {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media screen and (min-width:200px) and (max-width:500px) {
    div#accordionExample > hr {
        display: none;
    }
    .custom-articale {
        display: block;
    }

    .job-listing-logo img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 4px;
        margin: auto;
    }
    .job-listing-about1 {
        display: flex;
        flex-wrap: wrap;
    }
}
/* محاذاة المحتوى لليمين (للغة العربية) */
html[dir="rtl"] .left-panel {
    /* margin-right: -35px; */
    margin-left: 0;
}

/* محاذاة المحتوى لليسار (للغة الإنجليزية) */
html[dir="ltr"] .left-panel {
    /* margin-left: -35px; */
    margin-right: 0;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 0;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 0;
}
li.ais-Pagination-item.ais-Pagination-item--page.ais-Pagination-item--selected a {
    background: #00b074 !important;
    color: white;
}
.ais-Pagination-item+.ais-Pagination-item>.ais-Pagination-link {
    color: #00b074;
    font-size: 24px;
    margin-left: 0px !important;
}
.ais-Pagination-item:first-child>.ais-Pagination-link {
    color: #00b074;
    font-size: 24px;
}
a.ais-Pagination-link {
    font-size: 16px !important;
}

span.ais-Pagination-link:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
span.ais-Pagination-link:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.ais-Hits-item .custom-none  {
    all: unset !important;
}