/*
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (LE3BJSH6)
--------------------------------------------------------------------------------------
*/
@charset "UTF-8";

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Thin.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Thin.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IranBakh/woff/IRANYekanX-UltraLight.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Light.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Medium.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/IranBakh/woff/IRANYekanX-DemiBold.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/IranBakh/woff/IRANYekanX-ExtraBold.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Black.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/IranBakh/woff/IRANYekanX-ExtraBlack.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Heavy.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Bold.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranBakh/woff/IRANYekanX-Regular.woff') format('woff'), url('../fonts/IranBakh/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

@media(min-width:1200px) {
    .container {
        max-width: 1440px;
    }
}

:root {
    --gap-1: 1.5rem;
}

html {
    overflow-y: scroll;
}

.font-size-large {
    font-size: 150%;
}

a {
    color: #005a96;
}

    a:hover {
        text-decoration: none;
    }

[dir="rtl"] * {
    text-align: right;
}

html, body {
    font-family: IRANYekanX !important;
    font-weight: 300;
    background-color: #f4f9f6;
}

@media(max-width:992px) {
    html, body {
        scroll-padding-top: 5rem;
    }
}

.h-lazy {
    content-visibility: auto;
    contain-intrinsic-size: 500px;
}

::selection {
    background-color: #2980b9;
    color: #fff;
}

body {
    overflow-x: hidden;
}

.bg-body {
    background-color: #f4f9f6;
}

article {
    background-color: #fff;
    color: #2c3e50;
    will-change: transform;
}

    article p {
        line-height: 2.2rem;
        font-size: .95rem;
        text-align: justify !important;
    }

    article h2, article h3, article h4, article h5, article h6 {
        font-size: 1.2rem;
    }

@media(min-width:768px) {
    article h2 {
        font-size: 1.6rem;
    }

    article h3 {
        font-size: 1.3rem;
    }

    article h4 {
        font-size: 1.2rem;
    }

    article h5, article h6 {
        font-size: 1rem;
    }
}

article ol li, article ul li {
    color: #2c3e50;
    font-size: .95rem;
    line-height: 2.2rem;
}

article blockquote {
    background: #efefef;
    color: #2c3e50;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px;
    position: relative;
    font-size: 1.1rem;
}

    article blockquote:after {
        content: "❝";
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 1;
        transform: translate(-50%,-50%);
        background-color: #17a2b8;
        border-radius: 999px;
        display: grid;
        place-content: center;
        padding-top: .5em;
        color: #fff;
        font-size: 36px;
        top: 0;
        right: 50px;
    }

[dir="ltr"] article blockquote:after {
    left: 50px;
}

article a {
    text-decoration: underline;
    -webkit-text-decoration-color: #20a6f9;
    text-decoration-color: #20a6f9;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px;
}

article header a {
    text-decoration: none;
}

article img {
    max-width: 100% !important;
    height: auto !important
}

article iframe, article video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

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

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

.gap-1rem {
    gap: .4rem;
}

#LoginForm label {
    padding-right: 0 !important;
}

.btn-radius {
    border-radius: 8px;
}

.bg-theme {
    background-color: #064cac !important;
}

.btn-white {
    background-color: #fff;
}

.text-theme {
    color: #03234e !important;
}

.text-gray {
    color: #7a7a7a !important;
}

.ul-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media(min-width:1024px) {
    .root-page, .root-product-section, .root-article, .root-cat-article, .root-gallery-section, .root-page, .root-title {
        margin-top: 0;
    }
}

