/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@font-face {
    font-family: "IRANSansWeb";
    src: url("../fonts/IRANSansWeb/IRANSansWeb_FaNum_.eot") format("eot"), url("../fonts/IRANSansWeb/IRANSansWeb_FaNum_.woff") format("woff"), url("../fonts/IRANSansWeb/IIRANSansWeb_FaNum_.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANSansWeb_Bold.eot');
    src: url('../fonts/IRANSansWeb_Bold.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'),
    url('../fonts/IRANSansWeb_Bold.woff') format('woff'),
    url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRANSansWeb_Medium.eot');
    src: url('../fonts/IRANSansWeb_Medium.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'),
    url('../fonts/IRANSansWeb_Medium.woff') format('woff'),
    url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/IRANSansWeb.woff2') format('woff2'),
    url('../fonts/IRANSansWeb.woff') format('woff'),
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}


@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iranyekanweblight.woff') format('woff'),
    url('../fonts/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iranyekanwebregular.woff') format('woff'),
    url('../fonts/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iranyekanwebbold.woff') format('woff'),
    url('../fonts/iranyekanwebbold.ttf') format('truetype');
}

html, body {
    font-family: IRANSansWeb, IRANYekan;
    overflow-x: hidden !important;
}


.yekan {
    font-family: IRANYekan, IRANSansWeb, IRANYekanWeb !important;
}

.tbl_header {
    font-size: 14px !important;
    text-align: center !important;
}

.text-align-center {
    text-align: center;
}

.btn-header {
    float: left;
    margin: 8px;
}

.no-radius {
    border-radius: 0 !important;
}

.header-title {
    padding: 15px 35px 0 0;
}

