/* Minification failed. Returning unminified contents.
(5165,25): run-time error CSS1036: Expected expression, found '!important'
(5166,22): run-time error CSS1036: Expected expression, found '!important'
 */
body {
    text-align: left;
    direction: ltr;
    font-family: IRANYekanXVF;
    font-size: 14px;
    line-height: 26px;
    color: #2A2D53;
    background-color: #fff;
    font-weight: 400;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    max-width: 100%;
}

.dark-screen, .dark-screen-not-closable, .dark-screen-closable, .transparent-screen, .soheil-top-message, .micdisplay, .overlay-login {
    display: none;
}

.f-bold {
    font-weight: bold;
}

.f-black {
    color: #000;
}

.TheRed {
    color: #c91210;
}

.TheGreen {
    color: #00a049;
}

.TheOrange {
    color: #cc4200
}

.mobile-user-menu {
    display: block;
    cursor: pointer;
    padding: 2px 0;
    background: none;
    border: none;
}


#BtnNewShop {
    display: none;
}

.box-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    position: absolute;
    right: 5px;
}

    .box-buttons .box-button {
        align-self: stretch;
        flex-grow: 1;
        text-align: center;
        border: none;
        background-color: #fff;
        border-radius: 10px;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out 0.1s;
        -moz-transition: all ease-in-out 0.1s;
        -webkit-transition: all ease-in-out 0.1s;
        font-size: 13px;
        text-transform:capitalize;
    }

        .box-buttons .box-button.dropdown-toggle::after {
            display: none;
        }


        .box-buttons .box-button.account {
            margin: 0;
            padding: 0;
            border: none;
            color: #808080;
        }

        .box-buttons .box-button.newshop {
            margin: 0 0 0 15px;
            border: none;
            color: #fff;
            background-color: #FF5F55;
            box-shadow: 0px 4px 34px 0px #FF5F5580;
        }

            .box-buttons .box-button.newshop:hover {
                box-shadow: 0px 4px 34px 0px #ff5f55a5;
                color: #fff;
            }


        .box-buttons .box-button.search {
            border: 1px solid #cc4200;
            color: #cc4200;
        }

            .box-buttons .box-button.search:hover {
                background-color: #cc4200;
                color: #fff;
            }


        .box-buttons .box-button svg {
            width: 24px;
            height: 24px;
        }

            .box-buttons .box-button svg + span {
                margin-left: 8px;
            }


.search-svg-ico {
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_112_71)"><path d="M8.31583 14.5067C11.7349 14.5067 14.5067 11.7349 14.5067 8.31583C14.5067 4.89673 11.7349 2.125 8.31583 2.125C4.89673 2.125 2.125 4.89673 2.125 8.31583C2.125 11.7349 4.89673 14.5067 8.31583 14.5067Z" stroke="%238888A1" stroke-width="1.8" stroke-miterlimit="10" stroke-linecap="round"/><path d="M12.7712 12.7712L14.875 14.875" stroke="%238888A1" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_112_71"><rect width="17" height="17" fill="white"/></clipPath></defs></svg>')
}


.scroll-to-search {
    cursor: pointer;
    display: none !important;
}

.is-scrolled .scroll-to-search {
    display: flex !important;
}



#breadcrumb_parent {
    margin-top: 10px;
}

.breadcrumb h1 {
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0;
}

.spacer {
    display: inline-block;
    width: 2px;
    height: 18px;
    background-color: #c6c6c6;
    margin: 0 15px 0 12px;
}


.hiden {
    display: none;
}



/*
.header-back {
    background: url('/content/2022/img/header-bg.jpg');
    background-position: top;
    background-repeat: repeat;
    background-size: contain;
}*/
.main {
    background-color: #fff;
    padding-top: 0;
    display: block;
    overflow: hidden;
}

.open-search {
    display: none !important; /*برای تست آقای واثقی مخفی میشود*/
}

.top-header {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1021;
    height: 105px;
}

    .top-header.home-page {
        height: 50px;
    }

        .top-header.home-page #SearchInTop_panelSearch {
            display: none !important;
        }
    /*.top-header.is-home-page.is-scrolled {
        box-shadow: 0 5px 5px #0000000a;
    }*/

    .top-header.is-scrolled {
        box-shadow: 0 5px 5px #0000000a;
    }

    .top-header .navbar .container-fluid {
        padding-right: 35px;
    }

header {
    position: relative;
}

    header.search-sticky {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        top: 50px;
        z-index: 1020;
        box-shadow: 0 5px 5px #0000000a;
        background: #fff;
    }

.soheil-top-message {
    position: fixed;
    padding: 15px;
    top: 122px;
    border-radius: 15px;
    cursor: default;
    border-top: 0;
    box-shadow: grey 0 0px 50px 0;
    display: none;
    z-index: 999;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    display: none;
}

    .soheil-top-message svg {
        position: absolute;
        left: 15px;
        top: 15px;
        color: #cc4200;
        cursor: pointer;
    }

    .soheil-top-message p {
        margin-top: 30px;
        text-align: justify;
    }


.text-gray {
    color: rgba(0, 0, 0, 0.55)
}

.top-box {
    padding: 0 0 5px 0;
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    box-shadow: 0 3px 5px #0000000d;
}



    .top-box .big-logo {
        text-align: center;
        display: none;
    }

        .top-box .big-logo img {
            max-width: 80%;
            width: 140px;
            margin: 10px 0 20px 0;
        }



.main-menu-toggler {
    margin-right: -15px;
}

#TheUserMenu {
    position: absolute;
    right: 0;
    left: initial;
    top: 100%;
    background: #fff;
    z-index: 10;
    padding: 10px 15px 10px 15px;
    width: 200px;
    border: 1px solid #808080;
    border-radius: 10px 0px 10px 10px;
    margin-top: 8px;
    list-style: none;
    font-size: 13px;
}

    #TheUserMenu:before {
        display: block;
        width: 10px;
        height: 9px;
        content: ' ';
        background: #808080;
        position: absolute;
        top: -9px;
        right: -1px;
        border-radius: 1px 15px 0 0;
    }

    #TheUserMenu.left {
        border-radius: 0 10px 10px 10px;
    }

        #TheUserMenu.left:before {
            right: initial;
            left: -1px;
            border-radius: 1px 15px 0 0;
        }

    #TheUserMenu li {
        margin-bottom: 8px;
    }

        #TheUserMenu li:last-child {
            margin-bottom: 0;
        }

.spinner, .is-spinner {
    border: 4px solid #cccccc;
    border-top: 4px solid #888;
    border-radius: 50%;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1.2s;
    -webkit-animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transition-property: -moz-transform;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    transition-property: transform;
    animation-name: rotate;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.search-loading-icon.spinner {
    display: none;
    position: absolute;
    background: #fff;
    right: 40px;
    top: 8px;
    width: 24px;
    height: 24px;
    border-width: 4px;
    z-index: 10;
}

.spinner.normal {
    display: inline-block;
    margin: 5px;
    width: 20px;
    height: 20px;
}

.spinner.small {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
}

.spinner.big40 {
    display: inline-block;
    margin: 15px;
    width: 40px;
    height: 40px;
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.search-textbox {
    width: 100%;
    border: none;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    outline: none;
    background-color: #f2f3f7;
}

    .search-textbox[type="search"]::-webkit-search-cancel-button {
        display: none !important
    }


.box-search {
    position: relative;
    margin: 0 10px 4px 10px;
}

    .box-search .box-search-ui {
        overflow: hidden;
        border: 1px solid #e6e6e6;
        background: #f5f5f5;
        position: relative;
        border-radius: 10px;
    }

        .box-search .box-search-ui .search-button {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 100%;
            background: transparent;
            color: #474747;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 5;
        }

            .box-search .box-search-ui .search-button .search-svg-ico {
                display: block;
                width: 17px;
                height: 17px;
            }

        .box-search .box-search-ui .search-mic {
            position: absolute;
            top: 10px;
            right: 6px;
            color: #808080;
        }

        .box-search .box-search-ui .search-clear {
            position: absolute;
            top: 15px;
            right: 37px;
            -webkit-appearance: none;
            display: none;
            width: 12px;
            height: 12px;
            margin-right: 10px;
            cursor: pointer;
            background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#aaa 45%,#aaa 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), linear-gradient(135deg, transparent 0%,transparent 43%,#aaa 45%,#aaa 55%,transparent 57%,transparent 100%);
        }


    .box-search .search-result {
        display: none;
        background: #f5f5f5;
        padding: 20px 20px 15px 20px;
        position: absolute;
        top: 100%;
        margin: -10px 0;
        border: 1px solid #e6e6e6;
        border-top: none;
        border-radius: 0 0 10px 10px;
        width: 100%;
        z-index: 10;
    }

        .box-search .search-result a {
            display: block;
            direction: rtl;
            margin-bottom: 10px;
            font-size: 14.5px;
        }

            .box-search .search-result a svg {
                margin-left: 6px;
            }

            .box-search .search-result a .colored {
                color: #34567e;
                font-weight: 600;
            }

.logo-mobile {
    width: 75px;
    margin: 0 auto;
}

.top-header .box-search {
    min-width: 330px;
    margin-right: 15px;
    position: absolute;
    min-width: calc(100% - 18px);
    margin: 37px auto;
}

    .top-header .box-search .box-search-ui {
        border: none;
    }

        .top-header .box-search .box-search-ui .search-button {
            background-color: #F2F3F7;
            color: #808080;
            width: 40px;
        }

            .top-header .box-search .box-search-ui .search-button .top-search-ico {
                width: 17px;
                height: 17px;
            }

.top-header .search-textbox {
    line-height: 43px;
    height: 43px;
    background: #f5f5f5;
}

.top-header .box-search .box-search-ui .search-mic {
    top: 7px
}

.top-header .box-search .search-loading-icon.spinner {
    right: 45px;
    top: 8px;
    width: 19px;
    height: 19px;
}


.is-detail-page.top-header .box-search {
    display: none;
    min-width: 235px;
}

.login-chk {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
}

    .login-chk a {
        color: #ff5f55;
    }

    .login-chk input {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
    }

    .login-chk .chk {
        width: 18px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        color: #fff;
        background-color: #fff;
        user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        border: 1px solid #ddd;
        border-radius: 50%;
    }

    .login-chk input:checked + .chk {
        background-color: #ff5f55;
        border-color: #ff5f55;
        box-shadow: 0 0px 15px #ff5f55e8;
    }

#overlay-login .modal-header {
    border-bottom: none;
    padding: 25px 25px 0 25px;
}

#overlay-login hr {
    margin: 0;
    color: #f2f2f2;
    opacity: 1;
}

#PanelLogin, #PanelRegister {
    margin: 0 20px;
}

.google-login {
    text-align: center;
    margin: 8px 0 5px 0;
}

