body:lang(ar) * {
    direction: rtl !important;
}

/* products-filter  */
.products-filter {
    position: relative;
    background-image: url("../../images/bg-filters.webp");
    width: 100%;
    height: 460px;
    background-size: cover;
    background-position: center;
}

.products-filter::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(113.59deg, #774756 0.79%, rgba(119, 71, 86, 0) 99.44%);
}



.products-filter .container {
    position: relative;
    z-index: 2;
}

.products-filter .heding-filter,
.products-filter .categories {
    letter-spacing: 3px;
    color: #fff;
}
.products-filter .categories:lang(ar){
letter-spacing: 0;
}
.products-filter .button-box button {
    box-shadow: none;
    width: fit-content;
    color: #fff;
    font-size: 18px;
    font-weight: bold;

}

.products-filter .custom-btn {
    border: none;
    border-bottom: 2px solid white;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: transparent;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

body:lang(ar) .products-filter .custom-btn {
    padding: .375rem .75rem .375rem 2.25rem;
}

.products-filter .select-icon {
    position: absolute;
    right: 0;
    top: 47%;
    font-size: 18px;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
}

body:lang(ar) .products-filter .select-icon {
    right: auto;
    left: 0;
}

.products-filter .custom-btn {
    background-image: none;
}

.products-filter option {
    background-color: #fff;
    color: #000;
}

.products-filter button {
    transition: .3s;
}

.products-filter .button-box button.active,
.products-filter button:hover {
    background-color: #fff;
    color: #000000;
}

@media (max-width:567px) {
    .products-filter .heding-filter {
        font-size: 25px;
        margin-bottom: 0px !important;
    }
}

/*end products-filter  */
/*all-products  */
.all-products {
    transform: translateY(-170px);
}

.select2-search__field{
outline-width: inherit;

}

 .select2-container--default .select2-selection--single{
    border-radius: 0.3rem;
    border: 0 !important;
    border-bottom: 2px solid #fff !important;
    background-color: unset!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder  , .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #fff!important;
font-weight: bold!important;
 line-height: 35px;
    font-size: large;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 8px!important;
    padding-right: 12px!important;
}

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}


.select2-container .select2-selection--single{
    height: 40px !important;
    overflow: hidden!important;

}
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: black !important;


}
 /* .select2-container {
    width: 100% !important;
        overflow: hidden!important;

} */
.select2-container--default .select2-selection--single .select2-selection__clear{
    display: none;
}

.contact-us {
    transform: translateY(-150px);
    background-color: #f6f6f6;
}

.contact-us .heding {
    color: #030303;
}

.contact-us textarea,
.contact-us input {
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #000000;
    color: #000000;
    background-color: transparent !important;
    padding: 8px;
}

.contact-us textarea:focus,
.contact-us input:focus {
    box-shadow: none;
    outline: none;
}

.contact-us .img-box img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transform: scaleX(-1);
}

.contact-us .submit {
    border: 1px solid #0e0e0e;
    padding: 6px 15px;
    width: 120px;
    margin: auto;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    transition: .3s;
}

.contact-us .submit:hover {
    color: #fff;
    background-color: #000000;
}

@media (max-width:567px) {
    .contact-us .img-box img {
        display: none !important;
    }
}
/* .spinner-border {
    width: 1rem;
    height: 1rem;
    border: .25em solid rgb(119 71 86);
    border-right-color: transparent;

} */
/* end contact-us */


.layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, #000000de, #00000066);
}