.header {
    background-image: linear-gradient(#55597a, #55597a);
    box-shadow: 0 4px 25px 5px #dadada;
    border-radius: 5px 5px 0px 0px;
    height: 55px;
}

h1, h2, h3, h4, h5, h6, p, a, span, div {
    font-family: IRANSansWeb, IRANYekan;
}

.cart-modal-header- .title-modal-cart {
    font-family: IRANSansWeb, IRANYekan;
    font-size: 13px;
    line-height: 20px;
}

.cart-modal-header- {
    padding-left: 5px;
}

.header-modal_cart-total-price {
    min-height: 50px;
    line-height: 25px;
    text-align: center;
}

.link-btn- {
    color: #fff !important;
    height: 39px;
    padding: 0px 10px !important;
    line-height: 38px;
    border-radius: 5px;
    background: #2e335f;
    display: inline-block;
    text-align: center;
    margin-top: 9px;
    margin-left: 10px;
    border: 1px solid #66a262 !important;

}

.link-btn-:hover {
    color: #fff !important;
}


.bgforfooter {
    background: #eceff1;
}

.aboutus-footer .title-foot {
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    color: #666666;
}

.aboutus-footer {
    line-height: 30px;
}

.aboutus-footer p {
    line-height: 30px !important;
}

.footer-link-cat span {
    /* color: #303030; */
    padding-bottom: 10px;
    /* margin: 23px 0px; */
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    display: block;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-link-cat ul li {
    margin-bottom: 10px;
}

a, a:hover, a.active, a:active, a:visited, a:focus {
    color: #707070;
    text-decoration: none;
}

.mt20 {
    margin-top: 20px;
}

.border-top-d {
    border-top: 2px solid #e9e9e9;
}

.social-networks-footer ul li {
    display: inline-block;
}

.newsletters-footer {
    background: #eeeeee;
    display: inline-block;
    padding: 7px;
    width: 100%;
    font-size: 14px;
    font-size: 0.9rem;
}

.shadow-div {
    box-shadow: 0px 0px 5px #bebebe;
    border-radius: 5px;
}

.newsletters-footer button {
    background: #ef5661;
    background: #7367f0;
    outline: none;
    border: none;
    float: right;
    font-size: 0.9rem;
    border-radius: 5px;
    width: 20%;
    color: #fff;
    height: 35px;
}

.newsletters-footer input {
    border: none;
    background: inherit;
    outline: none;
    height: 100%;
    float: right;
    height: 35px;
    width: 80%;
    text-indent: 12px;
}

.menu-login-reg- {

}

.menu-login-reg- .menu-box-login- {
    /* padding: 1.65rem 0.5rem; */
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
    height: 41px;
    line-height: 40px;
    /* padding: 0px 15px; */
    /*margin-top: 11px;*/
    display: flex;
    margin-right: 10px;
    margin-left: 10px;
}

.menu-login-reg- .menu-box-login- .reg-menu- {
    border-left: 1px solid #ddd;
}

.menu-login-reg- .menu-box-login- a {
    color: #626262;
    padding: 0px 25px;

}

.avatar-user-header {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #e9e9e9;
    border-radius: 50%;
    font-size: 19px;
}

.avatar-user-header i {
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;

}

.free-cart-header {

}

.free-cart-header img {
    margin: 0 auto;
    display: block;
}

.free-cart-header span {
    padding-bottom: 5px;
    text-align: center;
    display: block;
}

.border-top-gray- {
    border-top: 1px solid #ddd;
}

.product-cart-head- {
    max-height: 346px;
    overflow-x: hidden;
}

.product-cart-head-::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.add-favorit-pro {
    /*padding: 0.8rem 2rem;*/
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #F6F6F6;
    color: #df773b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.add-favorit-pro.added i {
    color: #EA5455;
}

.add-favorit-pro i {
    font-size: 1rem;
    /*margin-left: 0.25rem;*/
    color: #e57f44;
}

.add-favorit-pro span {
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 0px;
}

.modal-message {

}

.modal-message .modal-header {
    background-color: #fff !important;
    text-align: center;
    color: #ddd !important;
    padding: 0px;
    padding-top: 10px;
}

.modal-message .modal-header .modal-title {
    font-size: 43px;
    width: 100%;
    margin: 0px;
    display: flex;
    text-align: center;
    padding: 0px;
    justify-content: center;
}

.modal-message .modal-header .modal-title i {

}

.modal-message .modal-header .modal-title .fa-exclamation-circle {
    color: #ea5455;
}

.modal-message .modal-header .modal-title .fa-check-circle-o {
    color: #28c76f;
}

.modal-message .bg-success .close {
    color: #28c76f;
}

.modal-message .btn-danger .close {
    color: #ea5455;
}

.btn-pay {
    border: none;
    background: none;
    color: #28C76F !important;
}

.box-btn-add-cart- {
    background: #f6f6f6;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #2C2C2C;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #28c76f00;
}

.box-btn-add-cart- button {
    padding: 15px 0px;
    font-size: 13px;
    color: #51a34c;
    font-weight: 600;
}

.description-pro- .item-description {
    min-height: 22px;
    margin-top: 5px;
}

.list-view .ecommerce-card .item-options .add-favorit-pro {
    border-radius: 6px;
    margin-top: 55px;
    margin-bottom: 10px;
}

.list-view .ecommerce-card .item-options .box-btn-add-cart- {
    border-radius: 6px;
}

.list-view .ecommerce-card .item-img .img {

}

.list-view .ecommerce-card .card-content .item-options .item-wrapper .item-cost .item-price {
    position: relative;
    top: 34px !important;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

.list-view .ecommerce-card .card-content .card-body .item-name {
    margin-bottom: 1.25rem;
    font-size: 1rem !important;
    margin-top: 2rem;
}

.list-view .ecommerce-card .card-content .card-body .description-pro- p {
    line-height: 25px;
    font-size: 0.9rem !important;
    margin-top: 20px;
}

.ecommerce-card .collection-timer {

}

.ecommerce-card .collection-timer .timer-swiper-por {
    display: inline-block;
}

.ecommerce-card .collection-timer i {

}

.hideData {
    display: none !important;
}

.showData {
    display: inline-block !important;
}

.product-color-options .color-option.active {
    border: 1px dashed #4839eb;
}

.li-js-product-color span {
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: block;
    margin: 0px 1px;
}

.li-js-product-color .activeColor {
    border: 2px solid #2e335f !important;
}

.li-js-product-color .circle-border-color-pro {
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -3px;
    left: -3px;
    margin: 0px 1px;
}

.li-js-product-color .direction-sin {
    background: #f4f7fd;
    color: #2e335f;
    padding: 4px 15px;
    border-radius: 5px;
    border: 1px solid;
    font-weight: 900;
}

.li-js-product-color .active {
    background: #2e335f;
    color: white;
}

.label-size input[type=radio] {
    visibility: hidden;
    position: absolute;
}

input[type=checkbox], input[type=radio] {

    box-sizing: border-box;
    padding: 0;
}

.label-size {
    display: inline-block;
    position: relative;
}

.li-js-product-color {
    display: inline-block;
}

input[type=radio]:checked + .box-pro-color {
    /*border-color: #00bfd6;*/
}

.ecommerce-application .grid-view .ecommerce-card .card-content .item-img {
    height: 200px;
}

.ecommerce-application .grid-view .ecommerce-card .card-content .item-img .img-fluid {
    max-width: 100%;
    max-height: 100% !important;
    object-fit: contain !important;
    width: 100%;
    height: 100%;
}

.slider-product > div:hover .c-product-box__img > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slider-product > div .c-product-box__img > img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.box-option-pro-- {
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.box-option-pro-- .item-rating {
    position: absolute;
    top: 10px;
    left: 10px;
}

.box-option-pro-- .item-rating .percent-pro- {
    padding: 9px;
}

.ecommerce-application .list-view .ecommerce-card .card-content .card-body .box-option-pro-- {
    display: none;
}

.ecommerce-application .list-view .ecommerce-card .card-content .card-body .box-timer-pro- {
    display: none;
}

.box2-timer-pro- {
    text-align: left;
    margin-left: 20px;
}

.ecommerce-application .grid-view .ecommerce-card .card-body .box2-timer-pro- {
    display: none;
}

.brand-pro-, .color-pro-, .handle-pro-, .cover-pro- {
    font-size: 12px;
}

.brand-pro- .en-title-brand {
    text-align: left;
    width: 6rem;
    font-size: 10px;
}

.brand-pro-::-webkit-scrollbar, .color-pro-::-webkit-scrollbar, .handle-pro-::-webkit-scrollbar, .category-pro-::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background: #ededed;
}

.brand-pro-, .color-pro-, .handle-pro-, .cover-pro-, .category-pro- {
    max-height: 200px;
    overflow: auto;
    padding: 0px 0px 0px 10px;
}

.hiddenfild- {
    display: none !important;
}

.available-pro p {
    font-size: 12px;
    display: inline-block;
}

.sidebar-detached .colors .color-pro- .circle-color-pro {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.radioBtn .active, #radioBtn .Active {
    color: #262626;
    background-color: #efefef;
    border-color: #c6c6c6;
    box-shadow: none;
}

.radioBtn .notActive, #radioBtn .notActive {
    color: #262626;
    background-color: #fff;
    border-color: #c6c6c6;
    box-shadow: none;
}

.radioBtn a {
    border: 1px solid #ddd;
    font-size: 12px;
    border-radius: 4px;

}

.mb-20 {
    margin-bottom: 20px;
}

.collapsible- {
    background-color: #fff;
    color: #2C2C2C;
    cursor: pointer;
    padding: 15px 0px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
}

.collapsible-content, .collapsible-:hover {
    /*background-color: #555;*/
}

.collapsible-:after {
    content: '\002B';
    color: #616161;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.collapsible-active:after {
    content: "\2212";
}

.collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #ffffff;
    padding: 0px 2px;
    border-bottom: 1px solid #22292f1a;
}

.collapsible- .filter-title {
    display: inline-block;
}

.height-active {
    display: block;
}

.bt-1-gray- {
    border-top: 1px solid #22292f1a;
}

.price-slider {
    /*padding-top: 10px;*/
}

.box-input-rang {
    justify-content: space-around;
}

.box-input-rang .rang--price input {
    width: 77px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background-color: #f8f8f8;
    display: inline-block;
    overflow: hidden;
    border: none;
    margin: 6px 0;
    text-align: center;
    color: #3c3c3c;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    letter-spacing: .3px;

}

.box-input-rang .rang--price {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.activeFunctionPrice {
    font-size: 12px;
    width: 100%;
    text-align: center;
    display: block;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 10px 5px;
    background-color: #f8f8f8;
    cursor: pointer;
}

.kimia-activeFunctionPrice{
    background-color: #2e335f !important;
    color: white !important;
}
.total-invoice-profile{
    border-top: 2px solid;
}
.mb-10 {
    margin-bottom: 10px;
}

.pagination .dis-page-link span {
    background-color: #F0F0F0;
    /*padding: 0.572rem 0.651rem;*/
    border-radius: 50%;
    color: #bcbcbc;
}

.pagination .dis-page-link {
    /*background-color: #F0F0F0;*/
    /*padding: 0.572rem 0.651rem;*/
}

.pagination .page-item.prev-item .page-link:before {
    content: '';
}

.pagination .page-item.prev-item {
    margin-right: 0.3571rem;
    margin-left: 0.3571rem;
    background-color: #F0F0F0;
    padding: 0.572rem 0.651rem;
    border-radius: 50%;
}

.pagination .page-item.next-item {
    background-color: #F0F0F0;
    padding: 0.572rem 0.651rem;
    border-radius: 50%;
}

.pagination .page-item.prev-item .page-link {
    padding: 0 !important;
}

.pagination .page-item.next-item .page-link {
    padding: 0 !important;
}

.filter-remove-search {
    /* color: #ff004d !important; */
    font-size: 12px;
    cursor: pointer;
    display: inline-block !important;
    color: #df773b !important;
    padding: 5px;
    border: 1px solid #df773b;
    border-radius: 4px;
}

.index-section1 {
    height: auto;
    padding-top: 20px;
}

.slider-right {
    /*height: 410px;*/
}

.index-section1 .swiper4 a img {
    width: 100%;
    /*object-fit: contain;*/
    border-radius: 15px;
    overflow: hidden;
}

.swiper4 {
    border-radius: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
}

.index-section1 .swipersection1 a img {
    /*height: 100%;*/
    /*object-fit: contain;*/
    /*border-radius: 15px;*/
}

.sloder-left {
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
    /*height: 100%;*/
    overflow: hidden;
}

.swipersection1 div div {
    display: flex;
    justify-content: center;
}

#myBar {
    background-color: #ccc;
    width: 0;
}

#myProgress {
    border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #626262;
    line-height: 28px;
}

.box-btn-add-cart- .fa-shopping-basket {
    color: #63a15f !important;
}

.brand-border {
    border-left: 1px solid #d4cece;
    width: 100%;
    height: 100px;
    display: flex;
    /*border-radius: 50%;*/
    justify-content: center;
    align-items: center;
}

.swiper-slide-brand:last-child .brand-border {
    border-left-style: none;
}

