@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Thin.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Thin.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Thin.ttf') format('truetype');
    font-weight: 100;
    /* Thin */
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Light.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Light.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Light.ttf') format('truetype');
    font-weight: 300;
    /* Light */
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Regular.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Regular.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Regular.ttf') format('truetype');
    font-weight: 400;
    /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Medium.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Medium.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Medium.ttf') format('truetype');
    font-weight: 500;
    /* Medium */
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Bold.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Bold.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Bold.ttf') format('truetype');
    font-weight: 700;
    /* Bold */
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('/assets/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Black.woff2') format('woff2'), url('/assets/fonts/Kalameh/woff/KalamehWeb(FaNum)-Black.woff') format('woff'), url('/assets/fonts/Kalameh/ttf/Kalameh(FaNum)-Black.ttf') format('truetype');
    font-weight: 900;
    /* Black */
    font-style: normal;
}

* {
    font-family: 'Kalameh';
    direction: rtl;
}

.d-none {
    display: none !important;
}
:root {
    --green-color: #008751;
}
.paginations {
    display: flex;
    justify-content: space-between; /* فاصله خودکار بین دکمه و متن */
    align-items: center; /* مرکز چینش عمودی */
  }
  
  .page-info {
    margin-left: auto; /* این باعث می‌شود که متن "صفحه 4 از 5" به سمت راست برود */
  }
  
  .next-button {
    margin-right: auto; /* این باعث می‌شود که دکمه "بعدی" به سمت چپ برود */
  }
  .text-red{
      color: var(--primary-color);
  }

.payment_btn span
{
    font-size: 12px;
    display: block;
}



.title_payment span {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}
.title_payment {
    /*position: absolute;*/
    /*width: 100%;*/
    font-size: 21px;
    text-align: center;
}
.exampleModalPayment{
    color: #0a53be;
    cursor: pointer;
}
.paginate_number_page
{
    margin:0 2px;
}

/*
*Pages
 */
.page {
    line-height: 45px;
}
.page p {
    margin: 16px 0;
}
.page h4 {
    margin-bottom: 28px;
    margin-top: 48px;
}
/*
**Brand
 */
.single-logo img
{
    width: 150px !important;
    height: 150px !important;
}
.dashboard {
    padding-bottom: 200px;
}
.text-white
{
    color: #fff;
}
@media (max-width: 768px) {
.max_buy_single{
    position: absolute;
    right: 1%;
    width: 98%;
    top: -60px;
}
    footer {
        margin-top: 200px;
    }
}
/*
***Menu
 */
/* پیش‌فرض: همه زیرمنوها بسته هستند */
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px;
    background-color: #fff;
    z-index: 999;
    border: 1px solid #eee;
    padding: 0;
}

/* زیرمنوی تو در تو */
.submenu .submenu {
    top: 0;
    right: 100%;
}

/* باز کردن زیرمنو فقط هنگام هاور */
.has-submenu:hover > .submenu {
    display: block;
}

/* ظاهر عمومی لینک‌ها */
.nav-link {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

.nav-link:hover {
    /*background-color: #f8f9fa;*/
    color: #008751 !important;
}

.has-submenu a:hover{
    color: #008751 !important;
}
.submenu.active {
    display: block;
}
.has-submenu.active > ul
{
    display: block !important;
}


.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #008751 !important;
}
.sec-special-product .col-title span:nth-child(1)::after {
    background-color:  var(--green-color) !important;
}
.sec-special-product .discount-price
{
    color:  var(--green-color) !important;
}
.sec-special-product .percent
{
    background-color:  var(--green-color) !important;
    color:#fff !important;
}
.sec-special-product .link {
    background-color: var(--green-color) !important;
}
.sec-product-slider .bg {
    background-color: var(--green-color);
}
.sec-product-slider .top-bar .categories ul a.active {
    background-color: var(--green-color);
    color: #fff;
}
footer .about {
    background-color: var(--green-color);
}
footer .content .col-title {
    color: var(--green-color);
}
.sec-product-slider .product-slider .item .price-container .price {
    color: var(--green-color);
}
.sec-product-slider .product-slider .item .price-container .price svg {
    fill: var(--green-color);
}
.sec-product-slider .product-slider .item .discount-percent .dp-badge {
    background-color: var(--green-color);

}

/*
***Slug Product
 */
.out-of-stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 13px;
    font-weight: 500;
    color: #d32f2f;              /* رنگ متن قرمز ملایم */
    background: #fdecea;         /* پس‌زمینه خیلی روشن قرمز */
    border: 1px solid #f5c2c0;   /* خط حاشیه هماهنگ */
    padding: 4px 10px;
    border-radius: 8px;
}

.out-of-stock i {
    font-size: 14px;
    color: #d32f2f;
}

.sec-aside-cart.active
{
    z-index: 999999 !important;
}
/*.omg{*/
/*    top: ;*/
/*}*/
@media (min-width: 768px) {

    .submenu li * {
        padding: 0px;
        font-size: 15px;
    }
    .omg {
        top: 0 !important;
    }


}

@media (max-width: 768px) {
    .submenuLast {
        display: none;
    }
    .has-submenu .submenuLast {
        display: block;
    }
}