.width-100{
    width: 100% !important;
}
.bullet{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .2rem;
    margin-left: .3rem;
    border-radius: 50%;
}
.font-very-small{
    font-size: 9px !important;
}
.font-small{
    font-size: 11px !important;
}
.font-medium{
    font-size: 14px !important;
}
.font-large{
    font-size: 20px !important;
}
.font-very-large{
    font-size: 25px !important;
}
.pdate{
    position: relative;
}
.pdate::after{
    display: block;
    content: 'date_range';
    position: absolute;
    left: 3px;
    top:50%;
    width: 10px;
    height: 10px;
}
.bold{
    font-weight: bold;
}
.cursor-pointer{
    cursor: pointer !important;
}
::placeholder,
::-webkit-input-placeholder {
    font-size: 13px;
}
.rounded{
    border-radius: 5px;
}
.box-shadow{
    box-shadow: 0 0 7px 0px rgb(140 139 139);
}
.no-break{
    white-space: nowrap!important;
}
.text-center{
    text-align: center !important;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.text-justify{
    text-align: justify !important;
}
.multiline{
    inline-size: 200px;
    /*max-width: 300px;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hidden{
    visibility: hidden;
}
/********************
    Responsive
*******************/
@media only screen and (max-width: 560px){
    .mobile-hidden{
        display: none!important;
    }
    .mobile-show{
        display: inherit!important;
    }
}
@media only screen and (max-width: 780px){
    html * {
        /*overflow-x: clip ;*/
    }
}
.chip {
    display: flex;
    align-items: center;
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    background-color: #e4e4e4;
    direction: rtl;
    white-space: nowrap
}
.dark-mode .chip{
    background-color: #0b2c3c;
}
.chip img {
    float: right;
    margin: 0px -5px 0px 5px;
    height: 35px;
    width: 35px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.closebtn {
    padding-right: 10px;
    color: #000;
    font-weight: bold;
    float: left;
    font-size: 17px;
    cursor: pointer;
}
.closebtn:hover {
    color: #000;
}

.flex{
    display: flex !important;
}
.select2-results__option {
    border-bottom: dashed 1px #ddd;
}
.content-middle,.content-middle-v{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content-middle-h{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.content-bottom{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.display-block{
    display: block!important;
}
.hide{
    visibility: hidden!important;
}
.flex-direction-column{
    display: flex!important;
    flex-direction: column;
}
.text-black{
    color: black !important;
}
.text-mute{
    color:#a19f9f !important;
}
@media (min-width: 992px){
    .mt-lg-n12 {
        margin-top: -10rem !important;
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
    }
}
.swal2-close:focus {
    outline: 0;
    box-shadow: none !important;
}

/*************************
Theme Style
 ************************/
.store-details .store-details_box h5,.store-details .store-details_box span{
   font-family: 'sahel' !important;
    font-weight: bold;
}
.sub-mega-menu{
    max-width: 25%;
    width: 100%;
    line-height: 1;
    padding: 2px 0 4px 0;

}
.sub-mega-menu *{
    font-family: 'vazir' !important;
}
.font-18px{
    font-size: 18px !important;
}
.font-17px{
    font-size: 17px !important;
}
.font-16px{
    font-size: 16px !important;
}
.font-15px{
    font-size: 15px !important;
}
.font-14px{
    font-size: 14px !important;
}
.font-13px{
    font-size: 13px !important;
}
.font-12px{
    font-size: 12px !important;
}
.swal2-html-container,.swal2-title{
    font-family: 'vazir';
}
.highlight{
    background: yellow !important;
}
.search-items{
    position: relative;
}
.search-result .search-items.loading:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff9c;
    top:0;
    left:0;
}
.vazir{
    font-family: 'vazir' !important;
}
.font-mute{
    color:#adabab !important;
}
/********* Search Hint ***********/
#search-hint .search-btn i {
    color: #007bff;
    font-weight: bold;
}
@media only screen and (max-width: 580px){
    .header .search-box .search-input {
        max-width: 83%;
        width: 100%;
    }
    #search-hint{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        overflow: visible;
    }
    .discount-products-box{
        overflow: visible;
    }
}
.add-to-cart{
    border:none;
}
/********* iZtoast ***********/
.iziToast-style .iziToast-message{
    font-family: 'sahel';
}
.iziToast-style{
    border-radius: 10px!important;
    background: white !important;
}
.iziToast-style:after{
    border-radius: 7px !important;
}
.iziToast-style .iziToast-icon{
    border: solid 2px;
    border-radius: 50%;
    padding: 3px;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 17px !important;
}
.iziToast-style>.iziToast-close{
    background-size: 12px !important;
}
.iziToast-title{
    font-family: 'vazir', 'iranyekan' !important;
}

/*******cart*******/
.more-option{
    background: #f7f6f6;
    border: solid 1px #ddd;
    padding: 5px;
    border-radius: 4px;
    width: 90%;
    margin: 5px auto;
}
.mobile-cart-pill{
    position: absolute !important;
    top: 0!important;
    left: 58%;
    background: red;
    padding: 3px 5px;
    margin: 0;
    line-height: 1;
    font-family: 'vazir';
    border-radius: 50%;
    font-size: 11px !important;
    color: #fff !important;
}
/************ Login DropDown ***************/
.dropdown-login{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
ul li.header-profile-dropdown-account-container {
    padding-top: 8px;
    padding-bottom: 12px;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}
ul li.header-profile-dropdown-account-container a .header-profile-dropdown-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    position: relative;
    z-index: 1;
    line-height: 10px;
}
ul li.header-profile-dropdown-account-container a .header-profile-dropdown-account {
    display: block;
    position: relative;
    padding-right: 52px;
    padding-left: 16px;
    padding-top: 12px;
}
ul li.header-profile-dropdown-account-container a .header-profile-dropdown-account .header-profile-dropdown-account-item:before {
    content: "";
    display: block;
    width: 1px;
    height: 33px;
    background: #c0c2c5;
    position: absolute;
    right: 36px;
    top: -8px;
}
ul li.header-profile-dropdown-account-container a .header-profile-dropdown-account .header-profile-dropdown-account-item:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c0c2c5;
    position: absolute;
    right: 33px;
    top: 80%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rounded-50{
    border-radius: 50% !important;
    overflow: hidden;
}
.hover-auth:hover{
    transition:all 0.3s ease;
    color: #41b0e6 !important;
}
.iranyekan{
    font-family: 'iranyekan' !important;
}
.sahel{
    font-family: 'sahel' !important;
}
.iranyekan-ex{
    font-family: 'iranyekan-Extrabold' !important;
}
.visibility-hidden{
    visibility: hidden !important;
}
.bg-grey{
    background: #eee !important;
}
.direction-ltr{
    direction:ltr !important;
}
.direction-rtl{
    direction:rtl !important;
}
.text-link{
    color:#0d6efd!important;
}
.ml-2{
    margin-left: 10px !important;
}
@media only screen and (min-width: 900px) {
    .fixed-top {
        position: fixed !important;
    }
}
.vertical-align-middle{
    vertical-align: middle !important;
}
.text-success2{
    color:#08d576!important;
}
.font-digi{
    font-family: 'iranyekandigi' !important;
}
.height-30px{
     height: 30px !important;
 }
.height-45px{
    height: 45px !important;
}
.comment-container{
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #fbfbfb;
    /* box-shadow: 0 0 8px 4px rgb(0 0 0 / 9%); */
    border: solid 2px #ebe9e9;
}