.brand-border img {
    width: 62%;
    object-fit: contain;
}

.swiper-slide-brand {
    display: flex;
    justify-content: center;
}

.img-namad-f {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-navbar {
    /*z-index: 10000 !important;*/
    /*z-index: 0 !important;*/
}

.width_table {
    width: 300px;
}

.sloder-left div img {
    width: 150px;
    object-fit: contain;
}

.text-section1 .p1 {
    font-size: 1.9rem;
    font-weight: normal;
    text-align: center;
    font-weight: unset;
    color: #484f8b;
}

.text-section1 .p2 {
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: justify;
}

.section1-bottom img {
    width: 40px;
    height: 40px;
}

.section1-bottom {
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-direction: column;*/
}

.index-section1 div section.pd-r-l-responsive50.slider {
    background-color: white;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
    border-radius: 15px;
    padding: 10px;

}

.container1 {
    padding-right: 20px;
    padding-left: 20px;
}

.swiperbrand {
    background: white;
    border: 1px solid #d4cece;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    /*padding-left: 4px !important;*/
    /*padding-right: 7px !important;*/
    /*margin-left: 2px !important;*/
}

.title-slider-home {
    color: #2e335f;
}

.title-slider-home img {
    margin-left: 10px;
    width: 35px;
}

.box-category-slider-home {
    /* background: #454960; */
    /*height: 318px;*/
    /*margin-top: 21px;*/
    border-radius: 5px;
    padding: 0px 10px 0px 0px;

}

.box-category-home {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-category-slider-home .nav-link {
    border-radius: 0.357rem;
    font-size: 0.98rem;
    /* line-height: 1px; */
    color: #454960 !important;
    margin: 0px !important;
    padding: 2px 5px !important;
}

.box-category-slider-home .category-item {
    /* float: right; */
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #fafafa;
    border-right: 1px solid #2e335f;
}

.add-favorit-pro-slider- {
    cursor: pointer;
    background: #fff;
    width: 30px;
    /* font-size: 41px; */
    height: 30px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    border: 1px solid #595e7e;
    position: absolute;
    color: #595e7e;
    right: 10px;
    opacity: 1;
}

.add-cart-pro-slider- {
    cursor: pointer;
    background: #fff;
    width: 90%;
    /* font-size: 41px; */
    height: 30px;
    text-align: center;
    line-height: 34px;
    border-radius: 5px;
    border: 1px solid #e57f44;
    /* position: absolute; */
    color: #e57f44;
    /*right: 10px;*/
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-favorit-pro-slider- {
    border: 1px solid #df773b;
}

.add-cart-pro-slider-:hover {
    background-color: #e57f44;
    color: white;
}

/*.add-favorit-pro-slider-:hover{*/
/*    background-color: #df773b;*/
/*}*/
/*.add-favorit-pro-slider-:hover i{*/
/*    color: white;*/
/*}*/
.add-cart-pro-slider- {
    /*top: 10px;*/
}

.add-favorit-pro-slider- {
    top: 10px;
}

@media (max-width: 768px) {
    .box-section1 {
        display: none;
    }

    .add-favorit-pro-slider- {
        display: block !important;
    }
}

.sloder-left img {
    width: 100%;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .text-section1 .p1 {
        font-size: 1.4rem !important;
    }

    .margin-right-header {
        margin-right: 6px !important;
        margin-left: unset !important;
    }

    #select2-SearchSelect2-container {
        direction: rtl;
    }

    .icon-search-head {
        /*float: unset !important;*/
    }

    .logo-big-page.logo-big-img {
        /*display: none;*/
        width: 48px;
        top: -12%;
        left: 99%;
    }

    .slider-right {
        /*height: 350px;*/
    }

    .index-section1 {
        /*padding-top: 80px;*/
        /*margin-top: 42px;*/
    }
}

@media (max-width: 1199.98px) {
    .pt-responsive-for-header {
        padding-top: 0 !important;
    }
}

@media (max-width: 570px) {
    .index-section1 {
        /*padding-top: 130px;*/
    }
}

.c-product-box__title {
    padding-right: 10px;
    padding-left: 10px;
}

.add-favorit-pro-slider- {
    display: none;
}

.add-cart-pro-slider- i {
    /*display: block;*/
    margin-left: 5px;
}

.slider-product div:hover .add-favorit-pro-slider- {
    display: block;
}

.slider-product div:hover .add-cart-pro-slider- {
    /*display: block;*/
}

#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 64px;
    height: 64px;
    padding: 30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow: 1px 1px 10px #ababab;
    border-radius: 20px;
    background-color: white;
    z-index: 1002;
    text-align: center;
    overflow: auto;
}

.percentp {
    /*border-top-right-radius: 0 !important;*/
    /*border-top-left-radius: 15px !important;*/
    /*border-bottom-right-radius: 15px !important;*/
    /*border-bottom-left-radius: 0 !important;*/
}

.results div.swiper-slide.rounded.swiper-shadow {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f9;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    background-size: 800px 320px;
    /*height: 320px;*/
    position: relative;
    left: 0;
    top: 0;
}

@keyframes placeHolderShimmer {

    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.hummingbird-treeview .fa {
    float: left;
    font-weight: 500;
    font-size: 11px;
    color: #616161;
}

.hummingbird-treeview label {
    font-weight: normal;
    font-size: 12px;
    color: #626262 !important;
}

.category-box-side {
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
}

.category-box-side h6 {
    padding-bottom: 15px;
}

.overflow-li {
    overflow-y: auto;
    height: 100%;
}

.overflow-li::-webkit-scrollbar {
    width: 5px;
}

.overflow-li::-webkit-scrollbar-track {
    background: #F5F5F5;
    border-radius: 2px;
}

.overflow-li::-webkit-scrollbar-thumb {
    background: #ededed;
    border-radius: 2px;
}

.swiper4 div.swiper-pagination span.swiper-pagination-bullet {
    list-style: none inside;
    display: inline-block;
    height: 35px;
    /*padding: 4px 35px;*/
    cursor: pointer;
    width: 120px;
    vertical-align: top;
    box-sizing: content-box;
    line-height: 37px;
    color: #000000;
    border-radius: 45px;
    font-size: 13px !important;
    margin: 10px 5px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(26 26 26 / 15%);
    -webkit-transition: unset !important;
    -moz-transition: unset !important;
    -ms-transition: unset !important;
    -o-transition: unset !important;
    transition: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
    transform: unset !important;
    position: unset !important;
    opacity: 1 !important;
}

.swiper4 div.swiper-pagination {
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
    transform: unset !important;
    -webkit-transition: unset !important;
    -moz-transition: unset !important;
    -ms-transition: unset !important;
    -o-transition: unset !important;
    transition: unset !important;
    width: 100% !important;
    position: absolute;
    left: 0px !important;
    display: flex;
    justify-content: center;
}

.swiper4 div.swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1 !important;
    color: #2e335f;
    font-weight: 700;
    border: 1px solid #2e335f;
}

.category-icon- {
    width: 50px;
    height: 50px;
    padding: 5px;
}

.padding-menu {
    padding: 0.75rem 1rem 0.75rem 1rem;
}

#SearchSelect2 .select2-selection--single {
    height: 40px !important;
    background: #fff !important;
    display: block;
}

.select2 {
    width: 100% !important;
    font-family: 'FontAwesome';
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 40px;
}

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

.search-shopping-cart {
    width: 100%;
}

.select2-search__field:focus {
    outline: none;
}

.select2-results__option {
    display: block;
    /*margin-bottom: 10px;*/
}