.root-product-section .product-page-content article, .root-pcat .product-page-content article {
    border-right: 2px solid #7a7a7a;
}

    .root-product-section .product-page-content article .product-name, .root-pcat .product-page-content article .product-name {
        top: 0rem;
        right: 1.5rem;
    }

        .root-product-section .product-page-content article .product-name p, .root-pcat .product-page-content article .product-name p {
            text-align: right !important;
            font-size: 1.3rem !important;
            font-weight: 800;
            color: #064cac !important;
            position: relative;
            padding-right: 50px;
        }

            .root-product-section .product-page-content article .product-name p:after, .root-pcat .product-page-content article .product-name p:after {
                content: "";
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff url("../img/logo/logo-title.png");
                background-repeat: no-repeat;
                background-position: center;
                right: 3px;
                top: 0;
                transform: translateY(-10px);
                position: absolute;
                border-radius: 50%;
                box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1);
            }

            .root-product-section .product-page-content article .product-name p:before, .root-pcat .product-page-content article .product-name p:before {
                content: "";
                width: 1rem;
                height: 2px;
                background-color: #7a7a7a;
                position: absolute;
                right: -7px;
                top: 1px;
                transform: translate(1rem,.5rem);
            }

    .root-product-section .product-page-content article h1, .root-product-section .product-page-content article h2, .root-product-section .product-page-content article h3, .root-product-section .product-page-content article h4, .root-product-section .product-page-content article h5, .root-product-section .product-page-content article h6, .root-pcat .product-page-content article h1, .root-pcat .product-page-content article h2, .root-pcat .product-page-content article h3, .root-pcat .product-page-content article h4, .root-pcat .product-page-content article h5, .root-pcat .product-page-content article h6 {
        text-align: right !important;
        font-size: 1.3rem !important;
        font-weight: 800;
        color: #064cac !important;
        position: relative;
        padding-right: 50px;
        margin-bottom: 2rem;
    }

        .root-product-section .product-page-content article h1 span, .root-product-section .product-page-content article h2 span, .root-product-section .product-page-content article h3 span, .root-product-section .product-page-content article h4 span, .root-product-section .product-page-content article h5 span, .root-product-section .product-page-content article h6 span, .root-pcat .product-page-content article h1 span, .root-pcat .product-page-content article h2 span, .root-pcat .product-page-content article h3 span, .root-pcat .product-page-content article h4 span, .root-pcat .product-page-content article h5 span, .root-pcat .product-page-content article h6 span {
            color: #064cac !important;
        }

@media(max-width:992px) {
    .root-product-section .product-page-content article h1, .root-product-section .product-page-content article h2, .root-product-section .product-page-content article h3, .root-product-section .product-page-content article h4, .root-product-section .product-page-content article h5, .root-product-section .product-page-content article h6, .root-pcat .product-page-content article h1, .root-pcat .product-page-content article h2, .root-pcat .product-page-content article h3, .root-pcat .product-page-content article h4, .root-pcat .product-page-content article h5, .root-pcat .product-page-content article h6 {
        font-size: 1.1rem !important;
    }
}

.root-product-section .product-page-content article h1:after, .root-product-section .product-page-content article h2:after, .root-product-section .product-page-content article h3:after, .root-product-section .product-page-content article h4:after, .root-product-section .product-page-content article h5:after, .root-product-section .product-page-content article h6:after, .root-pcat .product-page-content article h1:after, .root-pcat .product-page-content article h2:after, .root-pcat .product-page-content article h3:after, .root-pcat .product-page-content article h4:after, .root-pcat .product-page-content article h5:after, .root-pcat .product-page-content article h6:after {
    content: "";
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff url("../img/logo/logo-title.png");
    background-repeat: no-repeat;
    background-position: center;
    right: 3px;
    top: 0;
    transform: translateY(-10px);
    position: absolute;
    border-radius: 50%;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1);
}

.root-product-section .product-page-content article h1:before, .root-product-section .product-page-content article h2:before, .root-product-section .product-page-content article h3:before, .root-product-section .product-page-content article h4:before, .root-product-section .product-page-content article h5:before, .root-product-section .product-page-content article h6:before, .root-pcat .product-page-content article h1:before, .root-pcat .product-page-content article h2:before, .root-pcat .product-page-content article h3:before, .root-pcat .product-page-content article h4:before, .root-pcat .product-page-content article h5:before, .root-pcat .product-page-content article h6:before {
    content: "";
    width: 1rem;
    height: 2px;
    background-color: #7a7a7a;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(1rem,.5rem);
}

