@font-face {
    font-family: "IRANYekan";
    src: url("../font/IRANYekanXVF.woff") format("woff-variations"),
    url("../font/IRANYekanXVF.woff") format("woff"),
    url("../font/IRANYekanXVF.woff2") format("woff2");
    font-display: fallback;
    font-feature-settings: "lnum";
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    font-feature-settings: "lnum";
    src: url("../font/IRANYekanX-Light.woff2") format("woff2"),
    url("../font/IRANYekanX-Light.woff") format("woff");
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: "lnum";
    src: url("../font/IRANYekanX-Regular.woff2") format("woff2"),
    url("../font/IRANYekanX-Regular.woff") format("woff");
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    font-feature-settings: "lnum";
    src: url("../font/IRANYekanX-Medium.woff2") format("woff2"),
    url("../font/IRANYekanX-Medium.woff") format("woff");
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 700;
    font-feature-settings: "lnum";
    src: url("../font/IRANYekanX-Bold.woff2") format("woff2"),
    url("../font/IRANYekanX-Bold.woff") format("woff");
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    font-feature-settings: "lnum";
    src: url("../font/IRANYekanX-ExtraBold.woff2") format("woff2"),
    url("../font/IRANYekanX-ExtraBold.woff") format("woff");
}

:root {
    /* theme color */
    --main-color-one: #0761f6;
    --main-color-orange: #fe9900;
    --main-color-one-shadow: #0763f657;
    --main-color-one-hover: #0547b2;
    --main-color-two: #ef473a;
    --red-light-two: rgb(205, 238, 252);
    --red-light-three: #edf1f6;
    --main-color-two-shadow: #ef473a57;
    --main-color-two-hover: #ce2c20;
    --main-color-three: #11c56b;
    --main-color-three-shadow: #11c56b57;
    --main-color-three-hover: #099f54;
    --bg-site: #ffffff;
    --bg-white: #ffffff;
    --bg-site2: #f7f7f7;
    --color-site: #515151;
    --text-muted: #565757;
    --text-muted-two: #929292;
    --text-muted-three: #333;
    /* border */
    --border-muted: #ced4da;
}
*, body {
    font-family: "IRANYekan" !important;
    -moz-font-feature-settings: "ss02" !important;
    -webkit-font-feature-settings: "ss02" !important;
    font-feature-settings: "ss02" !important;
    direction: rtl;
}