.select2-result-repository .select2-result-repository__avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 4px !important;
    /* line-height: 65px; */
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
}

.select2-result-repository .select2-result-repository__avatar img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.select2-result-repository .select2-result-repository__title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.select2-results__option .select2-result-repository {
    border-bottom: 1px solid #f2f2f6;
    padding: 5px;
}

.select2-results__option {
    /*padding: 0px!important;*/
}

.bg-right-profile {
    background: #fff;
}

.btn-success-profile {
    border-color: #ff9f43 !important;
    background-color: #ffa54f !important;
    color: #FFFFFF;
}

.mt10 {
    margin-top: 10px;
}

.help-block, .help-block-profile {
    color: red;
    padding-top: 5px;
    font-size: 12px;
}

.search-shopping-cart .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #626262 !important;
}

.search-shopping-cart .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 18px;
    direction: rtl;
}

.search-shopping-cart .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9e9e9e !important;
    font-size: 13px !important;
}

.icon-search-head {
    border-right: 1px solid #818181;
    padding-right: 10px;
    float: left;
    color: #626262 !important;
    border-radius: 15px;
    font-family: IRANSansWeb, IRANYekan;
}

.select2-results__option {
    font-size: 13px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    text-align: right;
    direction: rtl;
}

.title-consult {
    margin: 15px 0px 0px 0px;
    border-top: 1px dashed #999;
    padding-top: 25px;
}

.title-consult h3 img {
    margin-left: 5px;
}

.content-consult {
    line-height: 30px;
}

.logo-big-img {
    position: absolute;
    z-index: 2;
    width: 120px;
    top: -73%;
    left: 92%;
}

.margin-right-header {
    margin-right: 65px;
}

.title-logo {
    width: 180px;
    margin-left: 30px;
    font-size: 14px;
    color: #2e335f;
    font-weight: bold;
    height: 100%;
    display: flex;
    align-items: center;
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background-color: #2e335f !important;
    color: white !important;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.sticky .header-navbar {
    background-color: #2e335f !important;
    color: white !important;
    border-bottom: 1px solid #2e335f !important;
    border-top: 1px solid #2e335f !important;
}

.sticky .header-navbar .container .navbar-container ul li .dropdown-toggle a span {
    color: white !important;
}

.sticky .header-navbar .container .navbar-container {
    color: white !important;
    display: flex !important;
}

.logo-fix {
    width: 50px;
    object-fit: contain;
    display: none;
}

.sticky .header-navbar .container .navbar-container .logo-fix {
    display: block;
}

.remove-icon {
    border-left: 1px solid #2e335f !important;
    color: #2e335f !important;
}

.filter-remove-search:hover .remove-icon {
    background: #2e335f !important;
    color: white !important;
    border-left: 1px solid white !important;
}

.filter-remove-search:hover {
    background: #2e335f !important;
}

.filter-remove-search {
    border: 1px solid #2e335f !important;
    color: #2e335f !important;
}

.noUi-connects .noUi-connect {
    background: #2e335f !important;
}

.noUi-origin .noUi-handle {
    border-color: #2e335f !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2e335f !important;
    background-color: #2e335f !important;
}

.box-btn-add-cart- .fa-shopping-basket {
    color: #2e335f !important;
}

.box-btn-add-cart- button {
    color: #2e335f !important;
}

h1.back-w {
    color: #2e335f !important;
}

.course-comment #review_form_wrapper #respond input[type='submit'] {
    background-color: #433f69 !important;
    box-shadow: 0 2px 12px rgb(160 155 218) !important;
}

.swiper-responsive-breakpoints.swiper-container .swiper-slide {
    overflow: hidden !important;
}


.mgt10 p {
    text-align: justify !important;
}

.course-comment #review_form_wrapper #respond .comment-form-author {
    padding-left: 0 !important;
}

.course-comment #review_form_wrapper #respond .comment-form-email {
    padding-right: 0 !important;
}

.main-menu {
    z-index: 90000 !important;
}

.login-block {
    display: none;
}

.login-block-first {
    display: block;
}

.login-block .menu-login-reg- {
    list-style: none;
}

.login-block .menu-login-reg- .menu-box-login- {
    margin-right: 0;
    margin-left: 0;
}

.login-block .menu-login-reg- .menu-box-login- a {
    padding: 0px 15px;
    color: #fff;
}

.header-responsive1 .bookmark-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
}

.header-responsive1 .bookmark-wrapper .col-right-8 {
    position: relative;
    flex-wrap: wrap;
    display: flex;
    float: left;
    width: 100%;
    align-items: center;
}

.nav.navbar-nav.float-right.second {
    display: none;
}

.select2-dropdown {
    z-index: 9999999;
}

.login-block li.dropdown.dropdown-user.nav-item.mt-1.mb-1 {
    list-style: none;
}

.badge.badge-up {
    left: -0.3rem !important;
}

.ul_tab {
    justify-content: center;
}

.box_last {
    margin-top: 20px;
}

.custom-file-browser {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}

.parent-factor {
    padding: 1px 6px;
}

.val_adj {
    margin-right: 10px;
    /*background-color: #fafafa;*/
    padding: 14px 8px;
    border-radius: 8px;
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    width: calc(100% - 215px);
    /*text-align: justify;*/
}

@media (max-width: 700px) {
    .val_adj {
        width: 100%;
    }
}

.key_adj {
    width: 200px;
    background-color: #fafafa;
    padding: 14px 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.product-images-slide .bottom::-webkit-scrollbar {
    height: 2px;
}

/* Track */
.product-images-slide .bottom::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.product-images-slide .bottom::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.product-images-slide .bottom::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.click_disabled:disabled {
    opacity: 0.5;
    color: #2e335f;
    border-color: #2e335f;
    cursor: default;
}


div.audioPlayer {
    display: block;
    width: 80%;
    padding: 10px;
    border-radius: 5px;
    background: #efefef;
    margin: 0px auto 25px auto;
}

div.audioPlayer audio {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

div.audioPlayer h3 {
    font-weight: normal;
    font-size: 14px;
    padding: 0px;
    color: #555;
    margin: -5px auto 0px auto;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.show > .dropdown-menu.submenu {
    top: 40px !important;
    left: -6px !important;
}

.dropdown-shopping-basket.nav-item.loadCart {
    position: relative;
}

.dropdown-btn.loadCart {
    position: relative;
    height: 78px;
    display: flex;
}

.ajax_cart_ i {
    font-size: 1.5rem;
    color: #626262;
}

.category-list- {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1;
    display: inline-block;
}

.breadcrumb-area i {
    font-size: 10px;
    margin: 0px 5px;
}

.count-number {
    position: absolute;
    height: 20px;
    width: 20px;
    display: inline-flex;
    top: 24px !important;
    right: 12px !important;
    transform: translate(-50%, -50%);
    background-color: #0d072d;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 400px;
    transition: all ease 1s;
    z-index: 999999999 !important;
}

.submenu .cart-items-box {
    /*max-height: 350px !important;*/
    overflow: hidden !important;
    align-items: center;
    justify-content: center;
    display: block;
    overflow-y: auto;
    /*max-height: 305px;*/
}

.child-aaaa {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    /*background: red;*/
    left: 0;
    top: 0;

}

.ajax_cart_ {
    padding: 1.6rem 0.8rem 1.35rem 0rem;
    width: auto;
    height: auto;
    text-align: center;
    margin-left: 0;
    font-weight: 500;
    /*font-size: 18px;*/
    /*border-radius: 0;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /*margin-left: 30px;*/
    color: #0d072d;
    /*padding: 15px 0;*/
    font-size: 16px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
}

.product-cart-head- li {
    border-bottom: 1px solid #DAE1E7;
}

.cart-dropdown-menu {
    /*border: none;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*border-radius: 0;*/
    /*padding: 20px;*/
    width: 350px;
    left: -5px;
    right: auto;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 105%;
    /*transition: .3s;*/
    /*box-shadow: 0 3px 24px rgba(0, 0, 0, .04);*/
}

.cart-dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    top: 70%;
}

.cart-dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    top: 70%;
}

.dropdown-shopping-basket .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 1.2rem;
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    background: #FFFFFF;
    -webkit-transform: rotate(
            -45deg
    ) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    transform: rotate(
            -45deg
    ) translate(7px);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .apply_filter {
        display: none;
    }
}