.root-product-section .line-side, .root-pcat .line-side {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: .5rem;
    position: relative;
    display: flex;
}

    .root-product-section .line-side::before, .root-pcat .line-side::before {
        content: '';
        position: absolute;
        top: -.75px;
        width: 50px;
        height: 2px;
        background: #005a96;
        border-radius: 1rem;
    }

.root-cat-article-list .cat-root-article-content h2 span {
    color: #005a96;
}

.root-title {
    margin-top: 3rem;
}

@media(min-width:1024px) {
    .root-title {
        margin-top: 0;
    }
}

.border-bottom-header {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: .5rem;
}

.root-pcat .product .product-title {
    text-align: center;
}

    .root-pcat .product .product-title a {
        text-align: center;
    }

        .root-pcat .product .product-title a small {
            text-align: center;
        }

.root-product-gallery img {
    border: 1px solid transparent;
}

    .root-product-gallery img.xactive {
        border: 1px solid #145b9c !important;
    }

.bg-img-aboutus {
    background-color: #2b2424;
}

    .bg-img-aboutus span {
        left: 50%;
        transform: translateX(-50%);
        bottom: 1rem;
        width: 85%;
    }

.border-radius-1 {
    border-radius: 0.5rem;
}

.border-theme {
    border: 1px solid #064cac;
}

.btn-call {
    border: 3px solid #064cac;
}

#LoginForm {
    background-color: transparent !important;
}

.login-text {
    color: #434343;
}

.item .item-child {
    transition: .5s;
}

    .item .item-child:hover {
        transition: .5s;
        box-shadow: 0 4px 1px 0 #064cac,0 1px 2px #064cac !important;
    }

.title h1 {
    font-size: 1.7rem;
    color: #434343;
    line-height: 1.8;
}

@media(min-width:768px) and (max-width:1023px) {
    .title h1 {
        line-height: unset;
    }
}

@media(min-width:1024px) {
    .title h1 {
        margin-top: 28px;
    }
}

.title .bottom-line {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,rgba(193,63,78,.25) 0%,#064cac 54.17%,rgba(193,63,78,.3) 100%);
    border-radius: 5px;
}

.commentTitle {
    background-color: #f4f9f6;
}

.fa-angle-down {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
}

    .fa-angle-down::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 8px;
        height: 8px;
        border-bottom: 1px solid;
        border-right: 1px solid;
        transform: rotate(45deg);
        left: 4px;
        top: 2px;
    }

.fa-search {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 100%;
    margin-left: -4px;
    margin-top: -4px;
}

    .fa-search::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        border-radius: 3px;
        width: 2px;
        height: 8px;
        background: currentColor;
        transform: rotate(-45deg);
        top: 10px;
        left: 12px;
    }

.fa-times {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 40px;
}

    .fa-times::after, .fa-times::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 16px;
        height: 2px;
        background: currentColor;
        transform: rotate(45deg);
        border-radius: 5px;
        top: 11px;
        left: 2px;
    }

    .fa-times::after {
        transform: rotate(-45deg);
    }

.top-header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
}

@media(min-width:1024px) {
    .top-header {
        position: unset;
        top: unset;
    }
}

.top-header .social .instagram a, .top-header .social .whatsapp a, .top-header .social .telegram a, .top-header .social .facebook a {
    color: #fff;
    transition: color .3s ease-in-out;
}

    .top-header .social .instagram a:hover, .top-header .social .whatsapp a:hover, .top-header .social .telegram a:hover, .top-header .social .facebook a:hover {
        color: #145b9c;
    }

.top-header .info .register-login .login {
    padding: 2px 7px 7px 0;
}

    .top-header .info .register-login .login a {
        color: #707070;
        font-size: .9rem;
    }

.top-header .info .register-login .register {
    padding: 8px 3px 7px 7px;
}

    .top-header .info .register-login .register a {
        color: #707070;
        font-size: .9rem;
    }