a {
    text-decoration: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.mt-70 {
    margin-top: 70px;
}

.line-h30 {
    line-height: 2;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}

.fars-standard {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.fars-standard-space {
    -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}

.animation-3s {
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.animation-2s {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.justify-text {
    text-align: justify;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.w-80{
    width: 80%;
}
.top-10 {top:10%} .top-20{top: 20%} .top-30{top: 30%} .top-40{top: 40%}
.bottom-10 {bottom:10%} .bottom-20{bottom: 20%} .bottom-30{bottom: 30%} .bottom-40{bottom: 40%}

/********************** loader site ***********************/
body, html {
    height: 100%;
    margin: 0;
    background-color: #F5F7FA;
    box-sizing: border-box;
}

.background {
    background-image: url('../img/d.webp'); /* عکس پس‌ زمینه خود را اینجا وارد کنید */
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.background2 {
    background: #000;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #1BACCA;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 43%;
    left: 50%;
    margin-top: -60px; /* نصف ارتفاع لودر */
    margin-left: -60px; /* نصف عرض لودر */
}

.loading-text {
    font-size: 24px;
    color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.hidden {
    display: none; /* دیو مخفی */
}
.div-loader{
    z-index: 99999999999 !important;
    display: block;
}

/********************** loader site ***********************/
.baner-advertise .close-baner-advertise{
    top: 10px;
    left: 15px;
}
main{
    background-color: #F5F7FA;
}
.categories-image{
    background-color:#EAEAEA ;
    border-radius: 15px;
    padding: 0 10px;
}
.bg-firoze{
    background-color: #1BACCA;
    color: #fff;
}
.bg-firoze:hover{
    background-color: #07839d;
    color: #fff;
}
.bg-txt-firoze{
    color: #1BACCA;
}
.hover-firoze:hover{
    color: #1BACCA;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.img-cate{
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #0096ad rgba(255, 255, 255, 0.15);
    scrollbar-gutter: stable;
}
.img-cate figure img{
    width: 130px;
    height: auto;
    border-radius: 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.img-all{
    position: relative;
    margin: 0 7px 20px 7px;

}
.img-cate .img-all h2 {
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}
.baners-3 img{
    width: 100%;
}
/**************************************/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn-sell{
    background-color: #1BACCAFF;
    color: #fff;
    margin: 10px;
    border-radius: 15px;
}
.btn-sell:hover{
    background-color: #00AB66;
    color: #fff;
}
.swiper-button-next,
.swiper-button-prev {
    background-color: #262626;
    background-color: rgba(79, 79, 79, 0.5);
    right:10px;
    padding: 30px;
    color: #fafafa !important;
    fill: black !important;
    stroke: black !important;
    border-radius: 100%;
    font-size: 10px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2.5em;
    font-weight: bold;
}
.card-img-product{
    max-height: 240px;
    height: 240px;
}
/*******************time counter************************/

/* TIMER STYLES */
.timeContainer {
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timeContainer .wrapper {
    /*width: 800px;*/
    width: 100%;
    padding: 0;
    max-height: 400px;
    display: flex;
    justify-content: right;
    gap: 5px;
    direction: ltr;
}

.timeContainer .wrapper div {
    color: #ccc;
    text-align: center;
    width: 11%;
    height: 70px;
    border-radius: 18px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 7px;
}

.timeContainer .wrapper div:first-child{
    background: #00A3D0;
    color: white;
}

.timeContainer .wrapper div:nth-child(2){
    background: #00A3D0;
    color: white;
}

.timeContainer .wrapper div:nth-child(3){
    background: #1C1C1C;
    color: #fff;
}

.timeContainer .wrapper div:last-child{
    background: #1C1C1C;
    color: #fff;
}

.timeContainer .wrapper div h2 {
    font-size: 1.7rem;
}

.circleDiv {
    position: fixed;
    z-index: -1;
    top: calc(50% - 237px);
    left: calc(-50% + 474px);
    width: 474px;
    height: 474px;
    border-radius: 100%;
    border: 6px dashed #00A3D0;
    animation: rotatingCircle infinite linear 60s;
}

@keyframes rotatingCircle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* MOUSE TRAIL STYLE */
#cursor {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    pointer-events: none;
    user-select: none;
    backdrop-filter: invert(100%);
    display: none;
}
/***************best-saller********************/
.best-seller{
    background-color:#EAEAEA ;
    border-radius: 15px;
    padding: 0 10px;
}

.btn-sell-best{
    background-color: #1BACCAFF;
    color: #fff;
    border-radius: 15px;
}
.btn-sell-best:hover{
    background-color: #00AB66;
    color: #fff;
}
.best-seller-card{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.percent-saller{
    background-color: #ee0e0e;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
}
.card-blog{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.card-blog .card-title:hover{
    color:#1BACCAFF;
}

.card-blog .card-text{
    color:#464646;
  line-height:30px;
}
.attribute-footer .at-foot-option{
    margin: 30px;
}
footer{
    background-color: #F5F7FA;
}
.footer-head{
    background-color: #33465C;
}
.enamad,.samadehi{
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    width: 130px;
    height: 144px;
    text-align: center;
    vertical-align: middle;
}
.footer-body{
    background-color: #26374A;
}
.footer-body nav a{
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
}
.footer-body nav a:hover,.footer-body nav a:focus {
    color: #fff3cd;
}
.social-footer a i{
    color: #fff;
    font-size: 30px;
}
.social-footer a i:hover{
    color: #d7d7d7;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.footer-copyright{
    background-color: #33465C;
}
.search-form input:focus{
    border: 1px dashed #9f9f9f !important;
}
.result-search{
    background-color: #fff;
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    padding: 15px;
    display: none;
}

.search-box-frame{
    position: relative;
}
.result-search{
    position: absolute;
    z-index: 9999;
    left: 22px;
    top: 60px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.result-search-product{
    height: 200px;
    overflow-y: scroll;
}
.Proposal-search{
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 10px;
}
.Proposal-search ul li a{
    color: #1a2226;
    font-size: 14px;
    padding: 10px;
}
.product-timer{
    position: relative;
}
.pishnah-sh{
    position: absolute;
    right: 19em;
    margin: auto;
    text-align: center;
    display: block;
    width: 55%;
    top: 22px;
}


/**********************responsive page******************/
@media (max-width: 810px) {
    .basket-reg-button{
        margin: 0 !important;
    }
    .basket-reg-button a{
        font-size: 14px !important;
    }
    .categories-image{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .title-responsive{
        padding: 0 !important;
        margin-top: 10px;
    }
    .title-posty p:first-child{
        font-size: 12px;
        font-weight: bold !important;
    }
    .title-posty p:last-child{
        font-size: 10px;
    }
    .categries-more a{
        color: #575757;
        font-size: 12px !important;
    }
    .baners-3{
        margin: 0 !important;
    }
    .product{
        margin: 0 !important;
    }
    .timer-product{
        order: 3 !important;
        margin: 0 !important;
    }
    .best-seller{
        margin: 0 !important;
    }
    .attribute-footer .at-foot-option{
        margin: 10px !important;
    }
    .footer-body nav{
        margin: 0 !important;
    }
    .designer{
        text-align: center !important;
    }
    .product-timer{
        position: unset !important;
    }
    .pishnah-sh{
        position: unset !important;
        display: block !important;
        width: 100% !important;
    }
    .pishnah-sh .wrapper{
       justify-content: center;
    }
    .timeContainer .wrapper div{
        width: 100%;
    }
    .result-search{
        right: 0 !important;
    }
    .breacrumb-product{margin: 10px 0 !important;}
    .breacrumb-product ol li{
        font-size: 12px;
    }
    .m-col1{
        margin: 0 !important;
        padding: 0 !important;
    }
    .img-product{
        width: 100% !important;
    }
    .img-all{
        border: none !important;
        margin: 0 7px 5px 7px !important;
    }
    .Specifications-product{
        padding: 10px !important;
    }
    .drop-down-product{
        display: block !important;
       margin-bottom: 30px;
    }
    .timer-product-single-product{
        margin: 15px !important;
    }
    .attribute-footer{
        margin: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .tab-product-single{
        margin: 0 !important;
        padding: 10px !important;
    }
    .tab-content{
        padding: 10px !important;
    }
    .tab-product-single ul li button:hover{
        color:#00A3D0 !important;
    }
    .user-comment{
        margin: 0 !important;
    }
    .admin-comment{
        padding: 0 !important;
    }
    .m-chechout-page{
        margin: 0 !important;
    }
    .cate-img{
        margin: 0 !important;
    }
    .m-cat-respons{
        margin: 0 !important;
        padding: 0 !important;
    }
    .factor{
        margin: 0 !important;
    }
    .login-img{
        display: none;
    }
    .form-login{
        margin: 0 !important;
    }
    .btn-send-comment{
        width: 100% !important;
    }
    .categries-more a{
    
    background-color: unset !important;
    color: unset !important;
    padding: unset !important;
    border-radius: unset !important;
}
}
.index-img img{
    width: 100%;
    height: 100%;
}
.light-ga-img{
margin: 0 15px;
}
.light-ga-img img{
    display: inline-block;
    float: right;
    width: 100px;
    height: 100px;
    margin: 15px;
    border-radius: 10px;
}
.img-all{
    border-left: 1px solid #eaeaea;
}
.img-product{
    width: 300px;
    height: auto;
    margin: auto;
}
.category-image {
    padding: 10px;
    border-radius: 5px;
}
.light-gallery-style{
    overflow-x: scroll;
    scrollbar-width: thin;
    /*scrollbar-color: #0096ad rgba(255, 255, 255, 0.15);*/
    /*scrollbar-gutter: stable;*/
}
.light-gallery-style a img{
    width: 80px;
}

.Specifications-product .title-pro .category-product,.Specifications-product .title-pro .brand-product {
    display: inline-block;
    font-size: 12px;
    margin-left: 30px;
}
.title-pro .category-product span , .title-pro .brand-product span{
    font-weight: bold;
}
.Specifications-product .Brief-explanation{
    text-align: justify;
    font-size: 14px;
    line-height: 30px;

}
.Specifications-product h1{
    background-color: #efefef;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0;
}
.property-pro li{
    font-size: 14px;
    line-height: 30px;
}
.timer-product-single-product .timeContainer .wrapper div{
    width: 100%;
}
.basket-send-product{
    background-color: #EDEDED;
}
.social-product{
    margin: auto;
    justify-content: center;
}
.social-product a i{
    font-size: 22px;
    color: #4E4E4E;
}

/******************counter*******************/
.counter-container {
    display: flex;
    align-items: center;
}
.counter-container button {
    width: 30px;
    height: 30px;
}
.counter-container input {
    width: 50px;
    text-align: center;
    margin: 0 10px;
}
.counter-container .decrement , .counter-container .increment{
    background-color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    height: 40px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.counter-container .decrement:hover,.counter-container .increment:hover{
    background-color: #9f9f9f;
}
.counter-container .productQuantity{
    background-color: #fff;
    border-radius: 5px;
    border: none;
    padding: 8px 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.form-select:focus{
    box-shadow: none !important;
    border-color: #01a7be;
}
.btn-add-basket{
    background-color: #1BACCA;
    color: #fff;
    text-align: center;
}
.attribute-footer .at-foot-option2{
    margin: 15px;
}
.tab-product-single ul li button{

    border-radius: 15px !important;
    padding: 10px 30px;
}
.tab-product-single ul li button:hover{
    color: #ffffff;
}
.tab-product-single .ul li button.active{
    color: #fff;
    background-color: #0096ADFF;
    border-radius: 15px;
    padding: 10px 30px;
}
.tab-product-single .nav-link{
    color: #333333;
}
.tab-product-single ul li{
    margin: 10px;
}
.s-product-sin{
    background-color: #f1f1f1;
    color: #1a2226;
    text-align: center;
}
.j-product-sin{
    background-color: #efefef;
    color: #5b5b5b;
}


/*****basket****/
.bmd-drawer-f-l > .bmd-layout-drawer {
    width: 320px !important;
    position: fixed !important;
    transform: translateX(-320px);
}
.bmd-layout-content {
    overflow: hidden;
}

.head-basket {
    background-color: #fff;
    padding: 5px;
    text-align: center;
    border-bottom: 2px solid #d9d9d9;
}

.head-basket .counter {
    background-color: #ea0548;
    color: #ffffff;
    border-radius: 100%;
    font-size: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px;
    position: absolute;
    left: 5px;
    bottom: 7px;
}

.head-basket .icon-basket {
    content: '';
    background: url("../img/icon_basket.png") no-repeat;
    width: 24px;
    height: 24px;
}

.head-basket p {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 12px;
}

.product-item {
    padding: 15px;
    border-bottom: 1px solid #d7d7d7;
}

.product-item .title-basket {
    font-size: 12px;
}

.product-item .product-price {
    font-size: 12px;
    display: inline-block;

}

.product-item .basket-counter {
    font-size: 12px;
    /*display: inline-block;*/
    float: left;
}

.product-description {
    font-size: 10px;
    color: #434343;
    display: block;
}

.product-description ul {
    padding: 0;
}

.product-description ul li {
    margin: 5px;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    padding: 0px 5px;
}

.product-item .delete-basket {
    color: #e70b24;
    font-size: 14px;
    position: relative;
    line-height: 0;
    top: 3px;
}

/*.product-item .delete-basket.active{*/
/*    display: block;*/
/*}*/
.product-item .delete-basket:hover {
    cursor: pointer;
    color: #a21309;
}

.basket-pay {
    padding: 20px;
    text-align: center;
    background-color: #fff;

}

.basket-pay p {
    font-size: 12px;
    line-height: 30px;
}

.basket-pay p:last-child {
    font-weight: bold;
    margin: 0;
}

.basket-description {
    margin: 10px;
    border-radius: 10px;
}

.basket-description .card .card-header {
    background-color: #dedede;
    text-align: center;
    padding: 10px;
}

.basket-description .card .card-header i {
    font-size: 18px;
    color: #5b476e;
    line-height: 0;
    position: relative;
    top: 5px;
}

.basket-description textarea {
    line-height: 24px !important;
    text-align: justify;
    font-size: 12px;
    resize: none;
    width: 100%;
}

.btn-pay .btn-completion {
    background-color: #ea0548;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 100px;
    margin: 10px auto;
    display: block;
    font-size: 12px;
}

.btn-pay .btn-completion:hover {
    cursor: pointer;
    background-color: #009d61;
}

.product-basket {
    overflow-y: scroll;
    height: 380px;
}

.basket-counter input {
    padding: 0px;
    width: 24px;
    text-align: center;
}

.basket-counter .counter-container button {
  width: unset !important;
    height: unset !important;
    font-size: 14px;
    background-color: #e3e3e3;
    box-shadow: none;
    vertical-align: middle;
}
.basket-counter .counter-container button i {
    vertical-align: middle;
}
.basket-counter input{
    width: 35px;
    margin: 4px;
    background-color: #f3f3f3;
}
.basket-counter .counter-container .productQuantity{
    background-color: #f3f3f3;
    box-shadow: none !important;
    padding: 5px;
}

textarea:focus-visible{
    border: none !important;
}

/************************comment div***********************/


.user-comment img, .admin-comment img {
    border-radius: 30%;
    width: 55px;
    height: auto;
    vertical-align: top;
    float: right;
}

.user-comment .text-user, .admin-comment .text-admin {
    display: table;
}

.user-comment .text-user p, .admin-comment .text-admin p {
    line-height: 30px;
    text-align: justify;
}
.btn-commnet-send{
    background-color: #00A3D0;
    color: #FFFFFF;
}
.btn-commnet-send:hover{
    background-color: #0089a9;
    color: #FFFFFF;
}
/***************category page***************/
.employers .carousel-caption{
    background-color: rgba(26, 34, 38, 0.6);
    border-radius: 15px;
}
.filter-cate nav a{
    color: #1a2226;
    font-size: 14px;
}
.filter-cate nav a:hover,.filter-cate nav a:focus{
    color: #545454;
}
.filter-cate nav a.active{
    color: #ffffff;
    background-color: #EC2525;
    border-radius: 20px;
}
.product-list .card{
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.product-list .card-body span,.product-list .card-body h5{
color:#3e3e3e;
}
.product-list{
    position: relative;
}
.product-list .percent-product{
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #EC2525;
    font-size: 10px;
    border-radius: 20px;
    padding: 3px;
    font-weight: bold;
}
.product-list .card-header{
    height: 300px;
}
.pagination li span , .pagination li a{
    border: none;
}
.pagination li{
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.form-check-input{
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
}
.form-check-input:checked{
    background-color:#00A3D0 ;
    box-shadow: none;
}
.form-check-input:focus{
    box-shadow: none !important;
}
.fliter-mojodi .form-switch .form-check-input{
    width: 3em !important;
}
.active > .page-link, .page-link.active{
    background-color:#00A3D0 !important ;
}
.pagination li a{
    color: #343434;
}
input:focus{
    box-shadow: none !important;
    border:2px solid #00A3D0 !important ;
}
textarea:focus,select:focus{
    box-shadow: none !important;
    border:2px solid #00A3D0 !important ;
}
.bg-send-chekout{
    background-color:#00A3D0 !important ;
    color: #fff;
}
.bg-send-chekout:hover{
    background-color: #01828d !important ;
    color: #fff;
}
/**********************omde page************************/
.rtl-omde-login{
    background: rgb(13,46,78);
    background: linear-gradient(0deg, rgba(13,46,78,1) 0%, rgba(7,28,48,1) 100%);
}
.body-omded{
    height: 100%;
}
.bg-login{
    background-color:#E8F1FA ;
}
.left-omde-login{
    background: rgb(13,46,78);
    background: linear-gradient(0deg, rgba(13,46,78,1) 0%, rgba(7,28,48,1) 100%);
}
.form-login input{
    background-color: #FFFFFF;
    border: none;
    padding: 15px;
}
.btn-vorod{
    padding: 15px;
    background-color: #FB8230;
    color: #fff;
    border-radius: 15px;
}
.btn-vorod:hover{
    padding: 15px;
    background-color: #D55600;
    color: #fff;
    border-radius: 15px;
}
.log-omd{
    padding-top: 20%;
}
.bg-login:before{
    content: '';
    background-image:url("asset/img/Top-left-bg 1.svg");
    top: 0;
    left: 0;
    position: absolute;
}
.fliter-color,.fliter-brand{
    max-height: 200px;
    height: 250px;
    overflow-y: scroll;
}
.accordion-button:focus{
    box-shadow: none !important;
}



.overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.background-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    /*-webkit-filter: blur(8px);*/
    /*-moz-filter: blur(8px);*/
    /*-o-filter: blur(8px);*/
    /*-ms-filter: blur(8px);*/
    /*filter: blur(8px);*/
    z-index: 1;
    opacity: 0.7;
}

.spinner-container {
    position: relative;
    z-index: 2;
}
.mainblur{
    filter: blur(8px);
}

/***************omde page**************/
.omdeh-row-1{
    background-color: #404970;
}
.btn-omdeh{
    background-color: #1BACCA;
    color: #FFFFFF;
    border-radius: 15px;
    padding:20px;
    font-size: 18px;
}
.btn-omdeh:hover{
    background-color: #00a2a2;
    color: #FFFFFF;
}
.omdeh-row-3{
    background-color:#9FD6C1 ;
}
.omdeh-table th{
    font-size: 14px !important;
}
.omdeh-table th,.omdeh-table td{
    padding: 15px;
    text-align: center;
    font-size: 16px;
}
.omdeh-table tr{
    vertical-align: middle;
}
.btn-grid-omdeh{
    background-color: #00a2a2;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 8px 15px;
}
.btn-grid-omdeh:hover{
    background-color: #1BACCA;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 8px 15px;
}
.percent-grid{
    color: #d63384 !important;
}
.blog-menu a{
    color: #1a2226;
}
.blog-menu a:hover{
    color: #1BACCA;
}
.img-card{
    width: auto;
    height: 230px;
    max-height:230px ;
}

/******************content blog**********************/
.right-side{
    background-color: #ffffff;
    padding: 10px;
}
.title-blog {
    padding: 10px;
}

.title-blog h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #414141;
}
.body-blog-content h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    color: #646464;
}

.title-blog ul {
    padding: 0;
    margin: 0;
}

.title-blog ul li {
    margin: 5px;
    background-color: #0194b2;
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 12px;
    color: #fff;
}

.title-blog ul li span {
    font-weight: bold;
}
.right-side .title-blog .dropdown-divider {
    border: 1px solid rgba(164, 164, 164, 0.22) !important;
}
.body-blog-content img{
    margin: auto;
    display: block;
    padding: 20px 0;
}

.comment-music h3 {
    color: #6e6e6e;
    font-size: 18px;
    background-color: #e8e8e8;
    padding: 10px;
    margin-top: 10px;
}

.reply-to-user{
    margin: 20px;
}
.reply-to-user .input-group-text{
    background-color: #4c5262 !important;
    color: #fff;
    border: none;
}
.reply-to-user .form-control{
    background-color: #eaeaea !important;
    color: #000 !important;
    border: none;
    border-radius: 10px;
}
.reply-to-user .form-control:focus{
    box-shadow: none !important;
}
.reply-to-user .form-floating label{
    color: #fff !important;
}
.reply-to-user .form-floating label:after{
    background-color: unset !important;
}
.reply-to-user .invalid-feedback{
    color: #0dcaf0;
}
.btn-send-comment{
    background-color:#0dcaf0;
    color: #fff;
    padding: 15px 20px;
    width: 20%;
    border-radius: 15px;
    font-weight: bold;
    font-size: 20px;
}
.btn-send-comment:hover{
    background-color: #007f9a;
    color: #fff;
}
.reply-comment{
    margin-top: 20px;
}
.reply-comment ul li{
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}
.reply-comment ul li span{
    font-feature-settings: normal;
    display: flex;
    flex-direction: column;
    border-radius: .7em;
    padding: 10px;
    line-height: 2;
    margin: 0 0 1em;
    position: relative;
    margin-right: 50px;
    background: rgba(189, 189, 189, 0.38);
    color: #fff;
}
.reply-comment ul li span p{
    margin: 0;
}
.reply-comment ul li span::before{
    content: '';
    width: 48px;
    height: 48px;
    background-image: url("../img/chat-left-dots.svg");
    background-size: cover;
    background-color: #cbcbcb;
    border-radius: .7em;
    border: 12px solid #cbcbcb;
    position: absolute;
    transform: translate(66px,-10px);
}

.reply-comment-blog:before{
    width: 44px !important;
    height: 44px !important;
    background-image: url("../img/emoji-smile.svg") !important;
    border-radius: .7em;
    transform: translate(60px,-5px) !important;
}
.reply-comment-blog{
    background-color: #626270 !important;
}
.form-floating textarea::placeholder{
    color: #575757 !important;
}


/*********************contact*****************/
.contact-details , .map-contact{
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
}
.contact-details ul{
    padding: 15px;
}
.contact-details ul li{
    padding: 15px;
    background-color: #FAFAFA;
    margin: 10px;
    border: 1px solid #EEEEEE;
    border-radius: 15px;
}
.form_contact{
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
}
.form_contact ul li input{
   background-color: #EBEBEB;
    color: #979797;
}
.form_contact ul li select{
    padding: 15px;
    background-color: #EBEBEB;
    color: #979797;
    border-radius: 15px;
}
.form_contact ul li textarea{
    padding: 15px;
    background-color: #EBEBEB;
    color: #979797;
    border-radius: 15px;
}





/*************************renge price**************************/

.gfg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    color: #01940b;
}

.custom-wrapper {
    margin: 0;
    width: 70%;
    padding: 0px 25px 40px;
    position: relative;
    left: 63px;
}

.header h2 {
    font-size: 30px;
    color: #01940b;
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Styles for the price input container */
.price-input-container {
    width: 100%;
}

.price-input .price-field {
    display: flex;
    margin-bottom: 22px;
}

.price-field span {
    margin-right: 10px;
    margin-top: 6px;
    font-size: 17px;
}

.price-field input {
    flex: 1;
    height: 35px;
    font-size: 15px;
    font-family: "DM Sans", sans-serif;
    border-radius: 9px;
    text-align: center;
    border: 0px;
    background: #e4e4e4;
}

.price-input {
    width: 100%;
    font-size: 19px;
    color: #555;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider-container {
    width: 100%;
}

.slider-container {
    height: 6px;
    position: relative;
    background: #e4e4e4;
    border-radius: 5px;
}

.slider-container .price-slider {
    height: 100%;
    left: 25%;
    right: 15%;
    position: absolute;
    border-radius: 5px;
    background: #01940b;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
}

/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none;
}

@media screen and (max-width: 768px) {
    .main {
        width: 80%;
        margin-right: 5px;
    }

    .custom-wrapper {
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .projtitle {
        width: 100%;
        position: relative;
        right: 26px;
    }

    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }
}

.btn-filter{
    background-color: #00A3D0;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 15px;
}
.btn-filter:hover{
    background-color: #065d67;
}
.filter-range{
    padding: 20px;
}
.menu-dashboard ul li a{
  background-color: #c6e8ee;
  padding: 15px;
  border-radius: 50px;
  color: #000;
  text-align: center;
  margin:5px;
}
.menu-dashboard ul li a{
  background-color: #c6e8ee;
  padding: 15px;
  border-radius: 50px;
  color: #000;
  text-align: center;
  margin:5px;
  font-size:18px;
}
.menu-dashboard ul li a:hover{
  background-color: #05BFBE;
  color: #000;
}
.categries-more a{
  background-color: #1AB4D5;
  color: #fff;
  padding: 15px;
  border-radius: 20px;
  font-size: 14px;
}
.categries-more a:hover{
  background-color: #1D7689;
  color: #fff;
}
.product-link{
color:#3b3b3b !important;
}

.border-right-menu{
    border-right: 2px solid #c34141;
    padding: 0 3px;
}

























/*******************************************/



.menu-desk{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}
.menu-desk > li:not([class=hover]){
    color: #616161;
    cursor: pointer;
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
    z-index: 4;
}

.menu-desk > li.hover{
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 0;
    z-index: 3;
    transform: scaleX(1);
    
}


.text-subtitle{
    font-size: 12px;
    color: #616161;
}
.inner-section{
    padding: 5px;
    min-width: 0;
    margin: 0 auto;
}

.sub-menu-desk{
    display: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    padding: 12px;
    position: absolute;
    right: 143px;
    line-height: 20px;
}
.sub-menu-desk a{
    padding: 5px 0;
    display: inline-block;
    color: #2c2c2c;
}
.sub-menu-desk a:hover{
    color: #0096ad;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.discount-icon > .sub-menu-desk{
    width: 830px;
}

.chain-icon > .sub-menu-desk{
    width: 610px;
}

.menu-desk > li:hover > .sub-menu-desk{
    display: block;
}

.bi bi-caret-left-fill:after{
    content: "\E0CD\00FE0E";
    vertical-align: middle;
    margin-left: 10px;
    font-size: 20px;

}
.cate-mother{
    font-weight: bold;
}
.cate-mother::before{
    margin-left: 5px;
    color: #0089a9;
}
.category-icon-desk{
    font-size: 16px;
    
    margin-left: 5px;
    font-weight: 700;
}

h3.title{
    font-size: 18px;
    padding: 10px 15px;
    height: 45px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ef5661;
}

hr.title{
    height: 45px;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

h4.title{
    color: #656565;
    font-size: 19px;
    padding: 20px 0;
}

.sub-menu-desk.categorization{
    background-color: #f7f7f7;
    padding: 0;
    right: 15px;
    border-radius: 0 0 5px 0;
}

.sub-menu-desk.categorization > ul.sub-menu-container{
    padding: 8px 8px 8px 0;
    list-style-type: none;
    height: 450px;
    overflow-y: scroll;
    direction: ltr;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li{
    padding: 14px 8px;
    width: 225px;
    transition: all .6s;
    border-radius: 0 5px 5px 0;
 
}

.sub-menu-desk.categorization > ul.sub-menu-container > li:hover{
    color: #0096ad;
    background-color: #fff;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li > .sub-menu-container{
    width: 1024px;
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    display: none;
    list-style-type: none;
    position: absolute;
    top: 0;
    height: 100%;
    right: 100%;
    color: #616161;
    border-radius: 0 0 0 5px;
    padding: 0 12px;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li:hover > .sub-menu-container {
    display: block;
}
.hover-menu-public:hover{
    color: #0096ad;
}






.menu-desk{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}
.menu-desk > li:not([class=hover]){
    color: #616161;
    cursor: pointer;
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
    z-index: 4;
}

.menu-desk > li.hover{
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 0;
    z-index: 3;
    transform: scaleX(1);
    
}


.text-subtitle{
    font-size: 12px;
    color: #616161;
}
.inner-section{
    padding: 5px;
    min-width: 0;
    margin: 0 auto;
}

.sub-menu-desk{
    display: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    padding: 12px;
    position: absolute;
    right: 143px;
    line-height: 20px;
}
.sub-menu-desk a{
    padding: 5px 0;
    display: inline-block;
    color: #2c2c2c;
}
.sub-menu-desk a:hover{
    color: #0096ad;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.discount-icon > .sub-menu-desk{
    width: 830px;
}

.chain-icon > .sub-menu-desk{
    width: 610px;
}

.menu-desk > li:hover > .sub-menu-desk{
    display: block;
}

.bi bi-caret-left-fill:after{
    content: "\E0CD\00FE0E";
    vertical-align: middle;
    margin-left: 10px;
    font-size: 20px;

}
.cate-mother{
    font-weight: bold;
}
.cate-mother::before{
    margin-left: 5px;
    color: #0089a9;
}
.category-icon-desk{
    font-size: 16px;
    
    margin-left: 5px;
    font-weight: 700;
}

h3.title{
    font-size: 18px;
    padding: 10px 15px;
    height: 45px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ef5661;
}

hr.title{
    height: 45px;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

h4.title{
    color: #656565;
    font-size: 19px;
    padding: 20px 0;
}

.sub-menu-desk.categorization{
    background-color: #f7f7f7;
    padding: 0;
    right: 15px;
    border-radius: 0 0 5px 0;
}

.sub-menu-desk.categorization > ul.sub-menu-container{
    padding: 8px 8px 8px 0;
    list-style-type: none;
    height: 450px;
    overflow-y: scroll;
    direction: ltr;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li{
    padding: 14px 8px;
    width: 225px;
    transition: all .6s;
    border-radius: 0 5px 5px 0;
 
}

.sub-menu-desk.categorization > ul.sub-menu-container > li:hover{
    color: #0096ad;
    background-color: #fff;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li > .sub-menu-container{
    width: 1024px;
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    display: none;
    list-style-type: none;
    position: absolute;
    top: 0;
    height: 100%;
    right: 100%;
    color: #616161;
    border-radius: 0 0 0 5px;
    padding: 0 12px;
}

.sub-menu-desk.categorization > ul.sub-menu-container > li:hover > .sub-menu-container {
    display: block;
}
.hover-menu-public:hover{
    color: #0096ad;
}