.btn-google-login {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: none;
    background: none;
    font-weight: 500;
    width: 185px;
    margin: 0 auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.cu {
    cursor: pointer;
}

.login-btm-link {
    margin: 10px 0 20px 0;
    font-size: 13px;
    text-align: center;
}

    .login-btm-link .colored {
        font-weight: 600;
        color: #ff5f55
    }

.btn-submit-login {
    width: 100%;
    background: #ff5f55;
    border: none;
    color: #fff;
    padding: 9px 15px;
    border-radius: 12px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .btn-submit-login .reg-btn-load {
        background: #7a7a7a7d url('/src/loading_small.gif') center no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        transition: opacity linear 0.2s;
        -moz-transition: opacity linear 0.2s;
        -webkit-transition: opacity linear 0.2s;
    }

    .btn-submit-login:disabled .reg-btn-load {
        opacity: 1;
    }

.forg-pass {
    font-size: 12px;
    font-weight: 500;
}

    .forg-pass a {
        color: #FF5F55;
    }

.login-validator {
    color: #c91210;
    font-size: 12px;
    margin-bottom: 10px;
}

.form-style-1 label {
    margin-bottom: 5px;
}

.form-style-1 .form-control {
    font-size: 14px;
    margin-bottom: 15px;
    background-color: #2A2D530F;
    padding: 10px 15px;
    border: none;
    border-radius: 10px;
}

.reg-captcha {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

    .reg-captcha .form-control {
        margin: 0;
        flex-grow: 1;
    }

    .reg-captcha svg {
        flex: 0 0 24px;
        cursor: pointer;
    }

    .reg-captcha img {
        margin-right: auto;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        height: 40px;
        width: 100px;
        flex: 0 0 100px;
        font-size: 11px;
        overflow: hidden;
    }


.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}

.dropdown-menu.desk-cats {
    border-radius: 0 0 10px 10px;
    border-top: 0;
    top: 100%;
    margin-top: 5px;
    position: fixed !important;
    top: 64px;
    margin: auto;
    right: 0;
    left: 0;
}


.dark-screen, .dark-screen-not-closable {
    display: none;
    position: fixed;
    background: #00000036;
    z-index: 1028;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.desktopmenu-l1 {
    width: 24%;
    list-style: none;
    border-right: 1px solid #eee;
}

    .desktopmenu-l1 > li {
        margin-bottom: 10px;
    }

        .desktopmenu-l1 > li > a {
            font-size: 14px;
            font-weight: bold;
        }

        .desktopmenu-l1 > li:hover > a {
            color: #c91210;
        }

        .desktopmenu-l1 > li > .bi-chevron-down {
            margin-left: 5px;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
        }


.desktopmenu-l2 {
    position: absolute;
    top: 0;
    left: 25%;
    border-right: 1px solid #eee;
    padding-right: 10px;
    min-width: 210px;
    background: #fff;
    border-radius: 10px;
}

    .desktopmenu-l2 > li {
        list-style: none;
        margin-bottom: 10px;
        font-size: 14px;
    }

        .desktopmenu-l2 > li > a.active {
            color: #c91210;
            font-weight: bold;
        }

        .desktopmenu-l2 > li > a .bi-chevron-down {
            margin-left: 5px;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
        }

.desktopmenu-l3 {
    width: 450px;
    position: absolute;
    left: 100%;
    top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 440px;
    height: 100%;
    background: #fff;
}

    .desktopmenu-l3 > li {
        margin-top: 10px;
    }

.desktopmenu-l3-item {
    color: #000;
}

    .desktopmenu-l3-item:hover {
        color: #c91210;
    }



.desktopmenu-l4 {
    padding-left: 0;
    width: 450px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-content: start;
    flex-wrap: wrap;
}



    .desktopmenu-l4 li {
        margin: 5px 0;
    }


.desktopmenu-l4-item {
    display: block;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0 5px;
    padding: 2px 5px;
    font-size: 13px;
}

    .desktopmenu-l4-item:hover {
        color: #c91210;
    }




.mobile-menu {
    position: fixed;
    background: #fff;
    z-index: 1032;
    top: 0;
    height: 100%;
    padding-bottom: 51px;
    width: 300px;
    left: -300px;
    opacity: 0;
    transition: left ease-in-out 0.8s;
    -moz-transition: left ease-in-out 0.8s;
    -webkit-transition: left ease-in-out 0.8s;
    overflow-x: hidden;
    overflow-y: auto;
}

    .mobile-menu .logo {
        display: block;
        margin: 20px auto;
        width: 180px;
    }

    .mobile-menu .no-display {
        display: none;
    }

    .mobile-menu > ul {
        list-style: none;
        padding-left: 0;
    }

        .mobile-menu > ul > li {
            border-bottom: 1px solid #e6e6e6;
        }

            .mobile-menu > ul > li > a {
                margin: 10px 0;
                display: inline-block;
                font-weight: bold;
            }

            .mobile-menu > ul > li:first-child > a {
                padding-top: 10px;
                margin-top: 0;
            }

            .mobile-menu > ul > li > svg {
                display: inline-block;
                width: 40px;
                height: 40px;
                padding: 10px;
                margin-right: 10px;
                border-right: 1px solid #e6e6e6;
                background-color: #f9f9f9;
            }

.mnul1 + ul {
    padding-right: 40px;
    background-color: #f9f9f9;
    list-style: none;
}

    .mnul1 + ul > li > a {
        font-weight: 500;
        line-height: 30px;
        padding-left: 5px;
    }

    .mnul1 + ul > li > svg {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 5px;
        border-right: 1px solid #e6e6e6;
        background-color: #f5f5f5;
        padding: 8px;
    }


.mnul2 + ul {
    list-style: none;
    background-color: #f5f5f5;
}

    .mnul2 + ul > li {
        padding-left: 5px;
    }


        .mnul2 + ul > li > svg {
            background: #eee;
            width: 33px;
            height: 33px;
            display: inline-block;
            padding: 10px;
            margin-right: 5px;
            border-right: 1px solid #e6e6e6;
        }

        .mnul2 + ul > li a {
            margin: 8px 0;
            display: inline-block;
            font-size: 13px;
            margin-right: 10px;
            position: relative;
            padding-left: 15px;
        }

        .mnul2 + ul > li:not(.has-child) a:before {
            display: block;
            content: ' ';
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #cc4200;
            position: absolute;
            top: 7px;
            left: 5px;
        }




        .mnul2 + ul > li:first-child a:before {
            top: 16px;
        }

        .mnul2 + ul > li:first-child a {
            margin-top: 0;
            padding-top: 10px;
        }

        .mnul2 + ul > li:last-child a {
            padding-bottom: 10px;
        }



.mnul3 + ul {
    background: #eee;
    list-style: none;
}

    .mnul3 + ul > li:first-child a {
        margin-top: 0;
        padding-top: 10px;
    }


.footer-space {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #fff;
}

footer {
    background-color: #fff;
    border-top: 10px solid #F6F8FB;
    padding-top: 30px;
}

    footer > .container {
        position: relative;
    }

#move-top {
    position: absolute;
    left: 15px;
    width: 80px;
    top: -75px;
    cursor: pointer;
}


.footer-logo {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    font-weight: 500;
    color: #2A2D53;
    margin: 15px 0;
}

    .footer-logo img {
        width: 146px;
        margin-bottom: 15px;
    }


    .footer-logo b {
        color: #FF5F55;
        font-weight: 500;
    }

.footer-title {
    font-size: 15px;
    font-weight: 500;
    color: #2A2D53;
    margin-bottom: 15px;
    display: block;
}

    .footer-title span {
        color: #FF5F55;
    }

.footer-middle {
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e6e6e6;
}

    .footer-middle ul {
        list-style: none;
        margin-right: 0;
        margin-bottom: 30px;
        padding-right: 0;
        padding-left: 0;
    }

        .footer-middle ul li {
            border-bottom: 1px solid #0a004708;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

            .footer-middle ul li:last-child {
                border: none;
                padding-bottom: 0px;
            }

            .footer-middle ul li a {
                font-size: 14px;
                color: #777991;
                text-transform:capitalize;
            }

.other-platform {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto 20px auto;
}

    .other-platform a {
        width: 70%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        margin: 12px auto;
        color: #fff;
    }

        .other-platform a.bazar {
            background-color: #0EA960;
        }

        .other-platform a.google-play {
            background-color: #000;
        }

        .other-platform a.myket {
            background-color: #0091EA;
        }





.footer-contact {
    display: flex;
    justify-content: start;
    gap: 15px;
    margin: 30px 0 30px 0;
    flex-wrap: wrap;
}

    .footer-contact a {
        border-radius: 12px;
        flex: 0 0 100%;
        padding: 10px 10px;
        display: flex;
        justify-content: start;
        align-items: center;
        color: #fff;
        transition: all linear 0.2s;
        -moz-transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
    }

        .footer-contact a:hover {
            color: #fff;
            transform: scale(1.02);
        }

    .footer-contact .email-to {
        background: #FF5F55;
        box-shadow: 0px 4px 24px 0px rgba(255, 95, 85, 0.32);
    }

    .footer-contact .insta {
        background: #2A2D53;
        box-shadow: 0px 4px 24px 0px rgba(42, 45, 83, 0.51);
    }

    .footer-contact a span {
        flex-shrink: 0;
        font-size: 13px;
    }

    .footer-contact a svg {
        background-color: #ffffff4c;
        border-radius: 50%;
        margin-right: 8px;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .footer-contact a.insta svg {
        padding: 5px;
    }


    .footer-contact a .line {
        flex-grow: 1;
        background-color: #ffffff36;
        height: 2px;
        margin: 0 8px;
    }







.footer-bottom {
    padding-bottom: 20px;
}

/*
.namads-list {
    direction: ltr;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .namads-list a {
        width: 60px;
        position: relative;
    }

        .namads-list a::before {
            content: ' ';
            display: block;
            padding-bottom: 100%;
        }

        .namads-list a img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            object-fit: contain;
        }*/

.copyright {
    text-align: center;
    color: #9495a8;
    font-size: 14px;
    padding: 8px 0;
   /* height: 60px;
    display: flex;
    align-items: center;*/
    line-height: 22px;
}



.footer-text {
    color: #9495a8;
    font-size: 13px;
    text-align: justify;
    font-weight: 400;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

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

.fading {
    position: absolute;
    left: 0;
    top: 30px;
    height: 30px;
    z-index: 1;
    background: linear-gradient(to right,#f5f5f5 10%, transparent);
    width: 50px;
}


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

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

    .bottom-links-title strong {
        color: #2a2d53;
        font-weight: 450;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 5px;
    }

        .bottom-links-title strong span {
            color: #FF5F55;
        }

        .bottom-links-title strong::before {
            width: 30px;
            height: 30px;
            content: ' ';
            display: block;
            background: #f4f4f6 url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8873 6.92999V11.4363C16.8873 14.1313 15.3473 15.2862 13.0373 15.2862H5.34609C4.95234 15.2862 4.57609 15.2513 4.22609 15.1725C4.00734 15.1375 3.79735 15.0763 3.60485 15.0063C2.29235 14.5163 1.49609 13.3788 1.49609 11.4363V6.92999C1.49609 4.23499 3.03609 3.08002 5.34609 3.08002H13.0373C14.9973 3.08002 16.4061 3.91126 16.7823 5.81001C16.8436 6.16001 16.8873 6.51874 16.8873 6.92999Z" stroke="%232A2D53" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M19.5128 9.55509V14.0614C19.5128 16.7564 17.9728 17.9113 15.6628 17.9113H7.97156C7.32406 17.9113 6.73782 17.8239 6.23032 17.6314C5.18907 17.2464 4.48031 16.4501 4.22656 15.1726C4.57656 15.2514 4.95281 15.2863 5.34656 15.2863H13.0378C15.3478 15.2863 16.8878 14.1314 16.8878 11.4364V6.93009C16.8878 6.51884 16.8528 6.15137 16.7828 5.81012C18.4453 6.16012 19.5128 7.33259 19.5128 9.55509Z" stroke="%232A2D53" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M9.18501 11.4974C10.4608 11.4974 11.495 10.4632 11.495 9.18739C11.495 7.91162 10.4608 6.87738 9.18501 6.87738C7.90924 6.87738 6.875 7.91162 6.875 9.18739C6.875 10.4632 7.90924 11.4974 9.18501 11.4974Z" stroke="%232A2D53" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M4.18164 7.26251V11.1125" stroke="%232A2D53" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M14.1934 7.26276V11.1128" stroke="%232A2D53" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>');
            padding: 5px;
            background-size: 57%;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 50%;
        }


    .bottom-links-title date {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 4px;
        padding: 5px 8px;
        color: #ff5f55;
        background-color: #ff5f551a;
        font-size: 12px;
        border-radius: 8px;
    }

        .bottom-links-title date:before {
            width: 15px;
            height: 15px;
            display: block;
            content: ' ';
            background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.40234 10.1623C1.40234 4.22068 3.42817 2.24072 9.50392 2.24072C15.5805 2.24072 17.6064 4.22068 17.6064 10.1623C17.6064 16.1038 15.5805 18.0838 9.50392 18.0838C3.42817 18.0838 1.40234 16.1038 1.40234 10.1623Z" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.64258 7.21413H17.374" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.3528 10.577H13.3606" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.50903 10.577H9.51689" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.65747 10.577H5.66533" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.3528 13.8671H13.3606" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.50903 13.8671H9.51689" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.65747 13.8671H5.66533" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.0051 1.00098V3.78727" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.01101 1.00098V3.78727" stroke="%23FF5F55" stroke-width="1.6598" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
        }


.bottom-links {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    margin: 0 -10px 40px -10px;
}

    .bottom-links > .link-item {
        flex: 0 0 50%;
        position: relative;
        text-align: center;
    }

/* .bottom-links > .link-item:before {
            content: ' ';
            border: 1px solid #0A004708;
            width:1px;
            height:100%;
            left:0px;
            top:0;
        }*/

.link-item a {
    display: block;
    border-bottom: 1px solid #0a004708;
    transition: all linear .1s;
    -moz-transition: all linear .1s;
    -webkit-transition: all linear .1s;
    color: #2A2D53;
    padding: 10px 0 10px 0;
    font-size: 12px;
    margin: 7px 10px;
    background: #f5f5f5;
    border-radius: 10px;
}

    .link-item a:hover {
        margin-top: 5px;
        color: #34567e
    }




.login-title {
    color: #2a2d53;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}

    .login-title .colored {
        color: #FF5F55;
    }

.login-text {
    color: #2a2d5378;
    text-align: center;
    margin-bottom: 15px;
}



@media (min-width: 576px) {
    .is-detail-page.top-header .box-search {
        display: block;
        min-width: 235px;
    }

    .footer-contact {
        flex-wrap: nowrap;
    }

        .footer-contact a {
            flex: 0 0 calc(50% - 15px);
        }
}
/*md*/
@media (min-width:768px) {

    #BtnSearch2 {
        display: none !important;
    }

    .box-buttons {
        position: relative;
        right: initial;
    }

    .dark-screen {
        top: 51px;
        z-index: 980;
    }



    .bottom-links > .link-item {
        flex-basis: 33.333%;
    }

    footer .footer-top .top-footer-items-desktop {
        display: flex;
    }

    footer .footer-top .top-footer-items-mobile {
        display: none;
    }

    .other-platform {
        margin-top: 0;
    }



    .footer-logo {
        flex-direction: row;
    }

        .footer-logo img {
            border-right: 1px solid #eee;
            margin: 0 15px 0 0;
            padding-right: 15px;
            width: 130px;
        }

    .menu-cat-a {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}
/* lg */
@media (min-width:992px) {
   /* .namads-list {
        justify-content: start;
        align-items: start;
    }*/

    header {
        background: url('/content/2022/img/pat-1.jpg');
        background-position: top;
        background-repeat: repeat;
        background-size: contain;
    }

    .top-header, .top-header.home-page {
        background: #fff;
        box-shadow: 0 0 5px #0000001c;
        height: 67px;
    }

    .logo-mobile {
        display: none;
    }

    #BtnNewShop {
        display: flex;
    }

    #TheUserMenu {
        right: 0;
        left: initial;
        border-radius: 10px 0 10px 10px;
    }

        #TheUserMenu:before {
            right: 0;
            left: initial;
            top: -20px;
            height: 20px;
        }

    .box-buttons .box-button.account {
        border: 1px solid #2A2D531A;
        color: #2A2D53;
        padding: 8px 10px;
    }

        .box-buttons .box-button.account:hover {
            background-color: #2A2D531A;
        }

    .box-buttons .box-button svg {
        width: 18px;
        height: 18px;
    }

    .box-buttons .box-button.my-account svg {
        width: 22px;
        height: 22px;
    }


    .top-box {
        padding: 35px 0 35px 0;
    }

        .top-box .big-logo {
            display: block;
        }



    .is-detail-page.top-header .box-search {
        min-width: 330px;
    }


    .mobile-user-menu {
        display: none;
    }

    .box-search.search {
        margin: 0;
        position: relative;
    }

    .top-header .box-search {
        min-width: 280px;
        margin-right: 15px;
    }


    .search-textbox {
        background: #fff;
        line-height: 52px;
        height: 52px;
        padding-left: 15px;
    }



    .box-search .box-search-ui {
        border: 1px solid #34567e;
    }

        .box-search .box-search-ui .search-button {
            width: 52px;
            height: 100%;
            background: #34567e;
            color: #fff;
        }

            .box-search .box-search-ui .search-button .search-svg-ico {
                width: 22px;
                height: 22px;
                display: block;
                background-size: cover;
            }


    .top-box .box-search .box-search-ui .search-button .search-svg-ico {
        background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_112_71)"><path d="M8.31583 14.5067C11.7349 14.5067 14.5067 11.7349 14.5067 8.31583C14.5067 4.89673 11.7349 2.125 8.31583 2.125C4.89673 2.125 2.125 4.89673 2.125 8.31583C2.125 11.7349 4.89673 14.5067 8.31583 14.5067Z" stroke="%23FFF" stroke-width="1.8" stroke-miterlimit="10" stroke-linecap="round"/><path d="M12.7712 12.7712L14.875 14.875" stroke="%23FFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_112_71"><rect width="17" height="17" fill="white"/></clipPath></defs></svg>');
        background-size: cover;
    }

    .box-search .box-search-ui .search-mic {
        top: 16px;
        right: 10px;
    }

    .box-search .box-search-ui .search-clear {
        top: 20px;
        right: 70px;
    }

    .top-header .box-search .box-search-ui .search-clear {
        top: 12px;
        right: 38px;
    }

    .box-search .search-result {
        background: #fff;
        border-color: #34567e;
    }

    .top-header .box-search .search-result {
        background: #f5f5f5;
        border-color: #e6e6e6;
    }

    .search-loading-icon.spinner {
        right: 75px;
        top: 13px;
    }


    .fading {
        background: linear-gradient(to right,#fff 10%, transparent);
    }

    .top-header .fading {
        background: linear-gradient(to right,#f5f5f5 10%, transparent);
    }
}

@media (min-width:1200px) {
    .other-platform a {
        width: 100%;
    }

    .top-header .box-search {
        min-width: 220px;
    }

    .bottom-links > .link-item {
        flex-basis: 16.666%;
    }
}

.TheRed {
    color: #c91210 !important;
}

.trend-title {
    display: block;
    width: 100%;
    font-size: 13px;
    margin-bottom: 5px;
    color: rgba(0,0,0,.55)
}

.trend {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    justify-content: start;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto;
    direction: rtl;
    margin-bottom: 10px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .trend::-webkit-scrollbar {
        display: none;
    }

    .trend .trend-item {
        display: flex;
        border: 1px solid #eee;
        background: #fff;
        border-radius: 4px;
        white-space: nowrap;
        font-size: 13px;
        color: gray;
        margin-left: 8px;
        padding: 1px 8px 1px 5px;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        justify-content: start;
        align-items: center;
    }

        .trend .trend-item svg {
            width: 10px;
            height: 10px;
        }

    .trend a.trend-item svg {
        margin-left: 0;
        margin-right: 2px;
    }

    .trend .trend-item a {
        margin-bottom: 0;
        color: gray;
    }

    .trend .trend-item span.del-trend {
        display: flex;
        justify-content: center;
        align-content: center;
        color: #c3c3c3;
        cursor: pointer;
        margin-left: 3px;
        margin-right: -4px;
    }

        .trend .trend-item span.del-trend svg {
            width: 24px;
            height: 20px;
        }

    .trend .trend-item:last-of-type {
        margin-left: 40px;
    }


.trend-scrol {
    position: absolute;
    left: 2px;
    background: #fff;
    border-radius: 50%;
    top: 35px;
    box-shadow: 0 0 2px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 2;
    cursor: pointer;
}

    .trend-scrol.disabled {
        opacity: 0.1;
        cursor: initial;
    }

    .trend-scrol svg {
        width: 10px;
        height: 10px;
    }

.top-header .trend .trend-item {
    background: #fff;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


.top-header {
    position: relative !important;
    box-shadow: none !important;
}


@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

a {
    color: #2A2D53;
    text-decoration: none;
}

    a:hover {
        color: #34567e;
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

img, svg {
    vertical-align: middle;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem;
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem;
    }
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

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

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

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

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}


.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.top-50 {
    top: 50% !important;
}

.start-50 {
    right: 50% !important;
}

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    padding-top: 100%;
}


.translate-middle {
    transform: translate(50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}



.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: auto;
    margin-right: auto;
}


.container-desktop, .container-tablet {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 576px) {

    .container-sm, .container {
        max-width: 540px;
    }

    .container-tablet {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }

    .container-desktop {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-none {
        display: none !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1170px;
    }
}

@media (min-width: 1366px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1300px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }

    .d-xl-block {
        display: block !important;
    }
}



.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        margin-top: 0;
    }

.col {
    flex: 1 0 0%;
}

@media (min-width: 576px) {

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.tab-content > .tab-pane {
    display: none;
}

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        opacity: 1;
    }

hr {
    margin: 1rem 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

    hr:not([size]) {
        height: 1px;
    }

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
    transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    /* position: absolute;
       top: 10px;
       right: 0;
       left: 0;*/
    margin: auto;
}

    .navbar-brand.the-homepage {
        width: 112px;
        text-align: center;
    }

    .navbar-brand img {
        height: 34px;
        margin-top: -5px;
    }

    .navbar-brand.the-innerpage {
        width: 34px;
        margin-right: 0;
    }

        .navbar-brand.the-innerpage img {
            height: 33px;
        }

@media (min-width:768px) {

    .navbar-brand {
        position: relative;
        margin: 0 1rem 0 0;
        top: 0;
        display: block;
    }

        .navbar-brand.the-homepage {
            display: block;
        }

            .navbar-brand.the-homepage.farsi {
                margin: 0 0 0 1rem;
                width: 75px;
                display: block;
            }

            .navbar-brand.the-homepage img {
                height: 42px;
            }
}



.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }


.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    /*padding: 0.25rem 0.75rem;*/
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #1e2125;
        background-color: #e9ecef;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #34567e;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}


@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-bottom: 0.8rem;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-left: 0.8rem;
                padding-right: 0.8rem;
            }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}





#navbarDesktop .nav-item {
    position: relative;
}

    #navbarDesktop .nav-item::before {
        content: ' ';
        height: 14px;
        width: 1px;
        background-color: #2a2d531a;
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
    }

    #navbarDesktop .nav-item:last-child::before, #navbarDesktop .nav-item:first-child::before {
        display: none;
    }