.nav-header .main-menu {
    flex-shrink: 0;
}

    .nav-header .main-menu .menu-mobile {
        margin-top: 73px;
        padding-right: 15px;
        padding-left: 15px;
    }

        .nav-header .main-menu .menu-mobile .menu-search {
            display: flex;
        }

            .nav-header .main-menu .menu-mobile .menu-search .form-control {
                padding: 1rem .1rem 1rem 3.5rem;
            }

            .nav-header .main-menu .menu-mobile .menu-search .user-icon, .nav-header .main-menu .menu-mobile .menu-search .call-mob {
                background: #064cac;
                width: 45px;
                height: 45px;
                border-radius: 2rem;
                display: flex;
                align-items: center;
                text-align: center;
                justify-content: center;
                margin-top: -22px;
            }

        .nav-header .main-menu .menu-mobile .menu-search-open .user-icon {
            display: none;
        }

        .nav-header .main-menu .menu-mobile .menu-search-open .menu-search-toggle {
            margin-top: 0;
            margin-left: 1rem;
        }

        .nav-header .main-menu .menu-mobile .menu-toggle-btn {
            background: #064cac;
            border-radius: 2rem;
            width: 45px;
            height: 45px;
            top: 13%;
        }

            .nav-header .main-menu .menu-mobile .menu-toggle-btn span:before {
                background: #fff;
            }

            .nav-header .main-menu .menu-mobile .menu-toggle-btn span:after {
                background: #fff;
            }

        .nav-header .main-menu .menu-mobile .menu-search-toggle {
            width: 45px;
            text-align: center;
            height: 45px;
            align-items: center;
            justify-content: center;
            background: #064cac;
            border-radius: 2rem;
            color: #fff;
            margin-top: -22px;
        }

    .nav-header .main-menu .menu > ul > li > a {
        transition: color .3s ease-in-out;
    }

        .nav-header .main-menu .menu > ul > li > a:hover {
            color: #e40000 !important;
        }

        .nav-header .main-menu .menu > ul > li > a i {
            margin: 0;
            color: #000 !important;
        }

    .nav-header .main-menu .menu > ul > li > ul {
        background-color: #fff;
    }

        .nav-header .main-menu .menu > ul > li > ul > li:hover {
            color: #e40000;
        }

        .nav-header .main-menu .menu > ul > li > ul > li a:hover {
            color: #e40000;
        }

@media(min-width:1024px) {
    .nav-header .main-menu .menu > ul > li > ul > li > span {
        display: none;
    }
}

.nav-header .main-menu .menu > ul > li > ul > li > ul {
    background-color: #fff;
}

    .nav-header .main-menu .menu > ul > li > ul > li > ul > li {
        padding: 0;
    }

        .nav-header .main-menu .menu > ul > li > ul > li > ul > li a {
            transition: all .3s ease-in-out;
            display: flex !important;
            align-items: center;
        }

            .nav-header .main-menu .menu > ul > li > ul > li > ul > li a:hover {
                color: #e40000;
            }

            .nav-header .main-menu .menu > ul > li > ul > li > ul > li a:before {
                content: '';
                background-color: #e40000;
                width: 2px;
                height: 12px;
                display: inline-block;
                margin-left: 6px;
                vertical-align: sub;
            }

.nav-header .main-menu .dropdown-panel a.dropdown-toggle {
    direction: ltr;
    background-color: #064cac;
}

    .nav-header .main-menu .dropdown-panel a.dropdown-toggle:after {
        display: none;
    }

.nav-header .main-menu .dropdown-panel .dropdown-menu {
    left: auto !important;
    right: 0;
}

.search-box .search-div .form-group {
    position: relative;
}

    .search-box .search-div .form-group .form-control {
        border: 1px solid #064cac;
        border-radius: .5rem;
        background: #fbfbf6;
    }

@media(min-width:1023px) {
    .search-box .search-div .form-group .form-control {
        width: 400px;
    }
}

.search-box .search-div .form-group .form-control::placeholder {
    font-size: .9rem;
}

.search-box .search-div .form-group .search-icon {
    position: absolute;
    top: 10%;
    left: 0;
    background-color: transparent;
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span {
        background-color: transparent;
    }
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span:before {
        top: 1px;
        left: -2px;
    }
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span:after {
        bottom: 0;
        left: -2px;
    }
}