@media (max-width: 768px) {
    div.audioPlayer {
        margin: 0px auto !important;
    }

    .card-content-search {
        display: flex;
        padding-bottom: 30px;
        min-height: 125px;
        padding-right: 130px;
    }

    .card-content-search > .item-img.text-center {
        padding-top: unset !important;
        min-height: unset !important;
        /*height: auto !important;*/
        max-height: 125px;
        width: 130px;
        position: absolute;
        right: 0;
    }

    .card-content-search .item-options.text-center {
        position: absolute;
        bottom: 10px;
        /*width: 100%;*/
        display: flex;
        justify-content: center;
        left: 0;
    }

    .card-content-search > .card-body > .box-option-pro-- {
        height: auto;
        width: 100%;
    }

    .card-content-search > .card-body > .item-name {
        font-size: 12px;
        line-height: 1.5;
        white-space: unset !important;
        width: 100%;
    }

    .card-content-search > .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 1rem !important;
        width: calc(100% - 95px);
    }

    .card-content-search > .card-body > .description-pro- {
        display: none;
    }

    .card-content-search .add-favorit-pro span {
        display: none;
    }

    .card-content-search .add-favorit-pro {
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #df773b;
        border-radius: 0.4285rem;
        /* width: 6px; */
        padding: 5px;
        font-size: 12px;
        flex-grow: unset;
        margin-right: 15px;
    }

    .add-favorit-pro i {
        font-size: 13px;
    }

    .card-content-search .box-btn-add-cart- button {
        border: 1px solid #2e335f;
        padding: 7px 5px;
        background-color: #f6f6f6;
        font-size: 12px;
        /*position: absolute;*/
        left: 10px;
    }

    .card-content-search .box-btn-add-cart- i {
        display: none;
    }

    .card-content-search .box-btn-add-cart- {
        background: unset;
        display: flex;
        justify-content: end;
    }

    .data-list-view > tbody > tr {
        font-size: 12px;
    }

    .data-list-view > thead > tr > th {
        font-size: 12px !important;
        padding: 0.4rem !important;
    }

    .data-list-view > tbody > tr > td {
        padding: 0.4rem !important;
        width: fit-content;
    }

    .chip {
        padding: 0px 5px !important;
    }

    table.table-responsive- {
        border: 0;
    }

    table.table-responsive- thead {
        border: none;
        display: none;
    }

    table.table-responsive- tbody tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.table-responsive- tbody tr td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.table-responsive- tbody tr th {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.table-responsive- tbody tr td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.table-responsive- tbody tr th::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }
}


@media (min-width: 768px) {
    .header-responsive1 .bookmark-wrapper .col-right-8 {
        height: 100%;
    }

    .swiper4 {
        max-height: 445px;
    }
}

@media (max-width: 1300px) {
    .logo-big-img {
        left: 85%;
    }

    .text-section1 .p1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 992px) {
    .cart-dropdown-menu {
        left: unset !important;
        right: unset !important;
    }

    .size_992 {
        display: none;
    }

    .title-logo {
        display: none;
    }

    #select2-SearchSelect2-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .header-responsive1 {
        display: flex;
        justify-content: flex-end;
    }

    body.horizontal-layout .content .content-wrapper:not(.content-wrapper11) {
        /*margin-top: 7rem !important;*/
    }

    .index-section1 {
        /*padding-top: 120px;*/
        /*padding-top: 85px;*/
    }

    .text-section1 .p1 {
        font-size: 1.3rem;
    }

    .select2-selection.select2-selection--single {
        display: flex !important;
    }
}

@media (max-width: 830px) and (min-width: 768px) {
    .logo-big-page.logo-big-img {
        width: 57px;
        left: 102%;
    }

    .header-responsive1 .bookmark-wrapper {
        /*padding-right: 40px;*/
    }
}

@media (max-width: 768px) {
    .box-option-pro-- .item-rating .percent-pro- {
        padding: 5px;
        font-size: 13px;
    }

    .box-option-pro-- .item-rating {
        top: unset;
        left: unset;
        margin-left: auto;
        bottom: 10px;
        position: unset;
    }

    .box_first {
        margin-top: 20px;
    }

    .ul_tab {
        justify-content: space-between;
        margin-bottom: 0 !important;
    }

    .ul_tab li a {
        flex-direction: column;
        align-items: center;
        height: 100%;
    }

    .ul_tab li a > div {
        text-align: center;
        margin-top: 5px !important;
    }

    .box-category-slider-home .category-item {
        display: block;
        /*width: 22%;*/
        height: auto;
        margin-bottom: 0px;
        border-radius: 5px;
        /*border-top: 1px solid #2e335f;*/
        border-right: unset;
        margin-left: 10px;
    }

    .box-category-slider-home, .padding_768 {
        padding: 0;
    }

    .text-section1 .p2 {
        text-align: center;
    }

    .size_768 {
        display: none;
    }

    .logo-big-page.logo-big-img {
        width: 90px;
        top: -12%;
        left: 100%;
    }

    .login-block {
        display: block;
        /*margin-right: 30px;*/
    }

    .nav.navbar-nav.float-right.second {
        display: block;
        margin-right: auto !important;
    }

    .nav.navbar-nav.float-right.first {
        display: none;
    }

    .login-block-first {
        display: none;
    }

    .logo-responsive-box {
        display: none !important;
    }

    .add-favorites-d-none {
        display: none !important;
    }
}

@media (max-width: 700px) {
    .header-responsive1 .bookmark-wrapper {
        width: 100% !important;
    }
}

@media (max-width: 650px) {
    .logo-big-page.logo-big-img {
        /*width: 45px;*/
    }

    .header-responsive1 .bookmark-wrapper {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    .logo-big-page.logo-big-img {
        width: 85px;
        top: 5%;
        left: 99%;
    }

    .select2.select2-container.select2-container--default {
        /*width: 80% !important;*/
    }

    .navbar-container.content {
        display: block !important;
        padding-left: 1.5rem !important;
    }

    .navbar-wrapper.navbar-container.content {
        padding-left: 1.5rem !important;
    }

    .header-navbar .navbar-container {
        padding-left: 1.5rem !important;
    }

    .navbar-container.content.padding111 {
        padding-left: 1.5rem !important;
    }
}

@media (max-width: 500px) {
    div.audioPlayer {
        width: 100%;
    }

    .padding-mobile {
        padding: 0;
    }

    .cart-dropdown-menu {
        right: -78px !important;
        width: 300px;
    }

    .ul_tab li a > div {
        font-size: 11px;
    }

    .container1 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .swiper4 div.swiper-pagination span.swiper-pagination-bullet {
        font-size: 11px !important;
        width: 100px;
    }

    .logo-big-page.logo-big-img {
        width: 80px;
        left: 97%;
    }

    .search-shopping-cart {
        display: flex;
        justify-content: flex-end;
    }

    .submit-form11 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #respond {
        padding: 0 !important;
    }

    .ecome-heading .btn-show {
        width: 100px !important;
        line-height: 35px !important;
        height: 35px !important;
    }

    .ecome-heading h1 {
        font-size: 15px !important;
    }

    .nav.nav-tabs .nav-item .nav-link {
        font-size: 0.9rem !important;
    }

    .menu-tap-product- li a {
        padding: 10px 10px !important;
    }

    .brand-border {
        width: 100%;
        height: 120px;
    }

    #profile-tab-justified, #home-tab-justified {
        padding: 10px 10px !important;
    }

    #profile-tab-justified {
        margin-left: 0;
    }

}