#navbarDesktop #navbarScrollingDropdown {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
}







.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: #2A2D53;
    font-size: 13px;
    text-transform: capitalize;
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    /*border-color: rgba(0, 0, 0, 0.1);*/
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9);
    }



.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1300;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1299;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
}

    .modal-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem auto -0.5rem;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1rem;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-left-radius: calc(0.3rem - 1px);
    border-bottom-right-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 767.98px) {



    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 991.98px) {


    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


.flex-nowrap {
    flex-wrap: nowrap !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}


.me-2 {
    margin-right: 0.5rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.m-auto {
    margin: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-3 {
    padding: 1rem !important;
}

.text-white {
    color: #fff !important;
}

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

.top-0 {
    top: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.start-0 {
    left: 0 !important;
}

.end-0 {
    right: 0 !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.h-auto {
    height: auto !important;
}

.w-auto {
    width: auto !important;
}

@media (min-width: 768px) {

    .align-items-md-center {
        align-items: center !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }
}






.nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #34567e;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover, .nav-link:focus {
    color: #0a58ca;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: none;
        border: none;
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border: none;
            /*border-color: #e9ecef #e9ecef #dee2e6;*/
            isolation: isolate;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            /*border-color: #dee2e6 #dee2e6 #fff;*/
        }


    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }



.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
}




.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .12rem .25rem;
    font-size: .7rem;
    line-height: initial;
    border-radius: .25rem
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21;
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21;
        box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
    }




.btn-outline-primary {
    color: #34567e;
    border-color: #34567e;
}

.btn-primary {
    color: #fff;
    background-color: #34567e;
    border-color: #34567e;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
        box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
    }

.btn-danger {
    color: #fff;
    background-color: #c91210;
    border-color: #c91210;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37;
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37;
        box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
    }

#breadcrumb_parent {
    margin-top: 0;
    background: #f9f9fb;
    padding: 8px 0;
}

.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    max-width: 100%;
    width: 100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb::before {
        width: 10px;
        height: 50px;
        background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(255,255,255,1));
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

.breadcrumb-item {
    flex-shrink: 0;
}



    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
    }

        .breadcrumb-item + .breadcrumb-item::before {
            float: left;
            color: #6c757d;
            content: "";
            display: block;
            width: 11px;
            height: 25px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51762 10.7335L6.55273 7.76866L9.51762 4.80377' stroke='%23AAABBA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
            margin-right: 0.3rem;
            transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .breadcrumb-item:first-child + .breadcrumb-item::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51762 10.7335L6.55273 7.76866L9.51762 4.80377' stroke='%23FF5F55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .breadcrumb-item.active {
        color: #6c757d;
    }

    .breadcrumb-item a, .breadcrumb-item .breadcrumb-link {
        display: flex;
        justify-content: start;
        align-items: center;
        color: #AAABBA;
        font-size: 12px;
    }

    .breadcrumb-item:first-child a {
        color: #FF5F55;
    }


#breadcrumb-parent {
    background-color: #f5f5f5;
    padding-bottom: 1.5rem;
    margin: 0 !important;
    padding: 0.7rem 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6
}

.breadcrumb-item a svg {
    margin-right: 4px;
    width: 18px;
    height: 18px;
}


.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        background: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.29391 8.27582C6.12838 8.27677 5.9643 8.24505 5.81105 8.18246C5.65781 8.11986 5.51843 8.02764 5.40091 7.91107L0.369895 2.88006C0.252624 2.76278 0.1596 2.62356 0.0961329 2.47034C0.0326662 2.31712 2.4713e-09 2.1529 0 1.98705C-2.4713e-09 1.8212 0.0326662 1.65698 0.0961329 1.50376C0.1596 1.35054 0.252624 1.21132 0.369895 1.09405C0.487166 0.976775 0.626387 0.88375 0.779609 0.820283C0.932831 0.756817 1.09705 0.724152 1.2629 0.724152C1.42875 0.724152 1.59297 0.756817 1.74619 0.820283C1.89941 0.88375 2.03863 0.976775 2.1559 1.09405L6.29391 5.25721L10.4445 1.25755C10.5602 1.1289 10.7012 1.0255 10.8587 0.953826C11.0162 0.882151 11.1868 0.843743 11.3598 0.841002C11.5328 0.838261 11.7045 0.871246 11.8642 0.937895C12.0238 1.00455 12.1681 1.10343 12.2878 1.22835C12.4075 1.35328 12.5002 1.50156 12.56 1.66393C12.6197 1.8263 12.6454 1.99926 12.6353 2.17199C12.6252 2.34473 12.5796 2.51352 12.5013 2.66782C12.423 2.82211 12.3137 2.95859 12.1802 3.06872L7.14919 7.92365C6.91917 8.14541 6.61339 8.27132 6.29391 8.27582Z" fill="%232A2D53"/></svg>') no-repeat;
        width: 7px;
        height: 6px;
        display: block;
        background-size: contain;
        margin-right: 7px;
        /*  border-top: 0.3em solid;
        border-left: 0.3em solid transparent;
        border-bottom: 0;
        border-right: 0.3em solid transparent;*/
    }


.menu-cat-a {
    font-weight: bold;
}

    .menu-cat-a.dropdown-toggle::after {
        display: none;
    }




.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}




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

.fade {
    transition: opacity 0.15s linear;
    backdrop-filter: blur(1px);
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}


.bg-transparent {
    background-color: transparent !important;
}






.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-start),
    .active.carousel-item-end {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: 1;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-next-icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M9.5 7.11566L14.5 12.1157L9.5 17.1157" stroke="%232A2D53" stroke-width="3.37281" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M14.5 17.1158L9.5 12.1158L14.5 7.11578" stroke="%232A2D53" stroke-width="3.37281" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: end;
    padding: 0;
    margin: 0 5% 1rem 5%;
    list-style: none;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 6px;
        height: 6px;
        border: 3px solid #bbb;
        background: #bbb;
        opacity: 0.6;
        border-radius: 50%;
        padding: 0;
        margin-left: 3px;
        margin-right: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    border-color: #626262;
    background-color: #626262;
    background-clip: initial;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 1.25rem;
    right: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
}

.carousel-dark .carousel-caption {
    color: #000;
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 0.75s linear infinite spinner-grow;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}




.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}










































.social-share {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 10px 0;
    flex-wrap: wrap;
}

    .social-share .btn {
        border-radius: 12px;
        width: 120px;
        margin: 5px;
        color: #fff;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        transition: all ease-in-out .1s;
        flex-shrink: 0;
        font-size: 14px;
    }

    .social-share a:hover {
        color: #f5f5f5;
        transform: scale(1.05);
    }

    .social-share a svg {
        margin-left: 5px;
    }

#share_telegram {
    background: linear-gradient(280deg, #36ABE7 2.86%, #2AB3F9 120.65%);
}

#share_whatsapp {
    background: linear-gradient(280deg, #00C366 2.86%, #00A154 120.65%);
}

#copyadress {
    width: 250px;
    background: #FF5F55;
}

.share-address {
    display: none;
    /* direction: ltr;
    text-align: center;
    background: #f5f5f5;
    padding: 10px;
    overflow: hidden;
    margin: 10px 0 20px 0;
    border-radius: 10px;*/
}

.share-intro {
    width: 260px;
    display: flex;
    margin: auto;
    justify-content: start;
    align-items: center;
    color: #808080;
    font-size: 11.5px;
}

    .share-intro svg {
        margin-left: 10px;
    }

    .share-intro strong {
        display: block;
        color: #2A2D53;
        font-size: 13px;
        font-weight: 500;
    }











.detail-bar {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1010;
}

    .detail-bar .container {
        padding: 0;
    }

    .detail-bar .detail-parts {
        background: #fff;
        margin-top: 15px;
        padding: 5px 0;
        border-radius: 10px 10px 0 0;
    }

        .detail-bar .detail-parts .flex-box {
            display: flex;
            flex-wrap: nowrap;
            background-color: #0a004705;
            border: none;
            justify-content: start;
            margin: 0 0;
            border-radius: 10px;
            padding: 0 5px;
            gap: 10px;
            overflow-y: hidden;
            overflow-x: auto;
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }

            .detail-bar .detail-parts .flex-box::-webkit-scrollbar {
                display: none;
            }

.detail-parts .fix-items {
    flex-shrink: 0;
    font-size: 12px;
    margin: 0 10px;
    padding: 16px 0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -moz-user-focus: ignore;
}

    .detail-parts .fix-items.active {
        color: #ff5f55;
        background: transparent;
        border: none;
        border-bottom: 3px solid #ff5f55;
        font-weight: bold;
    }




.part-title-div {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 75px;
    gap: 10px;
}

    .part-title-div svg {
        width: 35px;
        height: 35px;
    }

    .part-title-div .part-title {
        font-size: 16px;
    }







.slider-holder {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .slider-holder:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .slider-holder img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        object-fit: cover;
        border-radius: 25px;
        padding: 10px;
        cursor: pointer;
    }


.spec-title {
    display: block;
    margin: 20px 0;
    color: #2A2D53;
    font-size: 16px;
    line-height: 28px;
}

.table-prp {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 4px;
    margin: 0;
}

    .table-prp .item-spec-header {
        margin: 15px 0;
        color: #2a2d53;
        font-size: 15px;
        font-weight: 500;
        display: block;
    }

    .table-prp .info {
        display: flex;
        justify-content: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        border-bottom: 1px solid #ecf0f6;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .table-prp .info:last-child {
            border-bottom: none;
            margin-bottom: 0px;
        }

        .table-prp .info span {
            color: #2A2D53;
            font-size: 14px;
            word-break: break-word;
            width: 100%;
            margin-left: 5px;
            padding: .5rem .5rem;
        }

            .table-prp .info span:first-child {
                width: 200px;
                max-width: 250px;
                color: #A8A8C0
            }


.top-flex {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0 0 0;
}

    .top-flex .spacer-line {
        background-color: #f4f4f6;
        width: 2px;
        height: 250px;
        display: none;
        flex: 0 0 2px;
        margin: auto;
    }

.share-box {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    border: none;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    flex-grow: 1;
    border-radius: 0;
    padding: 15px 10px 0 10px;
    border-top: 1px solid #eaeaea;
    margin-top: 5px;
}


    .share-box .it {
        background: none;
        border: none;
        margin: 0 4px;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

        .share-box .it .txt {
            display: block;
            color: #2a2d53;
            font-size: 11px;
            line-height: initial;
            text-transform:capitalize;
        }

        .share-box .it svg {
            color: #2a2d53;
            width: 48px;
            height: 48px;
            margin-bottom: 5px;
            border-radius: 10px;
            border: 1px solid #eaeaea;
            padding: 10px;
        }

            .share-box .it svg.bi-heart-fill {
                color: #cc4200
            }


.top-detail {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    flex-grow: 1;
}

    .top-detail .img-pics {
        width: 80%;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
    }

        .top-detail .img-pics:after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .top-detail .img-pics .carousel {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%
        }

        .top-detail .img-pics .used-tag {
            position: absolute;
            right: 7px;
            top: 7px;
            font-size: 12px;
            background: #34567e;
            border-radius: 3px;
            color: #fff;
            padding: 1px 5px;
        }

    .top-detail .product-title {
        flex-grow: 1;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: stretch;
        position: relative;
    }















.box-data {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 0 20px 20px 20px;
}











.shop-counter {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    color: #2A2D534D;
}

    .shop-counter .line {
        width: auto;
        flex-grow: 1;
        height: 2px;
        background-color: #f4f4f6;
    }


.price-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 13px;
}


.price-more {
    display: block;
    color: gray;
    text-align: center;
    width: 100%;
    flex-grow: 0;
    margin-top: auto;
}


    .price-more h2 {
        font-size: 15px;
        font-weight: initial;
        margin: 0;
        flex-shrink: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        color: #2a2d53;
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -moz-user-focus: ignore;
        text-transform:capitalize;
    }

        .price-more h2 strong {
            font-size: 18px;
            font-weight: 500;
            border-radius: 10px;
            padding: 15px 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            flex-grow: 1;
        }

            .price-more h2 strong.green-price {
                background: #00cd6b1a;
                border: 1px solid #00cd6b0d;
                color: #00cd6b;
            }

            .price-more h2 strong.red-price {
                background: #ff5f551a;
                border: 1px solid #FF5F550d;
                color: #ff5574;
            }

            .price-more h2 strong .unit {
                width: 18px;
                height: 18px;
                background: url('/content/2022/img/tooman.svg');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }

                .price-more h2 strong .unit.unit-green {
                    background-image: url('/content/2022/img/tooman-green.svg');
                }


.shopsshortcut {
    display: flex;
    flex-shrink: 0;
    margin-right: auto;
}

.ShopsShortcutLink {
    color: #fff;
    border-radius: 10px;
    background-color: #fe5200;
    line-height: 38px;
    height: 38px;
    display: block;
    padding: 0 10px 0 10px;
    flex-shrink: 0;
}

    .ShopsShortcutLink:hover {
        color: #fff;
    }

    .ShopsShortcutLink .lnk {
        border-radius: 10px;
        background-color: #34557e;
        display: inline-block;
        height: 100%;
        padding: 0 10px;
        margin: 0 5px 0 -10px;
    }

        .ShopsShortcutLink .lnk .ico-down {
            content: "\F282";
            display: inline-block;
            width: 20px;
            height: 20px;
            color: #fff;
        }