@media(max-width:1023px) {
    .menu > ul > li > .menu-arrow > i {
        height: 12px;
        width: 12px;
    }

        .menu > ul > li > .menu-arrow > i:after {
            display: none;
        }
}

@media(max-width:1023px) {
    .menu > ul > li > ul.sub-menu > li .menu-arrow-02 > i {
        height: 12px;
        width: 12px;
    }

        .menu > ul > li > ul.sub-menu > li .menu-arrow-02 > i:after {
            display: none;
        }
}

@media(max-width:1023px) {
    .menu-active .menu > .menu-list {
        overflow-y: auto;
    }
}

.menu > ul > li > ul > li > ul.sub-menu > li > a {
    border-bottom: 0;
}

.menu > ul > li > a {
    justify-content: start;
    font-size: .85rem;
}

@media(max-width:1023px) {
    .menu-toggle-btn span {
        background: #fff;
    }
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span {
        background-color: transparent;
    }
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span:before {
        top: 1px;
        left: -2px;
    }
}

@media(max-width:1023px) {
    .menu-active .menu-toggle-btn span:after {
        bottom: 0;
        left: -2px;
    }
}

.nav-header .main-menu .menu > ul > li > ul > li > ul > li a {
    font-size: .8rem;
    flex-shrink: 0;
}

.nav-header .main-menu .menu > ul > li > ul > li > ul {
    background-color: transparent;
}

@media(min-width:1024px) {
    ul > li ul > li:not(.link-list) {
        align-items: start;
    }
}

@media(max-width:1023px) {
    .menu-mobile {
        height: 70px;
    }
}

.nav-header .main-menu .menu-mobile .menu-toggle-btn {
    top: 22%;
}

@media(min-width:1024px) {
    .menu > ul > li > .megamenu {
        top: 50px;
    }
}

.menu-search-open {
    position: relative;
}

.menu-mobile .menu-search-open form .search-ic .iconsearch {
    position: absolute;
    top: 40%;
    left: 5%;
    display: block;
}

.menu-mobile .menu-search-open form .search-ic {
    display: block;
    background-color: transparent;
}

.menu-mobile .menu-search-form .search-ic {
    display: none;
    background-color: transparent;
}

.menu a {
    line-height: 2.6;
}

.menu > ul > li > .megamenu .title {
    margin: 0;
}

@media(max-width:1023px) {
    .menu > ul > li > .menu-arrow {
        height: 39px;
    }
}

@media(min-width:1024px) {
    .menu > ul > li > ul {
        top: 50px;
    }
}

@media(min-width:1023px) {
    .menu > .menu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
        background: #fff;
        margin-top: -1px;
    }
}

.nav-header .main-menu .menu > ul > li > ul > li a::before {
    content: '';
    background-color: #e40000;
    width: 2px;
    height: 12px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: sub;
}

@media(min-width:1023px) {
    .menu > ul > li > .megamenu .link-list {
        margin-bottom: 0;
    }
}

@media(min-width:1024px) {
    .menu > ul > li > a {
        padding: 0 10px;
    }
}

.main-footer .footer-section {
    background-color: #f4f9f6;
}

@media(min-width:768px) {
    .main-footer .footer-section .info-footer {
        position: relative;
        top: -40px;
        border-radius: 1rem;
        min-height: 80px;
    }
}

.main-footer .footer-section .info-footer p {
    text-align: center;
}

@media(min-width:992px) {
    .main-footer .footer-section .info-footer p {
        font-size: 1.2rem;
        font-weight: 600;
        text-align: right;
    }
}

.main-footer .footer-section .menu-footer ul {
    line-height: 2rem;
}

    .main-footer .footer-section .menu-footer ul li:before {
        content: "";
        background-color: #03234e;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 3px;
        margin-left: 5px;
    }

    .main-footer .footer-section .menu-footer ul li span {
        font-size: 1rem;
        color: #7a7a7a;
    }

    .main-footer .footer-section .menu-footer ul li a {
        font-size: 1rem;
        color: #7a7a7a;
        transition: color .3s ease-in-out;
    }

        .main-footer .footer-section .menu-footer ul li a:hover {
            color: #e40000;
        }

