@font-face {
    font-family: "albert";
    src: url("../fonts/albert/AlbertArabic-Regular.ttf") format("truetype");
}
body {
    font-family: "albert", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "albert", sans-serif !important;
}
@media (min-width: 1024px) {
    /* .sticky-element {
        position: sticky;
        top: 100px;
      } */
    .gallary-width {
        width: 480px;
        height: 450px;
    }
    .gallary-width .roduct-single-thumb {
        width: 80%;
        height: 100%;
    }
    .owl-carousel-col .owl-stage {
        display: flex;
        flex-direction: column;
    }
    #sync1 .owl-stage-outer {
        height: 100%;
    }
    #sync1 .owl-stage-outer .owl-stage {
        height: 100%;
    }
    #sync1 .owl-stage-outer .owl-stage .owl-item {
        height: 100%;
    }
    #sync1 .owl-stage-outer .owl-stage .owl-item {
        margin: 0 5px;
    }
    .w-80px {
        width: 80px !important;
        height: 450px;
    }
    #sync2 {
        width: 80px !important;
        height: 100%;
    }
    #sync2 .owl-stage-outer {
        width: 80px !important;
        height: 100%;
    }
    #sync2 .owl-stage-outer .owl-stage {
        width: 80px !important;
        height: 100%;
    }
    #sync2 .owl-stage-outer .owl-stage .owl-item {
        width: 80px !important;
        height: 110px !important;
    }
    .owl-prev,
    .owl-next {
        display: none;
    }
    .border-r {
        border-right: 1px solid #f3f3f3 !important;
    }
    .border-l {
        border-left: 1px solid #f3f3f3 !important;
    }
    .overall-assessment {
        width: 35%;
    }
    .all-review {
        width: 65%;
    }
}
@media (max-width: 1023px) {
    .gallary-width {
        width: 97%;
        /* height: 350px; */
    }
    .gallary-width .roduct-single-thumb {
        width: 100%;
    }
    .w-80px {
        width: 100% !important;
        height: 10px;
        /* height: 50px; */
    }
    #sync2 {
        width: 100% !important;
        height: 100% !important;
    }
    #sync2 .owl-stage-outer {
        width: 100% !important;
        height: 100% !important;
    }
    #sync2 .owl-stage-outer .owl-stage {
        width: 100% !important;
        height: 100% !important;
        /* d */
        display: flex;
        justify-content: center;
    }
    #sync2 .owl-stage-outer .owl-stage .owl-item {
        /* width: 20% !important; */
        width: 2% !important;
        height: 100% !important;
    }
    /* d */
    #sync2 .owl-item img {
        border-radius: 50% !important;
        border: 1px solid #000 !important;
    }
    .owl-prev,
    .owl-next {
        display: none;
    }
    .overall-assessment {
        width: 100%;
    }
    .all-review {
        margin-top: 10px;
        width: 100%;
    }
}
.dropWidth {
    width: 70px;
}
.dropStarWidth {
    width: auto;
}
.input-width {
    width: 17px;
}
.addtoCart-width {
    width: 300px;
    background-color: #f8e404;
}
.font__xl {
    font-size: 18px;
}
.discount-bg {
    color: rgb(55, 174, 2) !important;
    background-color: rgb(223, 241, 217) !important;
    font-weight: bold;
    font-size: 12px;
    border-radius: 2px;
}
.-mr {
    margin-right: -15px;
}
.-ml {
    margin-left: -15px;
}
.elpkcx {
    width: 40px;
}
.easyzoom--overlay .easyzoom-flyout img {
    height: 100% !important;
}
.see-more {
    color: blue;
    text-decoration: underline;
}
.star5,
.star4 {
    color: #06a74f;
}
.bg-star5,
.bg-star4 {
    background-color: #06a74f !important;
}
.star3 {
    color: #f8e404;
}
.bg-star3 {
    background-color: #f8e404 !important;
}
.star2,
.star1 {
    color: #c4410d;
}
.bg-star2,
.bg-star1 {
    background-color: #c4410d !important;
}

.color-imgs-label {
    width: 100px;
    height: 100px;
    display: block !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
.color-imgs-label [type="radio"] + span:after {
    background: transparent;
    box-shadow: 0 0 0 0;
    width: 1px !important;
    height: 1px !important;
    /* border: 1px solid hwb(54 2% 35%); */
    position: absolute;
    top: 0;
    right: 2px;
    border-radius: 0%;
}
.color-imgs-label [type="radio"] + span {
    position: relative;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    background-color: transparent;
}
.color-imgs-label [type="radio"]:checked + span {
    position: relative;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    background-color: transparent;
}
.color-img {
    position: relative;
    width: 80%;
    height: 80%;
}
.color-imgs-label [type="radio"] + span img {
    border: 1px solid #e2e2e2;
}
.color-imgs-label [type="radio"]:checked + span img {
    border: 2px solid #f8e404;
}
.color-imgs-label [type="radio"]:checked + span:after {
    background: transparent;
    /* border: 1px solid #5106a7; */
    box-shadow: 0 0 0 0;
    width: 1px !important;
    height: 1px !important;
    position: absolute;
    top: 0;
    right: 2px;
    border-radius: 0%;
}

.review-hieght {
    height: 450px;
    overflow-y: auto;
}
.search-width {
    width: 70%;
}
.most-visited-category-wrapper {
    flex-wrap: wrap;
}
.most-visited-item {
    width: 150px;
    height: 150px;
}
.most-visited-category > .title {
    width: 150px;
    font-size: 20px;
}