.rating-cm {
    display: inline-block;
    position: relative;
    height: 27px;
    margin-right: 5px;
}

    .rating-cm label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        cursor: pointer;
    }

        .rating-cm label:last-child {
            position: static;
        }

        .rating-cm label:nth-child(1) {
            z-index: 5;
        }

        .rating-cm label:nth-child(2) {
            z-index: 4;
        }

        .rating-cm label:nth-child(3) {
            z-index: 3;
        }

        .rating-cm label:nth-child(4) {
            z-index: 2;
        }

        .rating-cm label:nth-child(5) {
            z-index: 1;
        }

        .rating-cm label input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 26px;
            height: 26px;
            display: block;
        }

        .rating-cm label .icon {
            float: right;
            color: transparent;
            line-height: 27px;
            font-size: 27px;
        }

            .rating-cm label .icon:before {
                width: 25px;
                height: 25px;
            }

        .rating-cm label:last-child .icon {
            color: #e6e6e6;
            filter: grayscale(100%) brightness(110%);
        }

    .rating-cm:not(:hover) label input:checked ~ .icon,
    .rating-cm:hover label:hover input ~ .icon {
        color: #ff5301;
        filter: none !important;
    }

    .rating-cm label input:focus:not(:checked) ~ .icon:last-child {
        color: #e6e6e6;
        filter: grayscale(100%) brightness(50%);
    }


.rate-system {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 35px;
    width: 100%;
}

.total-rate-text {
    color: #2a2d53;
    font-size: 16px;
    font-weight: 500;
}

.rate-count {
    color: #2A2D5366;
    margin-left: 8px;
    font-size: 13px;
}

.rate-num {
    margin-right: auto;
}


.product-title h1 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin: 5px 0 15px 0;
}

.product-title .name-en-kala {
    display: block;
    font-size: 16px;
    font-weight: initial;
    color: #808080;
    margin-top: 10px;
}


.box-intro {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin: 20px 0 0 0;
}


.show-shop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .show-shop > a {
        color: #FF5F55;
        display: flex;
        justify-content: start;
        align-items: center;
        margin-left: 20px;
    }

        .show-shop > a svg {
            width: 10px;
            height: 10px;
            margin-right: 3px;
        }


.outboxtitle {
    padding-right: 20px;
    font-size: 16px;
    font-weight: 800;
    color: #2A2D53;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
}

.box-intro .outboxtitle {
    margin: 15px 0 5px 0;
}

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

.outboxtitle a, .outboxtitle span {
    color: #34567e;
}

#divsimilar {
    display: block;
    min-height: 600px;
    margin: 10px 0 40px 0;
}

#similar-parent {
    padding-top: 70px;
}

.top-block {
    margin: 20px;
}

.prd-items {
    display: flex;
    justify-content: start;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .prd-items::-webkit-scrollbar {
        display: none;
    }

    .prd-items.multi-line {
        flex-wrap: wrap;
        border-left: none;
        border-bottom: none;
    }

    .prd-items .product-block-parent {
        width: 50%;
        min-width: 50%;
        overflow: hidden;
    }

    .prd-items.multi-line .product-block-parent {
        border-bottom: none;
    }

    .prd-items .product-block-parent .product-block {
        margin: 5px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        overflow: hidden;
    }

    /* .prd-items .product-block-parent:last-child {
        border-left: none;
    }*/

    .prd-items .product-block-parent .prd-name {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 39px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .prd-items .prd-info {
        padding: 10px 15px;
    }

    .prd-items .prd-ax {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .prd-items .prd-ax:after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .prd-items .prd-ax img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            object-fit: cover;
            border-radius: 25px;
            padding: 15px;
            font-size: 11px;
        }




.price-box {
    direction: ltr;
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}

    .price-box .item-price-discount-box {
        display: flex;
        justify-content: start;
        flex-direction: row-reverse;
        color: #808080;
        margin-bottom: 3px;
    }

    .price-box .shop-price-discount {
        background-color: #FF5F55;
        margin-left: 5px;
        color: #fff;
        padding: 0 5px;
    }

    .price-box .minitext {
        font-size: 12px;
        color: #808080;
    }

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

    .prd-price span {
        font-weight: 450;
        color: #0a0047;
        font-size: 15px;
        margin: 0 0 0 auto;
        padding: 0 5px;
        background-color: #fff;
        position: relative;
        z-index: 2;
        transition: all linear 0.2s;
        -moz-transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -o-transition: all linear 0.2s;
    }

    .prd-price .from {
        color: #8580a4;
        font-size: 12px;
        margin-right: 3px;
    }

        .prd-price .from::before {
            display: block;
            height: 2px;
            background: #e7e6ed;
            content: ' ';
            position: absolute;
            top: 12px;
            z-index: 1;
            left: 55px;
            width: calc(100% - 80px);
        }

    .prd-price .unit {
        display: inline-block;
        background: #fff url('/content/2022/img/tooman.svg');
        width: 18px;
        height: 14px;
        position: relative;
        z-index: 2;
        transition: all linear 0.2s;
        -moz-transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -o-transition: all linear 0.2s;
        background-size: contain;
        background-repeat: no-repeat;
    }

.price-box .item-price-discount-box {
    background: #f5f5f5;
    width: 100%;
}

    .price-box .item-price-discount-box.not-exist {
        background: none;
        color: #FF5F55;
        opacity: 0.5;
    }

.product-block .price-box .item-price-discount-box {
    background: #f5f5f5;
    width: 100%;
}

.product-block .shop-price-discount {
    margin-left: auto;
    padding: 0 10px;
}





.top-item {
    position: relative;
    display: block;
    min-height: 300px;
}

.top-item-icons > span {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
    cursor: pointer;
    top: -50px;
    width: 30px;
    height: 30px;
    padding: 5px;
    z-index: 12;
    opacity: 1;
}

.top-item-icons span.disabled svg {
    opacity: 0.3;
}

.top-item-icons span.ico-right {
    right: -10px;
    
}

.top-item-icons span.ico-left {
    right: 40px;
}

.top-similar {
    margin-top: 30px;
}

.top-similar-items .top-item-icons span.ico-right {
    top: -40px;
}

.top-similar-items .top-item-icons span.ico-left {
    right: 0;
    top: -40px;
}

.nav-tabs.detail-page {
    background-color: #0A004705;
    padding: 0 5px;
    border-radius: 0;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 -20px;
    border: none;
}

    .nav-tabs.detail-page .nav-item {
        position: relative;
    }

        .nav-tabs.detail-page .nav-item:before {
            content: ' ';
            height: 17px;
            width: 1px;
            background: #0A004712;
            position: absolute;
            left: 0;
            top: 15px;
            display: block;
        }

        .nav-tabs.detail-page .nav-item:last-child:before {
            display: none;
        }


    .nav-tabs.detail-page .nav-link {
        border-bottom: 2px solid transparent;
        margin: 0 11px 0px 11px;
        padding: 13px 0px;
        font-size: 13px;
        color: #2a2d53;
    }


        .nav-tabs.detail-page .nav-link.active, .nav-tabs.detail-page .nav-item.show .nav-link {
            color: #FF5F55;
            background: transparent;
            border: none;
            border-bottom: 3px solid #FF5F55;
            font-weight: bold;
        }

        .nav-tabs.detail-page .nav-link h2 {
            font-size: 13px;
            margin: 0;
            font-weight: normal;
            line-height: initial;
        }

        .nav-tabs.detail-page .nav-link.active h2 {
            font-weight: bold;
        }



.tab-content {
    border: none;
    border-top: none;
}

.shop-sort-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    border: 1px solid #e6e6e6;
    border: none;
    margin-bottom: 0;
}

    .shop-sort-option .filter-btn {
        position: relative;
    }

        .shop-sort-option .filter-btn .btn {
            color: #2a2d53;
            outline: none;
            font-size: 13px;
            font-weight: 450;
            margin: 10px 0 15px 0;
            position: relative;
            border: 1.5px solid #f4f4f6;
            border-radius: 15px;
            padding: 5px 8px;
            display: flex;
            justify-content: start;
            align-items: center;
        }

            .shop-sort-option .filter-btn .btn.border {
                border-color: #FF5F55
            }

            .shop-sort-option .filter-btn .btn svg {
                margin-right: 3px;
            }

    .shop-sort-option .dropdown-toggle::after {
        margin-left: 10px;
    }

.shop-type-filter {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    width: 100%;
}

.radio-shop-type {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 1px;
    left: 1px;
    opacity: 0;
}

.spec-shop-icon {
    display: inline-block;
    width: 54px;
    height: 24px;
    background: #00C394;
    border-radius: 8px;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0px 6px 10px 0px #00C3944D;
    -moz-box-shadow: 0px 6px 10px 0px #00C3944D;
    -webkit-box-shadow: 0px 6px 10px 0px #00C3944D;
    font-style: initial;
    color: #fff;
    padding-left: 24px;
    font-size: 12px;
    line-height: 26px;
    margin-left:10px;
}
    .spec-shop-icon::before {
        display: flex;
        width: 20px;
        height: 20px;
        content: '';
        color: #fff;
        background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2670_4898)"><path d="M3.03746 6.01116L5.06112 3.41312C5.19469 3.24615 5.36835 3.10591 5.55535 3.01241C5.74903 2.91891 5.95607 2.87216 6.16979 2.86548H11.3659C11.5796 2.86548 11.7933 2.91223 11.9803 3.01241C12.174 3.10591 12.341 3.24615 12.4745 3.41312L14.4982 6.01116C14.6852 6.25828 14.7787 6.55882 14.7653 6.86604C14.752 7.17326 14.6318 7.4738 14.4247 7.6942L9.20862 13.3444C9.14852 13.4045 9.08173 13.458 9.00158 13.4914C8.92144 13.5248 8.84129 13.5448 8.75446 13.5448C8.66764 13.5448 8.5875 13.5248 8.50735 13.4914C8.42721 13.458 8.36042 13.4045 8.30031 13.3444L3.09089 7.6942C2.88385 7.46712 2.76364 7.17326 2.75028 6.86604C2.73692 6.55882 2.83042 6.2516 3.01742 6.01116H3.03746Z" fill="white" fill-opacity="0.22" stroke="white" stroke-width="1.33575" stroke-miterlimit="10"/><path d="M11.4461 7.40039L10.1104 8.73614" stroke="white" stroke-width="1.33575" stroke-miterlimit="10" stroke-linecap="round"/></g><defs><clipPath id="clip0_2670_4898"><rect width="16.029" height="16.029" fill="white" transform="translate(0.84668 0.1875)"/></clipPath></defs></svg>') center no-repeat;
        background-size: contain;
        font-style: initial;
        font-size: 12px;
        position: absolute;
        left: 3px;
        top: 2px;
    }



.shoptype-2 .spec-shop-icon {
    background: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2569_2741)"><path d="M14.7045 13.2545C14.2988 13.6346 13.62 13.6433 12.817 13.3237C11.7574 12.9263 10.4908 11.9674 9.34834 10.6371C8.21419 9.30683 7.44428 7.88151 7.17937 6.73261C6.97241 5.86878 7.06348 5.16908 7.46912 4.78899C8.42942 3.89924 10.8219 5.06541 12.8252 7.39776C14.8286 9.73011 15.6648 12.3562 14.7045 13.2459V13.2545Z" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/><path d="M7.20385 5.20361L3.32131 14.2825C2.77493 15.5523 3.93391 16.8999 5.20878 16.4853L14.2984 13.4878" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/><path d="M6.19434 16.2522L6.63309 17.712C6.87316 18.5068 7.701 18.956 8.46261 18.7055L9.86166 18.2476C10.6233 17.9971 11.0537 17.1333 10.8137 16.3385L10.3749 14.8787" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/><path d="M17.3691 4.02881L16.6406 4.79763" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/><path d="M13.6119 3.22559L13.2725 4.00303" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/><path d="M18.0821 7.89014L17.3867 8.27887" stroke="%2300c394" stroke-width="1.69355" stroke-miterlimit="10" stroke-linecap="round"/></g><defs><clipPath id="clip0_2569_2741"><rect width="19.8682" height="20.732" fill="white" transform="translate(0.697266 0.634033)"/></clipPath></defs></svg>') center no-repeat;
    background-size: contain;
}

.lbl-shop-type {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    color: #2a2d53;
    outline: none;
    font-size: 13px;
    font-weight: 450;
    margin: 10px 0 10px 0;
    position: relative;
    border: 2px solid #f4f4f6;
    border-radius: 15px;
    padding: 5px 15px 5px 8px;
    cursor: pointer;
    flex: 1 0;
    text-transform:capitalize;
}

    .lbl-shop-type i {
        filter: grayscale(100%); /* Current draft standard */
        -webkit-filter: grayscale(100%); /* New WebKit */
        -moz-filter: grayscale(100%);
        -webkit-filter: grayscale(1); /* Old WebKit */


        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: block;
        background: url('data:image/svg+xml,<%3Fxml version="1.0"%3F><svg fill="%23FF5F55" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M43.171,10.925L24.085,33.446l-9.667-9.015l1.363-1.463l8.134,7.585L41.861,9.378C37.657,4.844,31.656,2,25,2 C12.317,2,2,12.317,2,25s10.317,23,23,23s23-10.317,23-23C48,19.701,46.194,14.818,43.171,10.925z"/></svg>') no-repeat center;
        background-size: contain;
        opacity: 0.2;
    }

    .lbl-shop-type.green i {
        background: url('data:image/svg+xml,<%3Fxml version="1.0"%3F><svg fill="%2300C366" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M43.171,10.925L24.085,33.446l-9.667-9.015l1.363-1.463l8.134,7.585L41.861,9.378C37.657,4.844,31.656,2,25,2 C12.317,2,2,12.317,2,25s10.317,23,23,23s23-10.317,23-23C48,19.701,46.194,14.818,43.171,10.925z"/></svg>') no-repeat center;
        background-size: contain;
    }

    .lbl-shop-type svg {
        position: absolute;
        width: 33px;
        height: 19px;
        right: 10px;
        top: -9px;
        color: #f4f4f6;
    }

    .lbl-shop-type .new {
        position: absolute;
        width: 33px;
        height: 19px;
        right: 5px;
        top: -14px;
        color: #888;
        font-size: 11px;
    }

.radio-shop-type:checked + .lbl-shop-type {
    border-color: #FF5F55;
}

    .radio-shop-type:checked + .lbl-shop-type.green {
        border-color: #00C366;
    }

    .radio-shop-type:checked + .lbl-shop-type i {
        opacity: 1;
        filter: none !important;
        -webkit-filter: !important; /* New WebKit */
        -moz-filter: !important;
    }

    .radio-shop-type:checked + .lbl-shop-type svg {
        color: #00C366;
    }

    .radio-shop-type:checked + .lbl-shop-type .new {
        color: #fff;
    }








#select-city {
    color: #2a2d53;
    cursor: pointer;
    position: relative;
}

.shop-sort-header {
    display: flex;
    justify-content: start;
    align-items: center;
    color: #000;
    font-size: 16px;
}

    .shop-sort-header svg {
        margin-left: 5px;
        width: 20px;
        height: 20px;
    }


.shoplist {
    list-style: none;
    margin: 0 -20px;
    padding: 0;
}

    .shoplist .shop-row {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        border-top: 12px solid rgba(42, 45, 83, 0.05);
        flex-wrap: wrap;
        height: initial;
        justify-content: center;
        padding: 0 15px;
    }

        .shoplist .shop-row .btn-edit-kala {
            background: #ff5f55;
            padding: 4px 8px;
            border: none;
            color: #fff;
            border-radius: 10px;
            font-size: 11px !important;
            line-height: initial;
            margin-top: 10px;
        }


    /*.shoplist .shop-row:first-child {
            border-top: none;
        }*/

    .shoplist .banner-price-middle + .shop-row {
        border-top: none;
    }

.shop-row .btn-xs {
    font-weight: initial !important;
    font-size: 13px !important;
}


.lbl-update {
    display: block;
    margin: 0;
    text-align: left;
    color: #2a2d5366;
    font-size: 12px;
    white-space: nowrap;
    text-transform:capitalize;
}

    .lbl-update span {
        color: #2A2D5399;
    }



.shop-prd-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 5px 0 15px 0;
    flex-shrink: 0;
}

    .shop-prd-price .last {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }


.shoplist .shop-button {
    background-color: #ff5f55;
    color: #fff;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out .1s;
    -moz-transition: all ease-in-out .1s;
    -webkit-transition: all ease-in-out .1s;
    flex-shrink: 0;
    margin: 10px 0 3px 0;
    flex: 1 0 45%;
}

    .shoplist .shop-button:hover {
        color: #fff;
        background-color: #f54e43;
    }

    .shoplist .shop-button.green {
        background-color: #00C394;
    }

        .shoplist .shop-button.green:hover {
            color: #fff;
            background-color: #00b78b;
        }



.shoplist .shop-btns.dotaee {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.shoplist .shop-price-div {
    color: #555;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: end;
}

    .shoplist .shop-price-div .unit {
        width: 30px;
        height: 30px;
        background: url('/content/2022/img/tooman-green.svg') center no-repeat;
        background-size: contain;
        margin-left: 5px;
    }

    .shoplist .shop-price-div a.shop-price {
        color: #2A2D53;
        font-size: 22px;
        font-weight: 550;
        position: relative;
    }

.shoplist .shop-price-discount-box {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: initial;
    color: #808080;
}

    .shoplist .shop-price-discount-box .shop-price-discount {
        margin-right: 8px;
        background-color: #00C366;
        color: #fff;
        padding: 0 4px;
        border-radius: 8px 8px 8px 0;
        font-size: 12px;
    }


.banner-two img {
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    width: 100%;
}

.banner-bottom {
    width: 100%;
    position: relative;
    padding: 5px 5px;
    overflow: hidden;
}

    .banner-bottom .zone-9::after {
        content: "";
        display: block;
        padding-bottom: 13.8%;
    }
    .banner-bottom .zone-10::after {
        content: "";
        display: block;
        padding-bottom: 26%;
    }

    .banner-bottom img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: 100%;
        margin: auto;
        object-fit: cover;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #e6e6e6;
    }



.banner-price-top {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 10px;
}

    .banner-price-top:before {
        width: 100%;
        display: block;
        content: ' ';
        padding-bottom: 4.81%;
    }

    .banner-price-top.zone-24:before {
        padding-bottom: 13%;
    }

    .banner-price-top img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        border-radius: 10px;
    }

.banner-price-middle {
    padding: 0;
    border: none !important;
}

    .banner-price-middle a {
        position: relative;
        width: 100%;
        display: block;
    }

        .banner-price-middle a:before {
            content: ' ';
            display: block;
            padding-bottom: 27.5%;
        }

    .banner-price-middle img {
        border-radius: 0;
        height: 100%;
        object-fit: cover;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }




.shoplist #btnshowhide {
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-top: none;
    font-weight: bold;
    color: #2A2D53;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid rgba(42, 45, 83, 0.10);
    background: #f8f8fa;
}

    .shoplist #btnshowhide svg {
        color: #2A2D53;
        margin-left: 5px;
    }

.shoplogotitle {
    /* max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/

    text-align: left;
    font-size: 15px;
    color: #2A2D53;
    font-weight: 500;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    text-transform:capitalize;
}



.shop-logo-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 255px;
    align-items: start;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    margin: 10px 0 0 0;
}



    .shop-logo-wrapper .shop-name {
        font-weight: bold;
        font-size: 15px;
    }
    /* .shop-logo-wrapper a.long-name {
        font-size: 12px;
        height: 50px;
        -webkit-line-clamp: 3;
    }*/

    .shop-logo-wrapper .shop-logo {
        max-width: 100%;
        max-height: 70px;
        border: none;
        border-radius: 5px;
        margin: 5px 5px 8px 5px;
        object-fit: contain;
    }



    .shop-logo-wrapper a.shop-location {
        color: #808080;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: initial;
        font-size: 13px;
        margin: 5px 0 5px 0;
    }

    .shop-logo-wrapper svg {
        width: 15px;
        height: 15px;
        margin-left: 3px;
        color: #808080;
    }

.name-info {
    width: 100%;
}

.shop-prd-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    flex-grow: 1;
    padding: 15px 0 0 0;
    border-top: 1px solid #efefef;
}


    .shop-prd-info .nameH3 {
        color: #2A2D53;
        font-size: 15px;
        font-weight: 500;
        display: block;
        color: #000;
        margin-bottom: 0;
        line-height: 26px;
    }

    .shop-prd-info .shop-description {
        color: #808080;
        line-height: 24px;
    }

.shoplist .guarantee, .shoplist .address {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    color: #808080;
    line-height: 24px;
    font-size: 12px;
    margin: 5px 0;
    gap: 5px;
}

    /*.shoplist .guarantee svg {
        margin-left: 5px;
    }*/


    .shoplist .address i {
        width: 15px;
        height: 15px;
        display: inline-block;
        background: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.26127 3.64166C2.8946 0.902489 7.01919 0.902489 7.6446 3.64166C8.01669 5.24874 6.99544 6.6104 6.10877 7.45749C5.4596 8.07499 4.43835 8.06707 3.78919 7.45749C2.91044 6.6104 1.88919 5.24874 2.26127 3.64166Z" stroke="%23AAABBA" stroke-width="1.4"/><path d="M12.5527 13.1417C13.1861 10.4025 17.3344 10.4025 17.9677 13.1417C18.3398 14.7487 17.3186 16.1104 16.424 16.9575C15.7748 17.575 14.7456 17.5671 14.0965 16.9575C13.2019 16.1104 12.1806 14.7487 12.5527 13.1417Z" stroke="%23AAABBA" stroke-width="1.4"/><path d="M10.1229 3.95837H12.2446C13.7091 3.95837 14.39 5.77129 13.2896 6.73712L6.96414 12.2709C5.86372 13.2288 6.54456 15.0417 8.00122 15.0417H10.1229" stroke="%23AAABBA" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.966 4.35421H4.97514" stroke="%23AAABBA" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2575 13.8542H15.2666" stroke="%23AAABBA" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
        background-size: contain;
    }

.shop-rate {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 13px;
}

    .shop-rate .shop-rate-stars {
        display: flex;
        direction: ltr;
        margin-left: 5px;
        align-items: center;
        justify-content: center;
        color: #FF5F55;
    }

    .shop-rate .str {
        color: #555;
        padding-top: 5px;
    }

        .shop-rate .str span {
            color: #000
        }


.niazmandi {
    position: relative;
}

.listdiv {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    border-radius: 10px;
}



.part2-spec {
    position: relative;
}

.openable {
    max-height: 400px;
    overflow: hidden;
    display: block;
    transition: max-height linear 0.5s;
    -moz-transition: max-height linear 0.5s;
    -webkit-transition: max-height linear 0.5s;
    margin-bottom: 18px;
}

.openable-bottom {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: end;
    bottom: -15px;
    background-image: linear-gradient(to top,#fff,#ffffff00);
    position: absolute;
    width: 100%;
    z-index: 1;
}

.openable-btn {
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-top: none;
    font-weight: bold;
    color: #2a2d53;
    cursor: pointer;
    border-radius: 10px;
    user-select: none;
    -moz-user-select: none;
    border: 1px solid rgba(42,45,83,.1);
    background: #f8f8fa;
    gap: 5px;
}


    .openable-btn svg {
        color: #FF5F55;
        transition: all linear 0.5s;
        -moz-transition: all linear 0.5s;
        -webkit-transition: all linear 0.5s;
    }


.openable.is-open {
    max-height: 99999999999px;
}

    .openable.is-open + .openable-bottom {
        top: 50px;
        height: 50px;
        background: none;
        position: initial;
    }

        .openable.is-open + .openable-bottom .openable-btn svg {
            transform: rotate(180deg);
        }






#divdashcomment {
    margin: 0 -20px;
}



.CommentItem {
    list-style: none;
    border-top: 12px solid rgba(42,45,83,.05);
    border-right: 0;
    padding: 15px 0;
    margin: 20px 0;
    margin-bottom: 15px;
    overflow: hidden;
}

    .CommentItem:first-child {
        border-top: 0;
    }

    .CommentItem .Text {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        display: block;
    }

    .CommentItem .DivNameDate {
        display: flex;
        justify-content: start;
        align-items: center;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }



    .CommentItem .image-user {
        width: 50px;
        height: 50px;
        background-image: url(/content/2022/img/user.svg);
        border-radius: 50%;
        background-size: contain;
        margin-left: 10px;
    }

    .CommentItem .DivNameDate .name {
        font-weight: 500;
        color: #2A2D53;
        display: block;
    }

    .CommentItem .DivNameDate .date {
        color: #808080;
        font-size: 12px;
    }


.reply-btn {
    color: #00c366;
    background-color: #00c3661a;
    padding: 7px 27px 7px 8px;
    border-radius: 4px;
    margin-right: auto;
    position: relative;
    font-size: 13px;
    line-height: initial;
}

    .reply-btn:before {
        background: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M9.66634 1.45831H4.83301C2.41634 1.45831 1.20801 2.66665 1.20801 5.08331V12.9375C1.20801 13.2698 1.47988 13.5416 1.81217 13.5416H9.66634C12.083 13.5416 13.2913 12.3333 13.2913 9.91665V5.08331C13.2913 2.66665 12.083 1.45831 9.66634 1.45831Z' fill='%2300C366'/%3E%3Cpath d='M10.2702 5.5365H4.22852C3.98081 5.5365 3.77539 5.74192 3.77539 5.98962C3.77539 6.23733 3.98081 6.44275 4.22852 6.44275H10.2702C10.5179 6.44275 10.7233 6.23733 10.7233 5.98962C10.7233 5.74192 10.5179 5.5365 10.2702 5.5365Z' fill='%2300C366'/%3E%3Cpath d='M8.45768 8.55731H4.22852C3.98081 8.55731 3.77539 8.76273 3.77539 9.01044C3.77539 9.25815 3.98081 9.46356 4.22852 9.46356H8.45768C8.70539 9.46356 8.91081 9.25815 8.91081 9.01044C8.91081 8.76273 8.70539 8.55731 8.45768 8.55731Z' fill='%2300C366'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        width: 15px;
        height: 15px;
        display: block;
        content: ' ';
        position: absolute;
        right: 7px;
        top: 7px;
    }



.replayfrom {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    color: gray;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin: 10px 0;
}

    .replayfrom .reply-to {
        color: #2A2D53;
    }

    .replayfrom #replaytext {
        overflow: hidden;
        color: gray;
        font-size: 13px;
        text-overflow: ellipsis;
        height: 39px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 5px;
    }

    .replayfrom svg {
        font-weight: bold;
        float: left;
        color: #FF5F55;
        cursor: pointer;
    }

.box-send-comment {
    margin: 20px 0;
}

    .box-send-comment .form-control {
        background-color: #0a004706;
        border: none;
        border-radius: 10px;
        min-height: 70px;
    }

.btn-new-cm {
    background: #ff5f55;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
}

.more-comments {
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 0 20px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    color: #34567e;
}

    .more-comments svg {
        color: #FF5F55;
        margin-right: 5px;
    }

.installapp-img {
    max-width: 80%;
    max-height: 200px;
    margin-top: 20px;
}

.op-70 .shop-logo-wrapper a, .op-70 .shop-logo-wrapper img, .op-70 .shop-logo-wrapper span, .op-70 .shop-logo-wrapper svg,
.op-70 .shop-prd-price, .op-70 .shop-prd-info a, .op-70 .shop-prd-info h3, .op-70 .shop-prd-info button,
.op-70 .shop-row-mobile-top, .op-70 .shop-button, .op-70 .dropdown-toggle {
    opacity: 0.7;
}




.shopnamespan {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.line-2 {
    width: 100%;
    border-top: 1px solid #efefef;
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 14px 0 7px 0;
    padding-top: 7px;
    font-size: 12px;
    font-weight: 450;
    padding-bottom: 2px;
}

.stype-tag {
    color: #8D8EA2;
    background-color: #F0F0F3;
    padding: 3px 8px 3px 8px;
    border-radius: 10px;
    margin: 0 7px 0 0;
    display: flex;
    position: relative;
    font-size: 12px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    text-transform:capitalize;
}

.shoptype-1 .stype-tag {
    background-color: #FF5F551A;
    color: #FF5F55
}

.shoptype-2 .stype-tag {
    background-color: #E6F9F5;
    color: #00C394
}

.shoplist .shoptype-1 .shop-price-div .unit {
    background: url('/content/2022/img/tooman.svg') center no-repeat;
    background-size: contain;
}

.shoplist .shoptype-1 .shop-price-discount-box .shop-price-discount {
    background-color: #FF5F55;
}

.online-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2455_889)"><path d="M5.52288 13.6513C5.50369 13.6513 5.47811 13.6641 5.45892 13.6641C4.21822 13.0502 3.20775 12.0333 2.5874 10.7926C2.5874 10.7734 2.60019 10.7478 2.60019 10.7286C3.38043 10.9589 4.18624 11.1315 4.98566 11.2658C5.12636 12.0717 5.29264 12.8711 5.52288 13.6513Z" fill="%23FF5F55"/><path d="M14.0227 10.799C13.3895 12.0717 12.3343 13.1013 11.0488 13.7217C11.2919 12.9095 11.4965 12.0909 11.6308 11.2658C12.4366 11.1315 13.2296 10.9589 14.0099 10.7286C14.0035 10.7542 14.0227 10.7798 14.0227 10.799Z" fill="%23FF5F55"/><path d="M14.0738 5.20946C13.268 4.96643 12.4558 4.76818 11.6308 4.62748C11.4965 3.80248 11.2982 2.98387 11.0488 2.18445C12.3727 2.81759 13.4407 3.88562 14.0738 5.20946Z" fill="%23FF5F55"/><path d="M5.52375 2.2549C5.29351 3.03514 5.12723 3.82816 4.99293 4.63398C4.16793 4.76189 3.34932 4.96654 2.53711 5.20956C3.15746 3.92409 4.18711 2.86886 5.45979 2.23572C5.47898 2.23572 5.50456 2.2549 5.52375 2.2549Z" fill="%23FF5F55"/><path d="M10.5372 4.49321C9.05348 4.32693 7.55697 4.32693 6.07324 4.49321C6.23313 3.61705 6.43778 2.74088 6.72557 1.89669C6.73836 1.84553 6.73196 1.80716 6.73836 1.756C7.24359 1.63448 7.76162 1.55774 8.30522 1.55774C8.84244 1.55774 9.36686 1.63448 9.86569 1.756C9.87209 1.80716 9.87209 1.84553 9.88488 1.89669C10.1727 2.74728 10.3773 3.61705 10.5372 4.49321Z" fill="%23FF5F55"/><path d="M4.84563 10.1852C3.96307 10.0253 3.0933 9.82062 2.24911 9.53283C2.19795 9.52004 2.15958 9.52643 2.10841 9.52004C1.9869 9.0148 1.91016 8.49678 1.91016 7.95317C1.91016 7.41596 1.9869 6.89154 2.10841 6.3927C2.15958 6.38631 2.19795 6.38631 2.24911 6.37352C3.09969 6.09212 3.96307 5.88108 4.84563 5.72119C4.68575 7.20492 4.68575 8.70143 4.84563 10.1852Z" fill="%23FF5F55"/><path d="M14.7006 7.95317C14.7006 8.49678 14.6239 9.0148 14.5024 9.52004C14.4512 9.52643 14.4128 9.52004 14.3617 9.53283C13.5111 9.81423 12.6413 10.0253 11.7651 10.1852C11.9314 8.70143 11.9314 7.20492 11.7651 5.72119C12.6413 5.88108 13.5175 6.08573 14.3617 6.37352C14.4128 6.38631 14.4512 6.3927 14.5024 6.3927C14.6239 6.89794 14.7006 7.41596 14.7006 7.95317Z" fill="%23FF5F55"/><path d="M10.5372 11.4131C10.3773 12.2956 10.1727 13.1654 9.88488 14.0096C9.87209 14.0608 9.87209 14.0991 9.86569 14.1503C9.36686 14.2718 8.84244 14.3486 8.30522 14.3486C7.76162 14.3486 7.24359 14.2718 6.73836 14.1503C6.73196 14.0991 6.73836 14.0608 6.72557 14.0096C6.44417 13.159 6.23313 12.2956 6.07324 11.4131C6.8151 11.4962 7.55697 11.5538 8.30522 11.5538C9.05348 11.5538 9.80174 11.4962 10.5372 11.4131Z" fill="%23FF5F55"/><path d="M10.712 10.36C9.11246 10.5618 7.49797 10.5618 5.89843 10.36C5.69662 8.76041 5.69662 7.14592 5.89843 5.54638C7.49797 5.34457 9.11246 5.34457 10.712 5.54638C10.9138 7.14592 10.9138 8.76041 10.712 10.36Z" fill="%23FF5F55"/></g><defs><clipPath id="clip0_2455_889"><rect width="15.3489" height="15.3489" fill="white" transform="translate(0.630859 0.278687)"/></clipPath></defs></svg>') center no-repeat;
    background-size: contain;
}

