@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


@font-face {
    font-family: 'Samim-FD';
    src: url('/fonts/samim/Farsi-Digits/Samim-FD.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Farsi-Digits/Samim-FD.woff2') format('woff2'),
         url('/fonts/samim/Farsi-Digits/Samim-FD.woff') format('woff'),
         url('/fonts/samim/Farsi-Digits/Samim-FD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Samim-Bold-FD';
    src: url('/fonts/samim/Farsi-Digits/Samim-Bold-FD.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Farsi-Digits/Samim-Bold-FD.woff2') format('woff2'),
         url('/fonts/samim/Farsi-Digits/Samim-Bold-FD.woff') format('woff'),
         url('/fonts/samim/Farsi-Digits/Samim-Bold-FD.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;  /* استفاده از fallback */

}

@font-face {
    font-family: 'shabnam-en-num';
    src: url('../font/shabnam-en-num/Shabnam-Light.woff2') format('woff2'),
         url('../font/shabnam-en-num/Shabnam-Light.woff') format('woff'),
         url('../font/shabnam-en-num/Shabnam-Light.ttf') format('truetype'),
         url('../font/shabnam-en-num/Shabnam-Light.eot');
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Digikala';
    src: url('/fonts/digikala/digikala.woff2') format('woff2'),
         url('/fonts/digikala/digikala.woff') format('woff'),
         url('/fonts/digikala/digikala.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Samim-Bold';
    src: url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-Bold-FD-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-Bold-FD-WOL.woff2') format('woff2'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-Bold-FD-WOL.woff') format('woff'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-Bold-FD-WOL.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Samim';
    src: url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-FD-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-FD-WOL.woff2') format('woff2'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-FD-WOL.woff') format('woff'),
         url('/fonts/samim/Farsi-Digits-Without-Latin/Samim-FD-WOL.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'BYekan';
    src: url('/fonts/BYekan/BYekan+.ttf') format('truetype'),
         url('/fonts/BYekan/BYekan+Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
        font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Samim-WOL';
    src: url('/fonts/samim/Without-Latin/Samim-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Without-Latin/Samim-WOL.woff2') format('woff2'),
         url('/fonts/samim/Without-Latin/Samim-WOL.woff') format('woff'),
         url('/fonts/samim/Without-Latin/Samim-WOL.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'Samim-Bold-WOL';
    src: url('/fonts/samim/Without-Latin/Samim-Bold-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/samim/Without-Latin/Samim-Bold-WOL.woff2') format('woff2'),
         url('/fonts/samim/Without-Latin/Samim-Bold-WOL.woff') format('woff'),
         url('/fonts/samim/Without-Latin/Samim-Bold-WOL.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: optional; /* انتخاب فقط یکی */

}

@font-face {
    font-family: 'BYekan-Bold';
    src: url('/fonts/BYekan/BYekan+Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'shabnam';
    src: url('/fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
         url('/fonts/shabnam/Shabnam.woff2') format('woff2'),
         url('/fonts/shabnam/Shabnam.woff') format('woff'),
         url('/fonts/shabnam/Shabnam.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
        font-display: swap; /* Font fallback */

}

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

@font-face {
    font-family: 'shabnam';
    src: url('/fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/shabnam/Shabnam-Light.woff2') format('woff2'),
         url('/fonts/shabnam/Shabnam-Light.woff') format('woff'),
         url('/fonts/shabnam/Shabnam-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
        font-display: swap; /* Font fallback */

}

@font-face {
    font-family: 'shabnam';
    src: url('/fonts/shabnam/Shabnam-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/shabnam/Shabnam-Medium.woff2') format('woff2'),
         url('/fonts/shabnam/Shabnam-Medium.woff') format('woff'),
         url('/fonts/shabnam/Shabnam-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
        font-display: swap; /* Font fallback */

}

@font-face {
    font-family: 'shabnam';
    src: url('/fonts/shabnam/Shabnam-Thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/shabnam/Shabnam-Thin.woff2') format('woff2'),
         url('/fonts/shabnam/Shabnam-Thin.woff') format('woff'),
         url('/fonts/shabnam/Shabnam-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/fonts/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),
         url('/fonts/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
         url('/fonts/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
         url('/fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2');
    font-weight: 100 700;
    font-style: normal;
        font-display: swap; /* Font fallback */

}

@font-face {
    font-family: 'Vazir';
    src: url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff2') format('woff2'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff') format('woff'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap; /* Font fallback */

}

@font-face {
    font-family: 'Vazir';
    src: url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.eot?#iefix') format('embedded-opentype'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.woff2') format('woff2'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.woff') format('woff'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Font fallback */

}


@font-face {
    font-family: 'Vazir';
    src: url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff2') format('woff2'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff') format('woff'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.ttf') format('truetype'),
         url('/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.eot') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap; /* Font fallback */
}

body {
    background-color: #f4f5f9;
    color: #212529;
    height: 100%;
    font-family: 'Vazir', sans-serif;

}

.tooltip {
    font-family: 'Vazir', sans-serif;
}

.my-flex-center,
.my-flex-baseline,
.my-flex-align-end,
.my-flex-between {
    display: flex;
}

.my-flex-center {
    justify-content: center;
    align-items: center;
}

.my-flex-baseline {
    align-items: baseline;
}

.my-flex-align-end {
    align-items: flex-end;
}

.my-flex-between {
    justify-content: space-between;
    align-items: center;
}

.title-heading {
    position: relative;
    margin-right: 20px;
}

.title-heading::before {
    content: '\F287';
font-family: 'bootstrap-icons', sans-serif;
    color: #ea0;
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
}

.text-muted-2 {
    color: #565757;
}

.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }

.section-20 { padding: 20px 0; }
.section-50 { padding: 50px 0; }

.shadow-sm { box-shadow: 0 1px 2px rgb(0 0 0 / 5%); }
.shadow, .shadow-md1 { box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 10%); }
.shadow-lg { box-shadow: 0 10px 15px rgb(0 0 0 / 10%), 0 4px 6px rgb(0 0 0 / 10%); }
.shadow-xl { box-shadow: 0 20px 25px rgb(0 0 0 / 10%), 0 8px 10px rgb(0 0 0 / 10%); }
.shadow-2xl { box-shadow: 0 25px 50px rgb(0 0 0 / 25%); }
.shadow-inner { box-shadow: inset 0 2px 4px rgb(0 0 0 / 5%); }
.shadow-box { box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important; }

.pointer {
    cursor: pointer;
}

.btnx {
    font-size: 14px;
    padding: 6px 12px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.btnx:hover,
.btnx:focus {
    color: #333;
    text-decoration: none;
}


/* default
---------------------------- */
.btnx-default {
    color: #fff;
    background-color: #058a51;
    border-color: #ccc;
}

.btnx-default:focus {
    color: #fff;
    background-color: #067847;
}

.btnx-default:hover {
    color: #fff;
    background-color: #13925b;
}

.btnx-default:active {
    color: #fff;
    outline: none;
    background-color: #007442;
}

/* end btn x */
.border-animate {
    /* you can change these variables to control the border */

    /* you can increase this */
    color: #666;
    display: inline-block;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-size: 0% var(--border-width);
    background-repeat: no-repeat;
    transition: background-size 0.3s;
    margin: 5px 0;
}

.fromCenter {
    background-position: 50% calc(100% - var(--bottom-distance));
}

.fromRight {
    background-position: 100% calc(100% - var(--bottom-distance));
}

.fromLeft {
    background-position: 0 calc(100% - var(--bottom-distance))
}

.border-animate:hover {
    background-size: 100% var(--border-width);
}

.border-animate:focus {
    background-size: 100% var(--border-width);
}

.content {
    padding: 20px 0;
}

.header-msg {
    display: flex;
}

.header-msg img {
    max-width: 100%;
    object-fit: cover;
}

/* header */
header {
    width: 100%;
    padding: 20px 0 0 0;
    /*background: linear-gradient(to right, #3c4cad, #240e8b);*/
    position: relative;
}

.top-menu a,
.top-menu i {
    color: #fff;
}

.top-menu-search .input-group {
    text-align: center;
    margin: 0 auto;
}

.top-menu-search .search-txt {
    padding: 14px 15px;
    font-size: 13px;
    width: 100%;
    border: none;
    outline: none;
}

.top-menu-search .search-btn {
    background: transparent;
    position: absolute;
    top: 0px;
    left: 10px;
    border: none;
    z-index: 10;
}

.top-menu-search .search-btn i {
    color: #333;
    font-size: 25px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-top: 3px;
}

.top-menu-btn ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-menu-btn .auth-btn-index {
    font-weight: bold;
    border: none;
    background: linear-gradient(to left, #F7CB2D, #fee383);
    padding: 7px 10px;
    outline: none;
    border-radius: 5px;
}

.top-menu-btn .auth-btn-index i {
    color: #0B1C48;
    font-size: 20px;
    margin-left: 7px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.top-menu-btn .auth-icon-responsive {
    color: #fff;
    margin-left: 5px;
    font-size: 14px;
}

.top-menu-btn .auth-icon-responsive i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 30px;
    color: #fff;
}

.top-menu-btn>ul>li {
    margin: 0 7px;
}

.top-menu-btn ul>li>i {
    font-size: 22px;
}

.top-menu-btn ul>li>i:hover {
    color: #F7CB2D;
}

.top-menu-btn .count-item {
    background: #F7CB2D;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: absolute;
    top: 13px;
    right: -10px;
    font-family: 'Samim-FD', sans-serif;
}

.top-menu-menu ul {
    display: flex;
    flex-direction: row;
}

.top-menu-menu ul li {
    margin-left: 20px;
}

.top-menu-menu>ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.top-menu-menu ul>li>a {
    font-size: 14px;
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}

.top-menu-menu ul li a i {
    margin-right: 4px;
    font-size: 20px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    transition: 0.3s all ease-in;
    -webkit-transition: 0.3s all ease-in;
    -moz-transition: 0.3s all ease-in;
    -ms-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
}

.top-menu-menu ul li a i.bi-chevron-down::before {
    transition: 0.3s all ease-in;
    -webkit-transition: 0.3s all ease-in;
    -moz-transition: 0.3s all ease-in;
    -ms-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
}

.top-menu-menu ul li a:hover .bi-chevron-down::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.top-menu-menu ul>li>a:hover {
    /*color: #F7CB2D;*/
}

.top-menu-menu ul>li>ul {
    position: absolute;
    top: 98%;
    right: 0;
    left: 0;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 400px;
    padding: 20px 50px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}


.back-menu {
    background-position: bottom left !important;
    background-size: 300px !important;
}

.top-menu-menu ul>li>ul.back-menu-laptop {
    background: #fff url("../img/other/labtop.png") no-repeat;
    background-position: bottom left;
    background-size: 300px;
}

.top-menu-menu ul>li>ul>li {
    display: inline;
    margin: 0 50px;
    margin-bottom: 7px;
}

.top-menu-menu ul>li>ul>li>a {
    color: #6c757d;
    display: block;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}

.top-menu-menu ul>li>ul>li>a.title {
    color: #333;
    font-weight: bold;
    position: relative;
}

.top-menu-menu ul>li>ul>li>a.title i {
    color: #333;
    font-size: 10px;
    font-weight: bold;
}

.top-menu-menu ul>li>ul>li>a.title::before {
    content: '';
    position: absolute;
    right: -10px;
    width: 2.5px;
    height: 100%;
    background: #F7CB2D;
}

.top-menu-menu ul>li>ul>li>a:hover {
    color: #eaaf00;
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
}

.top-menu-menu ul>li>ul>li>a.title:hover {
    color: #8CB1F5;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

/* ///////////main menu /////////// */

.top-menu-menu ul.main-menu {
    display: none;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    height: auto;
    min-width: 200px;
    position: absolute;
    top: 98%;
    left: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: 0.4s all ease-in-out;
    border-radius: 10px;
}

.top-menu-menu ul.main-menu.active {
    display: flex;
}

.main-menu-head {
    color: #fff !important;
}

.top-menu-menu ul.main-menu li {
    width: 200px;
    margin: 0;
    padding: 15px 0;
    border-radius: 10px;
}

.top-menu-menu ul.main-menu li a {
    display: block;
    padding: 0 10px;
}

.top-menu-menu ul.main-menu li a i {
    vertical-align: baseline;
    vertical-align: -webkit-baseline-middle;
    color: #333;
    margin-left: 5px;
    float: none;
    transition: 0.3s all ease-in-out;
}

.top-menu-menu ul.main-menu li:hover {
    background: #f3f3f3;
}

.top-menu-menu ul.main-menu li:hover i {
    color: #04309f;
    font-weight: bolder;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    height: 100%;
    min-width: 200px;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 200px;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    transition: 0.4s all ease-in-out;
    border-radius: 10px;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li {
    max-width: 150px;
    padding: 0;
    margin-top: 4px;
    padding: 5px 0;
}

.top-menu-menu ul.main-menu>li:hover {
    background: #ebbd1873;
}

.top-menu-menu ul.main-menu>li:hover a {
    color: #333;
}

.top-menu-menu ul.main-menu>li a i {
    float: none;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li>a {
    font-size: 14px;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li>a:hover {
    color: #eaaf00;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li>a.title {
    font-size: 16px;
    font-weight: bold;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li>a.title i {
    font-weight: bolder;
    font-size: 14px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}


.top-menu-menu ul.main-menu>li>ul.main-menu-sub li>a.title::before {
    content: '';
    position: absolute;
    right: 0;
    width: 2.5px;
    height: 100%;
    background: #F7CB2D;
}

.top-menu-menu ul.main-menu>li>ul.main-menu-sub li:hover {
    background: none;
}

.top-menu-menu li:hover ul.main-menu {
    opacity: 1;
    visibility: visible;
}

/* .top-menu-menu li ul li:hover ul.main-menu-sub {
    opacity: 1;
    visibility: visible;
} */

.main-menu-sub-active {
    opacity: 1 !important;
    visibility: visible !important;
}

.main-menu-sub-active-li {
    background: #ebbd1873;
    box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}

.main-menu-sub-active-li>a {
    color: #333 !important;
}

/* /////////// end main menu /////////// */

.top-menu-menu ul.level-one {
    background-color: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    height: auto;
    min-width: 200px;
    position: absolute;
    top: 98%;
    left: auto;
    right: auto;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: 0.4s all ease-in-out;
    border-radius: 10px;
}

.top-menu-menu ul.level-one li {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-radius: 10px;
}

.top-menu-menu ul.level-one li a {
    display: block;
    padding: 0 10px;
}

.top-menu-menu ul.level-one li a i {
    font-size: 14px;
    vertical-align: middle;
    color: #333;
    float: left;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.top-menu-menu ul.level-one li:hover {
    background: #ebbd1873;
}

.top-menu-menu ul.level-one li:hover i {
    color: #04309f;
    font-weight: bolder;
}

.top-menu-menu ul.level-one li:hover a {
    color: #333;
}

.top-menu-menu ul.level-one>li>ul.level-two {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    height: auto;
    min-width: 200px;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    right: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: 0.4s all ease-in-out;
    border-radius: 10px;
}

.top-menu-menu li:hover ul.level-one {
    opacity: 1;
    visibility: visible;
}

.top-menu-menu li ul li:hover ul.level-two {
    opacity: 1;
    visibility: visible;
}

.top-menu-menu .nav-row {
    min-width: 550px !important;
    max-height: 520px !important;
}

.top-menu-menu .nav-row>li {
    width: auto !important;
}

.top-menu-menu .nav-row>li:hover {
    background: transparent;
}

.responsive-menu-icon {
    height: 100%;
}

.responsive-menu-icon i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 35px;
}

.rm-body {
    position: relative;
}

.rm-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 8888;
    transition: .8s all ease-in-out;
    -webkit-transition: .8s all ease-in-out;
    -moz-transition: .8s all ease-in-out;
    -ms-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
}

.rm-overlay.open {
    opacity: 1;
    visibility: visible;
}

.rm-items {
    overflow-y: scroll;
    padding: 20px 5px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 0;
    background: #fff;
    z-index: 99999;
    transition: .4s;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.rm-items.open {
    right: 0;
    width: 320px;
}

.rm-item-close {
    position: absolute;
    top: 5px;
    right: 5px;
}

.rm-item-close i {
    color: #04309f;
    font-size: 35px;
}

.rm-item-img {
    text-align: center;
}

.rm-item-img img {
    height: 70px;
    max-width: 100%;
}

.rm-item-search {
    margin: 10px 0;
}

.rm-item-search input.search-txt {
    background: #d8d8d8;
}

.rm-item-menu ul {
    height: auto;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.rm-item-menu li {
    padding: 10px 0;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.rm-item-menu li i {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 5px;
}

.rm-item-menu li i::before {
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}

.rm-item-menu li .showSubMenu.open i::before {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.rm-item-menu li a {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
}

.rm-item-menu>li>ul>li {
    border-bottom: 1px solid #ececec;
}

.rm-item-menu>li>ul>li:nth-last-child(1) {
    border: none;
    margin-bottom: 0;
}

.rm-item-menu>li>ul>li>a {
    padding: 0 20px;
}

.rm-item-menu>li>ul>li>ul>li {
    border-bottom: 1px solid #ececec;
}

.rm-item-menu>li>ul>li>ul>li:nth-last-child(1) {
    border: none;
    margin-bottom: 0;
}

.rm-item-menu>li>ul>li>ul>li>a {
    padding: 0 30px;
}

.h-0 {
    display: none !important;
    height: 0 !important;
}

ul.show {
    display: flex !important;
    height: auto !important;
}

.showSubMenu {
    cursor: pointer;
    flex-grow: 1;
    float: left;
    display: block;
    text-align: left;
}

.bg-ul-f7 {
    background: #f7f7f7 !important;
}

/* end header */
/* start mains slider */
.homeSlider {
    width: 100%; /* عرض به 100% تنظیم شده تا در هر سایزی از صفحه نمایش به درستی قرار گیرد */
    max-width: auto;; /* حداکثر عرض 906px است */
    height: 392px; /* ارتفاع ثابت 392 */
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 10px;
}

.homeSlider .swiper-slide img {
    width: 100%;
    height: auto; /* ارتفاع خودکار برای حفظ نسبت ابعاد */
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .homeSlider .swiper-slide img {
        object-fit: contain; /* استفاده از contain برای حفظ کامل تصویر */
    }
}


@media only screen and (max-width: 767px) {
    .homeSlider {
        height: auto; /* کاهش ارتفاع برای موبایل */
    }
}



#suggetMoment {
    border: 1px solid #eb31104d;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    background-color: #fff;
    position: relative;
    border-radius: 10px;
}

#suggetMoment .product-box-item {
    height: 370px;
    padding: 5px 0;
}

.sugget-title {
    margin-bottom: 10px;
}

.swiper-progress-bar {
    position: absolute;
    top: 11.5%;
    width: 100%;
    display: block;
    z-index: 1;
    height: 2px;
}

.swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: rgba(199, 199, 199, 0.3);
    width: auto;
    clear: both;
    opacity: 0;
    top: 0%;
    left: 0;
    right: 0;
}

.swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #04309f;
    height: 100%;
    width: 0;
    content: "";
}

.swiper-progress-bar.active .slide_progress-bar {
    opacity: 1;
}

.swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 3s;
}

.sugget-Moment .swiper-button-prev,
.sugget-Moment .swiper-button-next {
    outline: none;
    background: #f7f7f7;
    padding: 20px;
    color: #333;
    border-radius: 50%;
    transition: 0.3s opacity ease-in-out;

}

.sugget-Moment .swiper-pagination-bullet-active {
    background-color: #fff !important;
    width: 15px;
    height: 7px;
    border-radius: 10px;

}

/* end mains slider */
/* start feature */
/* start section feture */
.feature {
    padding: 0px 0;
}

/* استایل اصلی برای دسکتاپ */
.feture-item {
    height: 100%;
    padding: 15px; /* فضای داخلی بیشتر */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* افزودن سایه برای جذاب‌تر کردن */
    transition: transform 0.3s ease; /* انتقال صاف برای افکت‌ها */
}

/* استایل برای hover (افزودن افکت زمان حرکت موس) */
.feture-item:hover {
    transform: translateY(-5px); /* جابجایی کمی به بالا */
}




/* استایل مخصوص موبایل */
@media (max-width: 768px) {
    .feture-item {
        padding: 10%; /* فضای داخلی کمتر */
        flex-direction: row; /* قرار دادن محتوا به صورت عمودی */
       
    height: 80%;        
    }
}

/* استایل برای شرح (feture-desc) */
.feture-item .feture-desc h6 {
    font-weight: bold;
    color: #666;
    font-size: 12px; /* اندازه متن مناسب */
    margin-bottom: 10px;
      font-family: "Samim-Bold", sans-serif;
}

.feture-desc p {
    font-size: 12px; /* اندازه فونت کمی بزرگتر */
    line-height: 1.6; /* فاصله خطوط بیشتر برای خوانایی */
    color: #333; /* رنگ متنی تیره‌تر برای خوانایی */
    text-align: justify; /* تراز متن به صورت justify */
    margin-bottom: 10px; /* فاصله پایین پاراگراف */
      font-family: "Samim-FD", sans-serif;

    
}

/* استایل برای موبایل - تنظیم متن */
@media (max-width: 768px) {
    .feture-item .feture-desc h6 {
        font-size: 14px; /* اندازه متن عنوان برای موبایل کمتر */
    }

    .feture-desc p {
        font-size: 12px; /* اندازه فونت برای موبایل کوچکتر */
    }
}

/* end section feture */
/* end feature */
/* start offer */
.offers {
    padding: 20px 0;
}

.offer {
    height: auto;
    border-radius: 10px;
    /* padding:10px 0 10px 10px; */
    background: #fff;
    position: relative;
    box-shadow: 3px 3px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

}

.offer .swiper-pagination-bullet-active {
    background: #032a8e;
    width: 15px;
    height: 7px;
    border-radius: 10px;

}

.offer-item {
    max-height: fit-content;
    padding: 0 10px;
    border-radius: 10px;

}

.offer-discount {
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    min-height: 100px;
    min-width: 140px;
    border-radius: 10px;
}

.offer-discount span {
    border-radius: 0;
    min-height: 30px;
    min-width: 137px;
    font-weight: 400;
    margin: 0;
    z-index: 9;
    background-color: #e74c3c;
    color: #fff;
    width: 154px;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 4px;
    padding-top: 30px;
    right: -46px;
    top: -15px;
    transform: rotate(35deg);
    line-height: 2;
    display: block;
}

.offer-img {
    width: 300px;
    height: 300px;
    text-align: center;
    margin: auto;
}

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

.offer-title {
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #f0efef;
}

.offer-title h4 {
    font-weight: bold;
    font-size: 18px;
    color: #444;
}

.offer-title span {
    color: #3c4cad;
}

.offer-desc {
    width: 100%;
}

.offer-desc h4 {
	font-family: 'shabnam-en-num', sans-serif;
    height: 65px;
    font-size: 16px;
    line-height: 35px;
}

.offer-desc-price {
    margin: 10px auto;
}

.offer-desc-price .old {
    font-size: 17px;
    color: #c3c1c1;
    text-decoration: line-through;
    font-family: 'Samim-FD', sans-serif;
}

.offer-desc-price .new {
    font-size: 20px;
    color: #04ac12;
    font-family: 'Samim-FD', sans-serif;
}

.offer-timer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 7px 0;
}

.offer-timer-item {
    color: #04309f;
    width: 60px;
    height: 60px;
    border: 1px solid #f8f8f8;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    padding: 5px;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.offer-timer-item .number {
    font-weight: bold;
    font-size: 16px;
}

.offer-btn {
    margin: 22px 0;
}

.offer-btn a {
    transition: 0.3s all ease-in-out;
    border: 1px solid #04309f;
    padding: 5px 20px;
    color: #04309f;
    border-radius: 30px;
}

.offer-btn a i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 20px;
}

.offer-btn a:hover {
    background: #04309f;
    color: #fff;
}

.offer-item-link {
    margin: 10px 10px;
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px 0 10px 10px;
}

.offer-item-link::-webkit-scrollbar {
    width: 5px;
}

.offer-item-link::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.offer-item-link::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: none;
}

.offer-item-link .swiper-slide {
    width: 100% !important;
}

.offer-item-link .swiper-wrapper {
    flex-direction: column !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.offer-item-link-item {
    margin-bottom: 10px;
    background: #f4f5f9;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 7px;
  
}

.offer-item-link-item h6 {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.offer-item-link .swiper-slide-thumb-active .offer-item-link-item {
    border-right: 4px solid #04309f;
}

.swiper-slide:not(.swiper-slide-active) .offer-item {
    opacity: 0;
}

/* end offer */
/* start main category */
.main-category {
    padding: 20px 0;
}

.main-category-item {
    text-align: center;
    margin: 30px 0;
}

.main-category-title h4 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.main-category-item img {
    object-fit: cover;
    transition: 0.5s all ease;

}

.main-category-item img:hover {
    transform: rotate(-5deg) scale(1.1);
}

.main-category-item h6 {
    font-size: 13px;
    font-weight: bold;
}

/* end main category */
/* banner */
.banner {
    padding: 20px 0;
    overflow: hidden;
}

.banner-item {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 25px;
}
.banner-item1 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 25px;
}

.banner-item1 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* تنظیم تصویر بدون تغییر نسبت ابعاد */
    transition: filter 0.3s ease; /* افزودن انیمیشن برای تغییرات زیباتر */
}

.banner-item1 img:hover {
    filter: brightness(1.2) contrast(1.3); /* افزایش بیشتر شفافیت در هنگام هاور */
}


.banner-item a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.banner-item img {
    border-radius: 25px;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    object-fit: contain;
    transition: 0.8s all ease;
}

.banner-item:hover img {
    display: block;
    transform: scale(1.050);
}

/* end banner */
/* star product box */
.product-box {
    padding: 40px 10px;
    /* background: linear-gradient(to bottom,#3c4badf0,#250e8beb),url('../img/product/typ-of-textile-44.jpg'); */
    /*background: linear-gradient(to left, #3c4cad, #240e8b);*/
}

.product-box-title {
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.product-box-title img {
    margin: 10px auto;
}

.product-box-title h2 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.product-box-title a {
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.product-box-title a i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.product-box-item {
    margin: 10px 5px;
    min-height: 350px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.product-box-item.see-more-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-box-item:hover .product-box-item-hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.product-box-item-img {
    position: relative;
}

.product-box-item-hover {
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    transition: 0.3s all ease-in-out;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
}

.product-box-item-hover-btn {
    padding: 10px;
}

.product-box-item-hover-btn span {
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.product-box-item-hover-btn i {
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}

.product-box-item-hover-btn i:hover {
    color: #04309f;
}

.product-box-item-hover-btn span.see-more {
    clear: both;
}

.product-box-item-hover-btn span.favorite {
    clear: both;
}

.product-box-item-hover-btn span.comparison {
    clear: both;
}

.product-box-item-hover-cart-btn {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    background: linear-gradient(to right, #1f34bc, #240e8b);
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.product-box-item-hover-cart-btn:hover {
    background: linear-gradient(to right, #0620c8, #2103a6);
}

.product-box-item-hover-cart-btn i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.product-box-item-desc {
    padding: 10px;
}

.product-box-item-title h6 {
	font-family: 'Samim-Bold-FD', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
    overflow: hidden;
    height: 50px;
}
.product-box-item-title h5 {
	font-family: 'Samim-Bold-FD', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
    overflow: hidden;
    height: 50px;
}


.product-box-item img {
    object-fit: contain;
    width: 100%;
    height: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product-box-price {
    margin-top: 15px;
    height: 50px;
}

.product-box-price.default {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #008d44;
}

.product-box-price .discount {
    font-size: 12px;
    padding: 3px 7px;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.product-box-price .new-price {
    font-weight: 600;
    font-size: 18px;
    font-family:'Samim-FD', sans-serif;
    
}

.product-box-price .old-price {
    text-decoration: line-through;
    text-align: left;
    display: block;
    margin-top: 5px;
    color: #c3c1c1;
    font-family:'Samim-FD', sans-serif;
}

.product-box .swiper-button-next,
.product-box .swiper-button-prev {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    padding: 20px;
    background: #F7CB2D;
    color: #04309f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: all;
}

.see-all {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.see-all p {
    font-size: 18px;
}

.see-all i {
    font-size: 40px;
    color: #3c4cad;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 5px;
}

/* end product box */
/* start product-box-2 */
.product-box-two {
    padding: 0px 0;
    margin-top: 20px;
}

.pbt {
    background: #fff;
    padding: 15px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pbt1 {
    background: #808080;
    padding: 15px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
    .suggested-products-title {
        font-family: 'Arial', sans-serif; /* انتخاب فونت */
        font-weight: bold; /* ضخیم شدن متن */
        font-size: 18px; /* اندازه فونت */
        color: #333333; /* رنگ متن */
        text-align: center; /* تراز کردن متن در وسط */
        margin: 20px 0; /* فاصله از بالا و پایین */
        padding: 10px 20px; /* فاصله داخلی */
        border-radius: 8px; /* گوشه‌های گرد */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.9); /* سایه ملایم */
        transition: background-color 0.3s ease; /* افکت تغییر پس‌زمینه */
    }

    .suggested-products-title:hover {
        background-color: #e0e0e0; /* تغییر رنگ پس‌زمینه هنگام هاور */
    }
.pbt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pbt-header-title h6 {
    font-size: 17px;
    font-weight: bold;
    background-color: antiquewhite;
}

.pbt-header-link a {
    color: #0580ad;
   border-color: #05ae65;
}

/* end product-box-2 */
/* start section article latest */
.article-latest {
    padding: 20px 0;
}

.al {
    background: #fff;
    padding: 15px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.al-header a {
    color: #0580ad;
    border-color: #05ae65;
}

.al-item {
    margin-bottom: 5px;
    position: relative;
    border-bottom: 6px solid #bcbcbc;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.al-img {
    height: 100%;
}

.al-img img {
    display: flex;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.al-item:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.al-img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: 0.8s all ease;
    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -ms-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
}

.al-date {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 12px;
    font-size: 14px;
    background-color: #ebbd18;
    color: #444;
}

.al-title {
    transition: 0.2s all linear;
    position: absolute;
    bottom: 40px;
    font-weight: bold;
    color: #e66d60;
    font-size: 14px;
    padding: 0 10px;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}
.al-description {
    transition: 0.2s all linear;
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}

.al-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.824) 100%);
    transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
}

/* end section article latest */
/* partner */
.partner {
    padding: 20px 0;
}

.partner-parrent {
    background: #fff;
    padding: 15px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

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

.partner-title h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 3px solid #0580ad;
    padding-bottom: 10px;
}

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

.partner-item img {
    width: 75%;
    opacity: 0.5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.partner-item img:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
}

/* end partner */
/* start footer */
footer {
    padding: 20px 20px 0 20px;
  margin-top: 3px;
    
}

.footer-feature {
    padding: 20px 0;
}
.footer-stats{
    font-family: 'Samim-Bold-FD', sans-serif;
}
.footer-feature-item {
    text-align: center;
    margin-bottom: 20px;
}

.footer-feature-item img {
    width: 100px;
    height: 90px;
    margin-bottom: 7px;
}

.footer-feature-item h6 {
    font-size: 15px;
}

.footer-item {
    margin-bottom: 25px;
}



.footer-item h5 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
}

.footer-item .footer-item-link li {
    margin-bottom: 7px;
}

.footer-item .footer-item-link li a {
    font-size: 15px;
    display: inline-block;
    position: relative;
    transition: 0.2s all linear;
    -webkit-transition: 0.4s all linear;
    -moz-transition: 0.4s all linear;
    -ms-transition: 0.4s all linear;
    -o-transition: 0.4s all linear;
}

.footer-item .footer-item-link li a::before {
    content: '';
    width: 7px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 50%;
    right: -10px;
    transition: 0.2s all linear;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}

.footer-item .footer-item-link li a:hover::before {
    width: 15px;
    background-color: #255be6;
}

.footer-item .footer-item-link li a:hover {
    padding-right: 10px;
    color: #255be6;
}

.footer-item .feed h6 {
    font-size: 15px;
    margin-bottom: 7px;
}

.footer-item .feed form {
    position: relative;
}

.footer-item .feed .feed-inp {
    padding: 10px 15px;
    font-size: 14px;
}

.footer-item .feed .feed-btn {
    font-size: 15px;
    position: absolute;
    padding: 7px 10px;
    top: 3px;
    left: 0;
    z-index: 2;
    border: none;
    outline: none;
    background: #04309f;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.footer-item .social {
    padding: 10px 0;
}

.footer-item p {
    font-size: 15px;
}

.footer-item .social-link {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-item .social-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    transition: 0.3s all ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.footer-item .social-link a.bi-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.footer-item .social-link a.bi-telegram {
  background: radial-gradient(circle at 30% 107%, #0088cc 0%, #0088cc 5%, #00aaff 45%, #0088cc 60%, #006f97 90%);
}
.footer-item .social-link a.bi-twitter {
    background: #098ecc;
}

.footer-item .social-link a.bi-whatsapp {
    background: #04ac12;
}

.footer-item .social-link a.bi-youtube {
    background: #ce0909;
}

.footer-item .social-link a.bi-linkedin {
    background: #0d80c8;
}

.footer-item .social-link a:hover {
    transform: rotate(360deg) scale(1.1);
    -webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
}

.footer-desc-item {
    padding: 20px 0;
}

.footer-desc-item h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-desc-item p {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    margin-bottom: 1em; /* فاصله بین پاراگراف‌ها */
    
    

    
}

.footer-desc-item ul li {
    cursor: pointer;
    border: 1px solid #d8d8d8;
    margin: 0 5px;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    transition: 0.2s all ease;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.footer-desc-item ul li:hover {
    border-color: #032a8e8f;
}

.footer-desc-item ul li a img {
    max-width: 100%;
    height: 80px;
}

/* استایل برای div با کلاس copy-right */
.copy-right {
    background-color: #f8f9fa; /* رنگ پس‌زمینه */
    padding: 0px; /* فاصله داخلی */
    border-top: 1px solid #dee2e6; /* حاشیه بالا */
    text-align: center; /* تراز وسط */
}

/* استایل برای ul با کلاس footer-links */
.footer-links {
    list-style: none; /* حذف علامت‌گذاری لیست */
    padding: 0; /* حذف فاصله داخلی */
    margin: 0; /* حذف فاصله خارجی */
}

/* استایل برای li با کلاس footer-link-item */
.footer-link-item {
    margin: 10px 0; /* فاصله بین آیتم‌ها */
    font-size: 14px; /* اندازه فونت */
    color: #6c757d; /* رنگ متن */
        font-family: 'Samim-FD', sans-serif;
  font-weight: bolder;
    
}

.footer-link-item a {
    color: #007bff; /* رنگ لینک‌ها */
    text-decoration: none; /* حذف زیرخط از لینک‌ها */
}

.footer-link-item a:hover {
    text-decoration: underline; /* اضافه کردن زیرخط در حالت هاور */
}


/* end footer */
/* product-modal */
.product-modal h4 {
    font-size: 18px;
}

.product-modal-detail span i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.product-modal-detail span a,
.product-modal-detail span span {
    color: #058dbf !important;
}

span.product-meta-item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-modal-feature {
    padding: 15px 0;
}

.product-modal-feature strong {
    margin-bottom: 7px;
    display: block;
    color: #35393d;
}

.product-modal-feature ul li {
    margin-bottom: 5px;
}

.product-modal-feature li::before {
    content: "\f28a";
    font-size: 8px;
    font-family: bootstrap-icons !important;
    color: #000;
    vertical-align: middle;
    margin-left: 2px;
    line-height: 18px;
}

.product-modal-feature ul li span {
    font-size: 14px;
}

.product-modal-price .old {
    color: #6c757d;
    text-decoration: line-through;
}

.product-modal-price .new {
    font-weight: bold;
    margin-right: 10px;
    font-size: 20px;
}

.product-modal-link {
    margin-top: 10px;
    position: relative;
}

.product-modal-link form {
    display: flex;
    justify-content: center;
}

.product-modal-link button i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.product-modal-link input[type=number] {
    width: 60px;
}

.product-modal {
    height: 100%;
    border: 1px solid #efecec;
}

.sb {
    background: #666666dc;
    color: #fff;
    font-weight: bolder;
    padding: 18px;
    transition: 0.2s all ease;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.sb:hover {
    background: #666;
}

.sb2 {
    background: #F7CB2D;
    color: #575555;
    font-weight: bolder;
    padding: 18px;
    transition: 0.2s all ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.sb2:hover {
    background: #ebbd18;
}

/* end product-modal */
/* start login modal */
.login-modal .item {
    padding: 10px 20px;
    text-align: center;
}

.login-modal .item .form-group {
    margin-bottom: 15px;
}

.login-modal .item .form-group input {
    border-color: #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.login-modal .item .form-group input:focus {
    box-shadow: none;
    border-color: #04309f;
}

.login-modal .item .form-group .input-group-text {
    border-color: #ccc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.form-check-box {
    text-align: right;
    margin-bottom: 0px;
}

.form-check-box label {
    font-size: 14px;
}

.login-modal .item .btn-login {
    font-size: 15px;
    background: #1e4dc4;
    color: #fff;
    padding: 7px 15px;
    margin: 10px 0;
    border: none;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.login-modal form .d-flex {
    flex-wrap: wrap;
}

.btn-login.forget {
    color: #333 !important;
    background: #dcdcdc !important;
}

.login-modal .item .btn-login i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.login-modal .register-box {
    padding: 20px 0;
}

.login-modal .register-box .dash-border {
    width: 100%;
    height: 1px;
    border: 0.5px dashed #ebebeb;
    position: relative;
}

.login-modal .register-box span {
    background: #e6e6e6;
    border-radius: 50%;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -12px;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.login-modal .register-box .register-link {
    margin-top: 40px;
}

.forget a {
    font-size: 14px;
    color: #0580ad;
}

.login-modal .social {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-modal .social a {
    color: #fff;
    font-size: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    -webkit-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite;
    border-radius: 50%;
    transition: 0.3s all linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
}

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(0.8);
    }

    5% {
        -webkit-transform: scale(0.9);
    }

    10% {
        -webkit-transform: scale(0.8);
    }

    15% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(0.8);
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(0.8);
    }

    5% {
        transform: scale(0.9);
    }

    10% {
        transform: scale(0.8);
    }

    15% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(0.8);
    }
}

.login-modal .social .bi-google {
    background-color: #d12714;
}

.login-modal .social .bi-facebook {
    background-color: #1555ca;
}

.login-modal .social .bi-github {
    background-color: #333;
}

/* end login modal */
/* start cart slide */
.cart-slides {
    width: 100%;
    position: relative;
}

.cart-slide-overlay {
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}

.cart-slide-overlay.show {
    opacity: 1;
    visibility: visible;
}

.cart-slide {
    background: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 200;
    transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    -ms-transition: 0.5s all linear;
    -o-transition: 0.5s all linear;
}

.cart-slide-title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 20px 10px 20px;
}

.cart-slide-title h6 {
    font-size: 20px;
    font-weight: bold;
}

.cart-slide-title i {
    font-size: 22px;
    cursor: pointer;
}

.cart-slide-desc {
    text-align: center;
}

.cart-slide-desc .empty-cart {
    padding: 20px;
}

.cart-slide-desc .empty-cart img {
    max-width: 50%;
    opacity: .5;
}

.cart-slide-desc .empty-cart h6 {
    text-align: center;
    margin: 20px 0;
}

.cart-product {
    margin-bottom: 5px;
}

.cart-product:nth-of-type(odd) {
    background: #fff;
}

.cart-product:nth-of-type(even) {
    background: #f6f6f6;
}

.cart-product .title {
    padding: 5px 10px;
}

.cart-product .title img {
    border: 1px solid #d8d8d8;
    max-width: 70px;
    max-height: 70px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cart-product .title h6 {
    font-size: 14px;
    margin-right: 7px;
    color: #04309f;
}

.cart-product .title i {
    font-size: 22px;
    color: #c4c4c4 !important;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.cart-product .title i:hover {
    color: #e74c3c !important;
}

.cart-product .title .count {
    text-align: left;
}

.cart-price {
    padding: 10px 0;
}

.cart-price-count {
    text-align: center;
    color: #04309f;
    font-weight: bold;
}

.cart-price-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.btn-main {
    margin: 0 5px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 14px;
    background: #179f39;
    padding: 5px 10px;
    color: #fff;
    border: none;
    outline: none;
    transition: 0.3s all ease-in-out;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.btn-main:hover {
    background: #0e822b;
    color: #fff;
}

.btn-outline {
    margin: 0 5px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 14px;
    background: transparent;
    padding: 5px 10px;
    color: #333;
    border: 1px solid #666;
    outline: none;
    transition: 0.3s all ease-in-out;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.btn-outline:hover {
    background: #04309f;
    border: 1px solid #04309f;
    color: #fff;
}

/* end cart slide */
/* start product meta */
.product-meta-breadcrumb {
    background: #fff;
    padding: 12px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.product-meta-breadcrumb .breadcrumb-item a {
    color: #04309f;
}

.summary {
    position: relative;
    background: #fff;
    margin: 15px 0;
    padding: 40px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.product-gallery .swiper-zoom-container {
    cursor: -webkit-zoom-in;
}
.swiper-slide:hover .swiper-zoom-container img {
    transform: scale(1.5); /* بزرگ‌نمایی تصویر */
    transition: transform 0.3s ease-in-out; /* انیمیشن برای نرم‌تر شدن بزرگ‌نمایی */
}

.product-gallery .swiper-slide-zoomed .swiper-zoom-container {
    cursor: -webkit-zoom-out;
}

.product-gallery-thumb .swiper-slide img {
    height: 100px;
    opacity: .6;
    cursor: pointer;
    border: 1px solid #dddd;
    border-radius: 5px;
    transition: 0.3s all ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.product-gallery-thumb .swiper-slide-thumb-active img {
    border-color: #04309f;
    opacity: 1;
}

.icon-product-box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.icon-product-box-item {
    cursor: pointer;
    flex: 0 0 calc(25% - 3px);
    max-width: calc(25% - 3px);
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    background: #ebeaea;
    display: flex;
    flex-direction: column;
    transition: 0.2s all ease-in-out;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}

.icon-product-box-item:hover {
    background: #04309f;
    color: #fff;
}

.icon-product-box-item:nth-last-child(1) {
    margin-left: 0;
}

.icon-product-box-item i {
    font-size: 25px;
}

.icon-product-box-item span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.border-right-product {
    border-right: 1px solid #eeeeeea7;
}

.summary-offer {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    min-height: 100px;
    min-width: 140px;
    border-radius: 10px;
}

.summary-offer span {
    border-radius: 0;
    min-height: 30px;
    min-width: 137px;
    font-weight: 400;
    margin: 0;
    z-index: 9;
    background-color: #ef5662;
    color: #fff;
    width: 150px;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 4px;
    padding-top: 30px;
    right: -45px;
    top: -15px;
    transform: rotate(35deg);
    line-height: 1.8;
}

.product-gallery img {
    /*max-width: 100%;*/
    width: 100%;
    height: 100%;
    object-fit: cover; /* این ویژگی کمک می‌کند تصویر به صورت مناسبی درون این اندازه قرار گیرد */
}

.se-title {
    font-family: 'shabnam-en-num', sans-serif;
}

.se-title h1 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
    font-family: 'Samim', sans-serif;
}

.se-title h2 {
    margin: 10px 0;
    font-size: 12px;
}

.se-rating i {
    color: #eaaf00;
}

.se-desc {
    margin-top: 20px;
}

/* تنظیم فاصله بین پاراگراف‌ها در .se-desc */
.se-desc1 p {
    margin-top: -31px;
    margin-bottom: 0.5em; /* فاصله پایین پاراگراف‌ها */
    line-height: 1.6; 
    font-size:16px;
    white-space: pre-line;
    color: #333;
}


.se-desc h6 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: -23px;
}
    .se-desc h1 {
        font-size: 14px; /* اندازه فونت عنوان اصلی */
        font-weight: bold;
        font-family: 'Arial', sans-serif; /* فونت دلخواه */
        color: #333; /* رنگ متن */
        margin-bottom: 10px; /* فاصله پایین */
    }

    .se-desc h2 {
        font-size: 12px; /* اندازه فونت زیرعنوان */
        font-weight: normal;
        font-family: 'Arial', sans-serif; /* فونت دلخواه */
        color: #777; /* رنگ متن */
        margin-top: 0; /* فاصله بالای صفر */
    }
      .se-desc h3 {
        font-size: 14px; /* اندازه فونت زیرعنوان */
        font-weight: normal;
        margin-top: 0; /* فاصله بالای صفر */
    }

.se-desc ul {
    margin-bottom: 10px;
}

.se-desc ul li {
    padding: 2px 0;
    font-size: 15px;
    position: relative;
}

.se-desc ul li::before {
    content: "\f28a";
    font-size: 8px;
    font-family: bootstrap-icons !important;
    color: #000;
    vertical-align: middle;
    margin-left: 2px;
    line-height: 18px;
}

.se-cart {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.se-cart-detail {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
}

.scd-item {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Samim', sans-serif;
}

.scd-item i {
    font-size: 18px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.scd-item a,
.scd-item .link {
    color: #04309f;
}

.se-cart-price {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.se-cart-price-old {
    color: #c6c6c6;
    text-decoration: line-through;
    margin-left: 5px;
    font-family: 'Samim-Bold-FD', sans-serif;
}

.se-cart-price-new {
    color: #04ac12;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Samim-Bold', sans-serif;
}

.se-cart-color {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.se-cart-form {
    margin: 10px 0;
}

.se-cart-form .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.btn-add-to-cart {
    height: 100%;
    width: 100%;
    background: #0b9f30;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px 5px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.custom-msg {
    background: #eee;
    padding: 1px;
    margin: 1px 0;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.content {
    display: flex;
    flex-direction: column;
}

.content p {
    margin: 0;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
        white-space: pre-line; /* خطوط جدید را حفظ می‌کند و فضاهای اضافی را نادیده می‌گیرد */
text-align: justify;
font-family: 'Samim', sans-serif;
}


/* ا
ستایل‌دهی به دایره‌ها */
.content span.bullet {
    color: #4CAF50; /* رنگ سبز برای دایره‌ها */
    margin-right: 10px; /* فاصله بین دایره و متن */
    font-size: 20px; /* اندازه دایره */
}

/* استایل‌دهی به پس‌زمینه پاراگراف */
.content {
    background-color: #0000; /* رنگ پس‌زمینه روشن */
    padding: 5px; /* فاصله‌های داخلی */
    border-radius: 0px; /* گوشه‌های گرد */
    overflow: hidden; /* جلوگیری از نمایش نادرست */
}


.custom-msg p {
    font-size: 14px;
}

.free-shipping {
    background: linear-gradient(145deg, #009688, #4db6ac); /* رنگ‌های گرادیانت برای جذابیت بیشتر */
    border-radius: 12px; /* گوشه‌های گرد برای ظاهری نرم */
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); /* سایه‌پردازی ظریف برای عمق بیشتر */
    transition: all 0.3s ease-in-out; /* اضافه کردن افکت حرکتی */
    max-width: 800px;
    margin: 30px auto;
    text-align: center;
    background-color: #ffffff;
}

.free-shipping:hover {
    transform: translateY(-8px); /* جابجایی جزئی هنگام hover برای تعامل بیشتر */
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15); /* سایه بیشتر در حالت hover */
}

.free-shipping .title h6 {
    font-size: 1.75rem;
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase; /* استفاده از حروف بزرگ برای تاکید بیشتر */
    font-family: 'Roboto', sans-serif;
}

.free-shipping .title p {
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

/* تنظیمات عمومی */
.tabs-container {
    max-width: 100%;
    margin: 0 auto;
}

/* تنظیمات تب‌ها برای ویندوز */
.tabs-desktop {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}

.tabs-desktop .tab-button {
    background: none;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    color: #555;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.tabs-desktop .tab-button.active {
    color: #009688;
    border-bottom: 2px solid #009688;
}

/* محتوای تب‌ها برای ویندوز */
.tab-content-container-desktop {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.tab-content-desktop {
    display: none;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tab-content-desktop.active {
    display: block;
}

/* تنظیمات تب‌ها برای موبایل */
.tabs-mobile {
    display: none; /* مخفی کردن تب‌ها برای موبایل در ابتدا */
    flex-direction: column;
    margin-top: 20px;
}

.tabs-mobile .tab-button-mobile {
    background: none;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    color: #555;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.tabs-mobile .tab-button-mobile.active {
    color: #009688;
    border-bottom: 2px solid #009688;
}

/* محتوای تب‌ها برای موبایل */
.tab-content-container-mobile {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.tab-content-mobile {
    display: none;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-top: 10px;
}

.tab-content-mobile.active {
    display: block;
}

/* نمایش تب‌ها برای ویندوز */
@media (min-width: 768px) {
    .tabs-desktop {
        display: flex;
    }

    .tabs-mobile {
        display: none;
    }

    .tab-content-container-desktop {
        display: block;
    }

    .tab-content-container-mobile {
        display: none;
    }
}

/* نمایش تب‌ها برای موبایل */
@media (max-width: 768px) {
    .tabs-desktop {
        display: none;
    }

    .tabs-mobile {
        display: flex;
        flex-direction: column;
    }

    .tab-content-container-desktop {
        display: none;
    }

    .tab-content-container-mobile {
        display: flex;
    }
}



.free-shipping1 {
    background-color: #f4f4f4; /* رنگ پس‌زمینه روشن */
    border-radius: 10px; /* گوشه‌های گرد */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه نرم */
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.free-shipping1 .title h6 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.free-shipping1 .title p {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.free-shipping1 .title {
    text-align: center;
    padding: 10px;
}

.free-shipping1:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.free-shipping1 .title h6 {
    color: #009688; /* تغییر رنگ عنوان به سبز */
}









.free-shipping2 {
    background-color: #f4f4f4; /* رنگ پس‌زمینه روشن */
    border-radius: 10px; /* گوشه‌های گرد */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه نرم */
    margin: 20px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.free-shipping2 .title h6 {
    font-size: 1rem;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.free-shipping2 .title p {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    /*text-align: center;*/
    max-width: 600px;
    margin: 0 auto;
}

.free-shipping2 .title {
    text-align: center;
    padding: 10px;
}

.free-shipping2:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.free-shipping2 .title h6 {
    color: #009688; /* تغییر رنگ عنوان به سبز */
}

.product-feature ul {
    padding: 0px 0;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-feature ul li {
    margin: 0 10px;
    padding-left: 10px;
}

.product-feature ul li img {
    width: 60px;
    margin: 5px auto;
    display: block;
}

.product-feature ul li span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-family: 'Samim-Bold-FD', sans-serif;
}

/* end product meta */
/* start share modal */
.share-modal-social {
    display: flex;
    justify-content: center;
}

.share-modal-social i {
    margin: 0 7px;
    font-size: 30px;
    cursor: pointer;
}

.share-modal-social i.bi-whatsapp {
    color: #009500;
}

.share-modal-social i.bi-telegram {
    color: #007fee;
}

.share-modal-social i.bi-twitter {
    color: #007fee;
}

.share-modal-social i.bi-envelope-open {
    color: #d6249f;
}

.share-modal-link {
    text-align: center;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    padding: 15px 0;
}

.share-modal-btn {
    text-align: center;
}

.share-modal-btn i {
    margin-right: 5px;
}

/* end share modal */
/* end share modal */
/* start product-description-qs */
.product-description-qs {
    position: relative;
    background: #fff;
    line-height: 2.5;
    padding: 30px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-description-qs img {
 /*width: 100%;*/
 height: 100%;
 object-fit: contain;
}
.product-description-cat-option-qs img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.product-description-qs h2 a {
    color: #0056b3; /* رنگ آبی تیره‌تر برای لینک‌ها */
    text-decoration: none; /* حذف خط زیرین */
    font-weight: normal; /* ضخامت معمولی برای فونت */
    font-size: 1.2em; /* اندازه فونت کمی بزرگتر از متن معمولی */
    transition: color 0.3s, text-decoration 0.3s; /* انیمیشن نرم برای تغییرات هاور */
}

/* لینک‌های داخل p */
.product-description-qs p a {
    color: #007BFF; /* رنگ آبی برای لینک‌ها */
    text-decoration: underline; /* خط زیر لینک‌ها */
}

/* تغییرات استایل لینک‌ها هنگام هاور */
.product-description-qs h2 a:hover,
.product-description-qs p a:hover {
    color: #0056b3; /* رنگ آبی تیره‌تر در حالت هاور */
    text-decoration: none; /* حذف خط زیرین هنگام هاور */
}
/* برای دسکتاپ */
.product-description-qs h1 {
  font-size: 1.5em; /* مناسب برای h1 */
  line-height: 1.4;
  font-weight: 700;
  color: #2c3e50; /* رنگ تیره برای خوانایی بهتر */
  margin-bottom: 20px;
}

.product-description-qs h2 {
  font-size: 1em; /* مناسب برای h2 */
  line-height: 1.4;
  font-weight: 600;
  color: #34495e; /* رنگ کمی متفاوت از h1 */
  margin-bottom: 18px;
}

.product-description-qs h3 {
  font-size: 1.5em; /* مناسب برای h3 */
  line-height: 1.4;
  color: #8c5959;
  margin-bottom: 16px;
}

.product-description-qs h4 {
  font-size: 1.2em; /* مناسب برای h4 */
  line-height: 1.4;
  font-weight: 500;
  color: #7f8c8d; /* رنگ ملایم‌تر */
  margin-bottom: 14px;
}

.product-description-qs h5 {
  font-size: 1.3em; /* مناسب برای h5 */
  line-height: 1.4;
  color: #95a5a6; /* رنگ کم‌سایه‌تر */
  margin-bottom: 12px;
}

.product-description-qs h6 {
  font-size: 1.2em; /* مناسب برای h6 */
  line-height: 1.4;
  color: #bdc3c7; /* رنگ ملایم‌ترین */
  margin-bottom: 10px;
}

/* برای موبایل */
@media (max-width: 768px) {
  .product-description-qs h1 {
    font-size: 1.4em; /* کمی کوچکتر برای موبایل */
  }

  .product-description-qs h2 {
    font-size: 1.3em; /* کمی کوچکتر برای موبایل */
  }

  .product-description-qs h3 {
    font-size: 1.2em; /* کمی کوچکتر برای موبایل */
  }

  .product-description-qs h4 {
    font-size: 1.1em; /* کمی کوچکتر برای موبایل */
  }

  .product-description-qs h5 {
    font-size: 1.1em; /* کمی کوچکتر برای موبایل */
  }

  .product-description-qs h6 {
    font-size: 1em; /* کمی کوچکتر برای موبایل */
  }
}
/* تعریف متغیرها */
:root {
    --primary-color: #007BFF; /* رنگ آبی */
    --primary-hover-color: #0056b3; /* رنگ آبی تیره‌تر برای هاور */
    --text-color-dark: #2c3e50; /* رنگ تیره برای متن */
    --text-color-light: #34495e; /* رنگ روشن برای متن */
    --text-color-muted: #7f8c8d; /* رنگ ملایم‌تر */
    --text-color-muted-dark: #8c5959; /* رنگ ملایم‌تر تیره‌تر */
    --text-color-lightest: #bdc3c7; /* رنگ خیلی روشن برای متن */
    --border-radius: 15px; /* شعاع حاشیه */
    --padding: 30px 20px; /* پدینگ */
    --line-height: 2.5; /* ارتفاع خط */
    --font-size-heading: 1.5em; /* اندازه فونت عنوان اصلی */
    --font-size-subheading: 1.3em; /* اندازه فونت زیردسته‌ها */
}

/* start product-desc-sub */
.product-desc-sub {
    position: relative;
    background: #fff;
    line-height: var(--line-height);
    padding: var(--padding);
    border-radius: var(--border-radius);
}

.product-desc-sub img {
    /*width: 100%;*/
    height: 100%;
    object-fit: contain;
}

.product-desc-sub-cat-option img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-desc-sub h2 a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: normal;
    font-size: 1.2em;
    transition: color 0.3s, text-decoration 0.3s;
}

/* لینک‌های داخل p */
.product-desc-sub p a {
    color: var(--primary-color);
    text-decoration: underline;
}

/* تغییرات استایل لینک‌ها هنگام هاور */
.product-desc-sub h2 a:hover,
.product-desc-sub p a:hover {
    color: var(--primary-hover-color);
    text-decoration: none;
}

.product-desc-sub h1 {
    font-size: var(--font-size-heading);
    line-height: 1.4;
    font-weight: 700;
    color: var(--text-color-dark);
    margin-bottom: 20px;
}

.product-desc-sub h2 {
    font-size: var(--font-size-subheading);
    line-height: 1.4;
    font-weight: 600;
    color: var(--text-color-light);
    margin-bottom: 18px;
}

.product-desc-sub h3 {
    font-size: 1.5em;
    line-height: 1.4;
    color: var(--text-color-muted-dark);
    margin-bottom: 16px;
}

.product-desc-sub h4 {
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 500;
    color: var(--text-color-muted);
    margin-bottom: 14px;
}

.product-desc-sub h5 {
    font-size: 1.3em;
    line-height: 1.4;
    color: var(--text-color-light);
    margin-bottom: 12px;
}

.product-desc-sub h6 {
    font-size: 1.2em;
    line-height: 1.4;
    color: var(--text-color-lightest);
    margin-bottom: 10px;
}

/* برای موبایل */
@media (max-width: 768px) {
    .product-desc-sub h1 {
        font-size: 1.4em;
    }

    .product-desc-sub h2 {
        font-size: 1.3em;
    }

    .product-desc-sub h3 {
        font-size: 1.2em;
    }

    .product-desc-sub h4 {
        font-size: 1.1em;
    }

    .product-desc-sub h5 {
        font-size: 1.1em;
    }

    .product-desc-sub h6 {
        font-size: 1em;
    }
}

/* start product-descs */
.product-desc  {
    position: relative;
    background: #fff;
    line-height: 2.5;
    padding: 30px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-desc img {
 width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-desc-cat-option img {
 width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-desc h2 a {
    color: #0056b3; /* رنگ آبی تیره‌تر برای لینک‌ها */
    text-decoration: none; /* حذف خط زیرین */
    font-weight: normal; /* ضخامت معمولی برای فونت */
    font-size: 1.2em; /* اندازه فونت کمی بزرگتر از متن معمولی */
    transition: color 0.3s, text-decoration 0.3s; /* انیمیشن نرم برای تغییرات هاور */
}

/* لینک‌های داخل p */
.product-desc p a {
    color: #007BFF; /* رنگ آبی برای لینک‌ها */
    text-decoration: underline; /* خط زیر لینک‌ها */
}

/* تغییرات استایل لینک‌ها هنگام هاور */
.product-desc h2 a:hover,
.product-desc p a:hover {
    color: #0056b3; /* رنگ آبی تیره‌تر در حالت هاور */
    text-decoration: none; /* حذف خط زیرین هنگام هاور */
}
/* برای دسکتاپ */
.product-desc h1 {
  font-size: 1.5em; /* مناسب برای h1 */
  line-height: 1.4;
  font-weight: 700;
  color: #2c3e50; /* رنگ تیره برای خوانایی بهتر */
  margin-bottom: 20px;
}

.product-desc h2 {
  font-size: 1em; /* مناسب برای h2 */
  line-height: 1.4;
  font-weight: 600;
  color: #34495e; /* رنگ کمی متفاوت از h1 */
  margin-bottom: 18px;
}

.product-desc h3 {
  font-size: 1.5em; /* مناسب برای h3 */
  line-height: 1.4;
  color: #8c5959;
  margin-bottom: 16px;
}

.product-desc h4 {
  font-size: 1.2em; /* مناسب برای h4 */
  line-height: 1.4;
  font-weight: 500;
  color: #7f8c8d; /* رنگ ملایم‌تر */
  margin-bottom: 14px;
}

.product-desc h5 {
  font-size: 1.3em; /* مناسب برای h5 */
  line-height: 1.4;
  color: #95a5a6; /* رنگ کم‌سایه‌تر */
  margin-bottom: 12px;
}

.product-desc h6 {
  font-size: 1.2em; /* مناسب برای h6 */
  line-height: 1.4;
  color: #bdc3c7; /* رنگ ملایم‌ترین */
  margin-bottom: 10px;
}

/* برای موبایل */
@media (max-width: 768px) {
  .product-desc h1 {
    font-size: 1.4em; /* کمی کوچکتر برای موبایل */
  }

  .product-desc h2 {
    font-size: 1.3em; /* کمی کوچکتر برای موبایل */
  }

  .product-desc h3 {
    font-size: 1.2em; /* کمی کوچکتر برای موبایل */
  }

  .product-desc h4 {
    font-size: 1.1em; /* کمی کوچکتر برای موبایل */
  }

  .product-desc h5 {
    font-size: 1.1em; /* کمی کوچکتر برای موبایل */
  }

  .product-desc h6 {
    font-size: 1em; /* کمی کوچکتر برای موبایل */
  }
}

.product-desc-tab {
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    font-family: 'Samim-Bold-FD', sans-serif;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.product-desc-tab::-webkit-scrollbar {
    display: none;
}

.product-desc-tab ul {
    min-width: 450px;
    flex-wrap: nowrap;
}

.product-desc-tab ul li {
    margin-left: 5px;
    background: #ebe9eb;
}

.product-desc-tab ul li button {
    border: none;
    color: #515151;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.product-desc-tab ul li button.active {
    font-weight: bold;
    border: none;
    outline: none;
    background: #fff;
    border-top: 3px solid #04309f;
    color: #333;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: none;
}

.product-desc-tab ul li button a {
    padding: 7px 10px;
    display: block;
}

.product-desc-tab ul li button i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 5px;
}

.product-desc-tab-content {
    padding: 20px 0;
}

.product-desc-tab-content table tr th {
    width: 200px;
}

.product-desc-tab-content table tr td {
    padding: 0px 0;
}

.tab-title {
    font-size: 18px;
    color: #505050;
    text-align: center;
    font-weight: 600;
    line-height: 1.7;
}

/*.product-desc-content {*/
/*    padding: 20px 0;*/
/*    line-height: 2.2;*/
/*}*/

.product-desc-content img {
    max-width: 100%;
    /*display: block;*/
    margin: 0 auto;
}

.product-comment-content {
    padding: 20px 0;
}

.comment-item {
    padding: 20px 0;
    display: flex;
}

.comment-item-desc {
    padding: 20px;
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.comment-item-avatar {
    margin: 10px 0 0 10px;
}

.comment-item-avatar-img a img {
    display: flex;
    border: 4px solid #e6e6e6;
}

.comment-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.comment-date {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.comment-date-speractor {
    margin: 0 10px;
    font-size: 17px;
    font-weight: bolder;
}

.comment-date-date {
    font-size: 14px;
}

.comment-item-rating {
    display: flex;
}

.comment-item-rating i {
    color: #eaaf00;
    font-size: 20px;
}

.comment-item-content {
    padding: 20px 0;
}

.form-inline {
    width: 49.7%;
}

.rating {
    border: none;
}

.rating:not(:checked)>input {
    position: absolute;
    /* top:-9999px; */
    clip: rect(0, 0, 0, 0);
}

.rating:not(:checked)>label {
    float: right;
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #ddd;
}

.rating:not(:checked)>label:before {
    content: '★ ';
}

.rating>input:checked~label {
    color: #f70;
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: gold;
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ea0;
}

.rating>label:active {
    position: relative;
}

#commentEmail::placeholder {
    text-align: right;
}

.comment-form .form-check label {
    font-size: 14px;
}

.comment-form input[type=submit] {
    background: #04309f;
    font-weight: bolder;
    padding: 10px 0;
}

/* end product-descs */
/* start page category */
.category {
    padding: 20px 0;
    position: relative;
}

.filter-items {
    margin-bottom: 20px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.filter-items .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.filter-items .items .link a {
    font-size: 15px;
    padding: 2px 10px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.filter-items .items .link a:hover {
    background: #eee;
}

.filter-items .items .link a.active {
    background: #032a8e;
    color: #fff;
}

.filter-items .count p {
    font-size: 15px;
}

.category-filters {
    position: sticky;
    top: 0;
    padding-bottom: 20px;
}

.category-item .product-box-item {
    margin: auto;
    margin-bottom: 20px;
}

.category-filter {
    margin-bottom: 20px;
}

.category-filter-box {
    border-radius: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.category-filter-box-title {
    padding: 10px;
}

.category-filter-box-title h4 {
    font-size: 18px;
}

.category-filter-box-desc {
    background: #f7f7f7;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-group {
    margin-bottom: 10px;
}

.color-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.color-box-item {
    margin-left: 5px;
    width: 35px;
    height: 35px;
    padding: 4px;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.color-box-item.active {
    border: 2px solid #0f58e0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.color-box-item.active span{
    position: relative;
}


.color-box-item.active span::before{
    content: '\F26E';
    color: #fff;
    font-size: 20px;
    font-family: 'bootstrap-icons' !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.color-box-item .color {
    cursor: pointer;
    display: block;
    background: red;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.show-more {
    padding: 20px 0;
}

.show-more-btn {
    display: flex;
    justify-content: center;
}

.show-more-btn button {
    color: #fff;
    padding: 7px 15px;
    background: #04309f;
    border: none;
    outline: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.show-more-btn button {
    vertical-align: middle;
}

/* end page category */
/* start cart page */
.cart-counter {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btn-counter {
    margin-bottom: 10px;
    height: 100%;
    border: none;
    padding: 0 13px;
    background: #052c8d;
    color: #fff;
}

.counter {
    text-align: center;
    font-weight: bolder;
}

.cart-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cart-content {
    padding: 10px 10px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.line-step-container {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.line-step {
    position: relative;
    display: flex;
    align-items: center;
}

.line-step::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background: #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.line-step-boxs {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.line-step-boxs::before {
    z-index: 3;
    content: '';
    width: 20px;
    height: 20px;
    background: #8d8d8d;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.line-step-boxs::after {
    z-index: 3;
    content: '';
    width: 20px;
    height: 20px;
    background: #8d8d8d;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.line-step-box {
    width: 33.33%;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.line-step-box.complete .icon {
    background: #05ae65;
}

.line-step-box.complete .icon i {
    color: #fff;
}

.line-step-box.complete::before {
    content: '';
    width: 50%;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #032a8e;
    z-index: -1;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.line-step-box .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    margin-top: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.line-step-box .icon i {
    font-size: 22px;
    color: #032a8e;
}

.cart-detail {
    padding: 0 0;
}

.cart-detail table {
    border: 1px solid #eee;
}

.cart-detail table tr {
    border-bottom: 1px solid #eee;
    text-align: center;
}

.cart-detail table tr td {
    font-size: 15px;
    /* vertical-align: middle; */
}

.cart-detail table thead th {
    padding: 15px 0;
    vertical-align: middle;
    font-size: 15px;
}

.cart-detail table img {
    width: 60px !important;
    vertical-align: middle;
}

.cart-detail table td {
    font-size: 16px;
}

.cart-detail table td.title {
    max-width: 300px;
}

.cart-detail table td.td-count {
    min-width: 150px;
}

.cart-detail td.icon i {
    font-size: 22px;
    vertical-align: middle;
    color: #ccc;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.cart-detail td.icon i:hover {
    color: #d12714;
}

.cart-detail table td.price span {
    margin-left: 5px;
}

.cart-detail table td.price span.num {
    color: #04309f;
    font-weight: bold;
}

.cart-detail table td input[type=number] {
    max-width: 50px;
    text-align: center;
    outline: none;
}

.cart-detail .discount input[type=text] {
    width: 50%;
}

.cart-detail .discount button {
    margin-right: 5px;
    background: #04309f;
    color: #fff;
}

.cart-detail .discount button:hover {
    background: #052c8d;
}

.cart-payment {
    background: #f8f8f8;
    padding: 10px;
}

.cart-payment .title {
    padding: 15px 0;
}

.cart-payment .title h4 {
    font-size: 20px;
}

.cart-payment table {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cart-payment table tr {
    border-bottom: 1px solid #ddd;
}

.cart-payment table tr:nth-last-child(1) {
    border: none;
}

.cart-payment table tr td {
    padding: 15px 10px;
    font-family: 'Samim-FD', sans-serif;
}

.cart-payment table tr td.txt {
    color: #032a8e;
    font-size: 15px;
    text-align: center;
    font-family: 'Samim-FD', sans-serif;
}

.cart-payment .btn-bank {
    background: #109f04;
    border: none;
    outline: none;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
    margin-top: 10px; /* فاصله از بالای دکمه */

}
.cart-payment .btn-bank-eghdam {
    background: #047b9f;
    border: none;
    outline: none;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
  
}
.info-box {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.info-icon {
    font-size: 22px;
    color: #856404;
}

.info-text {
    font-size: 16px;
    color: #856404;
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
    font-family: 'Arial', sans-serif;
}



.cart-payment .btn-bank:hover {
    background: #032a8e;
}

/* end cart page */
/* start 404 */
.notfounds {
    width: 100%;
    min-height: 450px;
    position: relative;
}

.notfound {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    text-align: center;
    line-height: 1.4;
}

.notfound .notfound-404 {
    height: 190px;
    transition: 0.2s all ease;
    animation: notFound 1.5s infinite;
    -webkit-animation: notFound 1.5s infinite;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.notfound .notfound-404 h1 {
    font-size: 146px;
    font-weight: 700;
    margin: 0px;
    color: #232323;
}

.notfound .notfound-404 h1>span {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-image: url('../img/other/emoji.png');
    background-size: cover;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: -1;
}

.notfound h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #232323;
}

.notfound p {
    color: #787878;
    font-weight: 300;
}

.notfound a {
    display: inline-block;
    padding: 12px 30px;
    font-weight: 700;
    background-color: #032a8e;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -o-transition: 0.2s all;
}

.notfound a:hover {
    opacity: 0.9;
}


@keyframes notFound {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

/* end 404 page */
/* start auth page */
.auths {
    width: 100%;
    /*height: 100%;*/
    background: url("../img/auth/backtwo.svg") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth {
    background: #fff;
    border-radius: 10px;
    min-height: 500px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.auth-forms {
    padding: 30px;
    width: 100%;
    height: 100%;
    position: relative;
}

.auth-form .input-group,
.auth-form .form-check {
    width: 50%;
    margin: 0 auto;
}

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

.auth-title h3 {
    font-weight: bold;
    font-size: 30px;
    color: #007fee;
}

.auth-form .form-group {
    margin-bottom: 15px;
}

.auth-form .form-group input {
    border-color: #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.auth-form .form-group input:focus {
    box-shadow: none;
    border-color: #04309f;
}

.auth-form .form-group .input-group-text {
    border-color: #ccc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.form-check-box {
    text-align: right;
    margin-bottom: 0px;
    margin: 10px auto !important;
}

.form-check-box label {
    font-size: 14px;
}

.auth-form .btn-login {
    text-align: center;
    font-size: 15px;
    background: #1e4dc4;
    color: #fff;
    padding: 7px 15px;
    margin: 5px 0;
    border: none;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.auth-form form .d-flex {
    flex-wrap: wrap;
}

.btn-login.forget {
    color: #333 !important;
    background: #dcdcdc !important;
}

.btn-login.login {
    background: #3bb397 !important;
}

.auth-form .btn-login i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.auth-form .register-box {
    padding: 20px 0;
}

.auth-form .register-box .dash-border {
    width: 100%;
    height: 1px;
    border: 0.5px dashed #ebebeb;
    position: relative;
}

.auth-form .register-box span {
    text-align: center;
    background: #e6e6e6;
    border-radius: 50%;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -12px;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.auth-form .register-box .register-link {
    margin-top: 40px;
    text-align: center;
}

.forget a {
    font-size: 14px;
    color: #0580ad;
}

.auth-form .social {
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-form .social a {
    color: #fff;
    font-size: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    border-radius: 50%;
    transition: 0.3s all linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
}

.auth-form .social .bi-google {
    background-color: #d12714;
}

.auth-form .social .bi-facebook {
    background-color: #1555ca;
}

.auth-form .social .bi-github {
    background-color: #333;
}

.auth-side {
    position: relative;
    text-align: center;
    height: 100%;
    background: #1e4dc4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.auth-logo {
    width: 200px;
    margin: 0 auto;
    padding: 30px 0;
}

.auth-desc {
    color: #fff;
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 0 10px;
}

.auth-desc a {
    display: inline-block;
    margin-top: 5px;
    padding: 7px 30px;
    background: #eaaf00;
    border-radius: 25px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.auth-desc p {
    font-size: 15px;
}
.auth-desc-register {
    color: #fff;
    position: absolute;
    top: 1%;
    width: 100%;
    padding: 0 10px;
      background-color: #1e4dc4;
}


.auth-desc-register a {
    display: inline-block;
    margin-top: 5px;
    padding: 7px 30px;
    background: #eaaf00;
    border-radius: 25px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.auth-desc-register p {
    font-size: 15px;
}


/* end auth */
/* start blog */
.blog-item {
    margin-bottom: 7px;
}

.blog-content-item {
    margin-bottom: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.blog-content-item img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.blog-content-item .card-title {
    font-size: 16px;
}

.blog-content-items .card {
    overflow: hidden;
}

.blog-content-item .card-img-top {
    height: 180px;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}

.blog-content-item img.card-img-top:hover {
    filter: contrast(80%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-filter: contrast(80%);
}

.blog-content-item .card-text {
    font-size: 15px;
}

.blog-content-item .card-footer {
   bs-card-cap-bg: rgb(255 255 255 / 3%);
}

.blog-content-item .date p,
.blog-content-item .date span {
    font-size: 14px;
}

.blog-tag {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
    background: #032a8e;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog-tag:hover {
    color: #fff;
    opacity: 0.940;
}

.best-article {
    display: flex;
    margin-bottom: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
}

.best-article:nth-last-child(1) {
    border-bottom: none;
}

.best-article img {
    width: 60px;
    height: 50px;
    object-fit: cover;
}

.best-article h5 {
    margin-right: 10px;
    font-size: 14px;
    line-height: 1.8;
}

.best-article h5:hover {
    color: #032a8e;
}

/* end blog */
/* start blog-detail */
.blog-post {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blog-post .blog-post-title {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.blog-post .blog-post-title h3 {
    font-size: 24px;
    font-weight: bold;
}

.blog-post-title-items {
    margin-top: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-post-title-item {
    margin-top: 10px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.blog-post-title-item img {
    width: 30px;
    height: 30px;
}

.blog-post-title-item p {
    margin-right: 5px;
    font-weight: bold;
}

.blog-post .blog-post-content {
    padding: 20px 0;
    line-height: 2;
}

.blog-post .blog-post-content .title {
    font-size: 20px;
    font-weight: bold;
}

.blog-post .blog-post-content img {
    max-width: 100%;
}

.blog-post .blog-post-footer {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-post .blog-post-footer a {
    font-size: 16px;
}

.blog-post-footer i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 20px;
    font-weight: bold;
}

.blog-comments {
    padding: 20px;
}

.blog-comment {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* end blog-detail */
/* start page compare */

/* استایل برای کادر محتوا */
/* استایل کلی برای .content-box */
.content-box {
    width: 100%; /* حداکثر عرض */
    margin: 30px auto; /* فاصله خودکار در مرکز با افزایش فاصله */
    padding: 20px; /* فاصله داخلی */
    border-radius: 10px; /* گوشه‌های گرد */
    background-color: #f9f9f9; /* رنگ پس‌زمینه ملایم */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    position: relative; /* موقعیت نسبی برای تنظیمات داخلی */
    box-sizing: border-box; /* شامل padding و border در محاسبه عرض */
}

/* استایل تصویر داخل کادر */
.content-box img {
    width: auto; /* تنظیم عرض تصویر به اندازه کادر */
    height: auto; /* حفظ تناسب تصویر */
    object-fit: cover; /* پر کردن کادر بدون بیرون زدن */
    display: block; /* حذف فضای سفید اطراف تصویر */
    border-radius: 15px 15px 0 0; /* گوشه‌های گرد بالا */
    width: 100%;
    height: 100%;
}

/* استایل برای پاراگراف‌ها */
.content-box p {
    font-size: 1em; /* اندازه متن */
    line-height: 1.6; /* فاصله بین خطوط */

}

/* استایل برای عناوین داخل .content-box */
.content-box h1, .content-box h2, .content-box h3 {
    font-family: 'Roboto', sans-serif; /* فونت */
    color: #333; /* رنگ متن: خاکستری تیره */
    margin-bottom: 15px; /* فاصله پایین */
    line-height: 1.4; /* فاصله بین خطوط */
}

/* استایل برای h1 داخل .content-box */
.content-box h1 {
    font-size: 1.5em; /* اندازه بزرگ‌تر */
    font-weight: 700; /* ضخامت بزرگ */
    color: #298462; /* رنگ ملایم‌تر */
}

/* استایل برای h2 داخل .content-box */
.content-box h2 {
    font-size: 1.2em; /* اندازه مناسب */
    font-weight: 600; /* ضخامت متوسط */
    color: #8c3d80; /* رنگ ملایم‌تر */
}

/* استایل برای h3 داخل .content-box */
.content-box h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.4;
  color: #061437;
}

.compare-title {
    padding: 10px 0;
    margin-bottom: 15px;
    display: flex;
}

.compare-title i {
    margin-left: 10px;
}

.compare-title h6 {
    font-weight: bold;
    font-size: 20px;
}

.compare table {
    border: 1px double #d7d7d7;
}

.compare table tr {
    width: 100%;
}

.compare table tr th,
.compare table tr td {
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    min-width: 220px;
    border: 1px double #d7d7d7;
}

.compare table td i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 10px;
}

.compare table tr td:nth-child(1) {
    font-weight: bold;
}

.td-head {
    font-size: 14px;
    text-align: right !important;
    background-color: rgba(238, 239, 241, 0.63) !important;
}

.compare .product-box-item {
    width: 220px;
    margin: auto;
    height: auto;
    position: relative;
}

.compare .product-box-item .compare-delete {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.compare .product-box-item .compare-delete span i {
    color: #333;
    cursor: pointer;
    font-size: 20px;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    -ms-transition: .2s all ease;
    -o-transition: .2s all ease;
}

.compare .product-box-item .compare-delete span i:hover {
    color: #d12714;
}

.compare .product-box-item-title h6 {
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
    margin: 10px 0;
    text-overflow: unset;
    white-space: unset;
}


.compare .product-box-item-hover-cart-btn {
    margin: 10px 0;
}

.compare-add {
    display: flex;
    justify-content: center;
}

.compare-add-product {
    width: 220px;
    border: 1px dashed #cdcaca;
    height: 100%;
    padding: 30px 0;
}

.cap-title {
    margin: 10px 0;
}

.cap-icon i {
    font-size: 30px;
    color: #666;
}

.cap-btn button {
    border: none;
    outline: none;
    font-size: 12px;
    padding: 5px 10px;
    background: #007fee;
    color: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.empty-cell {
    position: relative;
    text-align: center;
}

.empty-cell:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #ccc;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* end page compare */
/* start page checkout */
.checkout-forms {
    padding: 20px 0;
}

.checkout-form-title {
    padding-bottom: 20px;
}

.checkout-form-title h5 {
    font-weight: bold;
}

.checkout-forms .form-group {
    margin-bottom: 25px;
}

/* end page checkout */
/* start pages payment */
.payment {
    padding: 20px 10px;
}

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

.payment-title h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.7;
}

.payment-title h2 span {
    background: #04309f;
    padding: 2px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.payment-table tr td h6,
.payment-table tr td p {
    display: inline-block;
}

.payment-table tr td h6 {
    font-weight: bold;
}

.payment-table tr td p {
    margin-right: 5px;
}

.success-span {
    background: #12d4804c;
    color: #134c33;
    padding: 0 5px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.danger-span {
    background: #ce09094c;
    color: #ce0909;
    padding: 0 5px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.danger-span-border {
    color: #ce0909;
    border-bottom: 1px dashed #ce0909;
}

.primary-span{
    color: #007fee;
    border-bottom: 1px dashed #007fee;
    font-weight: bold;
    padding-bottom: 3px;
}

.btn-main-primary {
    background: #052c8d;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.btn-main-primary:hover {
    background: #0d39a9;
}

.main-table {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px;
}

.main-table thead {
    background: #f8f8f8;
}

.main-table tr {
    text-align: center;
}

.main-table thead th,
.main-table tbody td {
    padding: 20px 0;
}

.main-table tbody td,
.main-table thead th {
    max-width: 300px;
    /* text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; */
    border: 1px solid #eee;
}

/* end pages payment */
/* start page cart empty */
.cart-empty {
    text-align: center;
    padding: 20px 0;
}

.cart-empty-icon {
    margin-bottom: 15px;
}

.cart-empty-offer {
    margin-bottom: 10px;
}

.cart-empty-offer a {
    padding: 0 5px;
    border-left: 1px solid #ccc;
}

.cart-empty-offer a:nth-last-child(1) {
    border: none;
}

.cart-empty-title a {
    display: inline-block;
    margin-top: 15px;
}

/* end page cart empty */
/* start dashboard  */
.ui-boxs {
    position: sticky;
    top: 0;
    padding-bottom: 20px;
}

.ui-box {
    margin-bottom: 20px;
}

.ui-box-white .ui-box-item-desc {
    background-color: #fff;
}

.ui-box-white .ui-box-item-title {
    background-color: #f7f7f7;
}

.ui-box-item {
    border-radius: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.ui-box-item-title {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.ui-box-item-title h4 {
    font-size: 18px;
}

.ui-box-item-title a i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.ui-box-item-desc {
    background: #f7f7f7;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.dashboard-user-img-profile {
    text-align: center;
}

.dashboard-user-img-profile img {
    border: 4px double #eaaf00;
}

.dashboard-user-info {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.dashboard-user-info .user-name {
    font-weight: bold;
    margin-bottom: 7px;
}

.dashboard-user-info .user-number {
    font-size: 13px;
}

.dashboard-user-btn {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dashboard-user-btn div:hover {
    color: #F7CB2D;
}

.dashboard-user-btn div:hover a {
    color: #007fee !important;
}

.dashboard-user-btn div i,
.dashboard-user-btn div a {
    cursor: pointer;
    display: block;
    text-align: center;
}

.dashboard-user-btn div a {
    font-size: 14px;
}

.sidebar-menu {
    overflow: hidden;
}

.sidebar-menu li {
    padding: 5px 0;
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}

.sidebar-menu li:hover {
    background: #1f34bc1b;
}

.sidebar-menu li.active {
    background: linear-gradient(to right, #1f34bc, #240e8b);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar-menu li.active a span,
.sidebar-menu li.active a i {
    color: #fff;
}

.sidebar-menu li.active a i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 2px;
}

.sidebar-menu li a {
    font-size: 15px;
}

.dashboard-cart .card {
    --bs-card-inner-border-radius: 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard-cart {
    height: 140px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard-cart-title {
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 10px;
    background-color: #e1e1e1;
    color: #333;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.dashboard-cart-title i {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    font-size: 25px;
    margin-left: 5px;
}

.dashboard-cart-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #0e3eb7;
    color: #fff;
    padding: 15px 10px;
    height: 50%;
}

.main-table tbody tr.text-center td {
    text-align: center;
}

.main-table tbody td {
    padding: 10px 10px;
    text-align: right;
}

.main-table-2 h6 {
    font-size: 14px;
}

.main-table-2 p {
    font-size: 15px;
    color: #333;
}

.product-row {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.product-row:nth-last-child(1) {
    border-bottom: none;
}

.product-row-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-row-desc-item {
    display: flex;
    align-items: center;
}

.product-row-title {
    margin-right: 10px;
}

.product-row-title h6 {
    font-size: 13px;
    color: #6c757d;
}

.product-row-icon {
    padding: 5px;
}

.product-row-icon i {
    font-size: 18px;
}

.product-row-icon i.bi-trash:hover {
    color: #ce0909;
}

.product-row-icon i.bi-cart-plus:hover {
    color: #009500;
}

.product-price {
    padding: 10px 0;
}

.product-price p {
    color: #04ac12;
    font-weight: bold;
}

.orders {
    padding: 10px 0;
}

.order-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.order-item:nth-last-child(1) {
    padding-bottom: 0px;
    border-bottom: none;
}

.order-item-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0 15px 0;
}

.order-item-status-item p {
    font-weight: bold;
}

.order-item-status-item i {
    font-size: 25px;
    color: #009500;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.dropd-status i {
    font-size: 16px;
    color: #333;
}

.order-item-status-item span {
    margin-right: 5px;
}

.order-item-detail {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.order-item-detail ul li {
    margin-left: 20px;
    padding-bottom: 10px;
    font-size: 14px;
}

.order-item-detail ul li:nth-last-child(1) {
    padding-bottom: 0;
}

.order-item-detail ul li span {
    margin-left: 7px;
}

.order-item-product-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.order-item-product-list-item {
    margin-left: 7px;
}

.order-item-show {
    padding: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-item-show p {
    color: #052c8d;
    font-size: 14px;
}

.order-item-show p i {
    font-size: 20px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    margin-left: 5px;
}

.order-item-comment {
    display: flex;
    justify-content: flex-end;
    color: #052c8d;
}

.order-item-comment a {
    color: #052c8d;
}

.product-list-row-lg .product-row-title h6 {
    font-size: 16px;
}

.order-progress h6 i {
    font-size: 25px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    color: #009500;
}

.order-progress .progress {
    height: 10px;
}

.order-progress .progress .progress-bar {
    background-color: #05ae65;
}

.notifi-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.notifi-desc {
    padding: 10px 0;
}

.dot-click i {
    width: 5px;
    height: 5px;
    margin-bottom: 2px;
}

/* end dashboard */

/* new update for product */

/*start product*/
.box_product {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #e4e4e4;
}

.gallery_options ul li a {
    color: #6d706f;
    background: white;
    border-radius: 8px;
    padding: 5px;
    border: 1px solid #cacaca;
}

.gallery_options ul li a:hover {
    border: 1px solid #626766;
}

.gallery_options ul li {
    margin-top: 8px;
}

.gallery_options ul li a i {
    padding: 5px;
    vertical-align: -7px;
}

.box_list_img img {
    width: 55px;
    height: 45px;
}

.box_list_img i {
    font-size: 45px;
    vertical-align: -18px;
    border-radius: 8px;
    background-color: #fefefe;
    border: 1px solid #e2e2e2;
    color: #8c8a88;
}

.product-info {
    background: #fdfdfd;
}

.product-info .product-title {
    font-size: 15px;
    line-height: 1.467;
    color: #494944;
    font-weight: 400;
}

.product-info .product-title span {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 1.833;
    display: block;
    margin-top: 5px;
}

.product-info .beenhere {
    color: #ff637d;
    font-size: 30px;
}

.box_beenhere p {
    font-size: 12px;
}

.product-info .product_directory ul li {
    font-size: 13px;
}

.product-info .product_directory ul li a {
    border-bottom: 1px dashed #1ca2bd;
}

.product-info .box_color .box_check1 {
    font-size: 15px;
    width: 80px;
    height: 30px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #ccc;
    content: "";
}

.product-info .box_color {
    position: absolute;
}

.product-info .box_color .check1 {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    content: "";
    top: 6px;
    left: -6px;
}

.box_color .title {
    vertical-align: 10px;
    color: #6f6f6f;
    font-size: 15px;
}

.product-info .box_color .check2 {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: #000;
    border: 1px solid #ccc;
    content: "";
    top: 6px;
    left: -6px;
}

.box_color a {
    display: inline;
    color: #6f6f6f;
}

.check1 span,
.check2 span {
    position: absolute;
    left: -45px;
    top: -4px;
}

.box_color a:hover .box_check1 {
    border: 1px solid #00bff6;
}

.product_guarantee span {
    color: #6f6f6f;
    font-size: 14px;
}

.product_guarantee i {
    vertical-align: -7px;
    color: #c1c1c1;
}

.product_guarantee span a {
    border-bottom: 1px dashed #1ca2bd;
}

.product_guarantee .store {
    color: #c1c1c1;
}

.seller_rate {
    padding-right: 40px;
    font-size: 12px;
}

.box_price {
    color: #fb3449;
    font-size: 30px;
}

.btn_custom2 {
    padding: 16px 18px 16px 18px;
    border-radius: 8px;
    background: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
}

.btn_custom2:hover {
    color: #fff;
}

.btn_custom2 i {
    vertical-align: -7px;
    margin-left: 10px;
}

.product_params i {
    color: #c1c1c1;
    font-size: 45px;
    vertical-align: -15px;
}

.btn-white {
    color: #009ec9 !important;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #f5f5f5;
    padding: 10px 10px 19px 10px;
    font-size: 13px;
}

.product_params .box2 span {
    color: #55565a;
    font-weight: bolder;
    font-size: 14px;
}

.product_params .box2 ul li {
    font-size: 13px;
    padding-top: 7px;
    color: #55565a;
}

.product_params .box2 ul li a {
    border-bottom: 1px dashed #1ca2bd;
}

.product_params .box2 ul {
    list-style: none;
    padding: 0;
}

.product_params .box2 ul li:before {
    color: #ccc;
    font-weight: bolder;
    display: inline-block;
    width: 1em;
    content: "\2022";
    font-size: 16px;
}

.unfair-price {
    color: #7c7c7c;
    font-size: 14px;
}

.unfair-price a {
    border-bottom: 1px dashed #1ca2bd;
}

.box_offer span {
    color: #1ca2bd;
    font-size: 14px;
    border-bottom: 1px dashed #1ca2bd;
}

.box_offer i {
    vertical-align: -7px;
    padding-left: 5px;
}

.product_feature {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 5px 25px;
}

.product_feature img {
    display: inline;
    float: right;
    width: 45px;
    padding-left: 5px;
}

.product_feature .box {
    margin-top: 20px;
}

.product_feature ul li {
    font-size: 12px;
    margin-left: 5px;
}

.product_feature a {
    color: #4a5f73;
}

.product_feature .pf_img {
    margin-top: -5px;
}

.title_suppliers span {
    font-size: 18px;
    color: #515151;
}

.title_suppliers i {
    font-size: 35px;
    vertical-align: -12px;
    color: #c1c1c1;
}

.table_link a {
    border-bottom: 1px dashed #1ca2bd;
}

.table_suppliers tr td span {
    font-size: 15px;
}

.table_suppliers tr td .span1 {
    color: #8c8c8c;
}

.table_suppliers tr td .span2 {
    color: #009ec9;
}

.table_suppliers i {
    vertical-align: -6px;
    color: slategrey;
}

.table_suppliers .offline_pin {
    color: #c1c1c1;
    vertical-align: -20px;
}

.table_suppliers .price {
    color: #76787a;
    font-size: 18px;
    vertical-align: -15px;
}

.table_suppliers .title_g {
    vertical-align: -13px;
}

.table_suppliers tr th {
    background: #5e98ae;
}

.btn_custom2:hover {
    background-color: #54dbfc;
}


.table_suppliers p {
    border-bottom: 1px dashed #1ca2bd;
    display: inline;
    margin: 0 auto;
}

.box-tabs ul li a {
    color: #6f6f6f;
}

.box-tabs ul li i {
    vertical-align: -8px;
    color: #ccc;
    padding: 3px;
}

.box-tabs .nav-tabs .nav-link {
    border: 0 solid transparent;
}

.box-tabs .nav-tabs .nav-link.active {
    border-top: 5px solid #00bfd6;
    border-radius: 0;
}

.box-content h4 {
    color: #6f6f6f;
}

.box-content span {
    color: #6f6f6f;
    font-size: 15px;
}

.box-content .box_list .title {
    color: #4d4d4d;
}

.box-content .box_list i {
    vertical-align: -7px;
    color: #00bfd6;
}

.block {
    display: block;
}

.box_params_list p {
    display: block;
    background: #fafafa;
    padding: 14px 18px 12px;
    font-size: 13px;
    line-height: 1.692;
    color: #4d4d4d;
    min-height: 47px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.border_right_custom1 {
    border-right: 3px solid #00bfd6;
}

.border_right_custom2 {
    border-right: 3px solid #fc6274;
}

.nav-tabs-custom {
    background: #F5F5F5;
}

.box_comment .bc1 {
    padding: 10px 33px 33px 60px;
}

.bc1 .row {
    background: #fcfcfc;
    border-radius: 5px;
}

.box_comment .progress_title,
.box_comment .progress_title2 {
    font-size: 14px !important;
}

.box_comment .progress {
    height: 4px !important;
    margin-top: 10px;
}

.box_comment .progress-bar {
    background-color: #00bfd6;
}

.btn_custom3 {
    background: #7a7a7a;
    border-color: #7a7a7a;
    color: #fff;
}

.btn_custom3:hover {
    background: #7f8879;
    color: #fff;
    border-color: #7f8879;
}

.btn_custom3 svg {
    margin-left: 5px;
}

.box_filter .bf1 i {
    vertical-align: -6px;
    color: #00bfd6;
}

.active_custom {
    color: #00bfd6 !important;
}

.box_users_comment {
    border-radius: 5px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    margin-bottom: 36px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.box_users_comment .box_message_light {
    font-size: 13px;
    line-height: 2.23;
    background: #fdfff8;
    border: 1px solid #e2f0d5;
    border-radius: 3px;
    color: rgba(36, 90, 29, .98);
    padding: 7px 20px 7px 12px;
}

.box_message_light svg {
    margin-left: 5px;
}

.box_shopping span {
    font-size: 14px;
}

.box_shopping p svg {
    margin-left: 5px;
    color: #c1c1c1;
}

.box_shopping p a {
    color: #007fee;
    font-weight: bold;
    padding-bottom: 3px;
}

.box_shopping i {
    color: #c1c1c1;
    vertical-align: -9px;
}

.box_shopping a {
    font-size: 14px;
    border-bottom: 1px dashed #1ca2bd;
}

.box_message_dislike {
    padding: 7px 20px 7px 12px;
    font-size: 12px;
    line-height: 2.23;
    background: #fff8f9;
    border: 1px solid #ffbcc7;
    border-radius: 3px;
    color: #ff637d;
}

.box_message_dislike svg {
    margin-left: 5px;
}

.box_comment_header .span1 {
    font-size: 20px;
}

.box_comment_header .span2 {
    font-size: 13px;
    color: #adadad;
}

.evaluation-positive span {
    font-weight: bold;
    color: #00bfd6;
    font-size: 14px !important;
    margin-left: 5px;
}

.evaluation-positive ul li:before {
    color: #00bfd6;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    content: "\2022";
    vertical-align: -5px;
    font-size: 19px;

}
.evaluation-negative span {
    font-weight: bold;
    color: #ff637d;
    font-size: 14px !important;
}

.evaluation-negative ul li:before {
    color: #ff637d;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    content: "\2022";
    vertical-align: -5px;
    font-size: 19px;
}

.evaluation-negative,
.evaluation-positive {
    font-size: 14px !important;
}

.box_text_comment {
    font-size: 14px;
    line-height: 1.71;
    color: #505050;
}

.comments_likes{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.comments_likes span {
    text-align: center;
    color: #777;
    font-size: 13px;
    line-height: 1.692;
}

.comments_likes .btn-like {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 13px;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 1.692;
    margin-left: 20px;
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
}

.comments_likes .btn-like:nth-last-child(1){
    margin-left: 0px;
}

.btn-like-dislike:hover{
    border-color: #ff637d;
}

.btn-like-like:hover{
    border-color: #008d44;
}

.email_check a {
    border-bottom: 1px dashed #1ca2bd;
}

.email_check {
    font-size: 14px;
}

.email_check label {
    line-height: 25px;
}

.box_questions .bq1 i {
    font-size: 90px;
    color: #35ccde !important;
}

.box_questions .bq1 .span1 {
    color: #7a7a7a;
    font-size: 25px !important;
    color: #565757 !important;
}

.box_questions .bq1 .span2 {
    color: #959595;
    font-size: 13px !important;
    margin-bottom: 10px;
    display: inline-block;
}

.box_questions .bq2::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 11px;
    border-color: transparent transparent transparent #dbdbdb;
    left: 100%;
    top: 50px;
}

.box_questions .bq2 {
    position: relative;
    border: 1px solid #dbdbdb;
    background: #fcfcfc;
    padding: 19px 29px 20px;
    color: #4d4d4d;
    min-height: 240px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}

.bq2 a {
    font-size: 13px !important;
}

.bq2 .date {
    color: #565757;
    font-size: 12px;
    margin-left: auto;
}

.box_questions .bq1 .bi-chat-dots-fill {
    color: #ffd188 !important;
}

.box_list .title {
    color: #565757;
    font-weight: bold;
}

.box_list p svg {
    color: #007fee;
    margin-left: 5px;
}

.box_list section {
    margin-top: 20px;
}

.box_list section .container {
    padding: 0 40px;
}

.title-comment-product svg {
    margin-left: 5px;
    color: #007fee;
}

#modalComment .form-group{
    margin-bottom: 40px;
}

.btn-primary-pill{
    background: #04309f;
    font-weight: bolder;
    padding: 10px 0;
}

.bq-footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px 30px;
}

.breadcrumb-item.active{
    font-size: 14px;
}

.list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
    margin-bottom: 5px;
}

/* end new update for product */

/* multi seller */


.multi-seller {
    padding-bottom: 20px;
}

.multi-seller .main-table th {
    padding: 20px 0;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.multi-seller .content-box {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
}

.table-responsive-mobile {
    padding: 10px 0;
}

.table-responsive-mobile .trm-parent {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}


.table-responsive-mobile .trm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.table-responsive-mobile .trm .trm-item {
    flex: 0 0 calc(49.5% - 1px);
    max-width: calc(49.5% - 1px);
    padding: 20px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.table-responsive-mobile .trm .trm-item:nth-child(1) {
    font-weight: bold;
}

.table-responsive-mobile .trm .trm-item:nth-child(2) {
    color: #717171;
}

.table-responsive-mobile .trm:nth-last-child(1) {
    border-bottom: none;
}

.table-responsive-mobile .trm .trm-item-full {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 25px 10px;
}

.btn-add-cart-new {
    font-weight: bold;
    height: 100%;
    background: #05ae65;
    border: 1px solid #05ae65;
    outline: none;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    transition: 0.3s all ease;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}

.btn-add-cart-new:hover {
    background: transparent;
    color: #515151;
}

.slider-title {
    color: #fff;
    text-align: right !important;
    flex-grow: 1;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.slider-title h6 {
    font-weight: bold;
}

.slider-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 2px;
    background: #007fee;
    z-index: 2;
}

.slider-title::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, #e8e8e8 0%, rgba(236, 236, 236, 0) 100%);
    z-index: 1;
}

/* end multi seller */

.main-menu , .top-menu-menu ul>li>ul{
    margin: 0 auto;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}


.product-description a:visited {
    color: purple; /* رنگ لینک بازدید شده */
}

.product-description a:hover {
    color: darkblue; /* رنگ لینک در حالت هاور */
}

.product-description a:active {
    color: red; /* رنگ لینک در حالت فعال */
}

/* این بخش برای جاوا اسکریپت بیشتر و کمتر در بخش توضیحات کوتاه است      */


.product-desc-content {
    /* به طور پیش‌فرض فقط 10 خط اول نمایش داده می‌شود */
    /*max-height: 400px;*/
     /*ارتفاع پیش‌فرض */
    overflow: hidden;
    position: relative;
    font-family: 'Vazir', sans-serif;
  font-size: 16px !important;
  font-weight: 400;
    
}

.product-desc-content.show-more {
    max-height: none; /* ارتفاع نامحدود وقتی "بیشتر" انتخاب شده است */
}

.fade-out {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}

/*دکمه بیشتر و کمتر*/
.show-more-button {
    background-color: transparent; /* حذف رنگ پس‌زمینه */
    border: none; /* حذف حاشیه */
    color: #1ae8618a;; /* رنگ آبی بهبود یافته */
    cursor: pointer;
    padding: 0; /* حذف فضای داخلی */
    font-size: 18px;
    font-weight: bold; /* وزن فونت بهبود یافته */
    text-decoration: none; /* حذف زیرخط */
    position: static; /* موقعیت‌دهی پیش‌فرض */
    text-align: right; /* قرارگیری در سمت راست */
    display: block;
    transition: color 0.3s ease, text-decoration 0.3s ease; /* تغییرات نرم در رنگ و دکوراسیون */
    margin-right: 20px; /* فاصله از سمت راست */
}

.show-more-button:hover {
    color: #0c47a1; /* رنگ تیره‌تر هنگام هاور */
    text-decoration: underline; /* اضافه کردن زیرخط هنگام هاور */
}



/*پخش فیلم در صفحه محصول*/

/* تغییر رنگ و اندازه دکمه ضربدر */
.custom-close {
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
    color: #000;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.custom-close:hover {
    opacity: 1;
    color: #ff0000; /* تغییر رنگ به قرمز هنگام هاور */
}

/* تغییر اندازه عنوان مودال */
.modal-title {
    font-size: 1.25rem;
    font-weight: bold;
}

/* تنظیم کردن ظاهر ویدیو در مودال */
.modal-body video {
    width: 750px;
      height: 400px;
    border-radius: 10px;
}

/* تغییر پس زمینه مودال */
.modal-content {
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
    .video-placeholder {
        background-color: #f8d7da;
        color: #721c24;
        border: 2px solid #f5c6cb;
        transition: all 0.3s ease;
    }

    .video-placeholder:hover {
        background-color: #f5c6cb;
        border-color: #f1b0b7;
    }

    .video-placeholder img {
        max-width: 100%;
        height: auto;
    }

    .video-placeholder h5 {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .video-placeholder button {
        background-color: #007bff;
        border-color: #007bff;
    }

    .video-placeholder button:hover {
        background-color: #0056b3;
        border-color: #004085;
    }
/*م
تن بالای هدر صفحه اصلی*/
  .ads{
            text-align: center;
            background: #f8015b;
            padding: 12px 0;

            color: white;
            z-index: 0;
            overflow: hidden;
            top: 0; /* Position the navbar at the top of the page */
            width: 100%; /* Full width */
        }
        .navbars {
            z-index: 100;
            /*overflow: hidden;*/
            background-color: #333;
            top: 0; /* Position the navbar at the top of the page */
            width: 100%; /* Full width */
        }
        #loading {
            position: fixed;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.8;
            background-color: #fff;
            z-index: 99;
        }

        #loading-image {
            z-index: 100;
        }

/*اشتراک گذاری شروع */
.share-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.share-button {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.share-button i {
    margin-right: 5px;
}

.share-button.telegram {
    background-color: #0088cc; /* رنگ تلگرام */
}

.share-button.ita {
    background-color: #00a3d9; /* رنگ ایتا */
}

.share-button.rubika {
    background-color: #00a3e0; /* رنگ روبیکا */
}

.share-button.whatsapp {
    background-color: #25d366; /* رنگ واتس‌اپ */
}

.share-button.instagram {
    background-color: #c13584; /* رنگ اینستاگرام */
}

.share-button:hover {
    opacity: 0.8;
}





.text-container {
    position: relative;
    max-width: 100%;
}

.text-container .text-muted {
    overflow: hidden;
    max-height: 4.5em; /* تنظیم ارتفاع بر اساس تعداد خطوط مورد نظر */
    display: -webkit-box;
   margin: 15px 0; /* فاصله از عناصر دیگر */
    -webkit-line-clamp: 3; /* تعداد خطوط نمایش داده شده */
    -webkit-box-orient: vertical;
}

.text-container .more-content {
    display: none; /* مخفی کردن متن اضافی */
}

.text-container.expanded .text-muted {
    max-height: none; /* نمایش تمام متن */
    -webkit-line-clamp: unset; /* لغو محدودیت خطوط */
}

.text-container.expanded .more-content {
    display: block; /* نمایش متن اضافی */
}

.text-container .toggle-btn {
    color: blue; /* استایل دکمه */
    cursor: pointer; /* نمایش دست‌نما هنگام قرار گرفتن موس روی دکمه */
    font-weight: bold;
}



/*بخش ثبت نام*/
    /* General styles for form fields */
    .form-group {
        margin-bottom: 15px;
    }

    .input-group-text {
        background-color: #f8f9fa;
        color: #495057;
    }

    .form-control {
        border-radius: 0;
        border: 1px solid #ced4da;
          font-family: 'Samim-FD', sans-serif;
    }

    /* Styles for store section (فروشگاه) */
    #store-fields {
        background-color: #f1f1f1;
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    #store-fields .form-group {
        margin-bottom: 20px;
    }

    #store-fields .input-group-text {
        background-color: #e9ecef;
        color: #495057;
    }

    /* Section title */
    #store-fields .section-title {
        font-size: 1.2rem;
        font-weight: bold;
        color: #343a40;
        margin-bottom: 15px;
    }

    /* Button styling */
    .btn-login {
        background-color: #007bff;
        color: #fff;
        border-radius: 30px;
        padding: 10px 20px;
        transition: background-color 0.3s ease;
    }

    .btn-login:hover {
        background-color: #0056b3;
    }

    .login {
        background-color: #6c757d;
        margin-top: 10px;
    }

    .login:hover {
        background-color: #5a6268;
    }

    /* General user styles */
    .user-fields {
        background-color: #e0f7fa; /* Light teal background */
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .user-fields .section-title {
        font-size: 1.2rem;
        font-weight: bold;
        color: #00796b;
        margin-bottom: 15px;
    }

    .user-fields .form-group {
        margin-bottom: 20px;
    }

    .user-fields .input-group-text {
        background-color: #b2dfdb;
        color: #004d40;
    }

    /* User Type Selection Styles */
    .user-type-selection {
        background-color: #f1f1f1; /* Light grey background */
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .user-type-selection label {
        font-size: 1.1rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
        display: block;
    }

    .user-type-selection select {
        width: 100%;
        padding: 10px;
        font-size: 1rem;
        border-radius: 8px;
        border: 1px solid #ddd;
        background-color: #fff;
        transition: border 0.3s ease;
    }

    .user-type-selection select:focus {
        border-color: #007bff; /* Blue border on focus */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Soft shadow on focus */
        outline: none;
    }

    .user-type-selection option {
        padding: 10px;
    }


/*جدول*/

 table {
            width: 90%; /* جدول را کمی کوچکتر کردیم */
            margin: 20px auto;
            border-collapse: collapse;
            border: 2px solid #F4D03F;
        }

        th, td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center; /* نوشته ها را به مرکز آوردیم */
        }

        th {
            background-color: #F4D03F;
            font-weight: bold;
        }

        td {
            background-color: #f9f9f9;
        }

        td a {
            color: blue;
            text-decoration: none;
        }

        td a:hover {
            text-decoration: underline;
        }

        .highlight {
            background-color: #FCF3CF;
        }

        tbody td {
            font-size: 0.9em; /* اندازه متن در ستون های معمولی کوچکتر شده */
        }

        thead th {
            font-size: 1em; /* اندازه فونت ردیف اول بزرگتر باقی مانده */
        }
/*پایان جدول*/




.category-filters#filterSection {
    display: none;
}

.category-filters#filterSection.filter-visible {
    display: block;
}


    #filterSection {
        display: none;
    }

    .filter-visible {
        display: block;
    }






/* CSS برای چشمک زدن رنگی */
@keyframes colorBlink {
    0% { background-color: #ffcc00; } /* رنگ اولیه (زرد) */
    50% { background-color: #ff9900; } /* رنگ میانی (نارنجی) */
    100% { background-color: #ffcc00; } /* رنگ نهایی (زرد) */
}

.blink {
    animation: colorBlink 1s infinite;
    color: #fff; /* رنگ متن دکمه برای خوانایی بیشتر */

    animation: colorBlink 1s infinite;
    color: #fff; /* رنگ متن دکمه برای خوانایی بیشتر */
}


.register {
      padding-top: 10px;
      padding-bottom: 20px;
}

.registration-intro {
    background-color: #ffffff; /* رنگ پس‌زمینه سفید */
    border: 2px solid #007bff; /* حاشیه آبی */
    border-radius: 8px; /* گوشه‌های گرد */
    padding: 20px; /* فضای داخلی */
    margin: 20px 0; /* فاصله از بالا و پایین */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    font-family: Arial, sans-serif; /* فونت ساده */
}

.registration-intro h2 {
    color: #007bff; /* رنگ عنوان آبی */
    font-size: 22px; /* اندازه فونت عنوان */
    margin-bottom: 10px; /* فاصله پایین */
}

.registration-intro p {
    color: #333333; /* رنگ متن تیره */
    font-size: 15px; /* اندازه فونت متن */
    margin-bottom: 8px; /* فاصله پایین */
}

.registration-intro ul {
    list-style-type: none; /* حذف لیست‌چین */
    padding-left: 0; /* حذف فضای چپ */
}

.registration-intro ul li {
    margin-bottom: 6px; /* فاصله بین موارد لیست */
      color: #007bff; /* رنگ متن تیره */
    padding-left: 20px; /* فاصله چپ */
    position: relative; /* برای قرار دادن آیکن */
}

.registration-intro ul li::before {
    content: '•'; /* نقطه قبل از هر مورد */
    position: absolute; /* موقعیت‌یابی مطلق */
    left: 0; /* موقعیت چپ */
    color: #007bff; /* رنگ نقطه */
    font-size: 18px; /* اندازه نقطه */
}



.user-description {
    background-color: #f9f9f9; /* رنگ پس‌زمینه روشن */
    border: 1px solid #e0e0e0; /* حاشیه‌ی ملایم */
    border-radius: 8px; /* گوشه‌های گرد */
    padding: 15px; /* فاصله داخلی */
    margin-top: 15px; /* فاصله از عنصر بالایی */
    transition: all 0.3s ease; /* انیمیشن ملایم */
}

.user-description h4 {
    color: #333; /* رنگ عنوان */
    margin-bottom: 10px; /* فاصله زیر عنوان */
}

.user-description p {
    color: #555; /* رنگ متن */
    line-height: 1.5; /* فاصله خطوط */
}


/*متن توضیحات فوتر صف*/

.footer-text h1{
    font-size: 22px;
      height: 40px;
  font-family: unset, sans-serif;
}
.footer-text h2{
    font-size: 20px;
      height: 40px;
  font-family: unset, sans-serif;
}


/*متن توضیحات پرداخت*/


.order-note {
    background-color: #f9f9ff; /* پس‌زمینه ملایم */
    border: 2px dashed #007bff; /* حاشیه خط‌چین با رنگ متفاوت */
    padding: 15px; /* فاصله داخلی مناسب */
    border-radius: 10px; /* گوشه‌های گرد */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* سایه برای عمق */
    margin-top: 20px; /* فاصله از دیگر بخش‌ها */
    color: #333; /* متن خوانا */
}

.order-note label {
    font-weight: bold; /* تاکید روی متن برچسب */
    color: #0056b3; /* رنگ متن برچسب */
}

.order-note textarea {
    border: 1px solid #007bff; /* حاشیه متناسب با حاشیه بخش */
    outline: none; /* حذف خط پیش‌فرض */
    transition: all 0.3s ease; /* انیمیشن برای تغییر حالت */
}

.order-note textarea:focus {
    border-color: #0056b3; /* رنگ حاشیه هنگام فوکوس */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* سایه هنگام فوکوس */
}
.small-error {
    font-size: 0.8rem; /* تغییر اندازه فونت */
}
/* اضافه کردن کلاس btn-red برای دکمه‌های قرمز */
.btn-red {
    background-color: red;
    color: white;
}

.form-error-message {
    margin-bottom: 10px;
}

/* برای موبایل (عرض کمتر از 768px) */
@media (max-width: 768px) {
    .taptop {
        margin-top: 3%;
    }
}

/* برای دسکتاپ (عرض 768px به بالا) */
@media (min-width: 768px) {
    .taptop {
        margin-top: 0%;
    }
}

.ads-box {
    position: relative;
    border: 1px ;
    padding: 10px;
    border-radius: 5px;
}
.close-btn {
    position: absolute;
    top: 5px;
    left: 5px;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}


.out-of-stock .text-danger {
    color: #dc3545 !important; /* رنگ متن برای موجودی ناموجود */
}

.out-of-stock {
    background-color: #f8f9fa; /* پس‌زمینه کم‌رنگ */
    opacity: 0.7; /* شفافیت برای نمایش غیر فعال */
}

.out-of-stock-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #dc3545; /* قرمز */
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}
  /* طراحی واکنش‌گرا موبایل */
    @media (max-width: 767px) {
        .accordion-button {
            font-size: 16px;
            padding: 12px;
        }

        .accordion-body {
            padding: 15px;
        }

        .btn-outline-primary {
            font-size: 14px;
        }
    }

    /* طراحی برای تبلت‌ها */
    @media (max-width: 991px) and (min-width: 768px) {
        .accordion-button {
            font-size: 18px;
        }

        .accordion-body {
            padding: 20px;
        }

        .btn-outline-primary {
            font-size: 15px;
        }
    }
    
    
    /* تغییرات در استایل کارت‌ها */
.shipping-info {
    background-color: #f9f9f9; /* پس‌زمینه روشن */
    border-radius: 12px; /* گوشه‌های گرد بیشتر */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* سایه نرم‌تر */
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* هنگام hover کردن کارت‌ها */
.shipping-info:hover {
    transform: translateY(-10px); /* حرکت ظریف هنگام hover */
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); /* سایه بیشتر */
}

/* استایل برای دکمه مشاهده جزئیات */
.toggle-details {
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* تغییر رنگ دکمه هنگام hover */
.toggle-details:hover {
    color: #0056b3;
}

/* سبک برای آیکون‌ها */
.shipping-info i {
    font-size: 28px;
}

/* استایل برای توضیحات */
.shipping-description {
    font-size: 16px;
    line-height: 1.5;
    color: #6c757d;
}

/* قیمت‌ها */
.price {
    font-size: 18px;
    color: #28a745;
}

/* استایل برای نوع باربری */
.shipping-info strong {
    font-size: 16px;
    color: #343a40;
}
/* استایل برای دکمه مدل */
.btn-outline-primary {
    font-size: 14px;
    font-weight: bold;
}

/* استایل برای متن داخل مدل */
.modal-content {
    border-radius: 15px;
}

/* استایل برای پاپ‌آپ */
.modal-body p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}












/* قیمت محصول */
.se-cart-price {
    margin-bottom: 1rem;
}
.center-container {
    display: flex;
    justify-content: center; /* مرکز کردن به صورت افقی */
    align-items: center; /* مرکز کردن به صورت عمودی */

}
.se-cart-price-old {
    text-decoration: line-through;
    font-size: 1.2rem;
    color: #888;
    font-weight: 600;
}

.se-cart-price-new {
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 15px;
    color: #e74c3c;
}

.se-cart-price-new {
    color: #2ecc71;
}

/* دکمه‌های افزایشی و کاهشی */
.input-group-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 280px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    transition: box-shadow 0.3s, transform 0.3s;
}

.input-group-product:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.input-group-product .btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    color: #fff;
    border: none;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.input-group-product .btn:hover {
    background: linear-gradient(135deg, #4facfe, #20c4ff);
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.input-group-product .btn:active {
    transform: scale(0.95);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
}

.input-group-product input {
    border: none;
    font-size: 1.2rem;
    text-align: center;
    width: 50px;
    background-color: transparent;
    color: #333;
    outline: none;
}


.input-group .btn:disabled {
    color: #ccc;
    border-color: #ccc;
}

.counter {
    width: 60px;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px 20px;
    outline: none;
    color: #333;
    border: none;
    text-align: center;
}

.input-group .btn:hover {
    background-color: #3498db;
    color: #fff;
}

/* قیمت کل */
.total-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.2rem;
    font-weight: 400;
}

.total-price .text-muted {
    color: #777;
}

.total-price .num  {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2980b9;
    font-family: 'Samim-FD', sans-serif;

}

/* ویژگی‌های محصول */
.product-feature {
    margin-top: 1rem;
}

.navbar-nav {
    justify-content: center;
}

.product-weight {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.product-weight i {
    margin-right: 5px;
}


.footer-section p {
    font-family: 'Roboto', 'Arial', sans-serif; /* فونت خوانا و حرفه‌ای */
    font-size: 16px; /* اندازه متن مناسب */
    line-height: 1.8; /* فاصله مناسب بین خطوط */
    color: #333333; /* رنگ متن خوانا */
    padding: 10px 15px; /* فضای داخلی مناسب */

}

.footer-section p:hover {
    background: #eaf4fc; /* تغییر رنگ پس‌زمینه هنگام هاور */
    border-left-color: #0056b3; /* تغییر رنگ نوار کناری هنگام هاور */
}





@keyframes explode {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  75% {
    transform: scale(1.2);
    opacity: 0.5;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

.explode {
  animation: explode 0.6s forwards;
  background-color: #e63946;  /* تغییر رنگ به قرمز */
  color: white;
}

/* Logo */
.top-menu-logo img {
    max-height: 50px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.top-menu-logo img:hover {
    transform: scale(1.1);
}

/* Search Bar */
.top-menu-search .input-group {
    max-width: 500px;
    margin: 0 auto;
}

.search-txt {
    border-radius: 50px;
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #333;
    transition: border-color 0.3s ease;
}

.search-txt:focus {
    border-color: #ffcc00; /* Golden Accent */
}

.search-btn {
    background-color: #ffcc00;
    border-radius: 50px;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}

.search-btn:hover {
    background-color: #f3b300;
}

/* Authentication Buttons */
.auth-btn-index {
    background-color: #ffcc00;
    color: black;
    padding: 10px 20px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.auth-btn-index:hover {
    background-color: #f3b300;
    transform: scale(1.05);
}

/* Background Animation */
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Additional Styling for Glossy Effect */
.top-menu  {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.2); /* کاهش شفافیت */

}