.collection-content-un, .collection-content-su {
    margin-top: 4rem;
}


@media (max-width: 992px) {
    .collection-content-un {
        /*margin-top: 7rem;*/
        margin-top: 3rem;
    }

}

@media (max-width: 768px) {
    .collection-content-un {
        /*margin-top: 19rem;*/
        margin-top: 3rem;
    }

    .collection-content-su {
        margin-top: 8rem;
    }

    .box-category-slider-home .category-item {
        width: unset !important;
        background-color: unset !important;
        background: unset !important;
        display: inline-block;
    }

    .box-category-slider-home .category-item a {
        background-color: unset !important;
        background: unset !important;
    }
}

@media (max-width: 400px) {

    .content-right {
        padding: 0;
    }

    .box-category-slider-home .ul_tab {
        width: 100%;
        overflow-x: auto;
        /*white-space: nowrap;*/
        flex-wrap: unset;
        padding-bottom: 10px;
    }

    .ecome-heading p {
        font-size: 15px !important;
    }

    .width_table {
        width: 100%;
    }

    .logo-big-page.logo-big-img {
        width: 60px;
        left: 95%;
        top: 35%;
    }

    .login-block .menu-login-reg- .menu-box-login- a {
        padding: 0px 5px;
        color: #fff;
        font-size: 13px;
    }
}

.img-banner-logo {
    position: absolute;
    top: -10px;
    right: 11px;
}

.img-banner-logo img {
    height: 100px !important;
    object-fit: contain;
    width: auto !important;
}

.title-banner-category {
    position: absolute;
    bottom: 15px;
    left: 18px;
    background: rgb(46, 51, 95);
    background: linear-gradient(0deg, rgba(46, 51, 95, 1) 0%, rgba(60, 60, 98, 1) 35%, rgba(255, 255, 255, 0.06766456582633051) 100%);
    color: white;
    font-weight: 900;
    padding: 10px;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .padding-0 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}


/***************description style product****************/

.description_product img {
    max-width: 100%;
    margin-left: auto;
    display: block;
    height: auto;
    margin-right: auto;
}

.description_product p {
    text-align: justify;
    direction: rtl;
    line-height: 36px;
    font-size: 17px;
    color: #232933;
}

.description_product h2 {
    font-size: 1.5rem !important;
    font-family: 'IRANYekan';
    margin-bottom: 35px;
}

.description_product h3 {
    font-size: 1.2rem !important;
    padding: 1% 1% 1% 0;
}

.description_product {
    text-align: justify;
    direction: rtl;
    line-height: 33px;
    font-size: 15px
}

.text-bold {
    font-weight: bold !important;
    font-size: 1.2rem;
    color: #292b2c;
}

@media only screen and (min-width: 1200px) {
    .box-dp {
        width: 85%;
        margin-right: auto;
        margin-left: auto;
    }
}

.btn-presence-order-i {
    color: rgb(46, 51, 95);

    padding: 0 !important;
}