.local-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.96484 6.87867C2.96484 3.81209 5.52743 1.3335 8.62714 1.3335C11.7356 1.3335 14.2982 3.81209 14.2982 6.87867C14.2982 8.42396 13.7362 9.85858 12.8112 11.0745C11.7907 12.4158 10.5329 13.5845 9.11721 14.5018C8.79318 14.7138 8.50076 14.7298 8.14514 14.5018C6.72133 13.5845 5.46357 12.4158 4.45184 11.0745C3.52617 9.85858 2.96484 8.42396 2.96484 6.87867ZM6.76107 7.05135C6.76107 8.07865 7.59935 8.88663 8.62721 8.88663C9.65574 8.88663 10.5021 8.07865 10.5021 7.05135C10.5021 6.03204 9.65574 5.18473 8.62721 5.18473C7.59935 5.18473 6.76107 6.03204 6.76107 7.05135Z" fill="%2300C394"/></svg>') center no-repeat;
    background-size: contain;
}

.location-tag {
    color: #2A2D53;
    padding: 3px 7px 3px 21px;
    display: block;
    position: relative;
    flex-shrink: 0;
    text-transform:capitalize;
}

    .location-tag::before {
        content: ' ';
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        top: 6px;
        background: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.38261 17.5395C9.38261 14.8021 4.04714 12.4347 3.9127 8.09828C3.8183 5.05343 6.36126 2.34383 9.38261 2.34383C12.4039 2.34383 14.9463 5.05338 14.8532 8.09828C14.718 12.5236 9.38261 14.7289 9.38261 17.5395Z' fill='%23FF5F55' fill-opacity='0.12' stroke='%23FF5F55' stroke-width='1.51957' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2064 8.11859C11.2064 7.11113 10.3901 6.2948 9.38336 6.2948C8.37591 6.2948 7.55957 7.11113 7.55957 8.11859C7.55957 9.1253 8.37591 9.94164 9.38336 9.94164C10.3901 9.94164 11.2064 9.1253 11.2064 8.11859Z' fill='white' stroke='%23FF5F55' stroke-width='1.51957' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }



.intime-tag {
    color: #00C394;
    padding: 3px 7px 3px 23px;
    display: block;
    position: relative;
    flex-shrink: 0;
}

    .intime-tag::before {
        content: ' ';
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        left: 4px;
        top: 6px;
        background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1677_530)'%3E%3Cpath opacity='0.4' d='M13.2923 6.85831C13.2923 7.86513 12.9937 8.78864 12.4799 9.55938C11.73 10.6704 10.5426 11.455 9.16088 11.6563C8.92479 11.698 8.68177 11.7188 8.4318 11.7188C8.18183 11.7188 7.9388 11.698 7.70272 11.6563C6.32095 11.455 5.1336 10.6704 4.38369 9.55938C3.86986 8.78864 3.57129 7.86513 3.57129 6.85831C3.57129 4.17114 5.74463 1.9978 8.4318 1.9978C11.119 1.9978 13.2923 4.17114 13.2923 6.85831Z' fill='%2300C366'/%3E%3Cpath d='M14.8543 13.434L13.7086 13.7047C13.4517 13.7672 13.2504 13.9617 13.1948 14.2186L12.9518 15.2393C12.8199 15.7948 12.1116 15.9614 11.7436 15.524L8.43151 11.7189L5.11942 15.5309C4.75141 15.9684 4.04317 15.8017 3.91124 15.2462L3.66821 14.2255C3.60572 13.9686 3.40436 13.7672 3.15439 13.7117L2.0087 13.4409C1.48098 13.3159 1.29351 12.6563 1.6754 12.2744L4.3834 9.56638C5.13331 10.6773 6.32066 11.462 7.70244 11.6634C7.93852 11.705 8.18154 11.7258 8.43151 11.7258C8.68148 11.7258 8.92451 11.705 9.16059 11.6634C10.5424 11.462 11.7297 10.6773 12.4796 9.56638L15.1876 12.2744C15.5695 12.6493 15.382 13.309 14.8543 13.434Z' fill='%2300C366'/%3E%3Cpath d='M8.83499 4.76129L9.24466 5.58062C9.30021 5.69172 9.44602 5.80282 9.57795 5.82365L10.3209 5.94863C10.7931 6.02501 10.9042 6.3722 10.5639 6.71243L9.98762 7.28874C9.89041 7.38595 9.83486 7.57344 9.86958 7.71231L10.0362 8.4275C10.1682 8.98993 9.86958 9.21211 9.36964 8.91354L8.67529 8.50387C8.5503 8.42749 8.34199 8.42749 8.21701 8.50387L7.52265 8.91354C7.02271 9.20517 6.72414 8.98993 6.85607 8.4275L7.02271 7.71231C7.05049 7.58038 7.00188 7.38595 6.90467 7.28874L6.32835 6.71243C5.98812 6.3722 6.09921 6.03196 6.57138 5.94863L7.31434 5.82365C7.43933 5.80282 7.58514 5.69172 7.64069 5.58062L8.05036 4.76129C8.25173 4.3169 8.61279 4.3169 8.83499 4.76129Z' fill='%2300C366'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1677_530'%3E%3Crect width='16.6646' height='16.6646' fill='white' transform='translate(0.0996094 0.60907)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }




.shop-rate {
    color: #00C366;
    padding: 3px 7px 3px 23px;
    display: block;
    position: relative;
    flex-shrink: 0;
}

    .shop-rate::before {
        position: absolute;
        left: 4px;
        top: 6px;
    }