.main-footer .footer-section .menu-footer .contact-us-box ul li:before {
    content: "";
    display: none;
}

.main-footer .footer-section .menu-footer strong {
    font-size: 1.3rem;
    font-weight: bold;
    color: #03234e;
}

.main-footer .footer-section .social-media a {
    color: #000;
    transition: color .3s ease-in-out;
}

    .main-footer .footer-section .social-media a:hover {
        color: #145b9c;
    }

.main-footer .footer-section .divider {
    border-bottom: 1px solid #7a7a7a;
}

.main-footer .mini-footer .copyright-text a {
    font-size: .9rem;
}

.main-footer .mini-footer .copyright-text .online-shop {
    font-size: .8rem;
    transition: color .3s ease-in-out;
}

    .main-footer .mini-footer .copyright-text .online-shop:hover {
        color: #145b9c;
    }

.main-footer .mini-footer .copyright-text .Slogan-footer {
    font-size: .8rem !important;
}

.scrolltop {
    position: fixed;
    right: .5rem;
    bottom: 4.5rem;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 999;
    background: #064cac;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    transition: all .3s ease;
}

    .scrolltop i {
        color: #fff;
    }

    .scrolltop:hover {
        transform: scale(1.1);
    }

    .scrolltop i {
        transition: all .3s ease;
        color: #fff;
        z-index: 100;
        font-size: 1.3rem;
        text-align: center;
        display: block;
        line-height: 1.3;
    }

.text-theme {
    color: #064cac;
}

.breadcrumb {
    padding: .3rem .34rem;
    margin-bottom: 0;
}

@media(min-width:768px) {
    .breadcrumb {
        background: transparent;
        padding: .75rem 0;
        margin-bottom: 10px;
    }
}

.breadcrumb a {
    color: #7a7a7a;
    font-size: .8rem;
    transition: color .3s ease-in-out;
}

    .breadcrumb a span {
        color: #7a7a7a;
        font-weight: 800;
    }

    .breadcrumb a:hover {
        color: #333;
    }

.breadcrumb span {
    color: #064cac;
    font-weight: 800;
}

.breadcrumb .active {
    font-size: .8rem;
}

.breadcrumb-item + .breadcrumb-item {
    position: relative;
    padding-right: 1.3rem;
    padding-left: 0;
    padding-right: 1.1rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        content: "";
        box-sizing: border-box;
        position: relative;
        display: block;
        border-radius: 100px;
        padding-right: .2rem;
    }

    .breadcrumb-item + .breadcrumb-item::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 7px;
        height: 7px;
        border-bottom: 2px solid #7a7a7a;
        border-left: 2px solid #7a7a7a;
        transform: rotate(45deg);
        right: 5px;
        top: 7px;
    }

.fix-header {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    background-color: #fff;
    box-shadow: 0 11px 16px -3px rgba(0,0,0,.1);
    z-index: 10000000000;
}

.card .card-body .form-row select {
    font-size: 1rem;
    background-color: #e9ecef !important;
    color: #656a6d;
}

.card .card-body .form-row label, .card .card-body .form-row input {
    color: #656a6d;
}

.form-control select {
    background-color: #e9ecef !important;
}

input.form-control label {
    color: #434343;
}

.selection span {
    background-color: #e9ecef !important;
    color: #656a6d !important;
}

.grid-table thead {
    background: #243746;
    color: #fff;
}

    .grid-table thead tr th.grid-header .grid-header-title a {
        font-weight: normal;
        color: #fff;
    }

#LoginForm .card-body .form-group input[type="text"].form-control {
    background-color: transparent !important;
}

article table tbody tr:first-child td { /* color:#fff !important; */
}

    article table tbody tr:first-child td span { /* color:#fff !important; */
    }

.product-rating span, .product-comment span {
    font-size: .9rem;
    font-weight: 800;
}

.justify-content-aroundd {
    justify-content: flex-start;
}