.btn-presence-order > i {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.btn-presence-order > i > input {
    width: 100% !important;
    height: 100% !important;
    padding: 0.9rem 2rem !important;
}

.content-about > ul {
    list-style: unset;
    line-height: 30px;
    padding-right: 40px;
}

.overflow_button_fix {
    overflow-y: auto;
    height: calc(100% - 40px);
}

.product_modal .close {
    padding: 1rem 1rem !important;
    box-shadow: unset !important;
    border-radius: 0.357rem;
    background: transparent !important;
    opacity: 0.5;
    -webkit-transition: unset !important;
    transition: unset !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    margin-right: 0;
    margin-left: auto;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 1;
}

.product_modal .modal-content{
    position: relative;
    padding: 20px;
}

.modal_title_name{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.modal_description{
    text-align: justify;
    line-height: 1.7;
}

.modal_price_rate{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.modal_rate i{
    color: #bebfbf;
}

.img-modal-product{
    max-height: 270px;
    object-fit: contain;
    /*width: 100%;*/
}

.modal_rate i.active{
    color: #ff912c;
}

.modal_price{
    display: flex;
    align-items: center;
    justify-content: end;
}

.product_modal .old-price{
    text-decoration: line-through;
    margin-left: 15px;
    font-size: 11px;
}

.product_modal .item-price{
    font-weight: bold;
    font-size: 15px;
    color: #2e335f !important;
}

.modal_buttons{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal_add_to_cart{
    background-color: #e57f44;
    border-radius: 5px;
    color: #fff;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
}

.button_link{
    border-radius: 5px;
    border: 2px solid #e57f44;
    height: 40px;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e57f44 !important;
}

.modal_add_to_cart span{
    color: #fff;
    margin-right: 5px;
}

.button_link span{
    margin-right: 5px;
}

/*button pwa*/
.button_app_{
    width: 150px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #595e7e;
    padding: 3px 5px;
    font-size: 12px;
    cursor: pointer;
}

.button_app_ img{
    width: 20px;
    margin-right: 5px;
}

@media (max-width: 768px) {
    .button_link , .modal_add_to_cart{
        font-size: 12px;
    }

    .modal .modal-content{
        padding: 0;
    }

    .product_modal .item-price{
        font-size: 14px;
    }

    .button_app_{
        /*margin-bottom: 20px;*/
        margin-top: 0px;
    }
}

@media (max-width: 400px) {
    body.horizontal-layout .content .content-wrapper:not(.content-wrapper11){
        padding: 15px;
    }

    .box-option-pro-- .item-rating .percent-pro- {
        font-size: 12px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3px;
    }

    .card-content-search > .card-body {
        padding: 10px !important;
    }
}

/*repair page*/
.main_repair {
    background-image: url(../images/category/back.jpg);
    /*height: 100vh;*/
    /*width: 100vw;*/
    position: relative;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 100px;
    min-height: 600px;
}

.main_repair::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00000073;
}

.box_form_steps {
    width: 500px;
    height: 100%;
    background-color: #ffffffd4;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    position: relative;
    z-index: 2;
    border-radius: 10px;
    padding: 15px;
}

.logo_site_repaire {
    text-align: center;
    /*margin: 30px 0px;*/
}

.logo_site_repaire img {
    width: 70px;
}

.form_step1, .form_step2, .form_step3, .form_step4, .form_step5 {
    width: 100%;
    height: 100%;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

/*step1 box*/
.levels_index .item_levels {
    position: relative;
    /*flex: 1;*/
    padding: 0 15px;
    margin-bottom: 16px;
    margin-top: 20px;
    cursor: pointer;
}

.input_radio_first {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
}

.levels_index .item_levels a {
    display: block;
    padding: 30px 10px 20px;
    background-image: url(../images/category/marahel.png);
    border-radius: 30px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    height: 100%;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    /*background-size: contain;*/
}

.levels_index .item_levels .numb {
    color: #8AC64B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    /*top: -20px;*/
    top: -13px;
    right: calc(50% - 20px);
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: bold;
}

.levels_index .item_levels .ico-main {
    margin-top: 15px;
}

.levels_index .item_levels .ico-main img {
    margin: auto;
    height: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.item_levels:hover .ico-main img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.levels_index .item_levels .title {
    font-weight: bold;
    color: #2E2D65;
    display: block;
    margin-top: 15px;
}

.dot_blue {
    width: 12px;
    height: 12px;
    /*background-color: #007bff;*/
    background-color: #7e7e7e;
    border-radius: 50px;
}

.title_repaire {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    /*margin: 20px 0;*/
}

.item_levels.active .dot_blue {
    background-color: #007bff;
}

.item_button {
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}

.form_step {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.button_next_level {
    width: 48%;
    background-color: #0865fe;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
}

.button_next_level_o {
    width: 48%;
    background-color: transparent;
    border: 2px solid #0865fe;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin: 0 auto;
    color: #0865fe;
    cursor: pointer;
}

.form_step1 .levels_index {
    /*overflow-y: auto;*/
    /*height: calc(100% - 100px);*/
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    /*align-content: center;*/
}

.home_link {
    position: absolute;
    left: 10px;
    top: 10px;
}

.home_link img {
    width: 30px;
}


/*responsive repaire*/
@media (max-width: 576px) {
    .box_form_steps {
        width: 90%;
    }

    .form_step1 .levels_index .item_levels {
        padding-left: 5px;
        padding-right: 5px;
    }

    .levels_index .item_levels .numb {
        top: -17px;
    }

    .title_repaire {
        font-size: 14px;
    }

    .levels_index .item_levels .ico-main img {
        height: 40px;
    }

    .levels_index .item_levels .ico-main {
        margin-top: 0;
    }

    .levels_index .item_levels .title {
        margin-top: 5px;
    }
}

@media (max-width: 576px) and (min-width: 480px){
    .form_step1 .levels_index{
        /*padding-left: 70px;*/
        /*padding-right: 70px;*/
    }

    .levels_index .item_levels a {
        min-height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 545px) {

    .item_parent_button::after {
        width: 305px;
        top: 6px;
    }

    .item_parent_button::before {
        right: -50px;
        bottom: 0;
    }

    .item_parent_button {
        height: 76px;
        border-radius: 185px;
        overflow: hidden;
        padding-top: 4px;
    }

}

@media (max-width: 480px) {

    .item_parent_button::after {
        width: 255px;
    }
}

@media (max-width: 428px) {

    .item_parent_button::after {
        width: 205px;
    }
}

@media (max-width: 370px) {

    .item_parent_button::after {
        width: 160px;
    }
}

/*end*/


/*box product new*/
.prent_product_box {
    width: 100%;
    height: 100%;

}

.box_product:hover {
    /*box-shadow: 1px 2px 15px #c9c9c9;*/
    /*margin-top: -8px;*/
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    cursor: pointer;
    -webkit-transition: transform 200ms;
    -moz-transition: transform 200ms;
    -ms-transition: transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
}

.box_product {
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-transition: transform 200ms;
    -moz-transition: transform 200ms;
    -ms-transition: transform 200ms;
    -o-transition: transform 200ms;
    transition: transform 200ms;
}

.box_shadow_product {
    box-shadow: 2px 0px 8px #dfdede;
}

.parent_image_product {
    /*height: 150px;*/
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.parent_image_product.blog {
    height: 160px;
}

.parent_image_product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.persian_text {
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    line-height: 1.7;
    text-align: justify;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 50px;
    font-weight: 500;
}

.product-card__price {
    z-index: 1;
    width: 100%;
    padding: 1px 10px 1px;
    border-radius: 6px 5px 5px 0;
    border-right: 3px solid #fff;
    position: relative;
    order: 1;
    color: #fff;
    line-height: 23px;
    min-width: 130px;
    height: 30px;
    text-align: left;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.height-20px{
    height: 20px;
}

.product-card__price.green_box {
    /*background: linear-gradient(-125.68deg, #208010 33%, #8dc614 98.47%);*/
    background: #2e335f;
}

.product-card__price.green_box::before {
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: -15px;*/
    /*left: 0;*/
    /*width: 15px;*/
    /*height: 15px;*/
    /*background: url(../images/product/union.png) no-repeat 0 0;*/
}

.product-card__price.orange_box {
    /*background: linear-gradient(-125.68deg, #ff7700 33%, #ffa921 98.47%);*/
    background: #2e335f;
}

.product-card__price.orange_box::before {
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: -15px;*/
    /*left: 0;*/
    /*width: 15px;*/
    /*height: 15px;*/
    /*background: url(../images/product/unionorange.png) no-repeat 0 0;*/
}

.product-card__price.gray_box {
    /*background: linear-gradient(-125.68deg, #525150 33%, #9f9e9d 98.47%);*/
    background: #525150;
}

.product-card__price.gray_box::before {
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: -15px;*/
    /*left: 0;*/
    /*width: 15px;*/
    /*height: 15px;*/
    /*background: url(../images/product/uniongray.png) no-repeat 0 0;*/
}

.product-card__price::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 13px;
    height: 14px;
    background: url(../images/product/price-tag.svg) no-repeat 0 0;
    background-size: contain;
}

.product-card__old-price {
    height: 16px;
    line-height: 21px;
    color: #b0b7bf !important;
    position: relative;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    width: max-content;
    margin-left: 10px;
}

.product-card__old-price:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #b0b7bf;
    opacity: .5;
}

.details_product_off .product-card__old-price{
    margin-left: 0;
}

.section_index {
    margin: 50px 0px;
}

.title_section_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.title_section_box .title_box::before {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #c9e3ff;
    border-radius: 50px;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -5px;
}

.title_section_box .title_box {
    /*padding-right: 15px;*/
    font-size: 18px;
}

.title_box {
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

.title_box img {
    width: 35px;
    margin-left: 5px;
}

.title_box span {
    font-size: 15px;
    font-weight: bold;
}

.button_slider {
    display: flex;
    /*position: relative;*/
    /*z-index: 999;*/
}

.button_next, .button_prev {
    width: 30px;
    height: 30px;
    /*border: 2px solid #d1d8dd;*/
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8d8d8d;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0px 0px 6px 1px #bfbbbb;
}

.button_next.swiper-button-disabled, .button_prev.swiper-button-disabled {
    opacity: 0.5;
}

.button_next i, .button_prev i {
    font-weight: bold;
    font-size: 20px;
}

.section1_index:hover .button_next.swiper-button-disabled, .section1_index:hover .button_prev.swiper-button-disabled {
    opacity: 0.5;
}

.button_next {
    margin-left: 5px;
}

.button_prev {
    margin-right: 5px;
}

.view-more-button {
    padding: 2px 10px 0;
    border-radius: 7px;
    text-align: center;
    background-color: #dfe1e8;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-more-button svg {
    margin: 0px 0 0 5px;
    float: right;
}

.view-more-button span {
    font-size: 12px !important;
    color: #0e1935;
}

.parent_bottom_section {
    display: flex;
}

.see_more_product {
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.see_more_product a img {
    width: 60px;
}

.box_content_view_more {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48px;
    height: 230px;
    border-radius: 10px;
    text-align: center;
    background-color: #e5e5e7;
    z-index: 1;
}

.box_content_view_more::before {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: -10px;
    width: 10px;
    border-radius: 10px 0 0 10px;
    opacity: .5;
    background-color: #e5e5e7;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
    z-index: -1;
}

.box_content_view_more svg {
    margin: 0 auto 12px;
}

.box_content_view_more span {
    font-size: 11px !important;
    line-height: 20px;
    color: #4c4c4c;
    font-weight: bold;
}

.clock_box {
    display: flex;
    direction: ltr;
    /*margin-bottom: 5px;*/
    height: 16px;
    /*color: #4c4c4c;*/
    font-size: 12px;
    white-space: nowrap;
    font-family: 'iranyekanBold';
    display: flex;
    justify-content: center;
    color: #ff7700;
}

.box_content_view_more:hover:before {
    left: 0px;
}

.one-line-rtl {
    width: 100%;
    display: inline-block;
    /* important */
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    /* when not hovering show ellipsis */
    /* animate on either hover or focus */
    /* define the animation */
}

.one-line-rtl:not(:hover) {
    text-overflow: ellipsis;
}

.one-line-rtl:hover span, .one-line-rtl:focus span {
    display: inline-block;
    animation-name: scroll-text-rtl;
    animation-duration: 7s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    /* FYI this would be the shorthand: animation: scroll-text 5s ease 0s 2 normal;
     */
}

@keyframes scroll-text-rtl {
    0% {
        transform: translateX(0%);
    }
    90% {
        transform: translateX(+100%);
    }
    95% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(0%);
    }
}

.swiper_slider_new.swiper-responsive-breakpoints.swiper-container .swiper-slide{
    background-color: transparent;
    /* height: 321px; */
    padding: 0px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    border: unset;
    overflow: visible !important;
}

.swiper_slider_off.swiper-responsive-breakpoints.swiper-container .swiper-slide{
    background-color: transparent;
    /* height: 321px; */
    padding: 0px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    border: unset;
    overflow: visible !important;
}

.swiper_slider_newProduct.swiper-responsive-breakpoints.swiper-container .swiper-slide{
    background-color: transparent;
    /* height: 321px; */
    padding: 0px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    border: unset;
    overflow: visible !important;
}

.swiper_slider_newProduct{
    padding: 20px 6px !important;
    width: 100%;
}

.price_product{
    color: #000000cf;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    text-align: left;
    margin-bottom: 10px;
    flex-direction: row-reverse;
}

.box_section3_ {
    padding: 15px;
    background-color: #fff;
    height: 400px;
    border-radius: 10px;
}

.top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.swiper_slider_new, .swiper_slider_off {
    overflow-x: hidden;
    margin-bottom: 0;
    width: 100%;
}

.box_product_off {
    display: flex;
    height: 100%;
}

.box_product_off .persian_text {
    font-size: 15px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    direction: rtl;
    margin: 0px auto 10px auto;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 50px;
    font-weight: bold;
}

.parent_image_product_off {
    /*width: 190px;*/
    height: 100%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.parent_image_product_off img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.details_product_off {
    flex: 1;
    padding-top: 0px;
}

.adj_off {
    max-width: 300px;
    margin: 0 auto;
}

.adj_off .product-params ul li i {
    font-size: 12px;
}

.adj_off .product-params ul li span {
    font-size: 13px;
}

.adj_off .product-params ul {
    margin-bottom: 0;
    text-align: right;
}

.adj_off .product-params ul li{
    margin-bottom: 7px;
}

.adj_off .product-params {
    padding: 0;
}

.product-params ul li span {
    font-size: 0.9rem;
}

.product-params ul li i {
    color: #28a745;
    font-size: 1.5rem;
    vertical-align: middle;
}

.parent_price_off_button {
    width: 300px;
    margin: 0px auto 0px auto;
    text-align: left;
}

.product_single_off::after, .product_single_off::before {
    content: unset !important;
}

.product_single_off {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
    margin-right: auto;
    height: 35px;
    font-size: 16px;
    border-radius: 6px !important;
    color: #fff !important;
    margin-bottom: 5px;
}

.expireDate {
    direction: ltr;
    display: flex;
    width: 300px;
    margin: 10px auto 0px auto;
}

.timer #countdown .cd-box {
    border: 1px solid #b9b8b8;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #ff0909;
    margin: 0 6px 0 0;
    display: inline-block;
    text-align: center;
    padding: 6px;
    border-radius: 12px;
    width: 50px;
}

.cd-box {
    border: 1px solid #b9b8b8;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -.02em;
    color: #ff0909;
    margin: 0 6px 0 0;
    display: inline-block;
    text-align: center;
    padding: 5px;
    border-radius: 12px;
    width: 50px;
}

.cd-box p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -.02em;
    display: block;
    color: #8d1515;
    width: 100%;
}

.timer #countdown .cd-box p.strings {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -.02em;
    display: block;
    color: #8d1515;
    width: 100%;
}

.bottom_box {
    display: flex;
    height: calc(100% - 45px);
}

.bottom_box .image_ {
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom_box .image_ .new_image {
    width: 100px;
}

.bottom_box .slider {
    /*width: calc(100% - 110px);*/
    width: 100%;
}

@media (min-width: 1200px) {
    .product-engagement-item{
        position: absolute;
        top: -30px;
        left: 70px;
    }
}

@media (max-width: 1200px) {
    .box_product_off .persian_text , .adj_off{
        max-width: 219px;
    }

    .parent_price_off_button , .expireDate{
        width: 219px;
    }
}

@media (max-width: 576px) {
    .bottom_box .image_ .new_image {
        width: 75px;
    }

    .parent_image_product_off {
        width: 200px;
    }

    .details_product_off {
        width: calc(100% - 150px);
    }

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

    .product-card__price{
        font-size: 13px;
    }

    .product-card__price::after {
        top: 10px;
        right: 8px;
        width: 11px;
        height: 12px;
    }

    .clock_box_product{
        width: 100%;
    }

    .clock_box_product .expirydiv{
        margin-right: auto;
    }
}

@media (max-width: 450px) {
    .title_section_box .title_box::before {
        top: -7px;
    }

    .title_section_box .title_box {
        font-size: 14px;
    }

    .see_more_product {
        margin-left: 5px;
    }

    .view-more-button span {
        font-size: 10px !important;
        color: #0e1935;
    }

    .bottom_box, .box_section3_ {
        height: auto;
    }

    .parent_image_product_off {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .details_product_off {
        width: unset;
    }

    .product-params ul li i {
        font-size: 16px
    }
}

/*end box product new*/

.hp_triplet_banners .banner_item {
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}

.hp_triplet_banners .banner_item img{
    width: 100%;
}

.clock_box_product {
    direction: ltr;
    /* height: 16px; */
    font-size: 1rem;
    white-space: nowrap;
    display: flex;
    color: #ff7700;
    align-items: center;
    /*width: 200px;*/
    justify-content: space-between;
    font-weight: bold;
}

.clock_box_product .expirydiv{
    min-width: 100px;
    text-align: left;
}

.clock_box_product svg{
    margin-right: 5px;
}

.breadcrumb-list-{
    line-height: 2;
}

.breadcrumb-list- li a{
    line-height: 1.6;
}


.background_white_enamad {
    background-color: #fff;
    border-radius: 3px;
    width: 100px;
    height: 114px;
    overflow: hidden;
    margin-right: 20px;
}

.background_white_enamad a{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.background_white_enamad a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}