.star-icon-gold:before {
    content: ' ';
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3589 5.90423C14.2887 3.3286 10.6977 3.32859 9.62747 5.90423L9.06649 7.25434C8.84312 7.79193 8.35639 8.15747 7.80006 8.22046L6.23461 8.39772C3.58827 8.69735 2.53229 11.9917 4.43505 13.8313L5.76421 15.1163C6.15689 15.4959 6.33345 16.0591 6.22517 16.6068L5.90425 18.23C5.37144 20.9249 8.2754 23.0285 10.6154 21.5263L11.6652 20.8523C12.1719 20.527 12.8145 20.527 13.3212 20.8523L14.371 21.5263C16.711 23.0285 19.615 20.9249 19.0821 18.23L18.7612 16.6068C18.6529 16.0591 18.8295 15.4959 19.2222 15.1163L20.5513 13.8313C22.4541 11.9917 21.3981 8.69735 18.7518 8.39772L17.1863 8.22046C16.63 8.15747 16.1433 7.79193 15.9199 7.25434L15.3589 5.90423Z' fill='%23FF9C40'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.report-tag {
    color: #2A2D53;
    padding: 3px 0 3px 18px;
    margin-right: auto;
    display: block;
    position: relative;
    flex-shrink: 0;
    opacity: 0.6;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

    .report-tag::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        left: 0px;
        top: 8px;
        background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='vuesax/linear/danger'%3E%3Cg id='danger'%3E%3Cpath id='Vector' d='M9.5 6.39827V9.93994' stroke='%232A2D53' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M9.49958 15.1887H4.95458C2.35208 15.1887 1.26458 13.432 2.52458 11.2858L4.86458 7.30493L7.06958 3.56493C8.40458 1.29118 10.5946 1.29118 11.9296 3.56493L14.1346 7.31202L16.4746 11.2928C17.7346 13.4391 16.6396 15.1958 14.0446 15.1958H9.49958V15.1887Z' fill='%232A2D53' fill-opacity='0.2' stroke='%232A2D53' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M9.49609 12.0649H9.50283' stroke='%232A2D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

.shop-logo-wrapper .report-tag {
    display: none;
}




.options {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    position: relative;
    flex-shrink: 0;
    border-top: 1px solid #efefef;
    padding: 8px 0 8px 0;
    margin: 5px 0 5px 0;
    width: 100%;
    border-bottom: 1px solid #efefef;
}


    .options .dropdown-menu {
        border: none;
        background-color: #fff;
        box-shadow: 0 0 5px #00000046;
        font-size: 13px;
        padding: 10px;
        width: 200px;
        margin: 3px;
        z-index: 10000;
    }

        .options .dropdown-menu .box-name {
            font-weight: bold;
            padding-bottom: 3px;
            margin-bottom: 1px;
            border-bottom: 1px solid #f5f5f5;
            color: #333;
            font-size: 12px;
            display: flex;
            justify-content: start;
            align-items: center;
        }

        .options .dropdown-menu .box-text {
            color: #808080;
            margin-bottom: 15px;
            font-size: 12px;
        }

            .options .dropdown-menu .box-text + .box-name {
                margin-top: 15px;
            }

            .options .dropdown-menu .box-text:last-child {
                margin-bottom: 0px;
            }



    .options > div {
        display: block;
        margin-left: 1%;
        width: 48%;
    }

    .options button {
        display: flex;
        justify-content: start;
        align-items: center;
        color: #555;
        font-size: 12px;
        margin: 1px 0;
        padding: 0;
        outline: none;
        height: 34px;
    }

        .options button.dropdown-toggle::after {
            margin-right: 4px;
        }


    .options .pi {
        width: 22px;
        height: 22px;
        margin: 0 0 0 3px;
        display: inline-block;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

.box-name .pi {
    margin: 0 0 0 7px;
}

.pi.icon-offbuy {
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M12.7058 7.77632V22.3663H4.28578C3.12578 22.3663 2.17578 21.4363 2.17578 20.2963V5.45632C2.17578 2.83632 4.13578 1.64632 6.52578 2.81632L10.9558 5.00632C11.9158 5.47632 12.7058 6.72632 12.7058 7.77632Z" fill="%23FF5F55"/><path d="M9.17557 10.1163H5.70557C5.29557 10.1163 4.95557 9.77632 4.95557 9.36632C4.95557 8.95632 5.29557 8.61632 5.70557 8.61632H9.17557C9.58557 8.61632 9.92557 8.95632 9.92557 9.36632C9.92557 9.77632 9.59557 10.1163 9.17557 10.1163Z" fill="%23FF5F55"/><path d="M9.17557 14.1163H5.70557C5.29557 14.1163 4.95557 13.7763 4.95557 13.3663C4.95557 12.9563 5.29557 12.6163 5.70557 12.6163H9.17557C9.58557 12.6163 9.92557 12.9563 9.92557 13.3663C9.92557 13.7763 9.59557 14.1163 9.17557 14.1163Z" fill="%23FF5F55"/><path opacity="0.6" d="M22.2056 15.4163V19.8663C22.2056 21.2463 21.0856 22.3663 19.7056 22.3663H12.7056V10.7863L13.1756 10.8863L17.2156 11.7863L17.6956 11.8963L19.7356 12.3563C20.2256 12.4563 20.6756 12.6263 21.0656 12.8763C21.0656 12.8863 21.0756 12.8863 21.0756 12.8863C21.1756 12.9563 21.2756 13.0363 21.3656 13.1263C21.8256 13.5863 22.1256 14.2563 22.1956 15.2363C22.1956 15.2963 22.2056 15.3563 22.2056 15.4163Z" fill="%23FF5F55"/><path d="M12.7056 10.7863V16.7863C13.1656 17.3963 13.8856 17.7863 14.7056 17.7863C16.0956 17.7863 17.2156 16.6663 17.2156 15.2863V11.7963L13.1756 10.8963L12.7056 10.7863Z" fill="%23FF5F55"/><path d="M22.1953 15.2363C22.1253 14.2563 21.8253 13.5863 21.3653 13.1263C21.2753 13.0363 21.1753 12.9563 21.0753 12.8863C21.0753 12.8863 21.0653 12.8863 21.0653 12.8763C20.6753 12.6263 20.2253 12.4563 19.7353 12.3563L17.6953 11.8963L17.2153 11.7863V15.2863C17.2153 16.6563 18.3253 17.7863 19.7153 17.7863C21.0553 17.7863 22.1253 16.7363 22.2053 15.4263V15.4163C22.2053 15.3563 22.1953 15.2963 22.1953 15.2363Z" fill="%23FF5F55"/></svg>');
}

.pi.icon-sendfree {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6494 2.65451V10.5653C13.6494 11.5322 12.8583 12.3233 11.8914 12.3233H2.22266V5.29145C2.22266 3.3489 3.79603 1.77553 5.73857 1.77553H12.7704C13.2539 1.77553 13.6494 2.17107 13.6494 2.65451Z' fill='%23005AFF'/%3E%3Cpath opacity='0.4' d='M19.8022 12.3233V14.9602C19.8022 16.4193 18.6244 17.5972 17.1653 17.5972H16.2863C16.2863 16.6303 15.4952 15.8392 14.5284 15.8392C13.5615 15.8392 12.7704 16.6303 12.7704 17.5972H9.25449C9.25449 16.6303 8.46341 15.8392 7.49653 15.8392C6.52966 15.8392 5.73857 16.6303 5.73857 17.5972H4.8596C3.40049 17.5972 2.22266 16.4193 2.22266 14.9602V12.3233H11.8914C12.8583 12.3233 13.6494 11.5322 13.6494 10.5653V4.41246H15.2667C15.8996 4.41246 16.4797 4.75527 16.7961 5.30024L18.2992 7.92838H17.1653C16.6819 7.92838 16.2863 8.32392 16.2863 8.80736V11.4443C16.2863 11.9277 16.6819 12.3233 17.1653 12.3233H19.8022Z' fill='%23005AFF'/%3E%3Cpath d='M7.49624 19.3551C8.46713 19.3551 9.2542 18.5681 9.2542 17.5972C9.2542 16.6263 8.46713 15.8392 7.49624 15.8392C6.52535 15.8392 5.73828 16.6263 5.73828 17.5972C5.73828 18.5681 6.52535 19.3551 7.49624 19.3551Z' fill='%23005AFF'/%3E%3Cpath d='M14.5285 19.3551C15.4994 19.3551 16.2864 18.5681 16.2864 17.5972C16.2864 16.6263 15.4994 15.8392 14.5285 15.8392C13.5576 15.8392 12.7705 16.6263 12.7705 17.5972C12.7705 18.5681 13.5576 19.3551 14.5285 19.3551Z' fill='%23005AFF'/%3E%3Cpath d='M19.8021 11.0312V12.3233H17.1651C16.6817 12.3233 16.2861 11.9277 16.2861 11.4443V8.80735C16.2861 8.32392 16.6817 7.92838 17.1651 7.92838H18.299L19.5735 10.161C19.7229 10.4247 19.8021 10.7236 19.8021 11.0312Z' fill='%23005AFF'/%3E%3C/svg%3E");
}

.pi.icon-sendfast {
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M16.6797 8.57299C16.6797 13.1763 12.9489 16.9063 8.34639 16.9063C3.7439 16.9063 0.0130615 13.1763 0.0130615 8.57299C0.0130615 3.97132 3.7439 0.239655 8.34639 0.239655C12.9489 0.239655 16.6797 3.97132 16.6797 8.57299Z" fill="%23FF5569"/><path d="M11.3245 11.7517C11.2153 11.7517 11.1053 11.7234 11.0045 11.6642L7.73282 9.71257C7.54448 9.59924 7.42865 9.39507 7.42865 9.17507V4.96924C7.42865 4.62424 7.70865 4.34424 8.05365 4.34424C8.39865 4.34424 8.67865 4.62424 8.67865 4.96924V8.82007L11.6453 10.5892C11.9412 10.7667 12.0387 11.1501 11.862 11.4467C11.7445 11.6426 11.537 11.7517 11.3245 11.7517Z" fill="%23FF5569"/></svg>');
}

.pi.icon-peik, .pi.icon-barbari {
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4358 2.95541V10.8662C13.4358 11.8331 12.6447 12.6242 11.6778 12.6242H2.00902V5.59235C2.00902 3.6498 3.58239 2.07643 5.52494 2.07643H12.5568C13.0402 2.07643 13.4358 2.47197 13.4358 2.95541Z" fill="%23005AFF"/><path opacity="0.4" d="M19.5886 12.6242V15.2611C19.5886 16.7202 18.4108 17.8981 16.9517 17.8981H16.0727C16.0727 16.9312 15.2816 16.1401 14.3147 16.1401C13.3479 16.1401 12.5568 16.9312 12.5568 17.8981H9.04086C9.04086 16.9312 8.24977 16.1401 7.2829 16.1401C6.31602 16.1401 5.52494 16.9312 5.52494 17.8981H4.64596C3.18685 17.8981 2.00902 16.7202 2.00902 15.2611V12.6242H11.6778C12.6447 12.6242 13.4358 11.8331 13.4358 10.8662V4.71336H15.0531C15.6859 4.71336 16.2661 5.05617 16.5825 5.60114L18.0856 8.22928H16.9517C16.4682 8.22928 16.0727 8.62482 16.0727 9.10826V11.7452C16.0727 12.2286 16.4682 12.6242 16.9517 12.6242H19.5886Z" fill="%23005AFF"/><path d="M7.28245 19.656C8.25334 19.656 9.04041 18.869 9.04041 17.8981C9.04041 16.9272 8.25334 16.1401 7.28245 16.1401C6.31156 16.1401 5.52449 16.9272 5.52449 17.8981C5.52449 18.869 6.31156 19.656 7.28245 19.656Z" fill="%23005AFF"/><path d="M14.3147 19.656C15.2856 19.656 16.0727 18.869 16.0727 17.8981C16.0727 16.9272 15.2856 16.1401 14.3147 16.1401C13.3438 16.1401 12.5568 16.9272 12.5568 17.8981C12.5568 18.869 13.3438 19.656 14.3147 19.656Z" fill="%23005AFF"/><path d="M19.5883 11.3321V12.6242H16.9513C16.4679 12.6242 16.0723 12.2286 16.0723 11.7452V9.10826C16.0723 8.62482 16.4679 8.22928 16.9513 8.22928H18.0852L19.3597 10.4619C19.5091 10.7256 19.5883 11.0245 19.5883 11.3321Z" fill="%23005AFF"/></svg>');
}

.pi.icon-post {
    background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M17.8804 5.99166L10.3471 10.35L2.81375 5.99166C3.14708 5.375 3.63042 4.83333 4.17208 4.53333L8.62208 2.06666C9.57208 1.53333 11.1221 1.53333 12.0721 2.06666L16.5221 4.53333C17.0638 4.83333 17.5471 5.375 17.8804 5.99166Z" fill="%23E88C38"/><path opacity="0.6" d="M10.3471 10.35V18.3333C9.72208 18.3333 9.09708 18.2 8.62208 17.9333L4.17208 15.4667C3.16375 14.9083 2.33875 13.5083 2.33875 12.3583V7.64167C2.33875 7.10834 2.52208 6.525 2.81375 5.99167L10.3471 10.35Z" fill="%23E88C38"/><path d="M18.3554 7.64167V12.3583C18.3554 13.5083 17.5304 14.9083 16.5221 15.4667L12.0721 17.9333C11.5971 18.2 10.9721 18.3333 10.3471 18.3333V10.35L17.8804 5.99167C18.1721 6.525 18.3554 7.10834 18.3554 7.64167Z" fill="%23E88C38"/></svg>');
}

.pi.icon-payment-online {
    background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M16.3799 4.80918H16.0466L13.2299 1.99251C13.0049 1.76751 12.6382 1.76751 12.4049 1.99251C12.1799 2.21751 12.1799 2.58418 12.4049 2.81751L14.3966 4.80918H6.29656L8.28822 2.81751C8.51322 2.59251 8.51322 2.22584 8.28822 1.99251C8.06322 1.76751 7.69656 1.76751 7.46322 1.99251L4.65489 4.80918H4.32156C3.57156 4.80918 2.01322 4.80918 2.01322 6.94251C2.01322 7.75084 2.17989 8.28418 2.52989 8.63418C2.72989 8.84251 2.97156 8.95084 3.22989 9.00918C3.47156 9.06751 3.72989 9.07584 3.97989 9.07584H16.7132C16.9716 9.07584 17.2132 9.05918 17.4466 9.00918C18.1466 8.84251 18.6799 8.34251 18.6799 6.94251C18.6799 4.80918 17.1216 4.80918 16.3799 4.80918Z" fill="%23FF5F55"/><path d="M16.7216 9.07584H3.97989C3.73822 9.07584 3.47156 9.06751 3.22989 9.00084L4.27989 15.4092C4.51322 16.8425 5.13822 18.4925 7.91322 18.4925H12.5882C15.3966 18.4925 15.8966 17.0842 16.1966 15.5092L17.4549 9.00084C17.2216 9.05917 16.9716 9.07584 16.7216 9.07584ZM10.3466 15.5758C8.39656 15.5758 6.80489 13.9842 6.80489 12.0342C6.80489 11.6925 7.08822 11.4092 7.42989 11.4092C7.77156 11.4092 8.05489 11.6925 8.05489 12.0342C8.05489 13.3008 9.07989 14.3258 10.3466 14.3258C11.6132 14.3258 12.6382 13.3008 12.6382 12.0342C12.6382 11.6925 12.9216 11.4092 13.2632 11.4092C13.6049 11.4092 13.8882 11.6925 13.8882 12.0342C13.8882 13.9842 12.2966 15.5758 10.3466 15.5758Z" fill="%23FF5F55"/></svg>');
}

.pi.icon-payment {
    background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M16.1799 8.88504V14.8434C16.1549 17.2184 15.5049 17.8184 13.0299 17.8184H5.16325C2.64659 17.8184 2.01323 17.1934 2.01323 14.71V8.88504C2.01323 6.63504 2.53823 5.91004 4.51323 5.79337C4.71323 5.78504 4.92992 5.7767 5.16325 5.7767H13.0299C15.5465 5.7767 16.1799 6.4017 16.1799 8.88504Z" fill="%230091EA"/><path d="M18.6799 5.92671V11.7517C18.6799 14.0017 18.1549 14.7267 16.1799 14.8434V8.88504C16.1799 6.40171 15.5465 5.77671 13.0299 5.77671H5.16325C4.92992 5.77671 4.71323 5.78504 4.51323 5.79338C4.53823 3.41837 5.18825 2.81837 7.66325 2.81837H15.5299C18.0465 2.81837 18.6799 3.44337 18.6799 5.92671Z" fill="%230091EA"/><path d="M6.14659 15.785H4.71323C4.37156 15.785 4.08823 15.5017 4.08823 15.16C4.08823 14.8184 4.37156 14.535 4.71323 14.535H6.14659C6.48825 14.535 6.77159 14.8184 6.77159 15.16C6.77159 15.5017 6.49659 15.785 6.14659 15.785Z" fill="%230091EA"/><path d="M10.8049 15.785H7.93822C7.59655 15.785 7.31322 15.5017 7.31322 15.16C7.31322 14.8184 7.59655 14.535 7.93822 14.535H10.8049C11.1466 14.535 11.4299 14.8184 11.4299 15.16C11.4299 15.5017 11.1549 15.785 10.8049 15.785Z" fill="%230091EA"/><path d="M16.1799 10.2017H2.01323V11.4517H16.1799V10.2017Z" fill="%230091EA"/></svg>');
}

.pi.icon-payment-other {
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M19.6466 8.87509V14.0251C19.6466 17.1051 17.8866 18.4251 15.2466 18.4251H6.45655C6.00655 18.4251 5.57655 18.3851 5.17655 18.2951C4.92655 18.2551 4.68656 18.1851 4.46656 18.1051C2.96656 17.5451 2.05656 16.2451 2.05656 14.0251V8.87509C2.05656 5.79509 3.81655 4.47513 6.45655 4.47513H15.2466C17.4866 4.47513 19.0966 5.42512 19.5266 7.59512C19.5966 7.99512 19.6466 8.40509 19.6466 8.87509Z" fill="%2300C366"/><path d="M22.6466 11.8751V17.0251C22.6466 20.1051 20.8866 21.4251 18.2466 21.4251H9.45655C8.71655 21.4251 8.04656 21.3251 7.46656 21.1051C6.27656 20.6651 5.46655 19.7551 5.17655 18.2951C5.57655 18.3851 6.00655 18.4251 6.45655 18.4251H15.2466C17.8866 18.4251 19.6466 17.1051 19.6466 14.0251V8.87509C19.6466 8.40509 19.6066 7.98512 19.5266 7.59512C21.4266 7.99512 22.6466 9.33509 22.6466 11.8751Z" fill="%2300C366"/><path d="M10.8466 14.0951C12.3046 14.0951 13.4866 12.9131 13.4866 11.4551C13.4866 9.99708 12.3046 8.81509 10.8466 8.81509C9.38853 8.81509 8.20655 9.99708 8.20655 11.4551C8.20655 12.9131 9.38853 14.0951 10.8466 14.0951Z" fill="%2300C366"/><path d="M5.12656 9.20511C4.71656 9.20511 4.37656 9.54511 4.37656 9.95511V12.9551C4.37656 13.3651 4.71656 13.7051 5.12656 13.7051C5.53656 13.7051 5.87656 13.3651 5.87656 12.9551V9.95511C5.87656 9.54511 5.54656 9.20511 5.12656 9.20511Z" fill="%2300C366"/><path d="M16.5566 9.20511C16.1466 9.20511 15.8066 9.54511 15.8066 9.95511V12.9551C15.8066 13.3651 16.1466 13.7051 16.5566 13.7051C16.9666 13.7051 17.3066 13.3651 17.3066 12.9551V9.95511C17.3066 9.54511 16.9766 9.20511 16.5566 9.20511Z" fill="%2300C366"/></svg>');
}

.pi.icon-test {
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M16.5866 4.44592H8.10656C5.63656 4.44592 3.63656 6.45592 3.63656 8.91592V18.3259C3.63656 20.7859 5.64656 22.7959 8.10656 22.7959H16.5766C19.0466 22.7959 21.0466 20.7859 21.0466 18.3259V8.91592C21.0566 6.44592 19.0466 4.44592 16.5866 4.44592Z" fill="%23FF9C40"/><path d="M14.6966 2.79593H9.99656C8.95656 2.79593 8.10656 3.63593 8.10656 4.67593V5.61593C8.10656 6.65593 8.94656 7.49593 9.98656 7.49593H14.6966C15.7366 7.49593 16.5766 6.65593 16.5766 5.61593V4.67593C16.5866 3.63593 15.7366 2.79593 14.6966 2.79593Z" fill="%23FF9C40"/><path d="M15.3466 13.7459H8.34656C7.93656 13.7459 7.59656 13.4059 7.59656 12.9959C7.59656 12.5859 7.93656 12.2459 8.34656 12.2459H15.3466C15.7566 12.2459 16.0966 12.5859 16.0966 12.9959C16.0966 13.4059 15.7566 13.7459 15.3466 13.7459Z" fill="%23FF9C40"/><path d="M12.7266 17.7459H8.34656C7.93656 17.7459 7.59656 17.4059 7.59656 16.9959C7.59656 16.5859 7.93656 16.2459 8.34656 16.2459H12.7266C13.1366 16.2459 13.4766 16.5859 13.4766 16.9959C13.4766 17.4059 13.1366 17.7459 12.7266 17.7459Z" fill="%23FF9C40"/></svg>');
}

.pi.icon-pay-deliver {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.85967 13.3616C4.03343 13.3616 3.26872 13.6516 2.66222 14.1351C1.85356 14.7767 1.34375 15.77 1.34375 16.8775C1.34375 17.5367 1.52834 18.1608 1.85356 18.6882C2.46006 19.7078 3.57636 20.3934 4.85967 20.3934C5.74744 20.3934 6.5561 20.0682 7.17139 19.5144C7.44387 19.2859 7.68119 19.0046 7.86578 18.6882C8.191 18.1608 8.37559 17.5367 8.37559 16.8775C8.37559 14.9349 6.80221 13.3616 4.85967 13.3616ZM6.67916 16.4995L4.80693 18.2311C4.68387 18.3454 4.51686 18.4069 4.35864 18.4069C4.19164 18.4069 4.02463 18.3454 3.89279 18.2135L3.0226 17.3434C2.7677 17.0885 2.7677 16.6665 3.0226 16.4116C3.27751 16.1567 3.69942 16.1567 3.95432 16.4116L4.37623 16.8335L5.7826 15.5326C6.04629 15.2865 6.4682 15.3041 6.71432 15.5678C6.96043 15.8315 6.94286 16.2534 6.67916 16.4995Z' fill='%2300C394'/%3E%3Cpath opacity='0.4' d='M17.5872 11.5597H19.3627V10.2939C19.3627 8.47444 17.8773 6.98895 16.0578 6.98895H5.96707C4.14758 6.98895 2.66211 8.47444 2.66211 10.2939V14.1351C3.26861 13.6516 4.03332 13.3616 4.85956 13.3616C6.8021 13.3616 8.37548 14.9349 8.37548 16.8775C8.37548 17.5367 8.19089 18.1608 7.86567 18.6882C7.68108 19.0046 7.44376 19.2859 7.17128 19.5144H16.0578C17.8773 19.5144 19.3627 18.0289 19.3627 16.2094V15.1635H17.6927C16.7434 15.1635 15.8732 14.4691 15.7941 13.5198C15.7413 12.966 15.9523 12.4474 16.3214 12.087C16.6467 11.753 17.095 11.5597 17.5872 11.5597Z' fill='%2300C394'/%3E%3Cpath d='M13.5175 3.64894V6.98905H5.96707C4.14758 6.98905 2.66211 8.47453 2.66211 10.294V7.06818C2.66211 6.02219 3.30376 5.09044 4.27943 4.72127L11.2585 2.08433C12.3485 1.68 13.5175 2.47989 13.5175 3.64894Z' fill='%2300C394'/%3E%3Cpath d='M20.2945 12.4561V14.2669C20.2945 14.7503 19.9078 15.1458 19.4155 15.1634H17.6928C16.7435 15.1634 15.8733 14.469 15.7942 13.5197C15.7414 12.966 15.9524 12.4473 16.3215 12.087C16.6468 11.753 17.095 11.5596 17.5873 11.5596H19.4155C19.9078 11.5772 20.2945 11.9727 20.2945 12.4561Z' fill='%2300C394'/%3E%3Cpath d='M12.7701 11.3838H6.61724C6.25686 11.3838 5.95801 11.085 5.95801 10.7246C5.95801 10.3642 6.25686 10.0654 6.61724 10.0654H12.7701C13.1305 10.0654 13.4293 10.3642 13.4293 10.7246C13.4293 11.085 13.1305 11.3838 12.7701 11.3838Z' fill='%2300C394'/%3E%3C/svg%3E");
}

.pi.icon-aghsat {
    background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6799 5.63672V7.65338C18.6799 8.97005 17.8466 9.80338 16.5299 9.80338H13.6799V3.97838C13.6799 3.05338 14.4382 2.29505 15.3632 2.30338C16.2716 2.31172 17.1049 2.67838 17.7049 3.27838C18.3049 3.88672 18.6799 4.72005 18.6799 5.63672Z" fill="%23005AFF"/><path opacity="0.4" d="M2.01323 6.47004V18.1367C2.01323 18.8284 2.79656 19.22 3.34656 18.8034L4.77156 17.7367C5.1049 17.4867 5.57156 17.52 5.87156 17.82L7.2549 19.2117C7.5799 19.5367 8.11323 19.5367 8.43823 19.2117L9.83823 17.8117C10.1299 17.52 10.5966 17.4867 10.9216 17.7367L12.3466 18.8034C12.8966 19.2117 13.6799 18.82 13.6799 18.1367V3.97004C13.6799 3.05338 14.4299 2.30338 15.3466 2.30338H6.1799H5.34656C2.84656 2.30338 2.01323 3.79504 2.01323 5.63671V6.47004Z" fill="%23005AFF"/><path d="M10.3466 10.8534H7.84657C7.50491 10.8534 7.22157 11.1367 7.22157 11.4784C7.22157 11.82 7.50491 12.1034 7.84657 12.1034H10.3466C10.6882 12.1034 10.9716 11.82 10.9716 11.4784C10.9716 11.1367 10.6882 10.8534 10.3466 10.8534Z" fill="%23005AFF"/><path d="M7.84657 8.77005H10.3466C10.6882 8.77005 10.9716 8.48672 10.9716 8.14505C10.9716 7.80338 10.6882 7.52005 10.3466 7.52005H7.84657C7.50491 7.52005 7.22157 7.80338 7.22157 8.14505C7.22157 8.48672 7.50491 8.77005 7.84657 8.77005Z" fill="%23005AFF"/><path d="M5.32157 7.31171C4.8549 7.31171 4.48824 7.68671 4.48824 8.14504C4.48824 8.60337 4.86324 8.97837 5.32157 8.97837C5.7799 8.97837 6.1549 8.60337 6.1549 8.14504C6.1549 7.68671 5.7799 7.31171 5.32157 7.31171Z" fill="%23005AFF"/><path d="M5.32157 10.6451C4.8549 10.6451 4.48824 11.0201 4.48824 11.4784C4.48824 11.9367 4.86324 12.3117 5.32157 12.3117C5.7799 12.3117 6.1549 11.9367 6.1549 11.4784C6.1549 11.0201 5.7799 10.6451 5.32157 10.6451Z" fill="%23005AFF"/></svg>');
}

.pi.icon-sayer {
    background: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14221 16.8667C13.1709 16.8667 16.467 13.5705 16.467 9.54186C16.467 5.51321 13.1709 2.21703 9.14221 2.21703C5.11356 2.21703 1.81738 5.51321 1.81738 9.54186C1.81738 13.5705 5.11356 16.8667 9.14221 16.8667Z' stroke='%232A2D53' stroke-width='1.31847' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0692 9.54172H12.0758' stroke='%232A2D53' stroke-width='1.75796' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.13859 9.54172H9.14516' stroke='%232A2D53' stroke-width='1.75796' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.20792 9.54172H6.2145' stroke='%232A2D53' stroke-width='1.75796' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.logo-flex {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
}

.zoomed-box img {
    border-radius: 8px;
    background-color: #fff;
}


.itemchart {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
}

    .itemchart iframe {
        width: 97%;
        margin: auto;
        height: 500px;
        border-radius: 15px;
        overflow: hidden;
        z-index: 2;
        border: none;
        top: 2%;
        right: 0;
        left: 0;
    }

    .itemchart .close-chart-back {
        background: #00000082;
        width: 100%;
        height: 100%;
        z-index: 2;
        backdrop-filter: blur(1px);
    }

    .itemchart svg.close-chart {
        z-index: 20000;
        position: fixed;
        padding: 5px;
        top: 3%;
        right: 2%;
        cursor: pointer;
    }

.shop-sortbox {
    position: relative;
}

.modal-jadid-round {
    border: none;
    border-radius: 25px;
    max-width: 400px;
    margin: auto;
    background: #f5f5f5;
}

.modal-jadid-share {
    border-radius: 70px 70px 25px 25px;
}

    .modal-jadid-share .modal-body {
        padding-top: 130px;
    }

.modal-jadid-city {
    background-color: #fff;
}

    .modal-jadid-city .modal-header {
        border-bottom: 0;
        padding: 1rem 1.5rem;
    }

        .modal-jadid-city .modal-header p {
            margin: 0;
        }

.modal-jadid-local {
    background-color: #fff;
    max-width:450px;
}
    .modal-jadid-local .btn-close {
        position: absolute;
        right: 25px;
        top: 25px;
        padding: 8px;
    }
#local-frame {
    width: 100%;
    height: 622px;
    border: none;
    background: #fff;
}


.qr-code-share {
    width: 156px;
    height: 156px;
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}
/*.shop-filters {
    position: relative;
    margin-right: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: 0 !important;
}

    .shop-filters .shoplist-loading-ico {
        position: absolute;
        left: -10px;
        top: -10px;
    }*/
#filter-selected {
    direction: ltr;
    color: #fff;
    font-weight: bold;
    background: #FF5F55;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3px;
}

.filters-box {
    width: 200px;
    border: none;
    box-shadow: 0 0 5px #0000003b;
    padding: 15px;
    right: 0 !important;
    left: auto !important;
    z-index: 1012;
}

    .filters-box label {
        position: relative;
        font-size: 13px;
        display: flex;
        justify-content: start;
        align-items: center;
        margin-bottom: 10px;
        color: #333;
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
    }

        .filters-box label:last-child {
            margin-bottom: 0px;
        }

    .filters-box .custom-radio {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 1px;
        height: 1px;
        opacity: 0.1;
        display: block;
        position: absolute;
        right: 0;
    }

    .filters-box .square {
        width: 15px;
        height: 15px;
        border-radius: 3px;
        border: 1px solid #ddd;
        margin-left: 5px;
    }

        .filters-box .square.circle {
            border-radius: 50%;
        }

    .filters-box .custom-radio:checked + .square {
        background-color: #FF5F55;
        border-color: #FF5F55;
    }

    .filters-box .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .filters-box .bottom .btn {
            color: #fff;
            padding: 3px 7px !important;
            border: none;
        }

#no-with-filter {
    background-color: #FF5F5527;
    color: #FF5F55;
    text-align: center;
    padding: 20px 10px;
    font-size: 13px;
}