.logoo {
    height: 62px;
}

@media only screen and (max-width: 768px) {
    .logoo {
        height: 38px;
    }

    .nav-header .main-menu .menu-mobile {
        margin-top: 55px;
    }

    .enamadd {
        text-align: center;
    }

    .respon {
        margin-top: 1rem;
    }

    .leftres {
        left: 16px !important;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 85%) !important;
        top: 50% !important;
    }

    .rightres {
        right: -11px !important;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 85%) !important;
        top: 50% !important;
    }
}

.font-green {
    color: #0BA411;
}

.font-red {
    color: #C13F4E !important;
}

.perline {
    white-space: pre-line;
}


/*
.sidefilters {
    max-height: 90vh;
    overflow-y: scroll;
}*/
/* width */
.sidefilters::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.sidefilters::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px grey;
    border-radius: 5px;
}

/* Handle */
.sidefilters::-webkit-scrollbar-thumb {
    background: #064cac;
    border-radius: 5px;
}

    /* Handle on hover */
    .sidefilters::-webkit-scrollbar-thumb:hover {
        background: #b9b9b9;
    }

.root-article .des-article p {
    -webkit-line-clamp: 6 !important;
}

@media (min-width: 1024px) {
    .root-page .tab-content .tab-item .main-title .line-left {
        width: 30% !important;
    }

    .root-page .tab-content .tab-item .main-title .line-right {
        width: 30% !important;
    }
}

.root-page .tab-content .tab-item .main-title .line-right {
    width: 15% !important;
}

.root-page .tab-content .tab-item .main-title .line-left {
    width: 15% !important;
}

.color-pcat.collapse {
    height: 220px;
    transition: height 0.8s ease;
}
/*
html{
	scroll-behavior: smooth;
}*/
.root-product-section .root-product-tags ul a {
    background: #064cac !important;
}

.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    height: -webkit-fill-available !important;
}

.com {
    max-height: 480px;
    overflow-y: scroll;
}

    /* width */
    .com::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .com::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px grey;
        border-radius: 5px;
    }

    /* Handle */
    .com::-webkit-scrollbar-thumb {
        background: #064cac;
        border-radius: 5px;
    }

        /* Handle on hover */
        .com::-webkit-scrollbar-thumb:hover {
            background: #b9b9b9;
        }

.commentTitle {
    border-radius: 0.25rem;
}

.root-product-section .product-page-content article h3 {
    margin-top: 2rem;
}

.root-pcat .product-page-content article h5:before {
    margin-bottom: 2rem;
}

.table-responsive {
    overflow-x: unset !important;
    width: unset !important;
}

.root-faq .accordion .card h2 .btn-link {
    color: #064cac !important;
}

.bord {
    border: none !important;
}

.bor {
    border: 1px solid #eee !important;
}
.pagination-girly .page-link {
    background-color: #2980b9;
    border: 2px solid #17a2b8;
    color: #2980b9;
    padding: 0.5rem 1rem;
    border-radius: 12px;
    font-weight: bold;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .pagination-girly .page-link:hover {
        background-color: #65abd9;
        color: white;
        border-color: #03234e;
    }

    .pagination-girly .page-link.active {
        background-color: #03234e;
        color: white;
        border-color: #65abd9;
    }


.card-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

img {
    width: 100%;
    display: block;
}
.img-display {
    overflow: hidden;
}

.img-showcase {
    display: flex;
    flex-direction: row-reverse; /* برای راست‌چین کردن تصاویر */
    width: 100%;
    transition: all 0.5s ease;
}

    .img-showcase img {
        min-width: 100%;
    }

.img-select {
    display: flex;
}

.img-item {
    margin: 0.3rem;
}

    .img-item:nth-child(1),
    .img-item:nth-child(2),
    .img-item:nth-child(3) {
        margin-left: 0;
    }

    .img-item:hover {
        opacity: 0.8;
    }

@media screen and (min-width: 992px) {
    .card {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem;
    }

    .card-wrapper {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product-imgs {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-content {
        padding-top: 0;
    }
}