.show-by-city {
    cursor: pointer;
}

#city-list {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
}

    #city-list .show-by-city {
        display: inline-block;
        color: gray;
        padding: 3px 5px;
        font-size: 13px;
        background: #f7f7f9;
        border: none;
        border-radius: 10px;
        flex: 0 0 calc(50% - 6px);
    }

.city-show-css {
    margin: 0;
    border: 1px solid #e6e6e6;
    border-right: 0;
    border-left: 0;
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 15px 0;
    display: flex;
    justify-content: start;
    align-items: center;
}

    .city-show-css .left-ico {
        margin-right: auto;
    }

    .city-show-css .show-by-city {
        margin-right: 5px;
    }
/*#city-recent .show-by-city {
    background-color: #383838;
    color: #fff;
    border: none;
    margin-bottom: 0;
}*/
/*.delete-city-history {
    color: red;
}*/

.install-app {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px 15px 10px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
}

    .install-app .mode1 {
        flex-grow: 1;
        display: flex;
        justify-content: start;
        align-items: center;
    }

        .install-app .mode1 .btn-cancel-app {
            margin-right: 10px;
            cursor: pointer;
        }

    .install-app img {
        width: 60px;
        height: 60px;
        margin-left: 15px;
    }

    .install-app.mode2 {
        flex-direction: row-reverse;
    }

        .install-app.mode2 img {
            flex-direction: row-reverse;
            margin-left: 0;
            margin-right: 15px;
        }

        .install-app.mode2 .btn {
            margin-top: 10px;
            font-size: 13px;
        }

.no-shops-exist {
    text-align: center;
    padding: 20px 20px;
    border-radius: 0 0 10px 10px;
    color: orangered;
    font-size: 13px;
    background: #fff5cf;
    border: 1px solid #eee;
    border-top: 0;
}


.price-more.mobile-only {
    position: fixed;
    background: #fff;
    z-index: 99;
    bottom: -300px;
    border-top: 1px solid #ddd;
    box-shadow: 0 0px 12px #00000087;
    margin: 0;
    width: 100%;
    right: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px 15px;
    transition: bottom linear 0.3s;
    -moz-transition: bottom linear 0.3s;
    -webkit-transition: bottom linear 0.3s;
}

    .price-more.mobile-only.active {
        bottom: 0;
    }

    .price-more.mobile-only h2 {
        text-align: right;
        display: block;
    }

        .price-more.mobile-only h2 strong {
            font-size: 18px;
        }

    .price-more.mobile-only .ShopsShortcutLink {
        font-size: 12px;
    }

.show-shops {
    cursor: pointer;
}


















.main {
    background: #fff;
    position: relative;
    overflow: initial;
}


    .main + .footer-space {
        display: none;
    }

.footer-simple {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .footer-simple address {
        margin: 0;
        font-style: normal;
        line-height: inherit;
    }

.footer-icons {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .footer-icons a {
        width: 22px;
        height: 22px;
        display: block;
        margin-left: 10px;
        cursor: pointer;
    }

        .footer-icons a:last-child {
            margin-left: 0;
        }

.em {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url('/content/2022/img/footer-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.em-insta {
    background-position: 1.5% 0;
}

.em-mail {
    background-position: 29.5% 0px;
}

.em-play {
    background-position: 15.5% 0;
}

.em-bazar {
    background-position: 44.8% 0;
}

.em-myket {
    background-position: 58.9% 0;
}












#ContentPlaceHolder1_LblShopsCount {
    display: none;
}


.itemprice {
    position: fixed;
    bottom: -100px;
    background: #fff;
    padding: 15px;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 0 20px #00000030;
    z-index: 1012;
    transition: bottom linear 0.2s;
    -moz-transition: bottom linear 0.2s;
    -webkit-transition: bottom linear 0.2s;
}

    .itemprice.active {
        bottom: 0;
    }

@media(min-width: 390px) {
    .price-more h2 strong {
        font-size: 20px;
    }

        .price-more h2 strong .unit {
            width: 22px;
            height: 22px;
        }
}

@media (min-width: 576px) {
    .install-app {
        display: none;
    }







    .detail-bar .container {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .detail-bar .detail-parts {
        padding: 5px 5px;
    }

        .detail-bar .detail-parts .flex-box {
            padding: 0 10px;
        }

    .detail-parts .fix-items {
        font-size: 13px;
        margin: 0 16px;
    }

















    .itemprice {
        position: initial;
        width: initial;
        padding: 0;
        box-shadow: none;
    }

    .price-data {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .price-more h2 strong {
        padding: 3px 10px;
    }

        .price-more h2 strong .unit {
            width: 24px;
            height: 24px;
        }

    .btn-new-cm {
        width: initial;
        margin: 0;
    }
}

@media (min-width:768px) {

    .breadcrumb {
        margin-bottom: 0;
    }

        .breadcrumb::before {
            display: none;
        }

    .breadcrumb-item a {
        font-size: 13px;
    }


    body, .main {
        background-color: #ECF0F6;
    }

    .nav-tabs.detail-page {
        padding: 0 20px;
        gap: 10px;
    }

        .nav-tabs.detail-page .nav-link {
            padding: 15px 0;
        }

        .nav-tabs.detail-page .nav-item:before {
            left: -5px;
            top: 17px;
        }


    #ContentPlaceHolder1_LblShopsCount {
        display: block;
    }

    .shop-counter {
        margin-bottom: 10px;
    }



    .shop-sort-option .filter-btn .btn {
        padding: 8px 12px;
        font-size: 14px;
    }




    .nav-tabs.detail-page .nav-link {
        font-weight: normal;
    }

    .shop-sort-option {
        flex-wrap: nowrap;
    }

    .shop-type-filter {
        width: 310px;
        flex-shrink: 0;
    }


    .shop-li-filter {
        margin-right: 15px;
        margin-left: 15px;
    }

    .top-detail .img-pics {
        width: 350px;
        margin: 0 auto;
    }



    .top-detail .product-title {
        padding: 25px 25px;
        justify-content: space-between;
    }



    .product-title h1 {
        font-size: 18px;
    }

    .rate-system {
        justify-content: start;
        position: initial;
        top: 0;
    }

    .rate-num {
        margin-right: 0;
    }

    .banner-price-middle {
        padding: 0;
    }

        .banner-price-middle a:before {
            padding-bottom: 12.5%;
        }

        .banner-price-middle img {
            border-radius: 10px;
        }




    .shoplist {
        margin: 0;
    }

    .shop-prd-price {
        width: 160px;
        margin: 15px 20px 15px 15px;
        flex-direction: column;
        justify-content: center;
        margin-right: auto;
    }

        .shop-prd-price .shop-btns, .shop-prd-price .shop-btns.dotaee {
            width: 100%;
            display: block;
        }

        .shop-prd-price .last {
            width: initial;
            display: flex;
            flex-direction: column;
        }



    .options {
        width: 270px;
        border-top: 0;
        border-bottom: 0;
    }



    .shop-prd-info {
        padding: 10px;
        border-top: 0;
    }

    /* .shopnamespan {
        display: block;
    }*/





    #divdashcomment {
        margin: 0;
    }

    .CommentItem {
        border: 1px solid #e6e6e6 !important;
        border-radius: 10px;
        padding: 15px;
    }

    .box-send-comment {
        margin: 20px 0;
    }
}

@media (min-width: 992px) {

    .top-flex {
        flex-wrap: nowrap;
        gap: 15px;
    }

    .navbar-brand img {
        margin-top: 0;
    }

    .detail-parts .fix-items {
        padding: 16px 0;
    }

    .share-box {
        border-radius: 10px;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 90px;
        width: 90px;
        padding: 0;
        margin-top: 0;
        border-top: 0;
    }

        .share-box .it {
            width: 100%;
        }

    .top-flex .spacer-line {
        display: block;
    }

    .top-detail {
        flex-wrap: nowrap;
    }

        .top-detail .img-pics {
            margin-left: 15px;
        }



    .shop-logo-wrapper {
        width: initial;
        padding-right: 20px;
        margin: 10px 20px 10px 0px
    }

        .shop-logo-wrapper:before {
            content: ' ';
            display: block;
            height: 100px;
            width: 1px;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            background-color: #e6e6e6;
        }

        .shop-logo-wrapper .shop-name.long-name {
            font-size: 12px;
            height: 50px;
            -webkit-line-clamp: 3;
        }

        .shop-logo-wrapper .report-tag {
            margin: 0 0 auto 0;
            display: block;
        }

    .shop-prd-price .report-tag {
        display: none;
    }

    .line-2 {
        width: 100%;
        border-top: none;
        padding-top: 0;
        justify-content: space-between;
        margin: 10px 0 10px 0;
    }


    .options {
        width: 270px;
        padding-right: 15px;
        margin-right: 15px;
        border-top: 0;
        border-bottom: 0;
    }

        .options:before {
            content: ' ';
            display: block;
            width: 1px;
            height: 100px;
            background: #e6e6e6;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto 0;
        }

        .options .btn-open {
            right: 30%;
            left: initial;
            margin: 0;
        }

    .shoplist .shop-row {
        flex-wrap: nowrap;
        justify-content: stretch;
        padding: 0;
        border-top: 1px solid #2A2D530D;
    }






    .shoplist .shop-row {
        min-height: 215px;
    }



    .price-more h2 strong {
        font-size: 25px;
        padding: 10px 15px;
    }

    .shopsshortcut {
        margin-right: initial;
    }


    .prd-items {
        border: none;
        border-radius: 10px;
    }


        .prd-items.multi-line .product-block-parent {
            border-bottom: 1px solid #e6e6e6;
        }

        .prd-items .product-block-parent {
            width: 25%;
            min-width: 25%;
            border-right: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
        }

            .prd-items .product-block-parent .product-block {
                border: none;
                border-radius: 0;
                margin: 0;
                padding: 10px 0;
            }

    .top-block .prd-items .product-block-parent {
        border-bottom: none;
    }
}

@media (min-width: 1200px) {
    .price-data {
        flex-wrap: nowrap;
    }


    .shop-logo-wrapper {
        width: 300px;
        min-width: 300px;
    }
}



@media (min-width: 1400px) {
    .prd-items .product-block-parent {
        width: 20%;
        min-width: 20%;
    }
}