@charset "UTF-8";
@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/irsans-b.eot?08b87f17e48f206a20e17ab85354af11);
    src: url(/fonts/irsans-b.eot?08b87f17e48f206a20e17ab85354af11?#iefix)
            format("embedded-opentype"),
        url(/fonts/irsans-b.woff?823b5b3701e1192e885dc9cc58fdc177)
            format("woff"),
        url(/fonts/irsans-b.ttf?9cc20b0d50d6c49692f653c622392de0)
            format("truetype");
}
@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/irsans-m.eot?e8bf431bb6a5a48df131757740379df2);
    src: url(/fonts/irsans-m.eot?e8bf431bb6a5a48df131757740379df2?#iefix)
            format("embedded-opentype"),
        url(/fonts/irsans-m.woff?a465b68f7c1069909584ea67d34c0319)
            format("woff"),
        url(/fonts/irsans-m.ttf?3f27847a3a3b282bcee2400a6f6e2c2f)
            format("truetype");
}
@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/irsans.eot?53303c0ceea321fbdc85b02670fd0556);
    src: url(/fonts/irsans.eot?53303c0ceea321fbdc85b02670fd0556?#iefix)
            format("embedded-opentype"),
        url(/fonts/irsans.woff?d402f064a654da21814cd7d67686e1d2) format("woff"),
        url(/fonts/irsans.ttf?6a10d7a5fb2bcdd12953b99810c553fe)
            format("truetype");
}
@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/irsans-l.eot?7b481604de757aea4f5bf92cf505203f);
    src: url(/fonts/irsans-l.eot?7b481604de757aea4f5bf92cf505203f?#iefix)
            format("embedded-opentype"),
        url(/fonts/irsans-l.woff?e6e3c9b2dbe72f247b3f618a39351453)
            format("woff"),
        url(/fonts/irsans-l.ttf?b9497b4bfb9aa38e50fcccca3f7b31a9)
            format("truetype");
}
@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/irsans-u.eot?eb450668450513758c4dc760735661b6);
    src: url(/fonts/irsans-u.eot?eb450668450513758c4dc760735661b6?#iefix)
            format("embedded-opentype"),
        url(/fonts/irsans-u.woff?27ce2292a17132cf6de308a1f3f1dfb8)
            format("woff"),
        url(/fonts/irsans-u.ttf?50de0009ea5ff2cd18c1de41bb6f5c1d)
            format("truetype");
}
@font-face {
    font-family: digikala;
    src: url(/fonts/Digikala.eot?5996485d0d7f0569290bac13374cfabd);
    src: url(/fonts/Digikala.eot?5996485d0d7f0569290bac13374cfabd?#iefix)
            format("eot"),
        url(/fonts/Digikala.woff2?c470bccbd63271da5e65cb1c3e54c319)
            format("woff2"),
        url(/fonts/Digikala.woff?6748f7113746d5ea296614e23457d162)
            format("woff"),
        url(/fonts/Digikala.ttf?835975a3143c5e80bb193b6d39e572d0)
            format("truetype");
}
html,
i {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: irsans, sans-serif;
    height: 100%;
    scroll-behavior: smooth;
}
*,
html,
i {
    line-height: normal;
    margin: 0;
    padding: 0;
}
* {
    border: 0;
    font-style: normal;
}
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
button,
input,
select,
select option,
textarea {
    font-family: irsans, sans-serif;
    outline-style: none;
}
button,
input[type="submit"] {
    cursor: pointer;
}
a,
input:focus,
li {
    outline: 0;
}
a,
li {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
li {
    transition: none;
}
*,
:after,
:before {
    box-sizing: border-box;
}
body {
    background: #fcfcfc;
    direction: rtl;
    font-family: irsans, sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-align: right;
}
body .hidden,
body .hiddenSeo {
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
}
body .width {
    width: 70%;
}
body .allErrorContent {
    align-items: center;
    background: #fff;
    display: grid;
    justify-content: center;
    margin-bottom: -2rem;
    margin-top: -4rem;
    padding-bottom: 2rem;
    padding-top: 6rem;
}
body .allErrorContent h1 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    z-index: 2;
}
body .allErrorContent img {
    height: 30rem;
    margin-top: -2rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
body .allLoading {
    background: rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4000;
}
body .allLoading .allLoadings {
    align-items: center;
    background: #fff;
    border-radius: 0.4rem;
    display: grid;
    height: 10rem;
    margin: auto;
    overflow: hidden;
    padding: 1rem;
    width: 10rem;
}
body .allLoading .allLoadings i {
    align-items: center;
    display: grid;
    justify-content: center;
}
body .allLoading .allLoadings i .loading {
    fill: #03603c;
    -webkit-animation: arrow-anim2 0.5s ease infinite;
    animation: arrow-anim2 0.5s ease infinite;
    height: 3rem;
    width: 3rem;
}
@-webkit-keyframes arrow-anim2 {
    0% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(45deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    85% {
        transform: rotate(300deg);
    }
    to {
        transform: rotate(1turn);
    }
}
body .allLoading .allLoadings h3 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 1rem;
    text-align: center;
}
body .flBtn {
    position: fixed;
    z-index: 100;
}
body .flBtn,
body .flBtn ul {
    border: 0;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}
body .flBtn ul {
    position: absolute;
    visibility: hidden;
}
body .flBtn input {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
body .flBtn input:checked ~ ul {
    margin-right: 0;
    visibility: visible;
}
body .flBtn input:checked ~ .flBtn-first {
    margin-bottom: 0;
}
body .flBtn input:checked ~ ul li {
    opacity: 1;
    visibility: visible;
}
body .flBtn input:hover + a {
    background: #03603c;
}
body .flBtn input:hover + a[tooltip]:before {
    opacity: 1;
    visibility: visible;
}
body .flBtn a {
    background: #03603c;
    border-radius: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background 0.5s;
    -o-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    vertical-align: middle;
    z-index: 2;
}
body .flBtn a i {
    align-items: center;
    display: grid;
    justify-content: center;
}
body .flBtn a svg {
    fill: #fff;
    height: 2rem;
    width: 2rem;
}
body .flBtn a:hover {
    background: #03603c;
}
body .flBtn ul li {
    display: inline-block;
    margin: 5px;
    opacity: 0;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden;
}
body .flBtn [tooltip]:before {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    color: #fff;
    content: attr(tooltip);
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    transition: all 0.5s;
    visibility: hidden;
    white-space: nowrap;
}
body .flBtn [tooltip]:hover:before {
    opacity: 1;
    visibility: visible;
}
body .flBtn-size-medium a {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}
body .flBtn-size-medium ul a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
body .flBtn-size-medium [tooltip]:before {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
body .flBtn-position-br {
    bottom: 20px;
    right: 20px;
}
body .flBtn-position-br [tooltip][data-role]:before {
    bottom: 100%;
    right: 100%;
}
body .flBtn-position-br .flBtn-first {
    bottom: 100%;
    margin-bottom: -4rem;
    right: 50%;
    transform: translateX(50%);
    transition: all 0.3s ease-in-out;
}
body .flBtn-position-br .flBtn-first li i svg {
    height: 1.3rem;
    width: 1.3rem;
}
body .flBtn-position-br .flBtn-first [tooltip]:before {
    margin-right: 5px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
body .flBtn-position-br .flBtn-second {
    display: flex;
    margin-right: -4rem;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}
body .flBtn-position-br .flBtn-second li i svg {
    height: 1.3rem;
    width: 1.3rem;
}
body .flBtn-position-br .flBtn-second [tooltip]:before {
    bottom: 100%;
    margin-bottom: 5px;
    right: 30%;
}
@media screen and (max-width: 1800px) {
    body .width {
        width: 85%;
    }
}
@media screen and (max-width: 1600px) {
    body .width {
        width: 90%;
    }
}
@media screen and (max-width: 1400px) {
    body .width {
        width: 97%;
    }
}
@media screen and (max-width: 700px) {
    body .width {
        width: 95%;
    }
    body .flBtn {
        opacity: 0;
        visibility: hidden;
    }
}
.allHeaderIndex .topFixed {
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
}
.allHeaderIndex .headerTop {
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    padding: 1rem 0;
    position: relative;
    z-index: 10;
}
.allHeaderIndex .headerTop .block {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: auto 35rem 1fr;
    margin: auto;
}
.allHeaderIndex .headerTop .block .pic img {
    height: 3rem;
    max-width: 9rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.allHeaderIndex .headerTop .block form {
    position: relative;
}
.allHeaderIndex .headerTop .block form label {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 10px;
    cursor: text;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 0.5rem;
    position: relative;
}
.allHeaderIndex .headerTop .block form label input {
    background: transparent;
    color: #000;
    font-size: 0.85rem;
    height: 100%;
    width: 100%;
}
.allHeaderIndex .headerTop .block form label select {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.3rem;
}
.allHeaderIndex .headerTop .block form label i {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: grid;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allHeaderIndex .headerTop .block form label i svg {
    fill: #6b6f80;
    height: 1.5rem;
    width: 1.5rem;
}
.allHeaderIndex .headerTop .block form ul {
    background: #f6f8fb;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    left: 0;
    max-height: 18rem;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
}
.allHeaderIndex .headerTop .block form ul li a {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 0.5rem;
}
.allHeaderIndex .headerTop .block form ul li a .pic {
    display: grid;
    justify-content: center;
}
.allHeaderIndex .headerTop .block form ul li a .pic img {
    height: 3rem;
    width: 3rem;
}
.allHeaderIndex .headerTop .block form ul li a .subject h3 {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
    margin-bottom: 0.3rem;
}
.allHeaderIndex .headerTop .block form ul li a .subject h5 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    opacity: 0.7;
}
.allHeaderIndex .headerTop .block form ul li a .price {
    color: #03603c;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.1px;
}
.allHeaderIndex .headerTop .block form ul li:nth-child(2n) {
    background: #fff;
}
.allHeaderIndex .headerTop .block form .searchLoad {
    align-items: center;
    bottom: 0;
    display: grid;
    justify-content: center;
    left: 0.5rem;
    position: absolute;
    top: 0;
}
.allHeaderIndex .headerTop .block form .searchLoad .loading {
    fill: #000;
    -webkit-animation: arrow-anim2 0.5s ease infinite;
    animation: arrow-anim2 0.5s ease infinite;
    height: 1rem;
    width: 1rem;
}
.allHeaderIndex .headerTop .block .left {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: left;
}
.allHeaderIndex .headerTop .block .left .cityChoice {
    grid-gap: 0.5rem;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.2rem 0.5rem;
}
.allHeaderIndex .headerTop .block .left .cityChoice i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allHeaderIndex .headerTop .block .left .cityChoice i svg {
    fill: #444;
    height: 1.1rem;
    width: 1.1rem;
}
.allHeaderIndex .headerTop .block .left .cityChoice .leftCity h4 {
    color: #000;
    font-size: 0.75rem;
    font-weight: 500;
}
.allHeaderIndex .headerTop .block .left .cityChoice .leftCity h5 {
    color: #03603c;
    font-size: 0.75rem;
    font-weight: 300;
}
.allHeaderIndex .headerTop .block .left .themeButton1 button {
    align-items: center;
    background: transparent;
    background: linear-gradient(180deg, #ffcc89, #d8860b);
    border-radius: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: grid;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}
.allHeaderIndex .headerTop .block .left .themeButton1 button svg {
    fill: #fff;
    height: 2rem;
    transform: rotate(0);
    transition: all 0.3s ease-in-out;
    width: 2rem;
}
.allHeaderIndex .headerTop .block .left .user {
    grid-gap: 0.3rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    position: relative;
}
.allHeaderIndex .headerTop .block .left .user .pic {
    cursor: pointer;
}
.allHeaderIndex .headerTop .block .left .user .pic img {
    border-radius: 100%;
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3rem;
}
.allHeaderIndex .headerTop .block .left .user ul {
    background: #f6f8fb;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    position: absolute;
    top: 105%;
    transition: all 0.3s ease-in-out;
    width: 13rem;
    z-index: 100;
}
.allHeaderIndex .headerTop .block .left .user ul li {
    color: #000;
}
.allHeaderIndex .headerTop .block .left .user ul li .picUser {
    border-radius: 5rem;
    height: 2.2rem;
    overflow: hidden;
    width: 2.2rem;
}
.allHeaderIndex .headerTop .block .left .user ul li .picUser img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allHeaderIndex .headerTop .block .left .user ul li .infoUser {
    grid-gap: 0.2rem;
    display: grid;
    grid-template-columns: 1fr;
}
.allHeaderIndex .headerTop .block .left .user ul li .infoUser span {
    font-size: 0.75rem;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allHeaderIndex .headerTop .block .left .user ul li a {
    grid-gap: 0.5rem;
    align-items: center;
    background: transparent;
    color: #000;
    display: grid;
    font-size: 0.75rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    padding: 0.7rem;
    width: 10rem;
}
.allHeaderIndex .headerTop .block .left .user ul li a i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allHeaderIndex .headerTop .block .left .user ul li a i svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allHeaderIndex .headerTop .block .left .user ul li:first-child {
    grid-gap: 0.5rem;
    align-items: center;
    background: transparent;
    border-bottom: 1px solid #eee;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    overflow: hidden;
    padding: 0.5rem;
}
.allHeaderIndex .headerTop .block .left .login {
    grid-gap: 0.5rem;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    padding: 0.5rem 1rem;
}
.allHeaderIndex .headerTop .block .left .login,
.allHeaderIndex .headerTop .block .left .login i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allHeaderIndex .headerTop .block .left .login i svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allHeaderIndex .headerTop .block .left .headerCart {
    display: grid;
    position: relative;
}
.allHeaderIndex .headerTop .block .left .headerCart .showCartEmpty {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1rem;
}
.allHeaderIndex .headerTop .block .left .headerCart .showCartEmpty i {
    display: grid;
    justify-content: center;
}
.allHeaderIndex .headerTop .block .left .headerCart .showCartEmpty i svg {
    fill: #03603c;
    height: 3rem;
    width: 3rem;
}
.allHeaderIndex .headerTop .block .left .headerCart .showCartEmpty h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.5rem;
    text-align: center;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .cartShowBtn {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 0.5rem 1rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .cartShowBtn
    i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .cartShowBtn
    i
    svg {
    fill: #000;
    height: 1.2rem;
    width: 1.2rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .cartShowBtn
    span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .cartShowBtn
    h5 {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #000;
    display: grid;
    font-size: 0.9rem;
    justify-content: center;
    padding: 0.1rem 0.5rem;
}
.allHeaderIndex .headerTop .block .left .headerCart .headerCartItems .showCart {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 130%;
    width: 30rem;
    z-index: 700;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul {
    max-height: 20rem;
    overflow-y: scroll;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li {
    grid-gap: 0.3rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 1rem;
    position: relative;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartPic {
    height: 6rem;
    width: 6rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartPic
    img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    h4:nth-child(2),
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    h4:nth-child(3),
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    h4:nth-child(4) {
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    i {
    border: 0;
    border-radius: 5rem;
    box-shadow: 0 0 0 0;
    cursor: pointer;
    height: 1rem;
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
    width: 1rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTitle
    i
    svg {
    fill: red;
    height: 1rem;
    width: 1rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTextItem {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    margin-top: 0.8rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTextItem
    .cartPrice
    span {
    grid-gap: 0.5rem;
    align-items: center;
    color: #03603c;
    display: grid;
    font-size: 1rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li
    .cartText
    .cartTextItem
    .cartPrice
    span:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    ul
    li:last-child {
    border-bottom: 0;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    .showCartBot {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.5rem;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    .showCartBot
    a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
    text-align: center;
}
.allHeaderIndex
    .headerTop
    .block
    .left
    .headerCart
    .headerCartItems
    .showCart
    .showCartBot
    a:nth-child(2) {
    background: #03603c;
}
.allHeaderIndex .headerTop .searchData {
    grid-template-columns: 1fr auto auto;
    height: 4rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 100;
}
.allHeaderIndex .headerTop .searchData,
.allHeaderIndex .headerTop .searchData button {
    align-items: center;
    background: #fff;
    display: grid;
}
.allHeaderIndex .headerTop .searchData svg {
    fill: #000;
    height: 1.4rem;
    margin-left: 1rem;
    width: 1.4rem;
}
.allHeaderIndex .headerTop .searchData svg:hover {
    fill: #000;
}
.allHeaderIndex .headerTop .searchData i {
    align-items: center;
    background: #fff;
    border-right: 1px solid #eee;
    display: grid;
    justify-content: center;
    padding: 1rem;
}
.allHeaderIndex .headerTop .searchData i svg {
    margin-left: 0;
}
.allHeaderIndex .headerTop .searchData input {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    padding: 1rem;
    width: 100%;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive {
    background: #fff;
    bottom: 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
    display: none;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 80%;
    z-index: 900;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .title {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 55px;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .title span {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 1rem;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .title i {
    align-items: center;
    border-right: 1px solid #eee;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 4rem;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .title i svg {
    fill: #000;
    height: 1.7rem;
    width: 1.7rem;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .allCats li .allCatsTitle {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 55px;
}
.allHeaderIndex
    .headerTop
    .categoryHeaderResponsive
    .allCats
    li
    .allCatsTitle
    a {
    color: #444;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 0 1rem;
}
.allHeaderIndex
    .headerTop
    .categoryHeaderResponsive
    .allCats
    li
    .allCatsTitle
    i {
    align-items: center;
    border-right: 1px solid #eee;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 4rem;
}
.allHeaderIndex
    .headerTop
    .categoryHeaderResponsive
    .allCats
    li
    .allCatsTitle
    i
    svg {
    fill: #000;
    height: 0.85rem;
    width: 0.85rem;
}
.allHeaderIndex .headerTop .categoryHeaderResponsive .allCats li .allCatsList {
    background: #f6f8fb;
    display: none;
}
.allHeaderIndex
    .headerTop
    .categoryHeaderResponsive
    .allCats
    li
    .allCatsList
    li
    ul {
    background: #fff;
}
.allHeaderIndex
    .headerTop
    .categoryHeaderResponsive
    .allCats
    li
    .allCatsList
    li
    ul
    li {
    background: #f6f8fb;
    border-right: 1px solid #eee;
}
.allHeaderIndex .headerTop .allFilterCity {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity {
    background: #fff;
    border-radius: 10px;
    display: none;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .titleAddress {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .titleAddress span {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .titleAddress i {
    cursor: pointer;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .titleAddress i svg {
    fill: #000;
    height: 2rem;
    width: 2rem;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .form .item {
    margin-top: 2rem;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .form .item label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .form .item select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    height: 2.5rem;
    padding: 0 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .form .item select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .form #cityContainer,
.allHeaderIndex
    .headerTop
    .allFilterCity
    .filterCity
    .form
    .item
    select[name="city"] {
    display: none;
}
@media screen and (max-width: 1600px) {
    .allHeaderIndex .headerTop .allFilterCity .filterCity .form .item {
        margin-top: 0.5rem;
    }
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .bottomAddress {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 1rem;
}
.allHeaderIndex .headerTop .allFilterCity .filterCity .bottomAddress button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
@media screen and (max-width: 700px) {
    .allHeaderIndex .headerTop .allFilterCity .filterCity {
        width: 98%;
    }
}
.allHeaderIndex .headerBot {
    background: #f1f4f9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: auto;
    padding: 1rem;
    position: relative;
    z-index: 9;
}
.allHeaderIndex .headerBot .headerList {
    grid-gap: 3rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5px, auto));
    justify-content: right;
    transition: all 0.3s ease-in-out;
}
.allHeaderIndex .headerBot .headerList li {
    transition: all 0.3s ease-in-out;
}
.allHeaderIndex .headerBot .headerList li:hover .divListContainer {
    opacity: 1;
    visibility: visible;
}
.allHeaderIndex .headerBot .headerList li a {
    grid-gap: 0.5rem;
    color: #000;
    font-size: 0.95rem;
    font-weight: 500;
    grid-template-columns: auto auto;
    letter-spacing: 0.1px;
}
.allHeaderIndex .headerBot .headerList li a,
.allHeaderIndex .headerBot .headerList li a i {
    align-items: center;
    display: grid;
    justify-content: right;
}
.allHeaderIndex .headerBot .headerList li a i svg {
    fill: #000;
    height: 0.6rem;
    width: 0.6rem;
}
.allHeaderIndex .headerBot .headerList li span {
    color: #000;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.1px;
}
.allHeaderIndex .headerBot .headerList li .divListContainer {
    background: #f1f4f9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% - 10px);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 990;
}
.allHeaderIndex .headerBot .headerList li .divListContainer .allListContainer {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5px, auto));
    justify-content: right;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li {
    padding: 0.5rem 0.5rem 0.5rem 0;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    a {
    background: #fff;
    border-radius: 0.2rem;
    display: block;
    padding: 0.3rem 1.5rem;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li:hover
    .divListsContainer {
    opacity: 1;
    visibility: visible;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer {
    background: #f1f4f9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% - 10px);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 990;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer {
    grid-gap: 0.5rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5px, 1fr));
    justify-content: right;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    a {
    background: transparent;
    box-shadow: 0 0 0 0;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    a
    span {
    grid-gap: 0.5rem;
    align-items: center;
    border-bottom: 1px solid #03603c;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    padding-bottom: 0.5rem;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    a
    span:before {
    background-color: #03603c;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer {
    transition: all 0.3s ease-in-out;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer
    li {
    padding: 0 0 0.5rem;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer
    li
    a {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer
    li
    a:before {
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer
    li
    a
    i {
    align-items: center;
    display: grid;
    justify-content: right;
}
.allHeaderIndex
    .headerBot
    .headerList
    li
    .divListContainer
    .allListContainer
    li
    .divListsContainer
    .listsContainer
    li
    .listContainer
    li
    a
    i
    svg {
    fill: #000;
    height: 0.5rem;
    width: 0.5rem;
}
@media screen and (max-width: 800px) {
    .allHeaderIndex .topFixed {
        opacity: 0;
        position: absolute;
        top: -10rem;
        visibility: hidden;
    }
    .allHeaderIndex .headerTop {
        padding: 0.5rem 0;
    }
    .allHeaderIndex .headerTop .block {
        grid-gap: 1rem;
        display: grid;
        grid-template-columns: auto auto;
        margin: auto;
    }
    .allHeaderIndex .headerTop .block .pic img {
        height: 3rem;
        max-width: 5rem;
    }
    .allHeaderIndex .headerTop .block form,
    .allHeaderIndex .headerTop .block label {
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
    }
    .allHeaderIndex .headerTop .block .left {
        grid-gap: 0.5rem;
        grid-template-columns: auto auto auto;
    }
    .allHeaderIndex .headerTop .block .left .user {
        position: absolute;
        top: 0;
        visibility: hidden;
    }
    .allHeaderIndex .headerTop .block .left .user .pic {
        cursor: pointer;
    }
    .allHeaderIndex .headerTop .block .left .user .pic img {
        border-radius: 100%;
        height: 2rem;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%;
    }
    .allHeaderIndex .headerTop .block .left .user ul {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 10px;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
        display: none;
        left: 0;
        position: absolute;
        top: 105%;
        transition: all 0.3s ease-in-out;
        width: 13rem;
        z-index: 100;
    }
    .allHeaderIndex .headerTop .block .left .user ul li {
        color: #000;
    }
    .allHeaderIndex .headerTop .block .left .user ul li .picUser {
        border-radius: 5rem;
        height: 2.2rem;
        overflow: hidden;
        width: 2.2rem;
    }
    .allHeaderIndex .headerTop .block .left .user ul li .picUser img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
    .allHeaderIndex .headerTop .block .left .user ul li .infoUser {
        grid-gap: 0.2rem;
        display: grid;
        grid-template-columns: 1fr;
    }
    .allHeaderIndex .headerTop .block .left .user ul li .infoUser span {
        font-size: 0.75rem;
        font-weight: 300;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .allHeaderIndex .headerTop .block .left .user ul li a {
        grid-gap: 0.5rem;
        align-items: center;
        background: transparent;
        color: #000;
        display: grid;
        font-size: 0.75rem;
        font-weight: 300;
        grid-template-columns: auto auto;
        justify-content: right;
        padding: 0.7rem;
        width: 10rem;
    }
    .allHeaderIndex .headerTop .block .left .user ul li a i {
        align-items: center;
        display: grid;
        justify-content: center;
    }
    .allHeaderIndex .headerTop .block .left .user ul li a i svg {
        fill: #000;
        height: 1rem;
        width: 1rem;
    }
    .allHeaderIndex .headerTop .block .left .user ul li:first-child {
        grid-gap: 0.5rem;
        align-items: center;
        background: transparent;
        border-bottom: 1px solid #eee;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: right;
        overflow: hidden;
        padding: 0.5rem;
    }
    .allHeaderIndex .headerTop .block .left .cityChoice {
        grid-gap: 0.3rem;
    }
    .allHeaderIndex .headerTop .block .left .cityChoice i svg {
        height: 0.85rem;
        width: 0.85rem;
    }
    .allHeaderIndex .headerTop .block .left .cityChoice .leftCity h4,
    .allHeaderIndex .headerTop .block .left .cityChoice .leftCity h5 {
        font-size: 0.5rem;
    }
    .allHeaderIndex .headerTop .block .left .themeButton1 .theme-toggle {
        height: 2rem;
        width: 2rem;
    }
    .allHeaderIndex .headerTop .block .left .themeButton1 .theme-toggle svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }
    .allHeaderIndex .headerTop .block .left .login {
        align-items: center;
        border-radius: 5px;
        color: #000;
        font-size: 0.65rem;
        font-weight: 300;
        grid-template-columns: auto;
        height: 2.3rem;
        justify-content: center;
        padding: 0.3rem;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 5rem;
    }
    .allHeaderIndex .headerTop .block .left .login i {
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
    }
    .allHeaderIndex
        .headerTop
        .block
        .left
        .headerCart
        .headerCartItems
        .cartShowBtn {
        border-radius: 5px;
        display: grid;
        grid-template-columns: auto auto;
        padding: 0.5rem;
    }
    .allHeaderIndex
        .headerTop
        .block
        .left
        .headerCart
        .headerCartItems
        .cartShowBtn
        i
        svg {
        height: 0.9rem;
        width: 0.9rem;
    }
    .allHeaderIndex
        .headerTop
        .block
        .left
        .headerCart
        .headerCartItems
        .cartShowBtn
        span {
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
    }
    .allHeaderIndex
        .headerTop
        .block
        .left
        .headerCart
        .headerCartItems
        .cartShowBtn
        h5 {
        font-size: 0.7rem;
    }
    .allHeaderIndex
        .headerTop
        .block
        .left
        .headerCart
        .headerCartItems
        .showCart {
        width: 21rem;
    }
    .allHeaderIndex .headerBot {
        display: none;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden;
    }
    .allHeaderIndex .headerBot .headerList {
        display: grid;
    }
}
.allFooterIndex {
    background: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
    padding-top: 2rem;
}
.allFooterIndex .blockFooter {
    margin: auto;
}
.allFooterIndex .blockFooter .topFooterIndex {
    grid-gap: 1rem;
    align-items: center;
    border-bottom: 2px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    padding-bottom: 2rem;
}
.allFooterIndex .blockFooter .topFooterIndex .item {
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allFooterIndex .blockFooter .topFooterIndex .item .itemPic {
    align-items: center;
    display: grid;
    justify-content: center;
    margin-left: 1rem;
}
.allFooterIndex .blockFooter .topFooterIndex .item .itemPic svg {
    height: 3.5rem;
    width: 3.5rem;
}
.allFooterIndex .blockFooter .topFooterIndex .item:first-child svg {
    height: 4.5rem;
    width: 4.5rem;
}
.allFooterIndex .blockFooter .topFooterIndex .item h3,
.allFooterIndex .blockFooter .topFooterIndex .item h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
}
.allFooterIndex .blockFooter .topFooterIndex .item h4 {
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
}
.allFooterIndex .blockFooter .midFooter {
    border-bottom: 2px solid #eee;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
.allFooterIndex .blockFooter .midFooter .items {
    padding: 1rem 0;
}
.allFooterIndex .blockFooter .midFooter .items h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}
.allFooterIndex .blockFooter .midFooter .items ul li {
    margin-top: 1rem;
}
.allFooterIndex .blockFooter .midFooter .items ul li a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
}
.allFooterIndex .blockFooter .midFooter .items:last-child {
    padding-right: 1rem;
}
.allFooterIndex .blockFooter .midFooter .subscribe {
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1rem 2rem;
}
.allFooterIndex .blockFooter .midFooter .subscribe .subscribeItems {
    display: grid;
    grid-template-columns: 1fr;
}
.allFooterIndex .blockFooter .midFooter .subscribe label {
    color: #03603c;
    font-size: 1.1rem;
    font-weight: 900;
    text-align: center;
}
.allFooterIndex .blockFooter .midFooter .subscribe p {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
}
.allFooterIndex .blockFooter .midFooter .subscribe input {
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    padding: 0 0.5rem;
    width: 100%;
}
.allFooterIndex .blockFooter .midFooter .subscribe .buttons {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allFooterIndex .blockFooter .midFooter .subscribe .buttons button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.3rem 0;
    width: 5rem;
}
.allFooterIndex .blockFooter .midFooter .trustFooter {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: right;
    margin-top: 1rem;
}
.allFooterIndex .blockFooter .botFooter {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1rem 0;
}
.allFooterIndex .blockFooter .botFooter .right {
    grid-gap: 0.2rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: auto auto auto;
    justify-content: right;
}
.allFooterIndex .blockFooter .botFooter .left {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.allFooterIndex .blockFooter .botFooter .left span {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    opacity: 0.6;
}
.allFooterIndex .blockFooter .botFooter .left .communicationFooterItem {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.allFooterIndex .blockFooter .botFooter .left .communicationFooterItem a {
    align-items: center;
    background: #eee;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-right: 1rem;
    padding: 0.6rem;
}
.allFooterIndex .blockFooter .botFooter .left .communicationFooterItem a i {
    align-items: center;
    display: grid;
}
.allFooterIndex .blockFooter .botFooter .left .communicationFooterItem a i svg {
    fill: #79788d;
    height: 1rem;
    width: 1rem;
}
@media screen and (max-width: 800px) {
    .allFooterIndex .blockFooter .topFooterIndex .item .itemPic svg {
        height: 2rem;
        width: 2rem;
    }
    .allFooterIndex .blockFooter .topFooterIndex .item:first-child svg {
        height: 3rem;
        width: 3rem;
    }
    .allFooterIndex .blockFooter .topFooterIndex .item h3,
    .allFooterIndex .blockFooter .topFooterIndex .item h4 {
        font-size: 0.8rem;
    }
    .allFooterIndex .blockFooter .topFooterIndex .item h4 {
        font-size: 0.7rem;
    }
    .allFooterIndex .blockFooter .midFooter {
        display: block;
    }
    .allFooterIndex .blockFooter .midFooter .subscribe {
        border-left: 0;
        border-right: 0;
    }
    .allFooterIndex .blockFooter .midFooter .subscribe p {
        margin: 1rem 0;
    }
    .allFooterIndex .blockFooter .midFooter .subscribe input {
        margin-bottom: 1rem;
        padding: 0.5rem;
    }
    .allFooterIndex .blockFooter .botFooter {
        display: block;
    }
    .allFooterIndex .blockFooter .botFooter .right {
        font-size: 0.6rem;
    }
    .allFooterIndex .blockFooter .botFooter .left {
        margin-top: 1rem;
    }
    .allFooterIndex .blockFooter .botFooter .left span {
        font-size: 0.6rem;
    }
    .allFooterIndex .blockFooter .botFooter .left .communicationFooterItem a {
        padding: 0.2rem;
    }
    .allFooterIndex
        .blockFooter
        .botFooter
        .left
        .communicationFooterItem
        a
        i
        svg {
        height: 0.8rem;
        width: 0.8rem;
    }
}
.allFooterIndex .fixedTab {
    bottom: 0;
    height: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    position: fixed;
    right: 0;
    visibility: hidden;
    width: 0;
    z-index: 9;
}
.allFooterIndex .fixedTab .tabs {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: auto;
}
.allFooterIndex .fixedTab .tabs .leftTab,
.allFooterIndex .fixedTab .tabs .rightTab {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.allFooterIndex .fixedTab .tabs .leftTab {
    border-top-right-radius: 30px;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.allFooterIndex .fixedTab .tabs .rightTab {
    border-top-left-radius: 30px;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.allFooterIndex .fixedTab .tabs .tab {
    height: 3rem;
}
.allFooterIndex .fixedTab .tabs .tab a i {
    align-items: center;
    background: #fff;
    display: grid;
    justify-content: center;
    padding: 1rem 0;
    width: 100%;
}
.allFooterIndex .fixedTab .tabs .tab a i svg {
    fill: #000;
    height: 1.3rem;
    width: 1.3rem;
}
.allFooterIndex .fixedTab .tabs .tab .active i svg {
    fill: #03603c;
}
.allFooterIndex .fixedTab .tabs .tab .active a {
    color: #03603c;
}
.allFooterIndex .fixedTab .tabs .homeTab {
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.allFooterIndex .fixedTab .tabs .homeTab a i {
    align-items: center;
    background: #03603c;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: grid;
    width: 3rem;
}
.allFooterIndex .fixedTab .tabs .homeTab a i svg {
    fill: #fff;
}
@media screen and (max-width: 700px) {
    .allFooterIndex {
        padding-bottom: 4rem;
    }
    .allFooterIndex .fixedTab {
        height: auto;
        opacity: 1;
        visibility: visible;
        width: auto;
    }
}
.allBecomeSeller {
    margin: 1rem auto auto;
}
.allBecomeSeller .allBecomeSellerTop {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
    padding: 3rem 1rem 1rem;
}
.allBecomeSeller .allBecomeSellerTop .allBecomeSellerLevels {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, auto));
    justify-content: center;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel {
    height: 5px;
    position: relative;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    svg {
    height: 2.2rem;
    width: 2.2rem;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    .allBecomeSellerLevelBar {
    background: #f5f5f5;
    height: 5px;
    width: 10rem;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    .allBecomeSellerLevelBarActive {
    background: #03603c;
    height: 5px;
    width: 10rem;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    .allBecomeSellerLevelCircle {
    align-items: center;
    background-color: #f5f5f5;
    border: 2px solid #eee;
    border-radius: 50%;
    display: grid;
    height: 3.5rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.5rem;
    z-index: 2;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    .allBecomeSellerLevelCircleActives {
    align-items: center;
    background-color: #03603c;
    border: 2px solid #eee;
    border-radius: 50%;
    display: grid;
    height: 3.6rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.6rem;
    z-index: 2;
}
.allBecomeSeller
    .allBecomeSellerTop
    .allBecomeSellerLevels
    .allBecomeSellerLevel
    .allBecomeSellerLevelCircleActive {
    -webkit-box-align: center;
    align-items: center;
    background: #03603c;
    border: none;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: grid;
    height: 3.7rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.7rem;
    z-index: 4;
}
@media screen and (max-width: 700px) {
    .allBecomeSeller
        .allBecomeSellerTop
        .allBecomeSellerLevels
        .allBecomeSellerLevel
        .allBecomeSellerLevelBar,
    .allBecomeSeller
        .allBecomeSellerTop
        .allBecomeSellerLevels
        .allBecomeSellerLevel
        .allBecomeSellerLevelBarActive {
        width: 5rem;
    }
    .allBecomeSeller
        .allBecomeSellerTop
        .allBecomeSellerLevels
        .allBecomeSellerLevel
        .allBecomeSellerLevelCircle,
    .allBecomeSeller
        .allBecomeSellerTop
        .allBecomeSellerLevels
        .allBecomeSellerLevel
        .allBecomeSellerLevelCircleActive,
    .allBecomeSeller
        .allBecomeSellerTop
        .allBecomeSellerLevels
        .allBecomeSellerLevel
        .allBecomeSellerLevelCircleActives {
        height: 2rem;
        width: 2rem;
    }
}
.allBecomeSeller .allBecomeSellerTop .allBecomeSellerLevels span {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
}
.allBecomeSeller .allBecomeSellerTop h4,
.allBecomeSeller .allBecomeSellerTop p {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 3rem;
    text-align: center;
}
.allBecomeSeller .allBecomeSellerTop p {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin-top: 1rem;
}
.allBecomeSeller .allBecomeUserInfo {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    padding: 1rem;
}
.allBecomeSeller .allBecomeUserInfo .allBecomeTip {
    grid-gap: 0.5rem;
    align-items: center;
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid red;
    border-radius: 10px;
    display: grid;
    grid-template-columns: auto auto;
    height: 3rem;
    justify-content: right;
    padding: 0 0.5rem;
}
.allBecomeSeller .allBecomeUserInfo .allBecomeTip i svg {
    fill: red;
    -webkit-animation: arrow-anim 1s ease infinite;
    animation: arrow-anim 1s ease infinite;
    height: 1.2rem;
    margin-bottom: 0;
    width: 1.2rem;
}
@-webkit-keyframes arrow-anim {
    0% {
        margin-bottom: 0;
    }
    10% {
        margin-bottom: 0.5rem;
    }
    30% {
        transform: rotate(-40deg);
    }
    50% {
        transform: rotate(40deg);
    }
    60% {
        transform: rotate(-40deg);
    }
    70% {
        transform: rotate(-20deg);
    }
    80% {
        margin-bottom: 1rem;
        transform: rotate(0);
    }
    to {
        margin-bottom: 0.5rem;
    }
}
.allBecomeSeller .allBecomeUserInfo .allBecomeTip span {
    align-items: center;
    color: red;
    display: grid;
    font-size: 0.85rem;
    font-weight: 500;
    height: 3rem;
}
.allBecomeSeller .allBecomeUserInfo .allBecomeTip p {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 500;
    height: 3rem;
}
.allBecomeSeller .allBecomeUserInfo .sellerType {
    margin-top: 3rem;
}
.allBecomeSeller .allBecomeUserInfo .sellerType h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}
.allBecomeSeller .allBecomeUserInfo .sellerType select {
    background: #fff;
    border: 1.4px solid #eee;
    border-radius: 0.2rem;
    font-size: 0.85rem;
    font-weight: 300;
    height: 2.8rem;
    margin: 1rem 0;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allBecomeSeller .allBecomeUserInfo .sellerType select:focus {
    border: 1.4px solid #03603c;
}
.allBecomeSeller .allBecomeUserInfo .sellerType p {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
}
.allBecomeSeller .allBecomeUserInfo .personInfoItems {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    margin-top: 1rem;
}
.allBecomeSeller .allBecomeUserInfo .personInfoItems .personInfoItem h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.allBecomeSeller .allBecomeUserInfo .personInfoItems .personInfoItem input,
.allBecomeSeller .allBecomeUserInfo .personInfoItems .personInfoItem select {
    background: #fff;
    border: 1.4px solid #eee;
    border-radius: 0.2rem;
    font-size: 0.85rem;
    font-weight: 300;
    height: 2.8rem;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allBecomeSeller
    .allBecomeUserInfo
    .personInfoItems
    .personInfoItem
    input:focus,
.allBecomeSeller
    .allBecomeUserInfo
    .personInfoItems
    .personInfoItem
    select:focus {
    border: 1.4px solid #03603c;
}
@media screen and (max-width: 700px) {
    .allBecomeSeller .allBecomeUserInfo .personInfoItems {
        grid-template-columns: 1fr;
    }
}
.allBecomeSeller .allBecomeUserInfo .personInfoSeller {
    margin-top: 3rem;
}
.allBecomeSeller .allBecomeUserInfo .personInfoSeller h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.allBecomeSeller
    .allBecomeUserInfo
    .personInfoSeller
    .personInfoItems:last-child:last-child
    input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.allBecomeSeller .allBecomeUserInfo .contactSeller {
    margin-top: 3rem;
}
.allBecomeSeller .allBecomeUserInfo .contactSeller h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.allBecomeSeller .buttons {
    display: grid;
    justify-content: left;
    margin-top: 1rem;
}
.allBecomeSeller .buttons button {
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    height: 2.2rem;
    justify-content: center;
    padding: 0.3rem 1rem;
    width: 8rem;
}
.allBecomeSeller .buttons button .loading {
    fill: #fff;
    -webkit-animation: arrow-anim2 0.5s ease infinite;
    animation: arrow-anim2 0.5s ease infinite;
    height: 1.2rem;
    width: 1.2rem;
}
.allBecomeSeller .success {
    background: rgba(0, 255, 0, 0.1);
    border-radius: 0.3rem;
    color: #03603c;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    margin: 1rem 0;
    padding: 1rem;
}
.allBecomeSeller .uploadDocument {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    padding: 1rem;
}
.allBecomeSeller .uploadDocument h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}
.allBecomeSeller .uploadDocument ul {
    margin-top: 1rem;
}
.allBecomeSeller .uploadDocument ul li {
    grid-gap: 0.3rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-bottom: 1rem;
    position: relative;
}
.allBecomeSeller .uploadDocument ul li:before {
    background: #03603c;
    border-radius: 5rem;
    content: "";
    height: 8px;
    width: 8px;
}
.allBecomeSeller .uploadDocument .sendFileItem {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin: 1rem;
    overflow: hidden;
}
.allBecomeSeller .uploadDocument .sendFileItem .dropify-wrapper {
    border: 1px solid #eee !important;
}
.allBecomeSeller
    .uploadDocument
    .sendFileItem
    .dropify-wrapper
    .file-icon:before {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    visibility: hidden !important;
}
.allBecomeSeller
    .uploadDocument
    .sendFileItem
    .dropify-wrapper
    .dropify-message
    p {
    color: rgba(0, 128, 0, 0.51);
    font-family: irsans;
    font-size: 1.3rem;
    margin: 0;
}
.allBecomeSeller .checkUploaded {
    margin-top: 1rem;
}
.allBecomeSeller .checkUploaded h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}
.allBecomeSeller .welcomeSeller {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    padding: 1rem;
}
.allBecomeSeller .welcomeSeller i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allBecomeSeller .welcomeSeller i svg {
    height: 8rem;
    width: 8rem;
}
.allBecomeSeller .welcomeSeller h2,
.allBecomeSeller .welcomeSeller h3 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center;
}
.allBecomeSeller .welcomeSeller h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1rem;
}
.allBecomeSeller .welcomeSeller p {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    margin-top: 1rem;
    text-align: center;
}
.allBecomeSeller .welcomeSeller .nextButton {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, auto));
    justify-content: center;
    margin-top: 2rem;
}
.allBecomeSeller .welcomeSeller .nextButton a {
    border: 1px solid #03603c;
    border-radius: 5px;
    color: #03603c;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
    text-align: center;
}
.allBecomeSeller .welcomeSeller .nextButton a:hover {
    background: #03603c;
    color: #fff;
}
.allBecomeSeller table {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    width: 100%;
}
.allBecomeSeller table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.allBecomeSeller table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allBecomeSeller table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.allBecomeSeller table tr td svg {
    fill: #000;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}
.allBecomeSeller table tr td img {
    border-radius: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.5rem;
}
.allBecomeSeller table tr td a {
    align-items: center;
    display: grid;
}
.allBecomeSeller table tr td a svg {
    margin-left: 0.5rem;
}
.allBecomeSeller table tr .buttons {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto auto;
}
.allBecomeSeller table tr .buttons a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allBecomeSeller table tr .buttons button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allBecomeSeller table tr .buttons button:last-child {
    background: red;
}
.allBecomeSeller table tr:nth-child(2n) {
    background: #eee;
}
.bestIndex {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin: 2rem auto auto;
    overflow: hidden;
    padding: 1rem;
}
.bestIndex .bestTitle {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.3rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: center;
    opacity: 0.8;
}
.bestIndex .bestTitle svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
.bestIndex .slider-bestIndex .owl-carousel.owl-loaded {
    display: grid !important;
}
.bestIndex .slider-bestIndex button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.bestIndex .slider-bestIndex button.owl-prev span {
    font-size: 2.5rem;
}
.bestIndex .slider-bestIndex button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.bestIndex .slider-bestIndex button.owl-next span {
    font-size: 2.5rem;
}
.bestIndex .slider-bestIndex .owl-dots {
    position: absolute;
}
.bestIndex .slider-bestIndex .bestItems a {
    border-bottom: 1px solid #eee;
    display: grid;
    padding: 2rem 0;
}
.bestIndex .slider-bestIndex .bestItems a article {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto 1fr;
}
.bestIndex .slider-bestIndex .bestItems a article .pic {
    margin-left: 0.5rem;
}
.bestIndex .slider-bestIndex .bestItems a article .pic img {
    height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 4.5rem;
}
.bestIndex .slider-bestIndex .bestItems a article h4 {
    color: #00bfd6;
    font-size: 1.7rem;
    font-weight: 900;
    margin-left: 1rem;
}
.bestIndex .slider-bestIndex .bestItems a article h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 2rem;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bestIndex .slider-bestIndex .bestItems a:last-child {
    border-bottom: 0;
}
.allBigIndex {
    margin-top: -3.5rem;
}
.allBigIndex .slider-bigIndex {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02);
    display: grid;
    min-height: 400px;
}
.allBigIndex .slider-bigIndex button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.allBigIndex .slider-bigIndex button.owl-prev span {
    align-items: center;
    background: #fff;
    border-radius: 5rem;
    display: grid;
    font-size: 2rem;
    height: 3rem;
    width: 3rem;
}
.allBigIndex .slider-bigIndex button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allBigIndex .slider-bigIndex button.owl-next span {
    align-items: center;
    background: #fff;
    border-radius: 5rem;
    display: grid;
    font-size: 2rem;
    height: 3rem;
    width: 3rem;
}
.allBigIndex .slider-bigIndex .owl-dots {
    position: absolute;
}
.allBigIndex .slider-bigIndex .adsItem img {
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allBigIndex ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    margin: -3rem auto auto;
    position: relative;
    z-index: 5;
}
.allBigIndex ul li {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.5rem;
}
.allBigIndex ul li .itemPic {
    align-items: center;
    display: grid;
    justify-content: center;
    margin-left: 1rem;
}
.allBigIndex ul li .itemPic svg {
    height: 3.5rem;
    width: 3.5rem;
}
.allBigIndex ul li:first-child svg {
    height: 4.5rem;
    width: 4.5rem;
}
.allBigIndex ul li h3,
.allBigIndex ul li h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
}
.allBigIndex ul li h4 {
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
}
@media screen and (max-width: 700px) {
    .allBigIndex {
        margin-top: 0;
    }
    .allBigIndex .slider-bigIndex {
        min-height: auto;
    }
    .allBigIndex .slider-bigIndex button.owl-next span,
    .allBigIndex .slider-bigIndex button.owl-prev span {
        font-size: 1.3rem;
        height: 2rem;
        width: 2rem;
    }
    .allBigIndex .slider-bigIndex .adsItem img {
        min-height: auto;
    }
    .allBigIndex ul {
        margin-top: 1rem;
    }
    .allBigIndex ul li .itemPic svg {
        height: 2rem;
        width: 2rem;
    }
    .allBigIndex ul li h3,
    .allBigIndex ul li h4 {
        font-size: 0.7rem;
    }
    .allBigIndex ul li h4 {
        font-size: 0.6rem;
    }
}
.homeTopAdvertise {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    margin: 2rem auto auto;
}
.homeTopAdvertise .advertiseSlider {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.homeTopAdvertise .advertiseSlider .owl-carousel.owl-loaded {
    display: grid !important;
}
.homeTopAdvertise .advertiseSlider button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.homeTopAdvertise .advertiseSlider button.owl-prev span {
    font-size: 2.5rem;
}
.homeTopAdvertise .advertiseSlider button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.homeTopAdvertise .advertiseSlider button.owl-next span {
    font-size: 2.5rem;
}
.homeTopAdvertise .advertiseSlider .slider a img {
    min-height: 25rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.homeTopAdvertise .advertiseSlider .owl-dots {
    position: absolute;
}
.homeTopAdvertise .advertiseItems {
    grid-gap: 1rem;
    display: grid;
    height: auto;
    width: 24rem;
}
.homeTopAdvertise .advertiseItems .advertiseItem {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.homeTopAdvertise .advertiseItems .advertiseItem img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media screen and (max-width: 920px) {
    .homeTopAdvertise {
        grid-template-columns: 1fr;
    }
    .homeTopAdvertise .advertiseSlider .slider a img {
        min-height: auto;
    }
    .homeTopAdvertise .advertiseItems {
        grid-template-columns: 1fr 1fr;
        height: 100%;
        width: 100%;
    }
}
.categoryPostIndex {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin: 2rem auto auto;
    overflow: hidden;
}
.categoryPostIndex .owl-carousel.owl-loaded {
    display: grid !important;
}
.categoryPostIndex button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.categoryPostIndex button.owl-prev span {
    font-size: 2.5rem;
}
.categoryPostIndex button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.categoryPostIndex button.owl-next span {
    font-size: 2.5rem;
}
.categoryPostIndex .owl-dots {
    position: absolute;
}
.categoryPostIndex .productItem {
    border-left: 1px solid #eee;
    padding: 1rem;
}
.categoryPostIndex .productItem .topProduct {
    margin-bottom: 1rem;
}
.categoryPostIndex .productItem .topProduct h3 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
}
.categoryPostIndex .productItem .topProduct h4 {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
    opacity: 0.6;
}
.categoryPostIndex .productItem .products ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.categoryPostIndex .productItem .products ul li {
    padding: 0.5rem;
}
.categoryPostIndex .productItem .products ul li img {
    height: 6rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.categoryPostIndex .productItem .products ul li:nth-child(4) {
    border-top: 1px solid #eee;
}
.categoryPostIndex .productItem .products ul li:first-child {
    border-bottom: 1px solid #eee;
}
.categoryPostIndex .productItem .products ul li:nth-child(2n) {
    border-right: 1px solid #eee;
}
.categoryPostIndex .productItem .botProduct {
    margin-top: 1rem;
}
.categoryPostIndex .productItem .botProduct a {
    grid-gap: 0.5rem;
    color: #19bfd3;
    font-size: 0.75rem;
    font-weight: 500;
    grid-template-columns: auto auto;
}
.categoryPostIndex .productItem .botProduct a,
.categoryPostIndex .productItem .botProduct a i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.categoryPostIndex .productItem .botProduct a i svg {
    fill: #19bfd3;
    height: 0.6rem;
    width: 0.6rem;
}
.allOffProduct {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin: 2rem auto auto;
    overflow: hidden;
}
.allOffProduct h3 {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0;
    text-align: center;
}
.allOffProduct ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.allOffProduct ul li {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 0.5rem;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.allOffProduct ul li .pic {
    display: grid;
    justify-content: center;
}
.allOffProduct ul li .pic img {
    height: 7rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allOffProduct ul li .pic .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allOffProduct ul li .pic .lotteryStatus svg {
    height: 5rem;
    width: 5rem;
}
.allOffProduct ul li .colors {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}
.allOffProduct ul li .colors .color {
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 1rem;
    margin-bottom: 0.5rem;
    width: 1rem;
}
.allOffProduct ul li .options .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allOffProduct ul li .options .optionItem svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allOffProduct ul li .options .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allOffProduct ul li .options .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allOffProduct ul li .options .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allOffProduct ul li h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allOffProduct ul li .price {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr;
    height: 4rem;
    text-align: left;
}
.allOffProduct ul li .price s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.6;
}
.allOffProduct ul li .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border: 1px solid #03603c;
    border-radius: 10px;
    color: #03603c;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: center;
    min-height: 2rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allOffProduct ul li .price h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allOffProduct ul li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.allOffProduct ul li:hover .pic .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allOffProduct ul li:hover .options .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
.allOffProduct ul li:nth-child(6n) {
    border-left: 0;
}
@media screen and (max-width: 800px) {
    .allOffProduct ul {
        grid-template-columns: 1fr 1fr;
    }
    .allOffProduct ul li:nth-child(2n) {
        border-left: 0;
    }
    .allOffProduct ul li:nth-child(6n) {
        border-left: 1px solid #eee;
    }
}
.allSuggestIndex {
    background: red;
    margin-top: 2rem;
    padding: 1rem 0;
}
.allSuggestIndex .suggestIndex {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin: auto;
}
.allSuggestIndex .suggestIndex .title {
    display: grid;
}
.allSuggestIndex .suggestIndex .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 10rem;
}
.allSuggestIndex .suggestIndex .title a {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.5rem;
    min-height: auto;
    padding: 0.5rem;
    text-align: center;
}
.allSuggestIndex .suggestIndex .title a:hover {
    box-shadow: 0 0 0;
}
.allSuggestIndex .suggestIndex .owl-carousel.owl-loaded {
    display: grid !important;
}
.allSuggestIndex .suggestIndex button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.allSuggestIndex .suggestIndex button.owl-prev span {
    font-size: 2.5rem;
}
.allSuggestIndex .suggestIndex button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allSuggestIndex .suggestIndex button.owl-next span {
    font-size: 2.5rem;
}
.allSuggestIndex .suggestIndex .owl-dots {
    position: absolute;
}
.allSuggestIndex .suggestIndex a {
    background: #fff;
    border-radius: 10px;
    display: grid;
    min-height: 22.5rem;
    overflow: hidden;
    position: relative;
}
.allSuggestIndex .suggestIndex a .pic {
    display: grid;
    justify-content: center;
    padding: 0 1rem;
}
.allSuggestIndex .suggestIndex a .pic img {
    height: 7rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allSuggestIndex .suggestIndex a .pic .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allSuggestIndex .suggestIndex a .pic .lotteryStatus svg {
    height: 5rem;
    width: 5rem;
}
.allSuggestIndex .suggestIndex a .colors {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}
.allSuggestIndex .suggestIndex a .colors .color {
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 1rem;
    margin-bottom: 0.5rem;
    width: 1rem;
}
.allSuggestIndex .suggestIndex a .options .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allSuggestIndex .suggestIndex a .options .optionItem svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allSuggestIndex .suggestIndex a .options .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allSuggestIndex .suggestIndex a .options .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allSuggestIndex .suggestIndex a .options .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allSuggestIndex .suggestIndex a h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0.5rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allSuggestIndex .suggestIndex a .price {
    display: flex;
    justify-content: space-between;
    grid-template-columns: 1fr;
    height: 3rem;
    padding: 0 1rem;
    text-align: left;
}
.allSuggestIndex .suggestIndex a .price s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.6;
}
.allSuggestIndex .suggestIndex a .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allSuggestIndex .suggestIndex a .price h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allSuggestIndex .suggestIndex a .note {
    align-items: center;
    background: rgba(255, 255, 0, 0.1);
    display: grid;
    height: 2.5rem;
    margin: 1rem 0;
    padding: 0.5rem;
    position: relative;
}
.allSuggestIndex .suggestIndex a .note h4 {
    -webkit-animation: note-anim 6s ease infinite;
    animation: note-anim 6s ease infinite;
    color: #ff4500;
    display: grid;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
@-webkit-keyframes note-anim {
    0% {
        right: 100%;
    }
    to {
        right: -100%;
    }
}
.allSuggestIndex .suggestIndex a .countdown {
    direction: ltr;
    margin-top: 1rem;
    text-align: center;
}
.allSuggestIndex .suggestIndex a .countdown .countdown-section {
    display: inline-block;
    width: 50px;
}
.allSuggestIndex .suggestIndex a .countdown .countdown-section .countdown-time {
    background-color: #f1f4f9;
    border-radius: 50%;
    color: #000;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: auto;
    width: 40px;
}
.allSuggestIndex
    .suggestIndex
    a
    .countdown
    .countdown-section:last-child
    .countdown-time {
    background-color: #03603c;
    color: #fff;
    font-size: 1rem;
}
.allSuggestIndex .suggestIndex a .details {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allSuggestIndex .suggestIndex a .details .detailItem {
    display: grid;
    justify-content: center;
}
.allSuggestIndex .suggestIndex a .details .detailItem span {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allSuggestIndex .suggestIndex a .details .detailItem h4 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    margin-top: 0.3rem;
    opacity: 0.7;
    text-align: center;
}
.allSuggestIndex .suggestIndex a .emptyProduct:after {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.allSuggestIndex .suggestIndex a .emptyProduct:before {
    background: red;
    content: "ناموجود";
}
.allSuggestIndex .suggestIndex a .emptyProduct:before,
.allSuggestIndex .suggestIndex a .preProduct:before {
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: grid;
    font-size: 1rem;
    height: 2.5rem;
    text-align: center;
    width: 100%;
    z-index: 30;
}
.allSuggestIndex .suggestIndex a .preProduct:before {
    background: #03603c;
    content: "پیش خرید";
}
@media screen and (max-width: 800px) {
    .allSuggestIndex .suggestIndex a .details .detailItem span {
        font-size: 0.7rem;
        height: 1.5rem;
        width: 1.5rem;
    }
    .allSuggestIndex .suggestIndex a .details .detailItem h4 {
        font-size: 0.6rem;
    }
    .allSuggestIndex .suggestIndex a .countdown {
        margin-bottom: 1rem;
    }
    .allSuggestIndex .suggestIndex a .countdown .countdown-section {
        width: 40px;
    }
    .allSuggestIndex
        .suggestIndex
        a
        .countdown
        .countdown-section
        .countdown-time {
        font-size: 0.7rem;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .allSuggestIndex
        .suggestIndex
        a
        .countdown
        .countdown-section:last-child
        .countdown-time {
        font-size: 0.7rem;
    }
}
.allSuggestIndex .suggestIndex a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.allSuggestIndex .suggestIndex a:hover .pic .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allSuggestIndex .suggestIndex a:hover .options .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 700px) {
    .allSuggestIndex .suggestIndex {
        grid-template-columns: 1fr;
    }
    .allSuggestIndex .suggestIndex .title {
        justify-content: center;
        margin-bottom: 1rem;
    }
    .allSuggestIndex .suggestIndex a {
        min-height: auto;
    }
}
.allNewsIndex {
    margin: 2rem auto auto;
}
.allNewsIndex .title {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.allNewsIndex .title h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}
.allNewsIndex .title a {
    color: #19bfd3;
    font-size: 1rem;
    font-weight: 300;
}
.allNewsIndex ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
.allNewsIndex ul li a {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    overflow: hidden;
}
.allNewsIndex ul li a img {
    width: 100%;
}
.allNewsIndex ul li a h4 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7rem;
    margin: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 800px) {
    .allNewsIndex ul {
        grid-template-columns: 1fr 1fr;
    }
}
.advanceProduct {
    margin: 2rem auto auto;
}
.advanceProduct .title {
    border-bottom: 2px solid #eee;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 1rem;
}
.advanceProduct .owl-carousel .owl-stage-outer {
    padding: 1rem 0;
}
.advanceProduct .owl-carousel button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.advanceProduct .owl-carousel button.owl-prev span {
    font-size: 2.5rem;
}
.advanceProduct .owl-carousel button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.advanceProduct .owl-carousel button.owl-next span {
    font-size: 2.5rem;
}
.advanceProduct .owl-carousel .owl-dots {
    position: absolute;
}
.advanceProduct .owl-carousel .advanceProductItem {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    padding: 1rem;
}
.advanceProduct .owl-carousel .advanceProductItem .top {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
}
.advanceProduct .owl-carousel .advanceProductItem .top .advanceRight h3 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advanceProduct .owl-carousel .advanceProductItem .top .advanceRight p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 2rem;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions {
    grid-gap: 5px;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: 0.5rem 0;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .productStatus {
    grid-gap: 5px;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .productStatus
    span {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .productStatus
    .active {
    color: #03603c;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .productStatus
    .unActive {
    color: #790000;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .starProduct {
    grid-gap: 5px;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: right;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .top
    .advanceRight
    .advanceOptions
    .starProduct
    svg {
    height: 1rem;
    width: 1rem;
}
.advanceProduct .owl-carousel .advanceProductItem .top .advanceLeft .pic {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.advanceProduct .owl-carousel .advanceProductItem .top .advanceLeft .pic img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 10rem;
}
.advanceProduct .owl-carousel .advanceProductItem .bot {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-top: 1rem;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .options {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: center;
    opacity: 0.5;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .options .optionItem {
    cursor: pointer;
}
.advanceProduct
    .owl-carousel
    .advanceProductItem
    .bot
    .options
    .optionItem
    svg {
    fill: #000;
    height: 1.4rem;
    width: 1.4rem;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .price {
    grid-gap: 0.8rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .price s {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
    opacity: 0.7;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #03603c;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.advanceProduct .owl-carousel .advanceProductItem .bot .price h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
@media screen and (max-width: 700px) {
    .advanceProduct .owl-carousel .advanceProductItem .top {
        display: block;
    }
}
.allProductList {
    margin: 2rem auto auto;
    overflow: hidden;
}
.allProductList .title {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 1rem;
}
.allProductList .title h3 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}
.allProductList .title a {
    color: #ffff;
    font-size: 0.9rem;
    font-weight: 500;
}
.allProductList .owl-carousel.owl-loaded {
    display: grid !important;
}
.allProductList button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.allProductList button.owl-prev span {
    font-size: 2.5rem;
}
.allProductList button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allProductList button.owl-next span {
    font-size: 2.5rem;
}
.allProductList .owl-dots {
    position: absolute;
}
.allProductList .slider-productList a .pic {
    display: grid;
    justify-content: center;
    padding: 0 1rem;
}
.allProductList .slider-productList a .pic img {
    height: 7rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allProductList .slider-productList a .pic .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allProductList .slider-productList a .pic .lotteryStatus svg {
    height: 5rem;
    width: 5rem;
}
.allProductList .slider-productList a .colors {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}
.allProductList .slider-productList a .colors .color {
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 1rem;
    margin-bottom: 0.5rem;
    width: 1rem;
}
.allProductList .slider-productList a .options .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allProductList .slider-productList a .options .optionItem svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allProductList .slider-productList a .options .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allProductList .slider-productList a .options .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allProductList .slider-productList a .options .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allProductList .slider-productList a h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0.5rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allProductList .slider-productList a .price {
    display: flex;
    justify-content: space-between;
    grid-template-columns: 1fr;
    height: 3rem;
    padding: 0 1rem;
    text-align: left;
}
.allProductList .slider-productList a .price s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.6;
}
.allProductList .slider-productList a .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #075d3c;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allProductList .slider-productList a .price h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allProductList .slider-productList a .note {
    align-items: center;
    background: rgba(255, 255, 0, 0.1);
    display: grid;
    height: 2.5rem;
    margin: 1rem 0;
    padding: 0.5rem;
    position: relative;
}
.allProductList .slider-productList a .note h4 {
    -webkit-animation: note-anim 6s ease infinite;
    animation: note-anim 6s ease infinite;
    color: #ff4500;
    display: grid;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
.allProductList .slider-productList a .details {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allProductList .slider-productList a .details .detailItem {
    display: grid;
    justify-content: center;
}
.allProductList .slider-productList a .details .detailItem span {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allProductList .slider-productList a .details .detailItem h4 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    margin-top: 0.3rem;
    opacity: 0.7;
    text-align: center;
}
.allProductList .slider-productList a .emptyProduct:after {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.allProductList .slider-productList a .emptyProduct:before {
    align-items: center;
    background: red;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "ناموجود";
    display: grid;
    font-size: 1rem;
    height: 2.5rem;
    text-align: center;
    width: 100%;
    z-index: 30;
}
.allProductList .slider-productList a .countdown {
    direction: ltr;
    margin-top: 1rem;
    text-align: center;
}
.allProductList .slider-productList a .countdown .countdown-section {
    display: inline-block;
    width: 50px;
}
.allProductList
    .slider-productList
    a
    .countdown
    .countdown-section
    .countdown-time {
    background-color: #f1f4f9;
    border-radius: 50%;
    color: #000;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: auto;
    width: 40px;
}
.allProductList
    .slider-productList
    a
    .countdown
    .countdown-section:last-child
    .countdown-time {
    background-color: #03603c;
    color: #fff;
    font-size: 1rem;
}
.allProductList .slider-productList a .preProduct:before {
    align-items: center;
    background: #03603c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "پیش خرید";
    display: grid;
    font-size: 1rem;
    height: 2.5rem;
    text-align: center;
    width: 100%;
    z-index: 30;
}
.allProductList .slider-productList a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.allProductList .slider-productList a:hover .pic .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allProductList .slider-productList a:hover .options .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 800px) {
    .allProductList .slider-productList a {
        min-height: auto;
    }
    .allProductList .slider-productList a .details .detailItem span {
        font-size: 0.7rem;
        height: 1.5rem;
        width: 1.5rem;
    }
    .allProductList .slider-productList a .details .detailItem h4 {
        font-size: 0.6rem;
    }
    .allProductList .slider-productList a .countdown {
        margin-bottom: 1rem;
    }
    .allProductList .slider-productList a .countdown .countdown-section {
        width: 40px;
    }
    .allProductList
        .slider-productList
        a
        .countdown
        .countdown-section
        .countdown-time {
        font-size: 0.7rem;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .allProductList
        .slider-productList
        a
        .countdown
        .countdown-section:last-child
        .countdown-time {
        font-size: 0.7rem;
    }
}
.allAdsIndex {
    margin: 2rem auto auto;
}
.allAdsIndex .adsItems {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.allAdsIndex .adsItems .adsItem {
    border-radius: 10px;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
    overflow: hidden;
}
.allAdsIndex .adsItems .adsItem img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media screen and (max-width: 700px) {
    .allAdsIndex .adsItems {
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    }
}
.AllPopUpIndex {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.AllPopUpIndex .AllPopUpData {
    background: #fff;
    border-radius: 0.3rem;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.AllPopUpIndex .AllPopUpData .pic {
    display: grid;
    justify-content: center;
    margin-bottom: 1rem;
}
.AllPopUpIndex .AllPopUpData .pic img {
    height: 5rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.AllPopUpIndex .AllPopUpData h3 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-align: center;
}
.AllPopUpIndex .AllPopUpData p {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    opacity: 0.7;
    text-align: center;
}
.AllPopUpIndex .AllPopUpData .buttons {
    display: grid;
    justify-content: center;
    margin-top: 1rem;
}
.AllPopUpIndex .AllPopUpData .buttons a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.2rem 1rem;
    text-align: center;
}
@media screen and (max-width: 920px) {
    .AllPopUpIndex .AllPopUpData {
        width: 90%;
    }
}
.allSearchAdvance {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin: 2rem auto auto;
    overflow: hidden;
    padding: 1rem;
}
.allSearchAdvance .titleSearch {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.2rem;
    font-weight: 700;
    grid-template-columns: auto 1fr;
}
.allSearchAdvance .titleSearch:before {
    background: #03603c;
    border-radius: 5rem;
    content: "";
    height: 10px;
    width: 30px;
}
.allSearchAdvance .sectionsBox {
    border-right: 2px solid #03603c;
    padding-right: 1rem;
}
.allSearchAdvance .sectionsBox .sectionBox {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin-top: 2rem;
    position: relative;
}
.allSearchAdvance .sectionsBox .sectionBox .boxItem {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
}
.allSearchAdvance .sectionsBox .sectionBox .boxItem label {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allSearchAdvance .sectionsBox .sectionBox .boxItem input,
.allSearchAdvance .sectionsBox .sectionBox .boxItem select {
    background: #fff;
    border: 1px solid #dfe3e7;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.8rem;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSearchAdvance .sectionsBox .sectionBox .boxItem input:focus,
.allSearchAdvance .sectionsBox .sectionBox .boxItem select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allSearchAdvance .sectionsBox .sectionBox .boxItem .searchCheck {
    grid-gap: 1rem;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"],
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"] {
        --active: #275efe;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, 0.3);
        --border: #bbc1e1;
        --border-hover: #275efe;
        --background: #fff;
        --disabled: #f6f8ff;
        --disabled-inner: #e1e6f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: var(--b, var(--background));
        border: 1px solid var(--bc, var(--border));
        cursor: pointer;
        display: inline-block;
        height: 21px;
        margin: 0;
        outline: none;
        position: relative;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        vertical-align: top;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:after,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transition: transform var(--d-t) var(--d-t-e, ease),
            opacity var(--d-o, 0.2s);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:checked,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:disabled,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:disabled:checked,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:disabled
        + label,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:disabled
        + label {
        cursor: not-allowed;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:hover:not(:checked):not(:disabled),
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:focus,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch),
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:not(.switch) {
        width: 21px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch):after,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:not(.switch):after {
        opacity: var(--o, 0);
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch):checked,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:not(.switch):checked {
        --o: 1;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]
        + label,
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]
        + label {
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 21px;
        margin-left: 4px;
        vertical-align: top;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch) {
        border-radius: 7px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch):after {
        border: 2px solid var(--active-inner);
        border-left: 0;
        border-top: 0;
        height: 9px;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
        width: 5px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"]:not(.switch):checked {
        --r: 43deg;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"].switch {
        border-radius: 11px;
        width: 38px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"].switch:after {
        background: var(--ab, var(--border));
        border-radius: 50%;
        height: 15px;
        left: 2px;
        top: 2px;
        transform: translateX(var(--x, 0));
        width: 15px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"].switch:checked {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="checkbox"].switch:disabled:not(:checked):after {
        opacity: 0.6;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"] {
        border-radius: 50%;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:after {
        background: var(--active-inner);
        border-radius: 50%;
        height: 19px;
        opacity: 0;
        transform: scale(var(--s, 0.7));
        width: 19px;
    }
    .allSearchAdvance
        .sectionsBox
        .sectionBox
        .boxItem
        .searchCheck
        input[type="radio"]:checked {
        --s: 0.5;
    }
}
.allSearchAdvance
    .sectionsBox
    .sectionBox
    .boxItem
    .searchCheck
    input[type="number"] {
    border: 1px solid #dfe3e7;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.7rem;
    padding: 0.3rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 3rem;
}
.allSearchAdvance
    .sectionsBox
    .sectionBox
    .boxItem
    .searchCheck
    input[type="number"]:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allSearchAdvance .sectionsBox .sectionBox:before {
    background: #03603c;
    bottom: 0;
    content: "";
    height: 2px;
    margin: auto;
    position: absolute;
    right: -1rem;
    top: 0;
    width: 10px;
}
.allSearchAdvance .buttonSearch {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-top: 2rem;
}
.allSearchAdvance .buttonSearch button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allSearchAdvance .searchProducts {
    border-top: 2px dashed #eee;
    display: none;
    margin-top: 1rem;
    padding-top: 1rem;
}
.allSearchAdvance .searchProducts .titleResult {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.allSearchAdvance .searchProducts .productLists {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}
.allSearchAdvance .searchProducts .productLists .productList a {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.allSearchAdvance .searchProducts .productLists .productList a .specialSell {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.allSearchAdvance .searchProducts .productLists .productList a .pic {
    display: grid;
    justify-content: center;
}
.allSearchAdvance .searchProducts .productLists .productList a .pic img {
    height: 12rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allSearchAdvance .searchProducts .productLists .productList a .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .lotteryStatus
    svg {
    height: 5rem;
    width: 5rem;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .options
    .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .options
    .optionItem
    svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allSearchAdvance .searchProducts .productLists .productList a .details {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .details
    .detailItem {
    display: grid;
    justify-content: center;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .details
    .detailItem
    span {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a
    .details
    .detailItem
    h4 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    margin-top: 0.3rem;
    opacity: 0.7;
    text-align: center;
}
.allSearchAdvance .searchProducts .productLists .productList a h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0.5rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allSearchAdvance .searchProducts .productLists .productList a .price {
    display: grid;
    grid-template-columns: 1fr;
    height: 3rem;
    padding: 0 1rem;
    text-align: left;
}
.allSearchAdvance .searchProducts .productLists .productList a .price s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.6;
}
.allSearchAdvance .searchProducts .productLists .productList a .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allSearchAdvance .searchProducts .productLists .productList a .price h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allSearchAdvance .searchProducts .productLists .productList a .note {
    align-items: center;
    background: rgba(255, 255, 0, 0.1);
    display: grid;
    height: 2.5rem;
    margin: 1rem 0;
    padding: 0.5rem;
    position: relative;
}
.allSearchAdvance .searchProducts .productLists .productList a .note h4 {
    -webkit-animation: note-anim 6s ease infinite;
    animation: note-anim 6s ease infinite;
    color: #ff4500;
    display: grid;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
@media screen and (max-width: 800px) {
    .allSearchAdvance
        .searchProducts
        .productLists
        .productList
        a
        .details
        .detailItem
        span {
        font-size: 0.7rem;
        height: 1.5rem;
        width: 1.5rem;
    }
    .allSearchAdvance
        .searchProducts
        .productLists
        .productList
        a
        .details
        .detailItem
        h4 {
        font-size: 0.6rem;
    }
}
.allSearchAdvance .searchProducts .productLists .productList a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a:hover
    .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allSearchAdvance
    .searchProducts
    .productLists
    .productList
    a:hover
    .options
    .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 800px) {
    .allSearchAdvance .searchProducts .productLists {
        grid-template-columns: 1fr 1fr;
    }
    .allSearchAdvance .searchProducts .productLists .productList a .pic img {
        height: 9rem;
    }
    .allSearchAdvance .searchProducts .productLists .productList a .details,
    .allSearchAdvance .searchProducts .productLists .productList a .note,
    .allSearchAdvance .searchProducts .productLists .productList a .options {
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
    }
    .allSearchAdvance .searchProducts .productLists .productList a h3 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #000;
        display: -webkit-box;
        font-size: 0.85rem;
        font-weight: 300;
        height: 3.2rem;
        line-height: 1.7rem;
        margin: 0.8rem 0.5rem;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
    }
    .allSearchAdvance .searchProducts .productLists .productList a .price {
        display: grid;
        grid-template-columns: 1fr;
        height: 3rem;
        padding: 0 1rem;
        text-align: left;
    }
    .allSearchAdvance .searchProducts .productLists .productList a .price s {
        color: #000;
        font-size: 0.8rem;
        font-weight: 500;
        opacity: 0.6;
    }
    .allSearchAdvance .searchProducts .productLists .productList a .price h5 {
        grid-gap: 0.5rem;
        align-items: center;
        color: #000;
        display: grid;
        font-size: 16px;
        font-weight: 900;
        grid-template-columns: auto auto;
        justify-content: left;
    }
    .allSearchAdvance
        .searchProducts
        .productLists
        .productList
        a
        .price
        h5:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        align-items: center;
        box-sizing: inherit;
        content: "\f06c︎";
        display: flex;
        font-family: digikala;
        font-size: 1.1rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        justify-content: center;
        letter-spacing: normal;
        line-height: 1;
        text-decoration: none;
        text-transform: none;
    }
}
.sellerIndex {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    padding: 1rem 0;
}
.sellerIndex h3 {
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(
        90deg,
        #000 20%,
        #03603c 40%,
        #03603c 60%,
        #000 80%
    );
    -webkit-background-clip: text;
    background-size: 200% auto;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    -webkit-transform: translateZ(0);
}
@-webkit-keyframes shine {
    to {
        background-position: 200%;
    }
}
.sellerIndex p {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
}
.sellerIndex .slider-sellers {
    margin-top: 1rem;
}
.sellerIndex .slider-sellers .owl-stage-outer {
    padding: 0 1rem;
}
.sellerIndex .slider-sellers button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.sellerIndex .slider-sellers button.owl-prev span {
    font-size: 2.5rem;
}
.sellerIndex .slider-sellers button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.sellerIndex .slider-sellers button.owl-next span {
    font-size: 2.5rem;
}
.sellerIndex .slider-sellers .owl-dots {
    position: absolute;
}
.sellerIndex .slider-sellers .sellerIndexItem {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 0.5rem 0;
    padding: 0.5rem;
}
.sellerIndex .slider-sellers .sellerIndexItem .right {
    position: relative;
}
.sellerIndex .slider-sellers .sellerIndexItem .right img {
    border-radius: 50%;
    height: 4.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 4.5rem;
}
.sellerIndex .slider-sellers .sellerIndexItem .right span {
    align-items: center;
    background: #03603c;
    border-radius: 50%;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    height: 1.5rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5rem;
}
.sellerIndex .slider-sellers .sellerIndexItem .left h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.sellerIndex .slider-sellers .sellerIndexItem .left h5 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
    opacity: 0.7;
}
@media screen and (max-width: 800px) {
    .sellerIndex .slider-sellers article {
        margin: 0 1rem;
    }
    .sellerIndex .slider-sellers .owl-stage-outer {
        padding: 0;
    }
}
.momentProduct {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 17rem;
    margin: 2rem auto auto;
}
.momentProduct .rightMoment {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 1rem;
}
.momentProduct .rightMoment .rightMomentTitle {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
}
.momentProduct .rightMoment .slider-moment {
    margin-top: 1rem;
}
.momentProduct .rightMoment .slider-moment .owl-carousel.owl-loaded {
    display: grid !important;
}
.momentProduct .rightMoment .slider-moment button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.momentProduct .rightMoment .slider-moment button.owl-prev span {
    align-content: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: grid;
    font-size: 2.5rem;
    height: 3rem;
    padding: 1rem;
}
.momentProduct .rightMoment .slider-moment button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.momentProduct .rightMoment .slider-moment button.owl-next span {
    align-content: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: grid;
    font-size: 2.5rem;
    height: 3rem;
    padding: 1rem;
}
.momentProduct .rightMoment .slider-moment .owl-dots {
    position: absolute;
}
.momentProduct .rightMoment .slider-moment a {
    background: linear-gradient(270deg, #f6f8fb, #eee);
    border-radius: 10px;
    display: grid;
    overflow: hidden;
    padding: 0.7rem;
}
.momentProduct .rightMoment .slider-moment a article {
    grid-gap: 1rem;
    background: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: auto 1fr;
    overflow: hidden;
    padding: 0.7rem;
}
.momentProduct .rightMoment .slider-moment a article .pic {
    background: #f6f8fb;
    border-radius: 5px;
    padding: 0.7rem;
}
.momentProduct .rightMoment .slider-moment a article .pic .picBlock {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 0.5rem 0;
    position: relative;
}
.momentProduct .rightMoment .slider-moment a article .pic .picBlock img {
    height: 15rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 15rem;
}
.momentProduct .rightMoment .slider-moment a article .pic .picBlock .colors {
    grid-gap: 0.5rem;
    align-items: center;
    bottom: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: right;
    position: absolute;
    right: 0.5rem;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .pic
    .picBlock
    .colors
    .color {
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 1rem;
    margin-left: 1rem;
    width: 1rem;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct h3 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.2rem;
    font-weight: 500;
    grid-template-columns: 1fr auto;
    opacity: 0.7;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct h3 span {
    grid-gap: 0.7rem;
    align-items: center;
    background: rgba(60, 214, 1, 0.1);
    border-radius: 5px;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: center;
    padding: 0.5rem;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct h3 span svg {
    fill: #03603c;
    height: 1rem;
    width: 1rem;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .starProduct {
    grid-gap: 0.5rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: right;
    padding-bottom: 1rem;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .leftProduct
    .starProduct
    svg {
    height: 1rem;
    width: 1rem;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .leftProduct
    .starProduct
    span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .price {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin: 1.5rem 0;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .price s {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    opacity: 0.6;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .price h5 {
    grid-gap: 0.5rem;
    align-items: center;
    background: linear-gradient(270deg, #03603c, #03603c);
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
    padding: 0.3rem 1rem;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .leftProduct
    .price
    h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .ability h4 {
    color: #000;
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.7;
}
.momentProduct .rightMoment .slider-moment a article .leftProduct .ability ul {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-height: 10rem;
    overflow: hidden;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .leftProduct
    .ability
    ul
    li {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 0.5rem;
    opacity: 0.7;
}
.momentProduct
    .rightMoment
    .slider-moment
    a
    article
    .leftProduct
    .ability
    ul
    li:before {
    background: #ddd;
    border: 2px solid #03603c;
    border-radius: 50%;
    content: "";
    height: 0.8rem;
    margin-left: 0.3rem;
    width: 0.8rem;
}
.momentProduct .leftMoment {
    background: #3b4359;
    border-radius: 10px;
    padding: 1rem;
}
.momentProduct .leftMoment h4 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #fff;
    display: grid;
    font-size: 1.2rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-bottom: 1rem;
}
.momentProduct .leftMoment h4 svg {
    fill: #fff;
    height: 1.5rem;
    width: 1.5rem;
}
.momentProduct .leftMoment .slider-moment2 {
    background: #fff;
    border-radius: 10px;
    padding: 1rem;
}
.momentProduct .leftMoment .slider-moment2 .owl-carousel.owl-loaded {
    display: grid !important;
}
.momentProduct .leftMoment .slider-moment2 button.owl-prev {
    bottom: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}
.momentProduct .leftMoment .slider-moment2 button.owl-next {
    bottom: 0;
    left: 1rem;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.momentProduct .leftMoment .slider-moment2 .owl-dots {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.momentProduct .leftMoment .slider-moment2 a .timer {
    border-radius: 5px;
    height: 5px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
}
.momentProduct .leftMoment .slider-moment2 a .timer:before {
    background: #f6f8fb;
    bottom: 0;
    box-sizing: inherit;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}
.momentProduct .leftMoment .slider-moment2 a .timer:after {
    background: linear-gradient(90deg, #f5f5f5, red);
    bottom: 0;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.1);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    transition: all 11s ease-in-out;
    width: 0;
}
.momentProduct .leftMoment .slider-moment2 a .momentPic img {
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.momentProduct .leftMoment .slider-moment2 a h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.9rem;
    font-weight: 300;
    margin: 1rem 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.momentProduct .leftMoment .slider-moment2 a h5 {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f1f4f9;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 1.1rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
    padding: 0.3rem 1rem;
}
.momentProduct .leftMoment .slider-moment2 a h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.momentProduct .leftMoment .slider-moment2 .owl-item.active .timer:after {
    width: 100%;
}
@media screen and (max-width: 800px) {
    .momentProduct {
        display: block;
    }
    .momentProduct .rightMoment {
        margin-bottom: 1rem;
        padding: 0.5rem;
    }
    .momentProduct .rightMoment .rightMomentTitle {
        font-size: 1.2rem;
    }
    .momentProduct .rightMoment .slider-moment a {
        padding: 0.5rem;
    }
    .momentProduct .rightMoment .slider-moment a article {
        grid-template-columns: 1fr;
        padding: 0.5rem;
    }
    .momentProduct .rightMoment .slider-moment a article .pic {
        padding: 0.5rem;
    }
    .momentProduct .rightMoment .slider-moment a article .pic .picBlock img {
        height: 15rem;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%;
    }
    .momentProduct .rightMoment .slider-moment a article .leftProduct h3 {
        display: block;
        font-size: 1rem;
    }
    .momentProduct .rightMoment .slider-moment a article .leftProduct h3 span {
        margin-top: 1rem;
    }
    .momentProduct .rightMoment .slider-moment a article .leftProduct .price {
        grid-template-columns: 1fr auto;
    }
    .momentProduct
        .rightMoment
        .slider-moment
        a
        article
        .leftProduct
        .ability
        ul {
        grid-template-columns: 1fr;
    }
}
.collectionIndex {
    margin: 2rem auto auto;
}
.collectionIndex .collectionTitle {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.collectionIndex .owl-carousel.owl-loaded {
    display: grid !important;
}
.collectionIndex button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.collectionIndex button.owl-prev span {
    font-size: 2.5rem;
}
.collectionIndex button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.collectionIndex button.owl-next span {
    font-size: 2.5rem;
}
.collectionIndex .owl-dots {
    position: absolute;
}
.collectionIndex .owl-stage-outer {
    padding: 0.5rem;
}
.collectionIndex .collectionItems {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 1rem;
}
.collectionIndex .collectionItems .topCollect {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.collectionIndex .collectionItems .collectProducts {
    display: flex;
}
.collectionIndex .collectionItems .collectProducts a {
    display: flex;
    flex-wrap: wrap;
}
.collectionIndex .collectionItems .collectProducts a .pic {
    display: grid;
    justify-content: center;
}
.collectionIndex .collectionItems .collectProducts a .pic img {
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.collectionIndex .collectionItems .collectProducts a h4 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
}
.collectionIndex .collectionItems .collectProducts a:last-child {
    margin-right: 0.5rem;
}
.collectionIndex .collectionItems .collectProducts a:first-child {
    margin-left: 0.5rem;
}
.collectionIndex .collectionItems .botCollect {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 2rem;
}
.collectionIndex .collectionItems .botCollect h5 {
    color: #03603c;
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.7;
}
.collectionIndex .collectionItems .botCollect a {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: flex;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: left;
    opacity: 0.7;
}
.collectionIndex .collectionItems .botCollect a svg {
    fill: #000;
    height: 0.8rem;
    width: 0.8rem;
}
.allCircleProduct {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto;
    padding: 1rem 3rem 1rem 1rem;
}
.allCircleProduct .container {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allCircleProduct .circle-container {
    border: 2px solid #03603c;
    border-radius: 50%;
    box-sizing: content-box;
    height: 20em;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20em;
}
.allCircleProduct .circle-container > * {
    display: block;
    left: 50%;
    margin: -2em;
    position: absolute;
    top: 50%;
}
.allCircleProduct .circle-container > :first-of-type {
    transform: rotate(0deg) translate(9.5em) rotate(0deg);
}
.allCircleProduct .circle-container > :nth-of-type(2) {
    transform: rotate(45deg) translate(9.5em) rotate(-45deg);
}
.allCircleProduct .circle-container > :nth-of-type(3) {
    transform: rotate(90deg) translate(9.5em) rotate(-90deg);
}
.allCircleProduct .circle-container > :nth-of-type(4) {
    transform: rotate(135deg) translate(9.5em) rotate(-135deg);
}
.allCircleProduct .circle-container > :nth-of-type(5) {
    transform: rotate(180deg) translate(9.5em) rotate(-180deg);
}
.allCircleProduct .circle-container > :nth-of-type(6) {
    transform: rotate(225deg) translate(9.5em) rotate(-225deg);
}
.allCircleProduct .circle-container > :nth-of-type(7) {
    transform: rotate(270deg) translate(9.5em) rotate(-270deg);
}
.allCircleProduct .circle-container > :nth-of-type(8) {
    transform: rotate(315deg) translate(9.5em) rotate(-315deg);
}
.allCircleProduct .circle-container a {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #03603c;
    display: block;
    font-size: 250%;
    height: 64px;
    width: 64px;
}
.allCircleProduct .circle-container i {
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.allCircleProduct .circle-container .active a {
    background: linear-gradient(90deg, #03603c, #54ff54);
}
.allCircleProduct .circle-container:before {
    color: #000;
    content: "دسته بندی";
    display: block;
    font-size: 27px;
    font-weight: 300;
    left: 0;
    line-height: 1;
    margin: -10px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 70%;
    z-index: 1;
}
.allCircleProduct .services-container li {
    display: none;
}
.allCircleProduct .services-container li.active {
    display: block;
}
.allCircleProduct .services-container li .service-item .titleCat {
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.allCircleProduct .services-container li .service-item .containerItems {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.allCircleProduct .services-container li .service-item .containerItems a {
    border: 1px solid #eee;
    border-right: 0;
    display: grid;
    min-height: 22.5rem;
    overflow: hidden;
    position: relative;
}
.allCircleProduct .services-container li .service-item .containerItems a .pic {
    display: grid;
    justify-content: center;
    padding: 0 1rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .pic
    img {
    height: 9rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .pic
    .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .pic
    .lotteryStatus
    svg {
    height: 5rem;
    width: 5rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .colors {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .colors
    .color {
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 1rem;
    margin-bottom: 0.5rem;
    width: 1rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .options
    .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .options
    .optionItem
    svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .options
    .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .options
    .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .options
    .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allCircleProduct .services-container li .service-item .containerItems a h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0.5rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .price {
    display: grid;
    grid-template-columns: 1fr;
    height: 3rem;
    padding: 0 1rem;
    text-align: left;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .price
    s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.6;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .price
    h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .price
    h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allCircleProduct .services-container li .service-item .containerItems a .note {
    align-items: center;
    background: rgba(255, 255, 0, 0.1);
    display: grid;
    height: 2.5rem;
    margin: 1rem 0;
    padding: 0.5rem;
    position: relative;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .note
    h4 {
    -webkit-animation: note-anim 4s ease infinite;
    animation: note-anim 4s ease infinite;
    color: #ff4500;
    display: grid;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .countdown {
    direction: ltr;
    margin-top: 1rem;
    text-align: center;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .countdown
    .countdown-section {
    display: inline-block;
    width: 50px;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .countdown
    .countdown-section
    .countdown-time {
    background-color: #f1f4f9;
    border-radius: 50%;
    color: #000;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: auto;
    width: 40px;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .countdown
    .countdown-section:last-child
    .countdown-time {
    background-color: #03603c;
    color: #fff;
    font-size: 1rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .details {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .details
    .detailItem {
    display: grid;
    justify-content: center;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .details
    .detailItem
    span {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .details
    .detailItem
    h4 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    margin-top: 0.3rem;
    opacity: 0.7;
    text-align: center;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .emptyProduct:after {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .emptyProduct:before {
    align-items: center;
    background: red;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "ناموجود";
    display: grid;
    font-size: 1rem;
    height: 2.5rem;
    text-align: center;
    width: 100%;
    z-index: 30;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a
    .preProduct:before {
    align-items: center;
    background: #03603c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "پیش خرید";
    display: grid;
    font-size: 1rem;
    height: 2.5rem;
    text-align: center;
    width: 100%;
    z-index: 30;
}
@media screen and (max-width: 800px) {
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .details
        .detailItem
        span {
        font-size: 0.7rem;
        height: 1.5rem;
        width: 1.5rem;
    }
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .details
        .detailItem
        h4 {
        font-size: 0.6rem;
    }
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .countdown {
        margin-bottom: 1rem;
    }
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .countdown
        .countdown-section {
        width: 40px;
    }
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .countdown
        .countdown-section
        .countdown-time {
        font-size: 0.7rem;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .allCircleProduct
        .services-container
        li
        .service-item
        .containerItems
        a
        .countdown
        .countdown-section:last-child
        .countdown-time {
        font-size: 0.7rem;
    }
}
.allCircleProduct .services-container li .service-item .containerItems a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a:hover
    .pic
    .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a:hover
    .options
    .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
.allCircleProduct
    .services-container
    li
    .service-item
    .containerItems
    a:first-child {
    border-right: 1px solid #eee;
}
@media screen and (max-width: 480px) {
    .allCircleProduct .circle-container {
        transform: scale(0.5);
    }
}
@media screen and (max-width: 700px) {
    .allCircleProduct {
        opacity: 0;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden;
    }
    .allCircleProduct .container {
        display: block;
    }
    .allCircleProduct .container .service-item .containerItems {
        display: block !important;
    }
}
.allCompare {
    margin: 2rem auto auto;
}
.allCompare .titleCompare {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
.allCompare .compareItems {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-top: 1rem;
}
.allCompare .compareItems .compareItem {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    min-height: 20rem;
    position: relative;
}
.allCompare .compareItems .compareItem .addCompare {
    left: 0;
    position: absolute;
    right: 0;
    top: 40%;
}
.allCompare .compareItems .compareItem .addCompare i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allCompare .compareItems .compareItem .addCompare i svg {
    fill: #03603c;
    height: 3rem;
    width: 3rem;
}
.allCompare .compareItems .compareItem .addCompare h4 {
    color: #03603c;
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 1rem;
    text-align: center;
}
.allCompare .compareItems .compareItem .productData {
    padding: 1rem;
    position: relative;
}
.allCompare .compareItems .compareItem .productData .closeCompare {
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
}
.allCompare .compareItems .compareItem .productData .closeCompare i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allCompare .compareItems .compareItem .productData .closeCompare i svg {
    fill: red;
    height: 2rem;
    width: 2rem;
}
.allCompare .compareItems .compareItem .productData .pic {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allCompare .compareItems .compareItem .productData .pic img {
    height: 12rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allCompare .compareItems .compareItem .productData h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin: 1rem 0;
}
.allCompare .compareItems .compareItem .productData a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 1rem;
    padding: 0.5rem;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 800px) {
    .allCompare .compareItems {
        grid-gap: 0.5rem;
        grid-template-columns: 1fr 1fr;
    }
    .allCompare .compareItems .compareItem .addCompare i svg {
        height: 2rem;
        width: 2rem;
    }
    .allCompare .compareItems .compareItem .addCompare h4 {
        font-size: 0.9rem;
    }
    .allCompare .compareItems .compareItem .productData .closeCompare i svg {
        height: 1rem;
        width: 1rem;
    }
    .allCompare .compareItems .compareItem .productData .pic img {
        height: 12rem;
    }
    .allCompare .compareItems .compareItem .productData h4 {
        font-size: 0.75rem;
        margin: 0.5rem 0;
    }
    .allCompare .compareItems .compareItem .productData a {
        font-size: 0.8rem;
    }
    .allCompare .compareItems .compareItem:nth-child(3),
    .allCompare .compareItems .compareItem:nth-child(4) {
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden;
    }
    .allCompare .compareItems .compareItem:nth-child(3) .addCompare,
    .allCompare .compareItems .compareItem:nth-child(4) .addCompare {
        position: relative;
    }
}
.allCompare .compareTable {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 2rem;
    overflow: hidden;
    padding: 1rem;
}
.allCompare .compareTable table {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 0;
}
.allCompare .compareTable table tr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.allCompare .compareTable table tr td {
    border-left: 1px solid #eee;
    padding: 0.5rem;
}
.allCompare .compareTable table tr td h4 {
    font-size: 0.9rem;
    font-weight: 700;
    text-align: right;
}
.allCompare .compareTable table tr td h5 {
    color: #03603c;
    font-size: 0.9rem;
    font-weight: 300;
}
.allCompare .compareTable table tr td span {
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    text-align: center;
}
.allCompare .compareTable table tr td:last-child {
    border-left: 0;
}
.allCompare .compareTable table tr:nth-child(odd) {
    background: #f6f8fb;
    padding: 0.5rem;
}
@media screen and (max-width: 800px) {
    .allCompare .compareTable table tr {
        grid-template-columns: 1fr 1fr;
    }
    .allCompare .compareTable table tr:nth-child(3),
    .allCompare .compareTable table tr:nth-child(4) {
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden;
    }
}
.allCompare .showAllProducts {
    align-items: center;
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allCompare .showAllProducts .productItems {
    background: #fff;
    border-radius: 5px;
    margin: 1rem auto auto;
    padding: 1rem;
    width: 90%;
}
.allCompare .showAllProducts .productItems .showProductTitle {
    align-items: center;
    border-bottom: 2px dashed #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.allCompare .showAllProducts .productItems .showProductTitle h4 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allCompare .showAllProducts .productItems .showProductTitle i {
    align-items: center;
    cursor: pointer;
    display: grid;
}
.allCompare .showAllProducts .productItems .showProductTitle i svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allCompare .showAllProducts .productItems .searchShow {
    margin-bottom: 1rem;
}
.allCompare .showAllProducts .productItems .searchShow input {
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.8rem;
    width: 100%;
}
.allCompare .showAllProducts .productItems .allProducts {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.allCompare .showAllProducts .productItems .allProducts .productItem {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 1rem;
}
.allCompare .showAllProducts .productItems .allProducts .productItem .pic {
    display: grid;
    justify-content: center;
}
.allCompare .showAllProducts .productItems .allProducts .productItem .pic img {
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allCompare .showAllProducts .productItems .allProducts .productItem h4,
.allCompare .showAllProducts .productItems .allProducts .productItem h5 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 1rem;
    text-align: center;
}
.allCompare .showAllProducts .productItems .allProducts .productItem h5 {
    color: #03603c;
    font-size: 0.85rem;
}
@media screen and (max-width: 800px) {
    .allCompare .showAllProducts .productItems .allProducts {
        grid-gap: 0.5rem;
        grid-template-columns: 1fr 1fr;
    }
    .allCompare .showAllProducts .productItems .allProducts .productItem h4,
    .allCompare .showAllProducts .productItems .allProducts .productItem h5 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 0.65rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.allGiftIndex {
    margin: 3rem auto auto;
}
.allGiftIndex .gift-bubbles {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: center;
    margin-bottom: 75px;
}
.allGiftIndex .alert {
    background: rgba(255, 0, 0, 0.1);
    border-radius: 5px;
    color: red;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 2rem;
    padding: 1rem;
    text-align: center;
}
.allGiftIndex .gift-bubble-wrapper {
    width: 100px;
}
.allGiftIndex .gift-bubble-item {
    align-items: center;
    background: #f1f4f9;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    height: 66.6666666667px;
    justify-content: center;
    margin: auto;
    width: 66.6666666667px;
}
.allGiftIndex .christmas-gifts {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: center;
    margin-bottom: 75px;
}
.allGiftIndex .gift-wrapper {
    position: relative;
}
.allGiftIndex .gift-wrapper.jump:hover {
    -webkit-animation: wrapperHover 0.75s;
    animation: wrapperHover 0.75s;
    cursor: pointer;
}
.allGiftIndex .gift-wrapper.jump:hover .gift-box {
    -webkit-animation: giftBoxHover 0.85s;
    animation: giftBoxHover 0.85s;
}
.allGiftIndex .gift-box {
    background: #d3000a;
    border-radius: 3.0303030303px;
    box-shadow: 0 0 1px 1px #222;
    height: 100px;
    position: relative;
    transition: 0.25s;
    width: 100px;
    z-index: 2;
}
.allGiftIndex .gift-box:after,
.allGiftIndex .gift-box:before {
    background: #090;
    box-shadow: 0 0 1px 0 #222;
    content: "";
    display: block;
    position: absolute;
}
.allGiftIndex .gift-box:before {
    height: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.allGiftIndex .gift-box:after {
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 19px;
}
.allGiftIndex .gift-box > span {
    background: #fff;
    border-radius: 0 0 3px 2px;
    box-shadow: 0 0 1px 0 #222;
    color: #d3000a;
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    height: 25px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 0;
    width: 20px;
}
.allGiftIndex .gift-box > span:before {
    display: inline-block;
}
.allGiftIndex .gift-wrapper:first-of-type .gift-box > span:before {
    content: " 1 ";
}
.allGiftIndex .gift-wrapper:nth-of-type(2) .gift-box > span:before {
    content: " 2 ";
}
.allGiftIndex .gift-wrapper:nth-of-type(3) .gift-box > span:before {
    content: " 3 ";
}
.allGiftIndex .gift-wrapper:nth-of-type(4) .gift-box > span:before {
    content: " 4 ";
}
.allGiftIndex .gift-wrapper:nth-of-type(5) .gift-box > span:before {
    content: " 5 ";
}
.allGiftIndex .gift-ribbon {
    background: transparent;
    height: 66.6666666667px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 66.6666666667px;
}
.allGiftIndex .gift-ribbon:after,
.allGiftIndex .gift-ribbon:before {
    background: #090;
    box-shadow: 0 0 1px 1px #222;
    content: "";
    display: block;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.allGiftIndex .gift-ribbon:before {
    border-radius: 0 0 0 10px;
    transform: rotate(45deg);
}
.allGiftIndex .gift-ribbon:after {
    border-radius: 0 0 10px 0;
    transform: rotate(-45deg);
}
.allGiftIndex .promo-wrapper {
    margin-bottom: 75px;
}
.allGiftIndex .promo-wrapper h1 {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
}
.allGiftIndex .promo-wrapper h3 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 1rem;
}
.allGiftIndex .congrats-wrapper,
.allGiftIndex .promo-wrapper {
    text-align: center;
    width: 100%;
}
.allGiftIndex .congrats-wrapper span,
.allGiftIndex .promo-wrapper span {
    display: block;
    font-size: 1rem;
    margin: 0.5rem 0;
}
.allGiftIndex .codeword,
.allGiftIndex .discount {
    color: #090;
}
.allGiftIndex .codeword i,
.allGiftIndex .discount i {
    align-items: center;
    -webkit-animation: arrow-anim2 0.5s ease infinite;
    animation: arrow-anim2 0.5s ease infinite;
    display: grid;
    height: 1.7rem;
    justify-content: center;
}
.allGiftIndex .codeword i svg,
.allGiftIndex .discount i svg {
    height: 1.5rem;
    width: 1.5rem;
}
@-webkit-keyframes wrapperHover {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(4%);
    }
    70% {
        transform: translateY(0);
    }
}
@keyframes wrapperHover {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(4%);
    }
    70% {
        transform: translateY(0);
    }
}
@-webkit-keyframes giftBoxHover {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95, 1.05);
    }
    50% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.1, 0.9);
    }
    70% {
        transform: scale(1);
    }
}
@keyframes giftBoxHover {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95, 1.05);
    }
    50% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.1, 0.9);
    }
    70% {
        transform: scale(1);
    }
}
@media screen and (max-width: 800px) {
    .allGiftIndex .promo-wrapper {
        margin-bottom: 50px;
    }
    .allGiftIndex .promo-wrapper h1 {
        font-size: 1.1rem;
    }
    .allGiftIndex .promo-wrapper h3 {
        font-size: 0.9rem;
        margin-top: 0.5rem;
    }
    .allGiftIndex .gift-box,
    .allGiftIndex .gift-bubble-item,
    .allGiftIndex .gift-bubble-wrapper {
        font-size: 0.8rem;
        height: 40px;
        width: 40px;
    }
    .allGiftIndex .gift-ribbon {
        height: 40px;
        width: 40px;
    }
    .allGiftIndex .gift-ribbon:after,
    .allGiftIndex .gift-ribbon:before {
        height: 8px;
    }
}
.allFaqIndex {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 1rem auto auto;
    padding: 1rem;
}
.allFaqIndex h1 {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
}
.allFaqIndex .alert {
    background: rgba(255, 0, 0, 0.15);
    color: #790000;
}
.allFaqIndex .alert,
.allFaqIndex .success {
    border-radius: 0.3rem;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    margin: 1rem 0;
    padding: 1rem;
}
.allFaqIndex .success {
    background: rgba(0, 255, 0, 0.1);
    color: #03603c;
}
.allFaqIndex .questions .questionIndex {
    margin-bottom: 1rem;
}
.allFaqIndex .questions .questionIndex .title {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1rem;
    position: relative;
    z-index: 2;
}
.allFaqIndex .questions .questionIndex .title h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.allFaqIndex .questions .questionIndex .title i {
    align-items: center;
    display: grid;
}
.allFaqIndex .questions .questionIndex .title i svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allFaqIndex .questions .questionIndex .description {
    background: #f6f8fb;
    border-radius: 5px;
    display: none;
    margin-top: -5px;
    padding: 1rem;
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.allFaqIndex .questions .questionIndex .description p {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allFaqIndex .questions .questionIndex .slide-fade-enter-active,
.allFaqIndex .questions .questionIndex .slide-fade-leave-active {
    transition: all 0.3s ease-in-out;
}
.allFaqIndex .questions .questionIndex .slide-fade-enter,
.allFaqIndex .questions .questionIndex .slide-fade-leave-to {
    transform: translateY(-30px);
}
.allFaqIndex .questions h5 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
    padding-top: 1rem;
    text-align: center;
}
.allFaqIndex .ticketButtons {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: center;
    margin-top: 1rem;
}
.allFaqIndex .ticketButtons button,
.allFaqIndex .ticketButtons h4 {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
.allFaqIndex .ticketButtons h4 {
    background: red;
}
.allFaqIndex .tickets {
    display: none;
}
.allFaqIndex .tickets h3 {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
}
.allFaqIndex .tickets .items {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    margin-bottom: 1rem;
}
.allFaqIndex .tickets .item label {
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.allFaqIndex .tickets .item input,
.allFaqIndex .tickets .item select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allFaqIndex .tickets .item input:focus,
.allFaqIndex .tickets .item select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allFaqIndex .tickets .item textarea {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.7rem;
    height: 15rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allFaqIndex .tickets .item textarea:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allSingleIndex {
    margin-top: -3.5rem;
}
.allSingleIndex .singleBackground {
    background-image: url(/img/shopBack.jpg);
    background-repeat: repeat;
    filter: grayscale(0.3);
    height: 12rem;
    position: relative;
}
.allSingleIndex .singleBackground:before {
    background: rgba(14, 116, 144, 0.9);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.allSingleIndex .address {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: center;
    margin: -6rem auto auto;
    position: relative;
    z-index: 2;
}
.allSingleIndex .address a {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
}
.allSingleIndex .address a:after {
    content: "/";
    padding: 0 0.8rem;
}
.allSingleIndex .address a:last-child {
    color: #fff;
    opacity: 1;
}
.allSingleIndex .address a:last-child:after {
    content: "";
    padding: 0;
}
.allSingleIndex .topSingle {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 2rem auto auto;
    overflow-y: hidden;
    position: relative;
    z-index: 2;
}
.allSingleIndex .topSingle .imageContainer {
    padding: 1rem;
}
.allSingleIndex .topSingle .imageContainer .suggestProduct {
    grid-gap: 1rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 10px;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem;
}
.allSingleIndex .topSingle .imageContainer .suggestProduct h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
}
.allSingleIndex .topSingle .imageContainer .suggestProduct .countdown {
    direction: ltr;
    text-align: center;
}
.allSingleIndex
    .topSingle
    .imageContainer
    .suggestProduct
    .countdown
    .countdown-section {
    display: inline-block;
    width: 55px;
}
.allSingleIndex
    .topSingle
    .imageContainer
    .suggestProduct
    .countdown
    .countdown-section
    .countdown-time {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #000;
    display: block;
    font-size: 0.9rem;
    height: 45px;
    line-height: 45px;
    margin: auto;
    width: 45px;
}
.allSingleIndex
    .topSingle
    .imageContainer
    .suggestProduct
    .countdown
    .countdown-section:last-child
    .countdown-time {
    background-color: #03603c;
    color: #fff;
    font-size: 1.1rem;
}
.allSingleIndex .topSingle .imageContainer .options {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.allSingleIndex .topSingle .imageContainer .options .option {
    align-items: center;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.allSingleIndex .topSingle .imageContainer .options .option svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allSingleIndex .topSingle .imageContainer .showImage {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 1rem;
    padding: 1rem;
    position: relative;
}
.allSingleIndex .topSingle .imageContainer .showImage .lotteryShow {
    background: red;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.3rem 0.5rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}
.allSingleIndex .topSingle .imageContainer .showImage img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allSingleIndex .topSingle .imageContainer .imageSlider {
    margin-top: 1rem;
}
.allSingleIndex
    .topSingle
    .imageContainer
    .imageSlider
    .owl-carousel.owl-loaded {
    display: grid !important;
}
.allSingleIndex .topSingle .imageContainer .imageSlider button.owl-prev {
    bottom: 0;
    position: absolute;
    right: 1rem;
    top: 0;
}
.allSingleIndex .topSingle .imageContainer .imageSlider button.owl-prev span {
    font-size: 2.5rem;
}
.allSingleIndex .topSingle .imageContainer .imageSlider button.owl-next {
    bottom: 0;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allSingleIndex .topSingle .imageContainer .imageSlider button.owl-next span {
    font-size: 2.5rem;
}
.allSingleIndex .topSingle .imageContainer .imageSlider img {
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    padding: 0.5rem;
}
@media screen and (max-width: 700px) {
    .allSingleIndex .topSingle .imageContainer .options .option svg {
        height: 1rem;
        width: 1rem;
    }
    .allSingleIndex
        .topSingle
        .imageContainer
        .suggestProduct
        .countdown
        .countdown-section {
        width: 40px;
    }
    .allSingleIndex
        .topSingle
        .imageContainer
        .suggestProduct
        .countdown
        .countdown-section
        .countdown-time {
        font-size: 0.7rem;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .allSingleIndex
        .topSingle
        .imageContainer
        .suggestProduct
        .countdown
        .countdown-section:last-child
        .countdown-time {
        font-size: 0.7rem;
    }
}
.allSingleIndex .topSingle .singleData {
    padding: 1rem 0 1rem 1rem;
}
.allSingleIndex .topSingle .singleData .titleProduct {
    margin-bottom: 1rem;
}
.allSingleIndex .topSingle .singleData .titleProduct h1 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
.allSingleIndex .topSingle .singleData .titleProduct h2 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex .topSingle .singleData .singleInfo {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 20rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .shortDetail {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: right;
    margin-bottom: 1rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .shortDetail
    .itemDetail {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .shortDetail
    .itemDetail
    span {
    color: #03603c;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability {
    padding: 0.5rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.7;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability ul {
    display: grid;
    grid-template-columns: 1fr;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability ul li {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability ul li span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.7;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .ability ul li svg {
    fill: #03603c;
    height: 1rem;
    width: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .boxes {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .boxes .box {
    grid-gap: 0.3rem;
    align-items: center;
    background: rgba(0, 150, 0, 0.1);
    border-radius: 5px;
    color: #03603c;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.5rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .boxes .box h4 {
    font-size: 0.75rem;
    font-weight: 300;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .boxes .box ul {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: right;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .boxes .box ul li a {
    color: #03603c;
    font-size: 0.75rem;
    font-weight: 300;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .boxes
    .box
    ul
    li:after {
    content: ",";
    padding: 0 0.3rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .boxes
    .box
    ul
    li:last-child:after {
    content: "";
    padding: 0;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .boxes
    .box:first-child {
    background: rgba(255, 128, 0, 0.1);
    color: #03603c;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .boxes
    .box:first-child
    ul
    li
    a {
    color: #03603c;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .optionAdd {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: 4rem 1fr;
    margin-top: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .optionAdd label {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .optionAdd select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    input {
    display: none;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .swatch-element {
    float: right;
    margin: 5px 8px 0 0;
    position: relative;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .color
    label {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    height: 42px;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    width: 42px;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .color
    label
    span {
    border-radius: 50%;
    display: block;
    height: 26px;
    position: relative;
    width: 26px;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .color
    label
    span:after {
    background: transparent
        url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS42NTkgMy4yMjUuNDI3IDQuNGwzLjc3IDMuOTQ3IDcuMjc3LTYuOTUyTDEwLjI5OC4xNjQgNC4yNTIgNS45MzkgMS42NiAzLjIyNVoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")
        no-repeat 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .color
    input:checked
    + label
    span:after {
    opacity: 1;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    input:not(:checked)
    + label {
    border-color: #edeff2 !important;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .crossed-out {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .tooltip {
    background-color: rgba(22, 22, 26, 0.93);
    border-radius: 2px;
    bottom: 100%;
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    color: #fff;
    display: block;
    filter: alpha(opacity=0);
    left: -23px;
    margin-bottom: 15px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transform: translateY(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    width: 100px;
    z-index: 10000;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .tooltip:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(22, 22, 26, 0.93);
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .optionAdd
    .swatch
    .swatch-element:hover
    .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .lottery {
    margin-top: 2rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .titleLottery {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .titleLottery
    h4 {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .titleLottery
    span {
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .allHorizontalDatas {
    background: #f5f5f5;
    border-radius: 5rem;
    direction: ltr;
    height: 10px;
    width: 100%;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .allHorizontalDatas
    .allHorizontalDataItem {
    background: red;
    border-radius: 5rem;
    height: 100%;
    position: relative;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .right
    .lottery
    .allHorizontalDatas
    .allHorizontalDataItem
    div {
    -webkit-animation: arrow-anim5 1s ease infinite;
    animation: arrow-anim5 1s ease infinite;
    background: #fff;
    border-radius: 5rem;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
    height: 100%;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    width: 0;
}
@-webkit-keyframes arrow-anim5 {
    0% {
        width: 0;
    }
    5% {
        width: 5%;
    }
    10% {
        width: 10%;
    }
    15% {
        width: 15%;
    }
    20% {
        width: 20%;
    }
    25% {
        width: 25%;
    }
    30% {
        width: 30%;
    }
    35% {
        width: 35%;
    }
    40% {
        width: 40%;
    }
    45% {
        width: 45%;
    }
    50% {
        width: 50%;
    }
    55% {
        width: 55%;
    }
    60% {
        width: 60%;
    }
    65% {
        width: 65%;
    }
    70% {
        width: 70%;
    }
    75% {
        width: 75%;
    }
    80% {
        width: 80%;
    }
    85% {
        width: 85%;
    }
    90% {
        width: 90%;
    }
    95% {
        width: 95%;
    }
    to {
        width: 100%;
    }
}
@keyframes arrow-anim5 {
    0% {
        width: 0;
    }
    5% {
        width: 5%;
    }
    10% {
        width: 10%;
    }
    15% {
        width: 15%;
    }
    20% {
        width: 20%;
    }
    25% {
        width: 25%;
    }
    30% {
        width: 30%;
    }
    35% {
        width: 35%;
    }
    40% {
        width: 40%;
    }
    45% {
        width: 45%;
    }
    50% {
        width: 50%;
    }
    55% {
        width: 55%;
    }
    60% {
        width: 60%;
    }
    65% {
        width: 65%;
    }
    70% {
        width: 70%;
    }
    75% {
        width: 75%;
    }
    80% {
        width: 80%;
    }
    85% {
        width: 85%;
    }
    90% {
        width: 90%;
    }
    95% {
        width: 95%;
    }
    to {
        width: 100%;
    }
}
.allSingleIndex .topSingle .singleData .singleInfo .right .note {
    grid-gap: 0.5rem;
    align-items: center;
    background: #cef9dd;
    border: 1px solid #03603c;
    border-radius: 5px;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 1rem;
    padding: 0 0.5rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .note i {
    align-items: center;
    display: grid;
    height: 3rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .note i svg {
    fill: #03603c;
    -webkit-animation: arrow-anim 1.5s ease infinite;
    animation: arrow-anim 1.5s ease infinite;
    height: 1.2rem;
    margin-bottom: 0;
    width: 1.2rem;
}
@keyframes arrow-anim {
    0% {
        margin-bottom: 0;
    }
    10% {
        margin-bottom: 0.5rem;
    }
    30% {
        transform: rotate(-40deg);
    }
    50% {
        transform: rotate(40deg);
    }
    60% {
        transform: rotate(-40deg);
    }
    70% {
        transform: rotate(-20deg);
    }
    80% {
        margin-bottom: 1rem;
        transform: rotate(0);
    }
    to {
        margin-bottom: 0.5rem;
    }
}
.allSingleIndex .topSingle .singleData .singleInfo .right .note p {
    align-items: center;
    color: #03603c;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    height: 3rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .warnGift {
    grid-gap: 0.5rem;
    align-items: center;
    background: rgba(18, 255, 0, 0.1);
    border-radius: 5px;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 2rem;
    padding: 0.7rem;
    position: relative;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .warnGift i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .warnGift i svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .right .warnGift p {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .detailRightOptions {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    display: grid;
    grid-template-columns: auto auto 1fr;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    position: relative;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .detailRightOptions
    .sellerIcon {
    align-items: center;
    background: #03603c;
    border-radius: 100%;
    display: grid;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .detailRightOptions
    .sellerIcon
    svg {
    fill: #fff;
    height: 1.5rem;
    width: 1.5rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .detailRightOptions
    .description
    h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .detailRightOptions
    span {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    writing-mode: vertical-lr;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .options {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .options .optionItem {
    grid-gap: 0.5rem;
    -webkit-text-fill-color: transparent;
    align-items: center;
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
    -webkit-backface-visibility: hidden;
    background: #fff;
    background: linear-gradient(
        90deg,
        #000 20%,
        #03603c 40%,
        #03603c 60%,
        #000 80%
    );
    -webkit-background-clip: text;
    background-size: 200% auto;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #000;
    cursor: pointer;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto 1fr;
    overflow: hidden;
    padding: 0.5rem;
    -webkit-transform: translateZ(0);
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .options
    .optionItem
    svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .options
    .optionItem:last-child {
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
    background: linear-gradient(
        90deg,
        #000 20%,
        #03603c 40%,
        #03603c 60%,
        #000 80%
    );
    -webkit-background-clip: text;
    background-size: 200% auto;
}
@keyframes shine {
    to {
        background-position: 200%;
    }
}
.allSingleIndex .topSingle .singleData .singleInfo .left .leftData {
    background: #f6f8fb;
    border: 1px solid #eee;
    border-radius: 5px;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem {
    grid-gap: 0.5rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 1rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem:last-child {
    border-bottom: 0;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem
    h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem
    h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #03603c;
    display: grid;
    font-size: 1.6rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem
    h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .leftData
    .leftDataItem
    span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: left;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .scoreProduct {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: right;
    margin-top: 1rem;
    padding: 1rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .scoreProduct i {
    align-items: center;
    display: grid;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .scoreProduct i svg {
    height: 1.4rem;
    width: 1.4rem;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .scoreProduct
    i:last-child
    svg {
    height: 0.7rem;
    width: 0.7rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .scoreProduct span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .scoreProduct
    span
    span {
    color: #03603c;
    font-size: 1rem;
    font-weight: 900;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .likedSingle {
    grid-gap: 0.5rem;
    align-items: center;
    background: rgba(255, 0, 0, 0.1);
    border-radius: 5px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: right;
    margin: 1rem 0;
    padding: 0.5rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .likedSingle i {
    align-items: center;
    display: grid;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .likedSingle i svg {
    height: 1.2rem;
    width: 1.2rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .likedSingle span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleIndex
    .topSingle
    .singleData
    .singleInfo
    .left
    .likedSingle
    span
    span {
    color: red;
    font-size: 1rem;
    font-weight: 900;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .addButton {
    grid-gap: 1rem;
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    box-shadow: inset -46px 0 0 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 1rem;
    overflow: hidden;
    padding: 0.3rem 0.8rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .addButton i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .addButton i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .addButton button {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .addButton:hover {
    box-shadow: inset -350px 0 0 0 rgba(0, 0, 0, 0.12);
}
.allSingleIndex .topSingle .singleData .singleInfo .left .emptyProduct {
    grid-gap: 1rem;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: inset -46px 0 0 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 1rem;
    overflow: hidden;
    padding: 0.3rem 0.8rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .emptyProduct i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .emptyProduct i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allSingleIndex .topSingle .singleData .singleInfo .left .emptyProduct button {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
}
.allSingleIndex .collectionProduct {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    margin: 2rem auto auto;
}
.allSingleIndex .collectionProduct .rightCollect {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.allSingleIndex .collectionProduct .rightCollect a {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    padding: 1rem;
    position: relative;
}
.allSingleIndex .collectionProduct .rightCollect a .pic img {
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allSingleIndex .collectionProduct .rightCollect a h4 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 2rem;
    margin-top: 0.5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.allSingleIndex .collectionProduct .rightCollect a h6 {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
    margin-top: 0.5rem;
    opacity: 0.7;
    text-align: center;
}
.allSingleIndex .collectionProduct .rightCollect a:last-child:before {
    background: #fff;
    border: 2px solid #03603c;
    border-radius: 50%;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
    color: #03603c;
    content: "+";
    display: inline-block;
    font-size: 25px;
    font-weight: 300;
    height: 28px;
    line-height: 29px;
    margin-top: -10px;
    position: absolute;
    right: -22px;
    text-align: center;
    top: 50%;
    width: 28px;
    z-index: 1;
}
.allSingleIndex .collectionProduct .leftCollect {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
.allSingleIndex .collectionProduct .leftCollect .titleCollect {
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem;
}
.allSingleIndex .collectionProduct .leftCollect ul {
    grid-gap: 0.5rem;
    display: grid;
    margin: 1rem 0;
}
.allSingleIndex .collectionProduct .leftCollect ul li {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allSingleIndex .collectionProduct .leftCollect ul li h3 {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex .collectionProduct .leftCollect ul li h3 span {
    color: #03603c;
}
.allSingleIndex .collectionProduct .leftCollect ul li:before {
    background: #000;
    border-radius: 100%;
    content: "";
    height: 0.5rem;
    width: 0.5rem;
}
.allSingleIndex .collectionProduct .leftCollect .collectPrice {
    margin-bottom: 1rem;
}
.allSingleIndex .collectionProduct .leftCollect .collectPrice s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex .collectionProduct .leftCollect .collectPrice h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: red;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allSingleIndex .collectionProduct .leftCollect .collectPrice h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allSingleIndex .collectionProduct .leftCollect .addCollect {
    grid-gap: 1rem;
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    box-shadow: inset -46px 0 0 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 1rem;
    overflow: hidden;
    padding: 0.3rem 0.8rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex .collectionProduct .leftCollect .addCollect i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allSingleIndex .collectionProduct .leftCollect .addCollect i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allSingleIndex .collectionProduct .leftCollect .addCollect button {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
}
.allSingleIndex .collectionProduct .leftCollect .addCollect:hover {
    box-shadow: inset -1000px 0 0 0 rgba(0, 0, 0, 0.12);
}
.allSingleIndex .sellers {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    position: relative;
}
.allSingleIndex .sellers .titleSeller {
    grid-gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    color: #000;
    display: grid;
    font-size: 1.2rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: right;
    padding: 1rem;
}
.allSingleIndex .sellers .titleSeller svg {
    fill: #000;
    height: 2rem;
    width: 2rem;
}
.allSingleIndex .sellers li .postItem {
    border-bottom: 2px dashed #eee;
    padding: 1rem;
}
.allSingleIndex .sellers li .postItem .postTop {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle .postImages {
    align-items: center;
    display: grid;
    grid-template-columns: auto;
    justify-content: right;
}
.allSingleIndex
    .sellers
    li
    .postItem
    .postTop
    .postTitle
    .postImages
    .postImage
    img {
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 5rem;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0.5rem;
    width: 5rem;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: right;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li a,
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li label,
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li a:last-child,
.allSingleIndex
    .sellers
    li
    .postItem
    .postTop
    .postTitle
    ul
    li
    label:last-child,
.allSingleIndex
    .sellers
    li
    .postItem
    .postTop
    .postTitle
    ul
    li
    span:last-child {
    font-size: 1rem;
    font-weight: 500;
    opacity: 1;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.8rem;
    height: 2rem;
    min-width: 8rem;
    padding: 0.3rem 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allSingleIndex .sellers li .postItem .postTop .postTitle ul li select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allSingleIndex .sellers li .postItem .postTop .postOptions {
    align-items: center;
    display: grid;
    justify-content: left;
}
.allSingleIndex .sellers li .postItem .postTop .postOptions a,
.allSingleIndex .sellers li .postItem .postTop .postOptions i {
    grid-gap: 1rem;
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: grid;
    font-size: 0.85rem;
    font-weight: 500;
    grid-template-columns: auto auto;
    justify-content: center;
    opacity: 0.7;
    padding: 0.5rem;
}
.allSingleIndex .sellers li .postItem .postTop .postOptions a svg,
.allSingleIndex .sellers li .postItem .postTop .postOptions i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allSingleIndex .sellers li .postItem .postBot {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-top: 0.5rem;
    padding: 1rem;
}
.allSingleIndex .sellers li .postItem .postBot ul {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: right;
}
.allSingleIndex .sellers li .postItem .postBot ul li {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allSingleIndex .sellers li .postItem .postBot ul li span {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    opacity: 0.7;
}
.allSingleIndex .sellers li .postItem .postBot ul li span:last-child {
    color: #03603c;
    font-weight: 500;
    opacity: 1;
}
@media screen and (max-width: 700px) {
    .allSingleIndex .sellers li .postItem .postBot,
    .allSingleIndex .sellers li .postItem .postTop {
        display: block;
    }
    .allSingleIndex .sellers li .postItem .postBot .postTitle,
    .allSingleIndex .sellers li .postItem .postTop .postTitle {
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .allSingleIndex .sellers li .postItem .postBot .postTitle .postImages,
    .allSingleIndex .sellers li .postItem .postTop .postTitle .postImages {
        justify-content: center;
    }
    .allSingleIndex .sellers li .postItem .postBot .postTitle ul,
    .allSingleIndex .sellers li .postItem .postTop .postTitle ul {
        grid-gap: 0.5rem;
        grid-template-columns: 1fr;
    }
    .allSingleIndex .sellers li .postItem .postBot .postTitle ul li,
    .allSingleIndex .sellers li .postItem .postTop .postTitle ul li {
        grid-template-columns: auto 1fr;
        margin-bottom: 1rem;
    }
    .allSingleIndex .sellers li .postItem .postBot .postTitle ul li select,
    .allSingleIndex .sellers li .postItem .postTop .postTitle ul li select {
        min-width: 100%;
    }
    .allSingleIndex .sellers li .postItem .postBot .postOptions,
    .allSingleIndex .sellers li .postItem .postTop .postOptions {
        grid-template-columns: 1fr;
    }
    .allSingleIndex .sellers li .postItem .postBot ul,
    .allSingleIndex .sellers li .postItem .postTop ul {
        grid-gap: 0.5rem;
        grid-template-columns: 1fr;
    }
}
.allSingleIndex .sellers li:last-child .postItem {
    border-bottom: 0;
}
.allSingleIndex .allLotterySingle {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    overflow: hidden;
    position: relative;
}
.allSingleIndex .allLotterySingle .title {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 1rem;
}
.allSingleIndex .allLotterySingle .title i svg {
    fill: #000;
    height: 2rem;
    width: 2rem;
}
.allSingleIndex .allLotterySingle .title h4 {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}
.allSingleIndex .allLotterySingle .items .item {
    background: #fff;
    border-radius: 10px;
    padding: 1rem;
}
.allSingleIndex .allLotterySingle .items .item .titleItem {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 1rem;
}
.allSingleIndex .allLotterySingle .items .item .titleItem span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allSingleIndex .allLotterySingle .items .item .titleItem .left {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allSingleIndex .allLotterySingle .items .item .titleItem .left i {
    align-items: center;
    display: grid;
}
.allSingleIndex .allLotterySingle .items .item .titleItem .left i svg {
    fill: #000;
    height: 0.7rem;
    width: 0.7rem;
}
.allSingleIndex .allLotterySingle .items .item .bot {
    display: none;
}
.allSingleIndex .allLotterySingle .items .item .bot table {
    background: #fff;
    width: 100%;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td svg {
    fill: #000;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td img {
    border-radius: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.5rem;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td a {
    align-items: center;
    display: grid;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td a svg {
    margin-left: 0.5rem;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td .unActive {
    color: red;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr td .active {
    color: #03603c;
}
.allSingleIndex .allLotterySingle .items .item .bot table tr:nth-child(odd) {
    background: #eee;
}
@media screen and (max-width: 700px) {
    .allSingleIndex .allLotterySingle .items .item .bot table tr {
        grid-gap: 0.5rem;
        padding: 0.5rem;
    }
    .allSingleIndex .allLotterySingle .items .item .bot table tr td,
    .allSingleIndex .allLotterySingle .items .item .bot table tr th {
        font-size: 0.5rem;
    }
    .allSingleIndex .allLotterySingle .items .item .bot table tr td svg {
        height: 0.7rem;
        width: 0.7rem;
    }
    .allSingleIndex .allLotterySingle .items .item .bot table tr .buttons {
        display: block;
    }
    .allSingleIndex .allLotterySingle .items .item .bot table tr .buttons a,
    .allSingleIndex
        .allLotterySingle
        .items
        .item
        .bot
        table
        tr
        .buttons
        button {
        font-size: 0.5rem;
    }
}
.allSingleIndex .allProductList .slider-productList a {
    min-height: auto;
}
.allSingleIndex .allProductList .slider-productList a .pic img {
    height: 12rem;
}
.allSingleIndex .tags {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 2rem auto auto;
    padding: 0.5rem;
}
.allSingleIndex .tags h5 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allSingleIndex .tags ul {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14px, auto));
    justify-items: right;
}
.allSingleIndex .tags ul li {
    background: #f6f8fb;
    border-radius: 5px;
    overflow: hidden;
    padding: 0.2rem 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleIndex .tags ul li a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleIndex .tags ul li a:hover {
    color: #03603c;
}
.allSingleIndex .detailProduct {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    overflow-y: hidden;
    position: relative;
    z-index: 2;
}
.allSingleIndex .detailProduct .tabs {
    border-color: #eee;
    width: 90%;
}
.allSingleIndex .detailProduct .tabs a {
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem;
    text-align: center;
}
.allSingleIndex .detailProduct .tabs a:last-child {
    border-left: 0;
}
.allSingleIndex .detailProduct .body {
    border-bottom: 2px solid #eee;
    padding: 1rem;
}
.allSingleIndex .detailProduct .body .bodyItem p {
    border-radius: 10px;
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    line-height: 2.25;
}
.allSingleIndex .detailProduct .body .bodyItem p .image {
    display: grid;
    justify-content: center;
}
.allSingleIndex .detailProduct .body .bodyItem h3 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.2rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-bottom: 1rem;
}
.allSingleIndex .detailProduct .body .bodyItem h3 i {
    align-items: center;
    display: grid;
}
.allSingleIndex .detailProduct .body .bodyItem h3 i svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
@media screen and (max-width: 700px) {
    .allSingleIndex .detailProduct .body .bodyItem p {
        font-size: 0.7rem;
    }
    .allSingleIndex .detailProduct .body .bodyItem label {
        color: #000;
        font-size: 1rem;
        font-weight: 700;
    }
}
.allSingleIndex .detailProduct .property {
    border-bottom: 2px solid #eee;
    padding: 1rem;
}
.allSingleIndex .detailProduct .property h3 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.4rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allSingleIndex .detailProduct .property h3 i {
    align-items: center;
    display: grid;
}
.allSingleIndex .detailProduct .property h3 i svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
.allSingleIndex .detailProduct .property ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 1rem;
}
.allSingleIndex .detailProduct .property ul li {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 20rem 1fr;
}
.allSingleIndex .detailProduct .property ul li h4 {
    background: #f1f4f9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleIndex .detailProduct .property ul li h4,
.allSingleIndex .detailProduct .property ul li p {
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: -0.3px;
    line-height: 1.692;
    padding: 0.5rem;
}
.allSingleIndex .detailProduct .property ul li p {
    background: #f6f8fb;
}
.allSingleIndex .detailProduct .video {
    border-top: 2px solid #eee;
    margin-top: 1rem;
    padding: 1rem;
}
.allSingleIndex .detailProduct .video h3 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1.4rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allSingleIndex .detailProduct .video h3 i {
    align-items: center;
    display: grid;
}
.allSingleIndex .detailProduct .video h3 i svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
.allSingleIndex .detailProduct .video ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    margin-top: 1rem;
}
.allSingleIndex .detailProduct .video ul li {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 1rem;
}
.allSingleIndex .detailProduct .video ul li video {
    height: 9rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allSingleIndex .allChart,
.allSingleIndex .allNotification,
.allSingleIndex .allShare {
    display: none;
}
.allSingleIndex .all3DSingle {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.allSingleIndex .all3DSingle .all3DSingleItems {
    background: #fff;
    border-radius: 10px;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.allSingleIndex .all3DSingle .all3DSingleItems .title360Single {
    grid-gap: 1rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.allSingleIndex .all3DSingle .all3DSingleItems .title360Single i {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
}
.allSingleIndex .all3DSingle .all3DSingleItems .title360Single i svg {
    height: 2rem;
    width: 2rem;
}
.allSingleIndex .all3DSingle .all3DSingleItems #product360 {
    cursor: -webkit-grab;
    cursor: grab;
    display: grid;
}
.allSingleIndex .all3DSingle .all3DSingleItems .spritespin-progress {
    left: 10%;
    position: absolute;
    top: 45%;
    width: 80%;
}
.allSingleIndex .all3DSingle .all3DSingleItems .spritespin-progress-label {
    color: grey;
}
.allSingleIndex .all3DSingle .all3DSingleItems .spritespin-progress-bar {
    background-color: grey;
    height: 1px;
}
@media screen and (max-width: 800px) {
    .allSingleIndex .address {
        align-items: center;
        display: flex;
        grid-template-columns: repeat(auto-fit, minmax(1px, auto));
        justify-content: start;
        margin: -6rem auto auto;
        padding: 0 0.5rem;
        position: relative;
        z-index: 2;
    }
    .allSingleIndex .address a {
        color: #fff;
        font-size: 0.9rem;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .allSingleIndex .topSingle {
        display: block;
    }
    .allSingleIndex .topSingle .singleData {
        padding: 0.5rem;
    }
    .allSingleIndex .topSingle .singleData .singleInfo {
        display: block;
    }
    .allSingleIndex .topSingle .singleData .singleInfo .right .shortDetail {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }
    .allSingleIndex .topSingle .singleData .singleInfo .right .boxes {
        grid-template-columns: 1fr;
    }
    .allSingleIndex .topSingle .singleData .singleInfo .leftData {
        margin-top: 1rem;
    }
    .allSingleIndex .collectionProduct {
        display: block;
    }
    .allSingleIndex .collectionProduct .rightCollect {
        display: block;
        opacity: 0;
        position: fixed;
        visibility: hidden;
    }
    .allSingleIndex .detailProduct .tabs {
        grid-template-columns: 1fr 1fr;
    }
    .allSingleIndex .detailProduct .property ul,
    .allSingleIndex .detailProduct .property ul li {
        display: block;
    }
    .allSingleIndex .detailProduct .property ul li p {
        background: #f5f5f5;
        margin-left: 2rem;
        margin-top: 0.5rem;
    }
}
.allChartPrice {
    background: rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4000;
}
.allChartPrice .showCharts {
    background: #fff;
    border-radius: 0.4rem;
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    width: 50%;
}
.allChartPrice .showCharts .closeChart {
    align-items: center;
    cursor: pointer;
    display: grid;
    height: 2rem;
    justify-content: center;
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
}
.allChartPrice .showCharts .closeChart svg {
    fill: #000;
    height: 2rem;
    width: 2rem;
}
.allChartPrice .showCharts .chartPrice {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}
.allComment {
    padding: 1rem;
}
.allComment h3 {
    grid-gap: 0.5rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allComment h3,
.allComment h3 i {
    align-items: center;
    display: grid;
}
.allComment h3 i svg {
    fill: #03603c;
    height: 1.8rem;
    width: 1.8rem;
}
.allComment .btnComment {
    margin-top: 1rem;
}
.allComment .btnComment h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: 0.7;
}
.allComment .btnComment p {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.7;
}
.allComment .btnComment .showAdd {
    grid-gap: 1rem;
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    box-shadow: inset -46px 0 0 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 1rem;
    overflow: hidden;
    padding: 0 0.8rem;
    transition: all 0.3s ease-in-out;
    width: 12rem;
}
.allComment .btnComment .showAdd i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allComment .btnComment .showAdd i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allComment .btnComment .showAdd button {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    overflow: hidden;
    padding: 0.5rem;
    text-align: center;
}
.allComment .btnComment .showAdd:hover {
    box-shadow: inset -200px 0 0 0 rgba(0, 0, 0, 0.12);
}
.allComment .addComments {
    display: none;
    margin-top: 1rem;
}
.allComment .addComments .addComment {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
}
.allComment .addComments .addComment .right .alert {
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
}
.allComment .addComments .addComment .right .sendCommentItem {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 1rem;
}
.allComment .addComments .addComment .right .sendCommentItem input {
    border: 1px solid #eee;
    border-radius: 0.2rem;
    font-size: 0.75rem;
    font-weight: 300;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allComment .addComments .addComment .right .sendCommentItem textarea {
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 300;
    height: 10rem;
    outline-style: unset;
    padding: 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allComment
    .addComments
    .addComment
    .right
    .sendCommentItem
    .sendCommentItemTitle {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allComment
    .addComments
    .addComment
    .right
    .sendCommentItem
    .sendCommentItemTitle
    i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allComment
    .addComments
    .addComment
    .right
    .sendCommentItem
    .sendCommentItemTitle
    i
    svg {
    fill: #03603c;
    height: 0.6rem;
    width: 0.6rem;
}
.allComment .addComments .addComment .right .sendCommentItem label {
    color: #000;
    font-size: 0.95rem;
    line-height: 1.692;
    position: relative;
}
.allComment .addComments .addComment .right .sendCommentItem label i {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: grid;
    justify-content: center;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allComment .addComments .addComment .right .sendCommentItem label i svg {
    height: 1.2rem;
    width: 1.2rem;
}
.allComment .addComments .addComment .right .sendCommentItem span {
    background: #edf6f7;
    border: 1px solid #03603c;
    border-radius: 5px;
    color: #03603c;
    margin-top: 0.5rem;
    padding: 0.5rem;
    position: relative;
    width: 100%;
}
.allComment .addComments .addComment .right .sendCommentItem span i {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: grid;
    justify-content: center;
    left: 1rem;
    position: absolute;
    top: 0;
}
.allComment .addComments .addComment .right .sendCommentItem span i svg {
    height: 1rem;
    width: 1rem;
}
.allComment .addComments .addComment .right #badContainer span {
    background: #f7eded;
    border: 1px solid red;
    color: red;
}
.allComment .addComments .addComment .right .rates {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allComment .addComments .addComment .right .rates h4 {
    color: #000;
    font-size: 0.95rem;
    font-weight: 500;
}
.allComment .addComments .addComment .right .rates .rateItem {
    direction: ltr;
}
.allComment .addComments .addComment .left {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    width: 30rem;
}
.allComment .addComments .addComment .left .titlePost {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0;
}
.allComment .addComments .addComment .left h5 {
    color: #45bfec;
    font-size: 1rem;
    font-weight: 300;
}
.allComment .addComments .addComment .left ul li {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    line-height: 2rem;
    margin-top: 1rem;
}
.allComment .addComments .addComment .left ul li:before {
    background: #707070;
    border-radius: 100%;
    content: "";
    height: 8px;
    width: 8px;
}
.allComment .addComments .addComment .left .allCommentButtons {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
}
.allComment .addComments .addComment .left .allCommentButtons button {
    align-items: center;
    background: #03603c;
    border-radius: 0.2rem;
    color: #fff;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    padding: 0.5rem 1rem;
}
.allComment .addComments .addComment .left .allCommentButtons button i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allComment .addComments .addComment .left .allCommentButtons button i svg {
    fill: #fff;
    height: 1rem;
    width: 1rem;
}
.allComment .addComments .addComment .left .allCommentButtons button img {
    height: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 4rem;
}
.allComment
    .addComments
    .addComment
    .left
    .allCommentButtons
    button:last-child {
    background: red;
    display: block;
}
.allComment .showComments {
    border-top: 1px solid #eee;
    margin-top: 2rem;
    padding-top: 2rem;
}
.allComment .showComments h5 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 2rem;
}
.allComment .showComments .getCommentItem {
    grid-gap: 2rem;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 13rem 1fr;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.allComment .showComments .getCommentItem .rightComment .topRight {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-bottom: 1rem;
}
.allComment .showComments .getCommentItem .rightComment .topRight h4 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
}
.allComment .showComments .getCommentItem .rightComment .topRight span {
    background: #f1f4f9;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.6;
    padding: 0.1rem 0.5rem;
}
.allComment .showComments .getCommentItem .rightComment .botRight h5 {
    color: #03603c;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}
.allComment .showComments .getCommentItem .rightComment .botRight .rates {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: right;
    margin-top: 0.5rem;
}
.allComment
    .showComments
    .getCommentItem
    .rightComment
    .botRight
    .rates
    .rateItem {
    transform: scaleX(-1);
}
.allComment .showComments .getCommentItem .leftComment .allCommentTitle {
    background: #f9f9f9;
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
    padding: 0.5rem;
}
.allComment .showComments .getCommentItem .leftComment .allCommentBody p {
    color: #000;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.7rem;
    opacity: 0.6;
}
.allComment .showComments .getCommentItem .leftComment .getCommentDatas {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: auto auto;
}
.allComment .showComments .getCommentItem .leftComment .getCommentData {
    margin-top: 2rem;
}
.allComment .showComments .getCommentItem .leftComment .getCommentData h5 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}
.allComment .showComments .getCommentItem .leftComment .getCommentData .items {
    grid-gap: 0.5rem;
    display: grid;
}
.allComment
    .showComments
    .getCommentItem
    .leftComment
    .getCommentData
    .items
    .item {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: auto 1fr;
    justify-content: right;
    opacity: 0.7;
}
.allComment
    .showComments
    .getCommentItem
    .leftComment
    .getCommentData
    .items
    .item
    i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allComment
    .showComments
    .getCommentItem
    .leftComment
    .getCommentData
    .items
    .item
    i
    svg {
    fill: #03603c;
    height: 0.5rem;
    width: 0.5rem;
}
.allComment .showComments .getCommentItem .leftComment .bad .items .item i svg {
    fill: red;
}
.allComment .showComments .getCommentItem:last-child {
    border-bottom: 0;
}
.allComment .showComments .emptyComment {
    color: red;
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.7;
}
@media screen and (max-width: 800px) {
    .allComment .addComments .addComment {
        display: block;
    }
    .allComment .addComments .addComment .left {
        width: auto;
    }
    .allComment .showComments .getCommentItem {
        display: block;
    }
    .allComment .showComments .getCommentItem .leftComment {
        margin-top: 1rem;
    }
    .allComment .showComments .getCommentItem .leftComment .getCommentDatas {
        display: block;
    }
}
.allSingleNews {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin: 1rem auto auto;
}
.allSingleNews .right .pic {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
.allSingleNews .right .pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allSingleNews .right .postsList {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    padding: 1rem;
}
.allSingleNews .right .postsList .titleList {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.allSingleNews .right .postsList ul li {
    margin-top: 1rem;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.allSingleNews .right .postsList ul li a {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allSingleNews .right .postsList ul li a img {
    border-radius: 3px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 5rem;
}
.allSingleNews .right .postsList ul li a .showInfo {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    justify-content: right;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleNews .right .postsList ul li a .showInfo h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleNews .right .postsList ul li a .showInfo span {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
}
.allSingleNews .right .postsList ul li a:hover .showInfo h4 {
    color: #03603c;
}
.allSingleNews .left h1 {
    color: #000;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 3rem;
}
.allSingleNews .left .leftItem {
    border-bottom: 2px dashed #eee;
    border-top: 2px dashed #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 1rem 0;
}
.allSingleNews .left .leftItem .option h3,
.allSingleNews .left .leftItem .option h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allSingleNews .left .leftItem .option h4 {
    background: #f6f8fb;
    border-radius: 5rem;
    padding: 0.2rem 0.5rem;
}
.allSingleNews .left .leftItem .option a {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin-top: 0.5rem;
}
.allSingleNews .left .leftItem .option a span {
    font-size: 1.1rem;
}
.allSingleNews .left .leftP {
    display: grid;
    justify-items: center;
}
.allSingleNews .left .leftP p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 3rem;
    margin-bottom: 1rem;
}
.allSingleNews .left .leftP .image {
    display: grid;
    justify-content: center;
    margin: 1rem 0;
}
.allSingleNews .left .leftP ul {
    margin: 2rem;
}
.allSingleNews .left .leftP ul li {
    list-style: decimal;
    margin-bottom: 1rem;
}
.allSingleNews .left .leftP ul ul {
    margin: 1rem 1rem 0 0;
}
.allSingleNews .left .tags {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.5rem;
}
.allSingleNews .left .tags h5 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allSingleNews .left .tags ul {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14px, auto));
    justify-items: right;
}
.allSingleNews .left .tags ul li {
    background: #f6f8fb;
    border-radius: 5px;
    overflow: hidden;
    padding: 0.2rem 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allSingleNews .left .tags ul li a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allSingleNews .left .tags ul li a:hover {
    color: #03603c;
}
@media screen and (max-width: 700px) {
    .allSingleNews {
        display: block;
    }
    .allSingleNews .right .postsList {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
}
.showAllShare {
    background: rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4000;
}
.showAllShare .showAllShareHome {
    background: #fff;
    border-radius: 0.4rem;
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
    overflow: hidden;
    width: 30%;
}
.showAllShare .showAllShareHome .showAllShareTop {
    background: #f6f8fb;
    border-bottom: 2px solid #eee;
    display: grid;
    grid-template-columns: 1fr auto;
}
.showAllShare .showAllShareHome .showAllShareTop i {
    align-items: center;
    cursor: pointer;
    display: grid;
    justify-content: center;
    padding: 1rem;
}
.showAllShare .showAllShareHome .showAllShareTop i svg {
    fill: #000;
    height: 1.3rem;
    width: 1.3rem;
}
.showAllShare .showAllShareHome .showAllShareTop h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 1rem;
}
.showAllShare .showAllShareHome .showAllShareItems {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1rem 1rem 0;
}
.showAllShare .showAllShareHome .showAllShareItems .showAllShareItem {
    grid-gap: 0.4rem;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    padding: 0.5rem;
    text-align: center;
}
.showAllShare
    .showAllShareHome
    .showAllShareItems
    .showAllShareItem
    .showAllShareItemName
    h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    text-align: right;
}
.showAllShare
    .showAllShareHome
    .showAllShareItems
    .showAllShareItem
    .showAllShareItemName
    a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: block;
    display: -webkit-box;
    font-size: 0.7rem;
    font-weight: 300;
    height: 15px;
    margin-top: 0.3rem;
    opacity: 0.5;
    overflow: hidden;
    text-align: right;
    width: 100%;
}
.showAllShare .showAllShareHome .showAllShareItems .showAllShareItem a {
    align-items: center;
    display: grid;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}
.showAllShare .showAllShareHome .showAllShareItems .showAllShareItem a i svg {
    height: 2.5rem;
    width: 2.5rem;
}
.showAllShare .showAllShareHome .showAllShareTag {
    grid-gap: 0.5rem;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 0.5rem;
    direction: ltr;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: left;
    margin: 1rem;
    padding: 0.5rem;
}
.showAllShare .showAllShareHome .showAllShareTag i {
    align-items: center;
    cursor: pointer;
    display: grid;
    justify-content: center;
}
.showAllShare .showAllShareHome .showAllShareTag i svg {
    fill: #000;
    height: 1.3rem;
    width: 1.3rem;
}
.showAllShare .showAllShareHome .showAllShareTag i .copy {
    fill: #03603c;
}
.showAllShare .showAllShareHome .showAllShareTag h4 {
    color: #000;
    font-weight: 300;
    text-align: left;
}
.showAllShare .showAllShareHome .showAllShareTag input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
@media screen and (max-width: 1200px) {
    .showAllShare .showAllShareHome {
        width: 50%;
    }
}
@media screen and (max-width: 1000px) {
    .showAllShare .showAllShareHome {
        width: 55%;
    }
}
@media screen and (max-width: 800px) {
    .showAllShare .showAllShareHome {
        display: block;
        width: 98%;
    }
}
.allPackSingle .allPackSingleTop {
    background: url(/img/packShop.jpg);
    background-size: cover;
    height: 15rem;
    margin-top: -3.5rem;
    position: relative;
}
.allPackSingle .allPackSingleTop:before {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.allPackSingle .allPackSingleTop .allPackSingleTopBlock {
    margin: auto;
    padding-top: 4rem;
    position: relative;
    text-align: center;
    width: 96%;
    z-index: 20;
}
.allPackSingle .allPackSingleTop .allPackSingleTopBlock h1 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
}
.allPackSingle .allPackSingleTop .allPackSingleTopBlock p {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    margin-top: 1rem;
}
.allPackSingle .allPackSingleTopBlockInfo {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11);
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: -2rem auto auto;
    padding: 1rem;
    position: relative;
    z-index: 2;
}
.allPackSingle .allPackSingleTopBlockInfo .allPackSingleTopBlockInfoItem {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allPackSingle .allPackSingleTopBlockInfo .allPackSingleTopBlockInfoItem h3 {
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
}
.allPackSingle
    .allPackSingleTopBlockInfo
    .allPackSingleTopBlockInfoItem
    h3
    span {
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: 0.1px;
    opacity: 0.7;
}
.allPackSingle
    .allPackSingleTopBlockInfo
    .allPackSingleTopBlockInfoItem
    button {
    background: #03603c;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
.allPackSingle .allPackSingleTopBlockInfo h4 {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    padding: 0.2rem 1rem;
}
.allPackSingle .allPackSingleTopBlockInfo h4 svg {
    fill: #000;
    height: 1rem;
    opacity: 0.7;
    width: 1rem;
}
.allPackSingle .allPackSinglePosts {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    margin: 1rem auto;
}
.allPackSingle .allPackSinglePosts .allPackSinglePost .allHoopersPost {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    position: relative;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .offProduct {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 10;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .offProduct
    .offProductItem {
    position: relative;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .offProduct
    .offProductItem
    svg {
    fill: #03603c;
    height: 2.5rem;
    width: 2.5rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .offProduct
    .offProductItem
    div {
    align-items: center;
    bottom: 0;
    display: grid;
    height: 2.5rem;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .offProduct
    .offProductItem
    div
    span {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
}
.allPackSingle .allPackSinglePosts .allPackSinglePost .allHoopersPost h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.8rem;
    font-weight: 300;
    height: 2.6rem;
    margin-bottom: 1rem;
    overflow: hidden;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostPic
    img {
    height: 15rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-top: 1rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData
    h4 {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 5rem;
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    justify-content: center;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 2rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData
    h4
    svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData
    h4
    span {
    font-size: 0.75rem;
    left: 100rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 0;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData
    .allHoopersPostDataPrice
    h6 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    text-align: left;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost
    .allHoopersPostData
    .allHoopersPostDataPrice
    h5 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: left;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost:hover
    .allHoopersPostData
    h4 {
    grid-template-columns: auto auto;
    width: 5rem;
}
.allPackSingle
    .allPackSinglePosts
    .allPackSinglePost
    .allHoopersPost:hover
    .allHoopersPostData
    h4
    span {
    left: auto;
    opacity: 1;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 500px) {
    .allPackSingle .allPackSingleTopBlockInfo .allPackSingleTopBlockInfoItem {
        grid-template-columns: auto;
    }
}
.singleNotification {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.singleNotification .singleNotificationItems {
    background: #fff;
    border-radius: 10px;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.singleNotification .singleNotificationItems i {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
}
.singleNotification .singleNotificationItems i svg {
    height: 6rem;
    width: 100%;
}
.singleNotification .singleNotificationItems .singleNotificationTitle {
    margin-bottom: 1rem;
}
.singleNotification .singleNotificationItems .singleNotificationTitle h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.singleNotification .singleNotificationItems .singleNotificationData {
    margin-top: 2rem;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationData
    .singleNotificationItem {
    direction: rtl;
    margin-top: 0.5rem;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationData
    .singleNotificationItem
    label {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: grid;
    font-size: 0.85rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    letter-spacing: 0.1px;
    line-height: 1.571;
    overflow: hidden;
    padding: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"],
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"] {
        --active: #275efe;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, 0.3);
        --border: #bbc1e1;
        --border-hover: #275efe;
        --background: #fff;
        --disabled: #f6f8ff;
        --disabled-inner: #e1e6f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: var(--b, var(--background));
        border: 2px solid var(--bc, var(--border));
        cursor: pointer;
        display: inline-block;
        height: 21px;
        margin: 0;
        outline: none;
        position: relative;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        vertical-align: top;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:after,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 0.3s ease-in-out;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:checked,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:disabled,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:disabled:checked,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:disabled
        + label,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:disabled
        + label {
        cursor: not-allowed;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:hover:not(:checked):not(:disabled),
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:focus,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch),
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:not(.switch) {
        width: 21px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch):after,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:not(.switch):after {
        opacity: var(--o, 0);
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch):checked,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:not(.switch):checked {
        --o: 1;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]
        + label,
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]
        + label {
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 21px;
        margin-left: 4px;
        vertical-align: top;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch) {
        border-radius: 7px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch):after {
        border: 2px solid var(--active-inner);
        border-left: 0;
        border-top: 0;
        height: 9px;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
        width: 5px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"]:not(.switch):checked {
        --r: 43deg;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"].switch {
        border-radius: 11px;
        width: 38px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"].switch:after {
        background: var(--ab, var(--border));
        border-radius: 50%;
        height: 15px;
        left: 2px;
        top: 2px;
        transform: translateX(var(--x, 0));
        width: 15px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"].switch:checked {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="checkbox"].switch:disabled:not(:checked):after {
        opacity: 0.6;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"] {
        border-radius: 50%;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:after {
        background: var(--active-inner);
        border-radius: 50%;
        height: 19px;
        opacity: 0;
        transform: scale(var(--s, 0.7));
        width: 19px;
    }
    .singleNotification
        .singleNotificationItems
        .singleNotificationData
        .singleNotificationItem
        input[type="radio"]:checked {
        --s: 0.5;
    }
}
.singleNotification .singleNotificationItems .singleNotificationButtons {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 2rem;
}
.singleNotification .singleNotificationItems .singleNotificationButtons button {
    align-items: center;
    background-color: #5a8dee;
    border-radius: 0.3rem;
    box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.5);
    color: #fff;
    display: grid;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease-in-out;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button
    .loading {
    fill: #fff;
    -webkit-animation: arrow-anim2 0.5s ease infinite;
    animation: arrow-anim2 0.5s ease infinite;
    height: 1.5rem;
    width: 1.5rem;
}
@keyframes arrow-anim2 {
    0% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(45deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    85% {
        transform: rotate(300deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button:hover {
    background-color: #2c6de9;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button:disabled {
    opacity: 0.3;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button:disabled:hover {
    background-color: #5a8dee;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button:nth-child(2) {
    background-color: #ff5b5c;
    color: #fff;
}
.singleNotification
    .singleNotificationItems
    .singleNotificationButtons
    button:nth-child(2):hover {
    background-color: #ff2829;
}
@media screen and (max-width: 800px) {
    .singleNotification .singleNotificationItems {
        width: 90%;
    }
}
.allAuthIndex .authIndex {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    width: 50%;
}
.allAuthIndex .authIndex .headerAuth {
    border-bottom: 2px solid #eee;
    padding: 1rem;
}
.allAuthIndex .authIndex .headerAuth h1 {
    color: #03603c;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 1px;
}
.allAuthIndex .authIndex .authItems {
    padding: 1rem;
}
.allAuthIndex .authIndex .authItems .authItem {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
}
.allAuthIndex .authIndex .authItems .authItem label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allAuthIndex .authIndex .authItems .authItem input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.5rem;
    text-align: right;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allAuthIndex .authIndex .authItems .authItem input:focus-within {
    border: 1px solid #03603c;
}
.allAuthIndex .authIndex .authItems .captchaQuick {
    display: grid;
    justify-content: center;
    margin-top: 1rem;
}
.allAuthIndex .authIndex .authItems button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0.5rem 1rem;
}
.allAuthIndex .authIndex .authItems .buttons {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allAuthIndex .authIndex .authItems .forget {
    background: transparent;
    color: #03603c;
    font-size: 0.8rem;
    letter-spacing: 0;
    padding: 0;
}
@media screen and (max-width: 800px) {
    .allAuthIndex .authIndex {
        width: 98%;
    }
}
.allCartIndex .alert {
    background: rgba(255, 0, 0, 0.15);
    color: #790000;
}
.allCartIndex .alert,
.allCartIndex .success {
    border-radius: 0.3rem;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    margin: 1rem 0;
    padding: 1rem;
}
.allCartIndex .success {
    background: rgba(0, 255, 0, 0.1);
    color: #03603c;
}
.allCartIndex .helpCart {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    grid-template-columns: 1fr auto;
    margin-bottom: 1rem;
    padding: 0.75rem;
}
.allCartIndex .helpCart a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
.allCartIndex .cartTab .tabs {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    display: flex;
    padding: 0.75rem;
    position: relative;
}
.allCartIndex .cartTab .tab {
    grid-gap: 0.5rem;
    align-items: center;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    transition: color 0.15s ease-in;
    width: 160px;
}
.allCartIndex .cartTab .active {
    background: rgba(0, 128, 0, 0.15);
    color: #03603c;
}
.allCartIndex .cartTab .active .notification {
    background: #03603c;
    color: #fff;
}
.allCartIndex .cartTab .notification {
    align-items: center;
    background: #f6f8fb;
    border-radius: 50%;
    display: grid;
    height: 1.7rem;
    justify-content: center;
    transition: 0.15s ease-in;
    width: 1.7rem;
}
.allCartIndex .cartIndex {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 20rem;
    margin: 1rem 0;
}
.allCartIndex .cartIndex .right .cartItem {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 1rem;
    padding: 1rem;
}
.allCartIndex .cartIndex .right .cartItem .cartPic img {
    height: 8rem;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart a {
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart button {
    background: #ffebec;
    border-radius: 5rem;
    color: #ee232b;
    padding: 0.3rem 1rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .price {
    grid-gap: 0.5rem;
    align-items: center;
    border-radius: 10px;
    color: #03603c;
    display: grid;
    font-size: 1.2rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
    min-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .price:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .cartData {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-top: 0.5rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .cartData h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .cartData span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: 0.1px;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .inquiryData {
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .productCount {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: space-between;
    margin-top: 1rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .leftCount {
    display: grid;
    justify-content: right;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .nextCount {
    grid-gap: 0.5rem;
    align-items: center;
    color: #03603c;
    cursor: pointer;
    display: grid;
    font-size: 0.75rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: left;
    padding-bottom: 0.5rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .nextCount i {
    align-items: center;
    display: grid;
    margin-top: 0.1rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .nextCount svg {
    fill: #03603c;
    height: 0.8rem;
    width: 0.8rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .rightCount {
    border: 1px solid #eee;
    border-radius: 10px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: right;
    width: 5rem;
}
.allCartIndex .cartIndex .right .cartItem .cartSubject .rightCount span {
    background: transparent;
    color: #000;
    cursor: pointer;
    font-size: 0.95rem;
    padding: 0.2rem 0.5rem;
    text-align: center;
}
.allCartIndex .cartIndex .right #changeCart {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.3rem 1rem;
}
.allCartIndex .cartIndex .left .cartNext {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem {
    align-items: center;
    background: #f6f8fb;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 0.8rem;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem span {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem h3 {
    grid-gap: 0.5rem;
    align-items: center;
    border-radius: 10px;
    color: #03603c;
    display: grid;
    font-size: 1.4rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
    min-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem h3:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allCartIndex .cartIndex .left .cartNext .cartPriceItem:nth-child(2n) {
    background: #fff;
}
.allCartIndex .cartIndex .left .cartNext .nextItem {
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.allCartIndex .cartIndex .left .cartNext .nextItem a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allCartIndex .cartIndex .left .scoreProduct {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: right;
    margin-top: 1rem;
    padding: 1rem;
}
.allCartIndex .cartIndex .left .scoreProduct i {
    align-items: center;
    display: grid;
}
.allCartIndex .cartIndex .left .scoreProduct i svg {
    height: 1.4rem;
    width: 1.4rem;
}
.allCartIndex .cartIndex .left .scoreProduct i:last-child svg {
    height: 0.7rem;
    width: 0.7rem;
}
.allCartIndex .cartIndex .left .scoreProduct span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allCartIndex .cartIndex .left .scoreProduct span span {
    color: #03603c;
    font-size: 1rem;
    font-weight: 900;
}
.allCartIndex .allCartIndexEmpty {
    align-items: center;
    display: grid;
    justify-content: center;
    margin-top: 1rem;
    text-align: center;
}
.allCartIndex .allCartIndexEmpty i svg {
    fill: #03603c;
    height: 7rem;
    width: 7rem;
}
.allCartIndex .allCartIndexEmpty h3 {
    color: #03603c;
    font-size: 1.2rem;
    margin-top: 1rem;
}
@media screen and (max-width: 800px) {
    .allCartIndex .topCartIndex {
        width: 20rem;
    }
    .allCartIndex .cartIndex {
        display: block;
    }
    .allCartIndex .cartIndex .right .cartItem {
        display: block;
        position: relative;
    }
    .allCartIndex .cartIndex .right .cartItem .cartPic {
        display: grid;
        justify-content: center;
    }
    .allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart {
        display: block;
    }
    .allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart a {
        color: #000;
        font-size: 0.9rem;
        font-weight: 500;
        line-height: 2rem;
        opacity: 0.7;
    }
    .allCartIndex .cartIndex .right .cartItem .cartSubject .titleCart button {
        left: 1rem;
        position: absolute;
        top: 1rem;
    }
    .allCartIndex .cartIndex .right .cartItem .cartSubject .price {
        font-size: 1rem;
    }
    .allCartIndex .cartIndex .right #changeCart {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        color: #000;
        font-size: 0.9rem;
        font-weight: 500;
        padding: 0.3rem 1rem;
    }
    .allCartIndex .cartIndex .left {
        margin-top: 1rem;
    }
    .allCartIndex .cartIndex .left .cartNext {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem {
        align-items: center;
        background: #fafafa;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        padding: 0.8rem;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem h4 {
        color: #000;
        font-size: 0.9rem;
        font-weight: 300;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem span {
        color: #000;
        font-size: 1rem;
        font-weight: 300;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem h3 {
        grid-gap: 0.5rem;
        align-items: center;
        border-radius: 10px;
        color: #03603c;
        display: grid;
        font-size: 1.4rem;
        font-weight: 900;
        grid-template-columns: auto auto;
        justify-content: left;
        min-height: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem h3:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        align-items: center;
        box-sizing: inherit;
        content: "\f06c︎";
        display: flex;
        font-family: digikala;
        font-size: 1.2rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        justify-content: center;
        letter-spacing: normal;
        line-height: 1;
        text-decoration: none;
        text-transform: none;
    }
    .allCartIndex .cartIndex .left .cartNext .cartPriceItem:nth-child(2n) {
        background: #fff;
    }
    .allCartIndex .cartIndex .left .cartNext .nextItem {
        display: grid;
        justify-content: center;
        padding: 0.5rem;
    }
    .allCartIndex .cartIndex .left .cartNext .nextItem a {
        background: #03603c;
        border-radius: 5px;
        color: #fff;
        display: grid;
        font-size: 1rem;
        font-weight: 300;
        padding: 0.5rem 1rem;
    }
    .allCartIndex .cartIndex .left .scoreProduct {
        grid-gap: 0.5rem;
        align-items: center;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        display: grid;
        grid-template-columns: auto 1fr auto;
        justify-content: right;
        margin-top: 1rem;
        padding: 1rem;
    }
    .allCartIndex .cartIndex .left .scoreProduct i {
        align-items: center;
        display: grid;
    }
    .allCartIndex .cartIndex .left .scoreProduct i svg {
        height: 1.4rem;
        width: 1.4rem;
    }
    .allCartIndex .cartIndex .left .scoreProduct i:last-child svg {
        height: 0.7rem;
        width: 0.7rem;
    }
    .allCartIndex .cartIndex .left .scoreProduct span {
        color: #000;
        font-size: 0.8rem;
        font-weight: 300;
    }
    .allCartIndex .cartIndex .left .scoreProduct span span {
        color: #03603c;
        font-size: 1rem;
        font-weight: 900;
    }
}
.allCartIndex {
    margin: 1rem auto auto;
}
.allCartIndex .checkoutItems {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 20rem;
    margin-top: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .checkoutTitle {
    color: #000;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .addresses {
    border-bottom: 3px dashed #eee;
}
.allCartIndex .checkoutItems .checkoutOptions .addresses ul li .address {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    cursor: pointer;
    margin-bottom: 1rem;
    padding: 1rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .titleAddress {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .titleAddress
    i {
    align-items: center;
    display: grid;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .titleAddress
    i
    svg {
    fill: red;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .titleAddress
    span {
    color: red;
    font-size: 1rem;
    font-weight: 500;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .active
    i
    svg {
    fill: #03603c;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .active
    span {
    color: #03603c;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .add
    i
    svg {
    fill: #000;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .add
    span {
    color: #000;
}
.allCartIndex .checkoutItems .checkoutOptions .addresses ul li .address p {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    margin-top: 1rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-top: 1rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress
    h5 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress
    .buttons {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: left;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress
    .buttons
    button {
    background: rgba(0, 197, 141, 0.1);
    border-radius: 5rem;
    color: #03603c;
    margin-right: 0.5rem;
    padding: 0.3rem 1rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress
    .buttons
    div {
    background: rgba(255, 159, 0, 0.1);
    border-radius: 5rem;
    color: #03603c;
    margin-right: 0.5rem;
    padding: 0.3rem 1rem;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .addresses
    ul
    li
    .address
    .nameAddress
    .buttons
    div:last-child {
    background: #ffebec;
    color: #ee232b;
}
.allCartIndex .checkoutItems .checkoutOptions #carrier ul {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    margin-top: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .days {
    border-bottom: 3px dashed #eee;
    margin-top: 1rem;
    padding-bottom: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul {
    grid-gap: 2rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
    margin-top: 2rem;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li p {
    grid-gap: 0.3rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.7rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    opacity: 0.7;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #03603c;
    display: grid;
    font-size: 14px;
    font-weight: 500;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 0.5rem;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem h6 {
    color: #03603c;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0.5rem;
    text-align: center;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem div {
    border: 2px solid #eee;
    border-radius: 1.5rem;
    cursor: pointer;
    margin-top: 0.5rem;
    padding: 1rem;
    position: relative;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem .active {
    border: 2px solid #67b930;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem .active h4 {
    color: #00867d;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem .active i {
    bottom: -0.5rem;
    display: grid;
    height: 1rem;
    justify-items: center;
    left: 0;
    position: absolute;
    right: 0;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .days
    ul
    li
    .dayItem
    .active
    i
    h4 {
    background: #fff;
    display: grid;
    justify-content: center;
    position: relative;
    width: 40%;
}
.allCartIndex
    .checkoutItems
    .checkoutOptions
    .days
    ul
    li
    .dayItem
    .active
    i
    svg {
    fill: #00867d;
    height: 1rem;
    width: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .days ul li .dayItem .dayUn i {
    position: fixed;
    right: 0;
    visibility: hidden;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod,
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul {
    margin-top: 1rem;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li {
    padding: 1rem 0;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li button {
    grid-gap: 1rem;
    align-items: center;
    background: transparent;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 500;
    grid-template-columns: auto auto 1fr;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li button i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li button i svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li button:before {
    background: #fff;
    border: 2px solid #000;
    border-radius: 100%;
    content: "";
    height: 0.9rem;
    width: 0.9rem;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li .active {
    color: #03603c;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li .active i svg {
    fill: #03603c;
}
.allCartIndex .checkoutItems .checkoutOptions .payMethod ul li .active:before {
    background: #03603c;
    border: 2px solid #03603c;
}
.allCartIndex .checkoutItems .left .discount {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
    padding: 1rem;
}
.allCartIndex .checkoutItems .left .discount h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 400;
}
.allCartIndex .checkoutItems .left .discount label {
    border: 1px solid #eee;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 2.9rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
}
.allCartIndex .checkoutItems .left .discount label input {
    background: transparent;
    color: #000;
    font-size: 0.8rem;
    font-weight: 400;
}
.allCartIndex .checkoutItems .left .discount label button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 300;
    padding: 0.3rem 0.5rem;
}
.allCartIndex .checkoutItems .left .cartNext {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: sticky;
    top: 1rem;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem {
    align-items: center;
    background: #f6f8fb;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 0.8rem;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem span {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem h3 {
    grid-gap: 0.5rem;
    align-items: center;
    border-radius: 10px;
    color: #03603c;
    display: grid;
    font-size: 1.4rem;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
    min-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem h3:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allCartIndex .checkoutItems .left .cartNext .cartPriceItem:nth-child(2n) {
    background: #fff;
}
.allCartIndex .checkoutItems .left .cartNext .nextItem {
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.allCartIndex .checkoutItems .left .cartNext .nextItem button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allCartIndex .checkoutItems .left .cartNext .installmentType {
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.allCartIndex .checkoutItems .left .cartNext .installmentType button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allCartIndex .checkoutItems .left .cartNext .cardType {
    display: grid;
    justify-content: center;
    padding: 0.5rem;
}
.allCartIndex .checkoutItems .left .cartNext .cardType button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allCartIndex .checkoutItems .left .scoreProduct {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: right;
    margin-top: 1rem;
    padding: 1rem;
}
.allCartIndex .checkoutItems .left .scoreProduct i {
    align-items: center;
    display: grid;
}
.allCartIndex .checkoutItems .left .scoreProduct i svg {
    height: 1.4rem;
    width: 1.4rem;
}
.allCartIndex .checkoutItems .left .scoreProduct i:last-child svg {
    height: 0.7rem;
    width: 0.7rem;
}
.allCartIndex .checkoutItems .left .scoreProduct span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allCartIndex .checkoutItems .left .scoreProduct span span {
    color: #03603c;
    font-size: 1rem;
    font-weight: 900;
}
.allCartIndex .allPack {
    display: none;
}
.allCartIndex .allPack .showPack {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allCartIndex .allPack .showPack .showPackItems {
    background: #fff;
    border-radius: 10px;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.allCartIndex .allPack .showPack .showPackItems .title {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.allCartIndex .allPack .showPack .showPackItems .title .right {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allCartIndex .allPack .showPack .showPackItems .title .right span {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.allCartIndex .allPack .showPack .showPackItems .title .right i {
    cursor: pointer;
}
.allCartIndex .allPack .showPack .showPackItems .title .right i svg {
    fill: red;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex .allPack .showPack .showPackItems .title .close {
    cursor: pointer;
}
.allCartIndex .allPack .showPack .showPackItems .title .close svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex .allPack .showPack .showPackItems .showPackItem {
    margin: 1rem 0;
}
.allCartIndex .allPack .showPack .showPackItems .showPackItem label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}
.allCartIndex .allPack .showPack .showPackItems .showPackItem select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.8rem;
    opacity: 0.7;
    padding: 0.3rem 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allCartIndex .allPack .showPack .showPackItems .showPackItem select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allCartIndex .allPack .showPack .showPackItems ul li {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 1rem;
}
.allCartIndex .allPack .showPack .showPackItems ul li span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allCartIndex .allPack .showPack .showPackItems ul li input {
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allCartIndex .allPack .showPack .showPackItems ul li input:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allCartIndex .allPack .showPack .showPackItems button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
    text-align: center;
    width: 100%;
}
.allCartIndex .allCard {
    display: none;
}
.allCartIndex .allCard .showCard {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allCartIndex .allCard .showCard .showPackItems {
    background: #fff;
    border-radius: 10px;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
}
.allCartIndex .allCard .showCard .showPackItems .title {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.allCartIndex .allCard .showCard .showPackItems .title .right {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allCartIndex .allCard .showCard .showPackItems .title .right span {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
.allCartIndex .allCard .showCard .showPackItems .title .right i {
    cursor: pointer;
}
.allCartIndex .allCard .showCard .showPackItems .title .right i svg {
    fill: red;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex .allCard .showCard .showPackItems .title .close {
    cursor: pointer;
}
.allCartIndex .allCard .showCard .showPackItems .title .close svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allCartIndex .allCard .showCard .showPackItems .description {
    border-top: 2px solid #eee;
    margin-top: 1rem;
    padding: 1rem 0;
}
.allCartIndex .allCard .showCard .showPackItems button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 800px) {
    .allCartIndex .checkoutItems {
        display: block;
    }
    .allCartIndex .checkoutItems .left {
        margin-top: 1rem;
    }
    .allCartIndex .allPack .showPack .showPackItems {
        width: 96%;
    }
}
.allAddAddress {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allAddAddress .CreateAddress {
    background: #fff;
    border-radius: 10px;
    display: none;
    left: 50%;
    margin: auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.allAddAddress .CreateAddress .titleAddress {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.allAddAddress .CreateAddress .titleAddress span {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allAddAddress .CreateAddress .titleAddress i {
    cursor: pointer;
}
.allAddAddress .CreateAddress .titleAddress i svg {
    fill: #000;
    height: 2rem;
    width: 2rem;
}
.allAddAddress .CreateAddress .form .alert {
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
}
.allAddAddress .CreateAddress .form .items {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}
.allAddAddress .CreateAddress .form .item {
    margin-top: 2rem;
}
.allAddAddress .CreateAddress .form .item h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.allAddAddress .CreateAddress .form .item .alert {
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
}
.allAddAddress .CreateAddress .form .item h5,
.allAddAddress .CreateAddress .form .item input,
.allAddAddress .CreateAddress .form .item select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    height: 2.5rem;
    padding: 0 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allAddAddress .CreateAddress .form .item h5:focus,
.allAddAddress .CreateAddress .form .item input:focus,
.allAddAddress .CreateAddress .form .item select:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allAddAddress .CreateAddress .form .item select[name="city"] {
    display: none;
}
@media screen and (max-width: 1600px) {
    .allAddAddress .CreateAddress .form .item {
        margin-top: 0.5rem;
    }
}
.allAddAddress .CreateAddress .bottomAddress {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
}
.allAddAddress .CreateAddress .bottomAddress span {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allAddAddress .CreateAddress .bottomAddress button {
    background: red;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
@media screen and (max-width: 700px) {
    .allAddAddress .CreateAddress {
        width: 90%;
    }
}
.buyIndex {
    align-items: center;
    display: grid;
    justify-content: center;
    margin-top: 1rem;
}
.buyIndex .allBuyItems {
    background: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: 30rem;
}
.buyIndex .allBuyItems .allBuySuccessItemTitle {
    background: #6bc259;
    color: #fff;
    padding: 1rem;
    text-align: center;
}
.buyIndex .allBuyItems .allBuyFailItemTitle {
    background: #ee384e;
    color: #fff;
    padding: 1rem;
    text-align: center;
}
.buyIndex .allBuyItems .allBuyItem {
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 0.8rem 2rem;
}
.buyIndex .allBuyItems .allBuyItem label {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    opacity: 0.9;
}
.buyIndex .allBuyItems .allBuyItem h4 {
    color: #000;
    font-size: 12px;
    font-weight: 400;
}
.buyIndex .allBuyItems .allBuyButton {
    margin: 1rem 0;
    text-align: center;
}
.buyIndex .allBuyItems .allBuyButton a {
    background: #6bc259;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
}
@media screen and (max-width: 920px) {
    .buyIndex .allBuyItems {
        width: 20rem;
    }
}
.allNews {
    margin: auto;
}
.allNews .topBlogs {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
}
.allNews .topBlogs .allNewsRight .allNewsRightItems {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    margin-top: 1rem;
}
.allNews .topBlogs .allNewsRight .allNewsRightItems .allNewsRightItem {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.allNews .topBlogs .allNewsRight .allNewsRightItems .allNewsRightItem img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allNews
    .topBlogs
    .allNewsRight
    .allNewsRightItems
    .allNewsRightItem
    .allNewsRightItemOver {
    align-items: end;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    bottom: 0;
    display: grid;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
}
.allNews
    .topBlogs
    .allNewsRight
    .allNewsRightItems
    .allNewsRightItem
    .allNewsRightItemOver
    span {
    background: #dd4b39;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    left: 1rem;
    padding: 0.3rem 1rem;
    position: absolute;
    top: 1rem;
}
.allNews
    .topBlogs
    .allNewsRight
    .allNewsRightItems
    .allNewsRightItem
    .allNewsRightItemOver
    .active {
    background: rgba(60, 217, 1, 0.9);
    color: #fff;
}
.allNews
    .topBlogs
    .allNewsRight
    .allNewsRightItems
    .allNewsRightItem
    .allNewsRightItemOver
    h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 0.9rem;
    font-weight: 500;
    margin-top: 1rem;
    overflow: hidden;
}
.allNews .topBlogs .allNewsSideBar {
    background: #fff;
    margin-top: 1rem;
    position: sticky;
    top: 5rem;
    width: 20rem;
}
@media screen and (max-width: 1000px) {
    .allNews .topBlogs .allNewsSideBar {
        width: 100%;
    }
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    margin-bottom: 2rem;
    padding: 2rem;
    text-align: center;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem label {
    border-bottom: 2px solid #03603c;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 2rem 0.5rem;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul {
    padding-top: 1rem;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li {
    border-radius: 3px;
    margin-top: 1rem;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li:hover {
    background: #f6f8fb;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li a {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li a img {
    border-radius: 3px;
    height: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 5rem;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li a .showInfo {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    justify-content: right;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li a .showInfo h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem ul li a .showInfo span {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
}
.allNews .topBlogs .allNewsSideBar .allNewsSideBarItem:last-child {
    margin-bottom: 0;
    position: sticky;
    top: 6rem;
}
.allNews .description {
    margin-top: 2rem;
}
.allNews .description h1 {
    color: #03603c;
    font-size: 1.5rem;
    font-weight: 900;
}
.allNews .description p {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
}
@media screen and (max-width: 1000px) {
    .allNews {
        display: block;
        padding-top: 1rem;
    }
    .allNews .topBlogs {
        grid-template-columns: 1fr;
    }
}
.allProductArchive {
    margin: 1rem auto auto;
}
.allProductArchive .productArchive {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: 18rem 1fr;
}
.allProductArchive .productArchive .showFilterContent {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #000;
    cursor: pointer;
    display: grid;
    font-size: 1rem;
    font-weight: 700;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1rem;
    opacity: 0.5;
    padding: 0.5rem;
}
.allProductArchive .productArchive .showFilterContent i {
    align-items: center;
    display: grid;
}
.allProductArchive .productArchive .showFilterContent i svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allProductArchive .productArchive .filterArchive .filterItems {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0.5rem;
}
.allProductArchive .productArchive .filterArchive .filterItems .filterTitle {
    grid-gap: 0.5rem;
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.8rem;
}
.allProductArchive .productArchive .filterArchive .filterItems .filterTitle i {
    align-items: center;
    display: grid;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterTitle
    i
    svg {
    fill: #000;
    height: 1.3rem;
    width: 1.3rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterTitle
    span {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
}
.allProductArchive .productArchive .filterArchive .filterItems .priceItems {
    margin-top: 1rem;
}
.allProductArchive .productArchive .filterArchive .filterItems .priceItem {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .priceItem
    label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .priceItem
    input {
    background: #f6f8fb;
    border: 1px solid #eee !important;
    border-radius: 5rem;
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    height: 35px !important;
    letter-spacing: 0.1px;
    padding: 0.5rem;
    text-align: left;
    width: 100% !important;
}
.allProductArchive .productArchive .filterArchive .filterItems .priceFilter {
    background: #03603c;
    border-radius: 5rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 1rem;
    opacity: 0.7;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .priceFilter:hover {
    opacity: 1;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a {
    color: #000;
    direction: rtl;
    font-size: 0.9rem;
    font-weight: 500;
    margin-top: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a {
    color: #000;
    font-size: 0.85rem;
    margin-right: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a
    span {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    margin-right: 1rem;
    margin-top: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a
    span:before {
    background: #b3b3b3;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    content: "";
    height: 17px;
    width: 17px;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a
    a {
    color: #000;
    font-weight: 300;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a
    a
    span {
    margin-right: 2rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a
    a
    a
    span:before {
    background: #fff;
    border: 2px solid #e7ebee;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    content: "";
    height: 1rem;
    width: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterCategories
    a:first-child {
    margin-top: 0;
}
.allProductArchive .productArchive .filterArchive .filterItems .filterSearch {
    margin-top: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterSearch
    label {
    grid-gap: 0.5rem;
    align-items: center;
    border: 1px solid #f6f8fb;
    border-radius: 5rem;
    cursor: text;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease-in-out;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterSearch
    label
    i {
    align-items: center;
    display: grid;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterSearch
    label
    svg {
    height: 1rem;
    width: 1rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterSearch
    label
    input {
    background: transparent;
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterSearch
    label:focus-within {
    border: 1px solid #ff8a66;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterContainer {
    max-height: 15rem;
    padding-top: 0.5rem;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterContainer
    .scroll-area {
    direction: ltr;
    margin: auto;
    max-height: 15rem;
    position: relative;
    width: 100%;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterContainer
    .allProductArchiveFiltersItem {
    direction: rtl;
}
.allProductArchive
    .productArchive
    .filterArchive
    .filterItems
    .filterContainer
    .allProductArchiveFiltersItem
    label {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: grid;
    font-size: 12px;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
    letter-spacing: 0.1px;
    line-height: 1.571;
    max-width: 15rem;
    overflow: hidden;
    padding: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"],
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"] {
        --active: #03603c;
        --active-inner: #03603c;
        --focus: 2px #03603c;
        --border: #03603c;
        --border-hover: #03603c;
        --background: #eee;
        --disabled: #03603c;
        --disabled-inner: #e1e6f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: var(--b, var(--background));
        border: 1px solid var(--bc, var(--border));
        border-radius: 5rem;
        cursor: pointer;
        display: inline-block;
        height: 17px;
        margin: 0;
        outline: none;
        position: relative;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        vertical-align: top;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:after,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 0.3s ease-in-out;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:checked,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:disabled,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:disabled:checked,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:disabled
        + label,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:disabled
        + label {
        cursor: not-allowed;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:hover:not(:checked):not(:disabled),
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:focus,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:not(.switch),
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:not(.switch) {
        width: 17px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:not(.switch):after,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:not(.switch):after {
        opacity: var(--o, 0);
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:not(.switch):checked,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:not(.switch):checked {
        --o: 1;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]
        + label,
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]
        + label {
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 21px;
        margin-left: 4px;
        vertical-align: top;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:not(.switch):after {
        border: 2px solid var(--active-inner);
        border-left: 0;
        border-top: 0;
        height: 9px;
        left: 5px;
        top: 2px;
        transform: rotate(var(--r, 20deg));
        width: 5px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"]:not(.switch):checked {
        --r: 43deg;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"].switch {
        width: 10px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"].switch:after {
        background: var(--ab, var(--border));
        height: 10px;
        left: 2px;
        top: 2px;
        transform: translateX(var(--x, 0));
        width: 10px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"].switch:checked {
        --ab: var(--active-inner);
        --x: 10px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="checkbox"].switch:disabled:not(:checked):after {
        opacity: 0.6;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:after {
        background: var(--active-inner);
        height: 10px;
        opacity: 0;
        transform: scale(var(--s, 0.7));
        width: 10px;
    }
    .allProductArchive
        .productArchive
        .filterArchive
        .filterItems
        .filterContainer
        .allProductArchiveFiltersItem
        input[type="radio"]:checked {
        --s: 0.5;
    }
}
.allProductArchive .productArchive .productContainer .productTitle {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto;
}
.allProductArchive
    .productArchive
    .productContainer
    .productTitle
    .right
    .name {
    grid-gap: 0.3rem;
    display: grid;
    grid-template-columns: 1fr;
}
.allProductArchive
    .productArchive
    .productContainer
    .productTitle
    .right
    .name
    span {
    color: #000;
    font-size: 1.1rem;
    font-weight: 300;
    opacity: 0.6;
}
.allProductArchive
    .productArchive
    .productContainer
    .productTitle
    .right
    .name
    h1 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allProductArchive .productArchive .productContainer .productTitle .left {
    display: grid;
    justify-content: center;
}
.allProductArchive .productArchive .productContainer .productTitle .left .top {
    align-items: center;
    background: #f6f8fb;
    border-radius: 10px;
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productTitle
    .left
    .top
    svg {
    fill: #000;
    height: 1.7rem;
    width: 1.7rem;
}
.allProductArchive .productArchive .productContainer .productTitle .left h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 0.5rem;
    text-align: center;
}
.allProductArchive .productArchive .productContainer .searchProduct {
    margin-top: 2rem;
}
.allProductArchive .productArchive .productContainer .searchProduct label {
    grid-gap: 0.5rem;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    cursor: text;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0.9rem 1.4rem;
    transition: all 0.3s ease-in-out;
}
.allProductArchive .productArchive .productContainer .searchProduct label i {
    align-items: center;
    display: grid;
}
.allProductArchive .productArchive .productContainer .searchProduct label svg {
    fill: #000;
    height: 1.3rem;
    transition: all 0.3s ease-in-out;
    width: 1.3rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .searchProduct
    label
    input {
    background: transparent;
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
}
.allProductArchive
    .productArchive
    .productContainer
    .searchProduct
    label:focus-within {
    border: 1px solid #03603c;
}
.allProductArchive
    .productArchive
    .productContainer
    .searchProduct
    label:focus-within
    svg {
    fill: #03603c;
}
.allProductArchive .productArchive .productContainer .productOrder {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 2rem;
}
.allProductArchive .productArchive .productContainer .productOrder span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.allProductArchive .productArchive .productContainer .productOrder ul {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, auto));
    justify-content: right;
}
.allProductArchive .productArchive .productContainer .productOrder ul li {
    color: #000;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 300;
}
.allProductArchive .productArchive .productContainer .productOrder ul li span {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allProductArchive
    .productArchive
    .productContainer
    .productOrder
    ul
    li
    span:before {
    border: 1px solid #eee;
    border-radius: 5rem;
    content: "";
    display: grid;
    height: 1rem;
    width: 1rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productOrder
    ul
    li
    .active {
    color: red;
}
.allProductArchive
    .productArchive
    .productContainer
    .productOrder
    ul
    li
    .active:before {
    background: red;
    border: 1px solid red;
}
.allProductArchive .productArchive .productContainer .productLists {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    margin-top: 2rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    display: grid;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .specialSell {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .pic {
    display: grid;
    justify-content: center;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .pic
    img {
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .lotteryStatus {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .lotteryStatus
    svg {
    height: 5rem;
    width: 5rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .options
    .optionItem {
    left: -0.5rem;
    margin-bottom: 0.5rem;
    opacity: 0;
    position: absolute;
    top: 0.5rem;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 20;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .options
    .optionItem
    svg {
    fill: #707070;
    height: 1.4rem;
    width: 1.4rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(2) {
    top: 3rem;
    transition: all 0.4s ease-in-out;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(3) {
    top: 5.5rem;
    transition: all 0.5s ease-in-out;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .options
    .optionItem:nth-child(4) {
    top: 8rem;
    transition: all 0.5s ease-in-out;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .details {
    align-items: center;
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .details
    .detailItem {
    display: grid;
    justify-content: center;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .details
    .detailItem
    span {
    align-items: center;
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .details
    .detailItem
    h4 {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    margin-top: 0.3rem;
    opacity: 0.7;
    text-align: center;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 0.85rem;
    font-weight: 300;
    height: 3.2rem;
    line-height: 1.7rem;
    margin: 0.8rem 0.5rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .price {
    display: grid;
    grid-template-columns: 1fr;
    height: 3rem;
    padding: 0 1rem;
    text-align: left;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .price
    s {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.6;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .price
    h5 {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 16px;
    font-weight: 900;
    grid-template-columns: auto auto;
    justify-content: left;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .price
    h5:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .note {
    align-items: center;
    background: rgba(255, 255, 0, 0.1);
    display: grid;
    height: 2.5rem;
    margin: 1rem 0;
    padding: 0.5rem;
    position: relative;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .note
    h4 {
    -webkit-animation: note-anim 6s ease infinite;
    animation: note-anim 6s ease infinite;
    color: #ff4500;
    display: grid;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
@keyframes note-anim {
    0% {
        right: 100%;
    }
    to {
        right: -100%;
    }
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .countdown {
    direction: ltr;
    margin: 1rem 0;
    text-align: center;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .countdown
    .countdown-section {
    display: inline-block;
    width: 50px;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .countdown
    .countdown-section
    .countdown-time {
    background-color: #f1f4f9;
    border-radius: 50%;
    color: #000;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: auto;
    width: 40px;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a
    .countdown
    .countdown-section:last-child
    .countdown-time {
    background-color: #03603c;
    color: #fff;
    font-size: 1rem;
}
@media screen and (max-width: 800px) {
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .details
        .detailItem
        span {
        font-size: 0.7rem;
        height: 1.5rem;
        width: 1.5rem;
    }
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .details
        .detailItem
        h4 {
        font-size: 0.6rem;
    }
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .countdown {
        margin-bottom: 1rem;
    }
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .countdown
        .countdown-section {
        width: 40px;
    }
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .countdown
        .countdown-section
        .countdown-time {
        font-size: 0.7rem;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .allProductArchive
        .productArchive
        .productContainer
        .productLists
        .productList
        a
        .countdown
        .countdown-section:last-child
        .countdown-time {
        font-size: 0.7rem;
    }
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a:hover
    .lotteryStatus {
    opacity: 0;
    visibility: hidden;
}
.allProductArchive
    .productArchive
    .productContainer
    .productLists
    .productList
    a:hover
    .options
    .optionItem {
    left: 0.7rem;
    opacity: 1;
    visibility: visible;
}
.allProductArchive .description {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    overflow: hidden;
    padding: 1rem;
}
.allProductArchive .description h3 {
    color: #03603c;
    font-size: 1.5rem;
    font-weight: 900;
}
.allProductArchive .description p {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 2.2rem;
    opacity: 0.7;
}
@media screen and (max-width: 800px) {
    .allProductArchive .productArchive {
        display: block;
    }
    .allProductArchive .productArchive .productContainer .productOrder {
        display: block;
        margin-top: 2rem;
    }
    .allProductArchive .productArchive .productContainer .productOrder ul {
        grid-template-columns: repeat(auto-fit, minmax(5rem, auto));
        margin-top: 1rem;
    }
    .allProductArchive .productArchive .productContainer .productOrder ul li,
    .allProductArchive
        .productArchive
        .productContainer
        .productOrder
        ul
        li
        span {
        font-size: 0.8rem;
    }
    .allProductArchive .productArchive .productContainer .productLists {
        grid-template-columns: 1fr 1fr;
    }
}
.allCategoriesIndex {
    margin: 1rem auto auto;
}
.allCategoriesIndex h1 {
    color: #444;
    font-size: 1.5rem;
    font-weight: 700;
}
.allCategoriesIndex ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    margin-top: 2rem;
}
.allCategoriesIndex ul li {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
}
.allCategoriesIndex ul li .pic img {
    height: 5rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.allCategoriesIndex ul li h3 {
    color: #444;
    font-size: 0.85rem;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allProfileList {
    width: 15rem;
}
.allProfileList .allUserIndexList {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    overflow: hidden;
}
.allProfileList .allUserIndexList .allUserIndexListsUser {
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserPic {
    display: grid;
    justify-content: center;
    overflow: hidden;
    padding-top: 1rem;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserPic
    .pic {
    position: relative;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserPic
    .pic
    img {
    border-radius: 5rem;
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3rem;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserItem {
    margin-top: 0.5rem;
    text-align: center;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserItem
    .allUserIndexListsUserName {
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: center;
    white-space: nowrap;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserItem
    .allUserIndexListsUserScore {
    grid-gap: 0.3rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 0.8rem;
    padding: 0 1rem;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserItem
    .allUserIndexListsUserScore
    svg {
    height: 1.3rem;
    width: 1.3rem;
}
.allProfileList
    .allUserIndexList
    .allUserIndexListsUser
    .allUserIndexListsUserItem
    .allUserIndexListsUserScore
    span {
    color: #03603c;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.833;
}
.allProfileList .allUserIndexList .allUserIndexListsUser h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 1rem;
    text-align: center;
}
.allProfileList .allUserIndexList .allUserIndexListItems {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.allProfileList .allUserIndexList .allUserIndexListItems a {
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: 1fr;
    padding: 1rem 0.5rem;
    text-align: center;
}
.allProfileList .allUserIndexList .allUserIndexListItems a:first-child {
    border-left: 1px solid #eee;
}
.allProfileList .walletData {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    margin-top: 1rem;
    overflow: hidden;
    padding: 1rem;
}
.allProfileList .walletData i {
    display: grid;
    justify-content: center;
}
.allProfileList .walletData i svg {
    height: 5rem;
    width: 5rem;
}
.allProfileList .walletData h3 {
    color: #444;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
}
.allProfileList .walletData h3 span {
    font-size: 1rem;
    letter-spacing: 0.1px;
}
.allProfileList .walletData a {
    color: #03603c;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    margin-top: 0.5rem;
    text-align: center;
    width: 100%;
}
.allProfileList .allUserIndexListsItems {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    margin-top: 1rem;
    overflow: hidden;
    padding: 1rem 0.5rem;
    position: sticky;
    top: 1rem;
}
.allProfileList .allUserIndexListsItems .allUserIndexListsItem {
    grid-gap: 0.5rem;
    align-items: center;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: right;
    margin-top: 1.5rem;
}
.allProfileList .allUserIndexListsItems .allUserIndexListsItem i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allProfileList .allUserIndexListsItems .allUserIndexListsItem i svg {
    fill: #03603c;
    height: 0.8rem;
    width: 0.8rem;
}
.allProfileList .allUserIndexListsItems .allUserIndexListsItem a,
.allProfileList .allUserIndexListsItems .allUserIndexListsItem h3 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
}
.allProfileList .allUserIndexListsItems .allUserIndexListsItem:first-child {
    margin-top: 0;
}
.allProfileList .allUserIndexListsItems .userProducts {
    margin-top: 1.5rem;
}
.allProfileList .allUserIndexListsItems .userProducts .slide-fade-enter-active,
.allProfileList .allUserIndexListsItems .userProducts .slide-fade-leave-active {
    transition: all 0.3s ease-in-out;
}
.allProfileList .allUserIndexListsItems .userProducts .slide-fade-enter,
.allProfileList .allUserIndexListsItems .userProducts .slide-fade-leave-to {
    transform: translateY(-10px);
}
.allProfileList .allUserIndexListsItems .userProducts ul li {
    margin-top: 0.8rem;
}
.allProfileList .allUserIndexListsItems .userProducts ul li a {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    grid-template-columns: 1.4rem 1fr;
    justify-content: right;
    letter-spacing: 0.2px;
    padding-right: 0.5rem;
}
.allProfileList .allUserIndexListsItems .userProducts ul li a:before {
    background: #000;
    border-radius: 5px;
    content: "";
    display: grid;
    height: 5px;
    transition: all 0.3s ease-in-out;
    width: 5px;
}
.allProfileList .allUserIndexListsItems .userProducts ul li a:hover:before {
    width: 1rem;
}
.allProfileList .becomeList {
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    display: grid;
    margin-top: 1rem;
    overflow: hidden;
    position: relative;
}
.allProfileList .becomeList h4 {
    grid-gap: 0.5rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    grid-template-columns: auto auto;
    justify-content: right;
    margin: 1rem;
    z-index: 20;
}
.allProfileList .becomeList h4,
.allProfileList .becomeList h4 i {
    align-items: center;
    display: grid;
}
.allProfileList .becomeList h4 i svg {
    fill: #fff;
    height: 1.3rem;
    width: 1.3rem;
}
.allProfileList .becomeList .pic {
    background-image: url(/img/backStore.png);
    background-size: cover;
    bottom: 0;
    display: grid;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(3);
    z-index: 10;
}
@media screen and (max-width: 800px) {
    .allProfileList {
        margin-bottom: 1rem;
        width: 100%;
    }
}
.allProfileIndex {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 1rem auto auto;
}
.allProfileIndex .profileIndex .profileIndexTop {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
}
.allProfileIndex .profileIndex .profileIndexTop .profileIndexTopItem label {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1rem;
}
.allProfileIndex .profileIndex .profileIndexTop .profileIndexTopItem ul {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 19.5rem;
    margin-top: 1rem;
}
.allProfileIndex .profileIndex .profileIndexTop .profileIndexTopItem ul li {
    grid-gap: 1rem;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 6.5rem;
    padding: 1rem;
}
.allProfileIndex .profileIndex .profileIndexTop .profileIndexTopItem ul li a {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemPic
    img {
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3rem;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemSubject
    .userItemSubjectTitle {
    color: #000;
    font-size: 0.8rem;
    font-weight: 400;
    height: 2.5rem;
    overflow: hidden;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemSubject
    .postPriceItem {
    display: grid;
    grid-template-columns: 1fr;
    height: 2.5rem;
    justify-content: left;
    overflow: hidden;
    text-align: left;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemSubject
    .postPriceItem
    .offPrice {
    display: grid;
    justify-content: left;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemSubject
    .postPriceItem
    .offPrice
    s {
    color: #000;
    display: flex;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.692;
    width: 100%;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    a
    .userItemSubject
    .postPriceItem
    h3 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 1.5;
    text-align: left;
    width: 100%;
}
.allProfileIndex .profileIndex .profileIndexTop .profileIndexTopItem ul li i {
    align-items: center;
    cursor: pointer;
    display: grid;
    justify-content: center;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    ul
    li
    i
    svg {
    fill: #000;
    height: 1rem;
    transition: all 0.3s ease-in-out;
    width: 1rem;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    .profileIndexTopItemAddress {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1rem;
    text-align: center;
}
.allProfileIndex
    .profileIndex
    .profileIndexTop
    .profileIndexTopItem
    .profileIndexTopItemAddress
    a {
    border-bottom: 1px dashed #03603c;
    color: #03603c;
}
@media screen and (max-width: 1000px) {
    .allProfileIndex .profileIndex .profileIndexTop {
        grid-template-columns: 1fr;
    }
}
.allProfileIndex .profileIndex label {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1rem;
}
.allProfileIndex .profileIndexPay {
    background: #fff;
    border-radius: 10px;
    margin-top: 1rem;
    overflow: hidden;
}
.allProfileIndex .profileIndexPay table {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 0;
}
.allProfileIndex .profileIndexPay table tr {
    background: #fff;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
}
.allProfileIndex .profileIndexPay table tr:first-child {
    border: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1),
        0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
}
.allProfileIndex .profileIndexPay table tr th {
    box-shadow: 2px 0 2px -2px rgba(0, 0, 0, 0.2);
    color: #000;
    font-size: 0.7rem;
    font-weight: 500;
    overflow: hidden;
    padding: 2rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allProfileIndex .profileIndexPay table tr th svg {
    height: 1rem;
    width: 1rem;
}
.allProfileIndex .profileIndexPay table tr th:first-child {
    border-right: 0;
}
.allProfileIndex .profileIndexPay table tr:first-child {
    box-shadow: 0 0 0 transparent;
}
.allProfileIndex .profileIndexPay table tr:nth-child(odd) {
    background: #f6f8fb;
}
.allProfileIndex .profileIndexPay table tr td {
    grid-gap: 0.5rem;
    align-items: center;
    box-shadow: 2px 0 2px -2px rgba(0, 0, 0, 0.2);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, auto));
    justify-content: center;
    padding: 2rem;
    text-align: center;
}
.allProfileIndex .profileIndexPay table tr td a {
    cursor: pointer;
}
.allProfileIndex .profileIndexPay table tr td a svg {
    height: 1rem;
    width: 1rem;
}
.allProfileIndex .profileIndexPay table tr td span {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
}
.allProfileIndex .profileIndexPay table tr .active {
    align-items: center;
    background: transparent;
    color: #000;
    display: grid;
    font-size: 0.7rem;
    font-weight: 500;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allProfileIndex .profileIndexPay table tr .active:before {
    background-color: #00c58d;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}
.allProfileIndex .profileIndexPay table tr .unActive {
    align-items: center;
    background: transparent;
    color: #000;
    display: grid;
    font-size: 0.7rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allProfileIndex .profileIndexPay table tr .unActive:before {
    background-color: #fc5c63;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}
@media screen and (max-width: 1200px) {
    .allProfileIndex .profileIndexPay table tr td,
    .allProfileIndex .profileIndexPay table tr th {
        padding: 2rem 0;
    }
}
@media screen and (max-width: 700px) {
    .allProfileIndex .profileIndexPay table tr th {
        font-size: 0.55rem;
        padding: 1rem 0;
    }
    .allProfileIndex .profileIndexPay table tr td {
        padding: 1rem 0;
    }
    .allProfileIndex .profileIndexPay table tr td span {
        color: #313131;
        font-size: 0.55rem;
    }
    .allProfileIndex .profileIndexPay table tr td i svg {
        height: 0.5rem;
        width: 0.5rem;
    }
    .allProfileIndex .profileIndexPay table tr td .active,
    .allProfileIndex .profileIndexPay table tr td .unActive {
        font-size: 0.5rem;
    }
    .allProfileIndex .profileIndexPay table tr td .active:before,
    .allProfileIndex .profileIndexPay table tr td .unActive:before {
        position: absolute;
        top: 0;
        visibility: hidden;
    }
}
.allProfileIndex .allUserIndexInfo #upload-image-form .sendImage {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-bottom: 1rem;
    overflow: hidden;
}
.allProfileIndex
    .allUserIndexInfo
    #upload-image-form
    .sendImage
    .dropify-wrapper {
    border: 1px solid #f6f8fb !important;
}
.allProfileIndex
    .allUserIndexInfo
    #upload-image-form
    .sendImage
    .dropify-wrapper
    .file-icon:before {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    visibility: hidden !important;
}
.allProfileIndex
    .allUserIndexInfo
    #upload-image-form
    .sendImage
    .dropify-wrapper
    .dropify-message
    p {
    color: rgba(0, 128, 0, 0.51);
    font-family: irsans;
    font-size: 1.3rem;
    margin: 0;
}
.allProfileIndex .allUserIndexInfo #upload-image-form #upload-image {
    background: #03603c;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    margin-right: 1rem;
    padding: 0.3rem 1.5rem;
}
.allProfileIndex .allUserIndexInfo .allUserIndexInfoPersonal {
    background: #fff;
    border-radius: 10px;
    margin-top: 1rem;
    overflow: hidden;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems {
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
    padding: 1rem;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem
    input,
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem
    textarea {
    background: #f6f8fb;
    border-radius: 0.2rem;
    color: #81858b;
    font-size: 0.9rem;
    height: 2.5rem;
    line-height: 1.571;
    padding: 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem
    textarea {
    height: 10rem;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem
    label {
    color: #000;
    font-size: 0.9rem;
    line-height: 1.692;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem
    h4 {
    align-items: center;
    background: #f6f8fb;
    border-radius: 0.2rem;
    color: #000;
    cursor: pointer;
    display: grid;
    font-weight: 300;
    height: 2.5rem;
    padding-right: 0.5rem;
    width: 100%;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems
    .allUserIndexInfoPersonalItem:first-child {
    border-left: 1px solid #eee;
}
.allProfileIndex
    .allUserIndexInfo
    .allUserIndexInfoPersonal
    .allUserIndexInfoPersonalItems:first-child {
    border-top: 0;
}
.allProfileIndex .allUserIndexInfo .infoButton {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    margin-top: 1rem;
    padding: 0.3rem 0.5rem;
}
.allProfileIndex .profileIndexConverter ul {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.allProfileIndex .profileIndexConverter ul li {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
}
.allProfileIndex .profileIndexConverter ul li h3 {
    color: red;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    text-align: center;
}
.allProfileIndex .profileIndexConverter ul li h4 {
    color: #444;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}
.allProfileIndex .profileIndexConverter ul li h4:nth-last-child(2) {
    font-size: 0.75rem;
}
.allProfileIndex .profileIndexConverter ul li button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.3rem;
    text-align: center;
    width: 100%;
}
.allProfileIndex .profileIndexConverter .discounts {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 2rem;
    padding: 1rem;
}
.allProfileIndex .profileIndexConverter .discounts h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.allProfileIndex .profileIndexConverter .discounts .disItem {
    border-bottom: 1px solid #eee;
    color: #444;
    font-size: 1rem;
    font-weight: 300;
    padding: 1rem 0;
}
.allProfileIndex .profileIndexConverter .discounts .disItem:last-child {
    border-bottom: 0;
}
@media screen and (max-width: 800px) {
    .allProfileIndex {
        display: block;
    }
}
.profileIndexLike label {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1rem;
}
.profileIndexLike ul {
    background: #fff;
    margin-top: 1rem;
}
.profileIndexLike ul li {
    grid-gap: 1rem;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 6.5rem;
    padding: 1rem;
}
.profileIndexLike ul li a {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto 1fr;
}
.profileIndexLike ul li a .userItemPic img {
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3rem;
}
.profileIndexLike ul li a .userItemSubject .userItemSubjectTitle {
    color: #000;
    font-size: 0.8rem;
    font-weight: 400;
    height: 2.5rem;
    overflow: hidden;
}
.profileIndexLike ul li a .userItemSubject .postPriceItem {
    display: grid;
    grid-template-columns: 1fr;
    height: 2.5rem;
    justify-content: left;
    overflow: hidden;
    text-align: left;
}
.profileIndexLike ul li a .userItemSubject .postPriceItem .offPrice {
    display: grid;
    justify-content: left;
}
.profileIndexLike ul li a .userItemSubject .postPriceItem .offPrice s {
    color: #000;
    display: flex;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.692;
    width: 100%;
}
.profileIndexLike ul li a .userItemSubject .postPriceItem h3 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 1.5;
    text-align: left;
    width: 100%;
}
.profileIndexLike ul li i {
    align-items: center;
    cursor: pointer;
    display: grid;
    justify-content: center;
}
.profileIndexLike ul li i svg {
    fill: #000;
    height: 1rem;
    transition: all 0.3s ease-in-out;
    width: 1rem;
}
.allProduct table {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    width: 100%;
}
.allProduct table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.allProduct table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allProduct table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.allProduct table tr td svg {
    fill: #000;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}
.allProduct table tr td img {
    border-radius: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.5rem;
}
.allProduct table tr td a {
    align-items: center;
    display: grid;
}
.allProduct table tr td a svg {
    margin-left: 0.5rem;
}
.allProduct table tr .buttons {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto auto auto;
}
.allProduct table tr .buttons button {
    background: red;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allProduct table tr .buttons a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allProduct table tr .buttons a:nth-child(2) {
    background: #03603c;
}
.allProduct table tr:nth-child(2n) {
    background: #f6f8fb;
}
.allShowPay,
.showOrder {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 1rem;
}
.allShowPay .topShowPay .title,
.showOrder .topShowPay .title {
    grid-gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    justify-content: right;
    padding-bottom: 1rem;
}
.allShowPay .topShowPay .title h2,
.showOrder .topShowPay .title h2 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
.allShowPay .topShowPay .title span,
.showOrder .topShowPay .title span {
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
    padding: 0.2rem 1rem;
}
.allShowPay .topShowPay .title button,
.showOrder .topShowPay .title button {
    grid-gap: 0.5rem;
    align-items: center;
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    grid-template-columns: auto auto;
    justify-content: right;
    padding: 0.3rem 1rem;
}
.allShowPay .topShowPay .title button svg,
.showOrder .topShowPay .title button svg {
    fill: #fff;
    height: 1rem;
    width: 1rem;
}
@media screen and (max-width: 500px) {
    .allShowPay .topShowPay .title h2,
    .showOrder .topShowPay .title h2 {
        font-size: 1rem;
    }
    .allShowPay .topShowPay .title span,
    .showOrder .topShowPay .title span {
        font-size: 0.7rem;
    }
}
.allShowPay .topShowPay .detail .items,
.showOrder .topShowPay .detail .items {
    grid-gap: 1.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: right;
    margin-top: 1rem;
}
.allShowPay .topShowPay .detail .items .item,
.showOrder .topShowPay .detail .items .item {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allShowPay .topShowPay .detail .items .item h5,
.showOrder .topShowPay .detail .items .item h5 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.7;
}
.allShowPay .topShowPay .detail .items .item div,
.showOrder .topShowPay .detail .items .item div {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
}
.allShowPay .topShowPay .detail .items .item .active,
.showOrder .topShowPay .detail .items .item .active {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allShowPay .topShowPay .detail .items .item .active:before,
.showOrder .topShowPay .detail .items .item .active:before {
    background: #03603c;
    border-radius: 5rem;
    content: "";
    height: 10px;
    width: 10px;
}
.allShowPay .topShowPay .detail .items .item .unActive,
.showOrder .topShowPay .detail .items .item .unActive {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allShowPay .topShowPay .detail .items .item .unActive:before,
.showOrder .topShowPay .detail .items .item .unActive:before {
    background: red;
    border-radius: 5rem;
    content: "";
    height: 10px;
    width: 10px;
}
@media screen and (max-width: 700px) {
    .allShowPay .topShowPay .detail .items,
    .showOrder .topShowPay .detail .items {
        grid-template-columns: 1fr;
    }
}
.allShowPay .topShowPay .detail .botDetail,
.allShowPay .topShowPay .detail .topDetail,
.showOrder .topShowPay .detail .botDetail,
.showOrder .topShowPay .detail .topDetail {
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.allShowPay .topShowPay .trackPay,
.showOrder .topShowPay .trackPay {
    grid-gap: 0.5rem;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 1rem;
}
.allShowPay .topShowPay .trackPay span,
.showOrder .topShowPay .trackPay span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.7;
}
.allShowPay .topShowPay .trackPay p,
.showOrder .topShowPay .trackPay p {
    background: #f5f5f5;
    border-radius: 5px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.7;
    padding: 0.5rem;
}
.allShowPay .topShowPay .trackPay h4,
.allShowPay .topShowPay .trackPay label,
.showOrder .topShowPay .trackPay h4,
.showOrder .topShowPay .trackPay label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allShowPay .allShowPayContainer .topContainer,
.showOrder .allShowPayContainer .topContainer {
    margin-top: 3rem;
    padding-bottom: 3rem;
}
.allShowPay .allShowPayContainer .topContainer .code,
.allShowPay .allShowPayContainer .topContainer .level,
.showOrder .allShowPayContainer .topContainer .code,
.showOrder .allShowPayContainer .topContainer .level {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-bottom: 3rem;
}
.allShowPay .allShowPayContainer .topContainer .code h3,
.allShowPay .allShowPayContainer .topContainer .level h3,
.showOrder .allShowPayContainer .topContainer .code h3,
.showOrder .allShowPayContainer .topContainer .level h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    opacity: 0.7;
}
.allShowPay .allShowPayContainer .topContainer .code span,
.allShowPay .allShowPayContainer .topContainer .level span,
.showOrder .allShowPayContainer .topContainer .code span,
.showOrder .allShowPayContainer .topContainer .level span {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}
.allShowPay .allShowPayContainer .topContainer .code,
.showOrder .allShowPayContainer .topContainer .code {
    margin-bottom: 0;
    margin-top: 3rem;
}
.allShowPay .allShowPayContainer .topContainer .rateItemsCount,
.showOrder .allShowPayContainer .topContainer .rateItemsCount {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2rem, auto));
    justify-content: center;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem {
    height: 5px;
    position: relative;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    svg,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    svg {
    height: 1.8rem;
    width: 1.8rem;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemBar,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemBar {
    background: #f6f8fb;
    height: 5px;
    width: 5rem;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemBarActive,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemBarActive {
    background: #03603c;
    height: 5px;
    width: 5rem;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircle,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircle {
    align-items: center;
    background-color: #eee;
    border: 2px solid #eee;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    height: 3rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    z-index: 2;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircleActives,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircleActives {
    align-items: center;
    background-color: #03603c;
    border: 2px solid #f6f8fb;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    height: 3rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    z-index: 2;
}
.allShowPay
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircleActive,
.showOrder
    .allShowPayContainer
    .topContainer
    .rateItemsCount
    .rateItemsCountItem
    .rateItemsCountItemCircleActive {
    -webkit-box-align: center;
    align-items: center;
    background: #03603c;
    border: none;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: grid;
    height: 3rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    z-index: 4;
}
@media screen and (max-width: 500px) {
    .allShowPay
        .allShowPayContainer
        .topContainer
        .rateItemsCount
        .rateItemsCountItem
        .rateItemsCountItemCircleActive,
    .allShowPay
        .allShowPayContainer
        .topContainer
        .rateItemsCount
        .rateItemsCountItem
        .rateItemsCountItemCircleActives,
    .showOrder
        .allShowPayContainer
        .topContainer
        .rateItemsCount
        .rateItemsCountItem
        .rateItemsCountItemCircleActive,
    .showOrder
        .allShowPayContainer
        .topContainer
        .rateItemsCount
        .rateItemsCountItem
        .rateItemsCountItemCircleActives {
        height: 2.5rem;
        width: 2.5rem;
    }
}
.allShowPay .allShowPayContainer .topContainer .rateItemsCount span,
.showOrder .allShowPayContainer .topContainer .rateItemsCount span {
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
}
.allShowPay .allShowPayContainer .topContainer .cashBacks,
.showOrder .allShowPayContainer .topContainer .cashBacks {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 2rem;
}
.allShowPay .allShowPayContainer .topContainer .cashBacks button,
.showOrder .allShowPayContainer .topContainer .cashBacks button {
    background: #fff;
    border: 1px solid #03603c;
    border-radius: 5px;
    color: #03603c;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
}
.allShowPay .allShowPayContainer .topContainer .cashBacks .active,
.showOrder .allShowPayContainer .topContainer .cashBacks .active {
    background: #03603c;
    color: #fff;
}
.allShowPay .allShowPayContainer .abilityPost,
.showOrder .allShowPayContainer .abilityPost {
    background: #f1f4f9;
    border-radius: 0.2rem;
    margin-bottom: 1rem;
    padding: 1rem;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTitle,
.showOrder .allShowPayContainer .abilityPost .abilityTitle {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    font-size: 1rem;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: space-between;
    opacity: 0.7;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable,
.showOrder .allShowPayContainer .abilityPost .abilityTable {
    background: #f6f8fb;
    border-radius: 0.3rem;
    box-shadow: 0 0 0 0;
    display: grid;
    grid-template-columns: 1fr;
    margin: 1rem 0;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li,
.showOrder .allShowPayContainer .abilityPost .abilityTable li {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 6.5rem;
    min-height: 3.5rem;
    overflow: unset;
    padding: 0 1rem;
    text-align: right;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li h4,
.showOrder .allShowPayContainer .abilityPost .abilityTable li h4 {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.7;
    text-align: center;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li a,
.showOrder .allShowPayContainer .abilityPost .abilityTable li a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li .pays,
.showOrder .allShowPayContainer .abilityPost .abilityTable li .pays {
    opacity: 0.4;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li .activeF,
.showOrder .allShowPayContainer .abilityPost .abilityTable li .activeF {
    color: red;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li .activeS,
.showOrder .allShowPayContainer .abilityPost .abilityTable li .activeS {
    color: #03603c;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li i,
.showOrder .allShowPayContainer .abilityPost .abilityTable li i {
    cursor: pointer;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li i svg,
.showOrder .allShowPayContainer .abilityPost .abilityTable li i svg {
    fill: #000;
    height: 1rem;
    width: 1rem;
}
.allShowPay
    .allShowPayContainer
    .abilityPost
    .abilityTable
    li
    input:first-child,
.showOrder
    .allShowPayContainer
    .abilityPost
    .abilityTable
    li
    input:first-child {
    border: 1px solid #eee;
    border-radius: 0.3rem;
    color: #000;
    font-size: 0.7rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allShowPay
    .allShowPayContainer
    .abilityPost
    .abilityTable
    li
    input:first-child:focus,
.showOrder
    .allShowPayContainer
    .abilityPost
    .abilityTable
    li
    input:first-child:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 #eee;
}
.allShowPay .allShowPayContainer .abilityPost .abilityTable li:nth-child(2),
.showOrder .allShowPayContainer .abilityPost .abilityTable li:nth-child(2) {
    border-top: 2px solid #eee;
}
.allShowPay .allShowPayContainer .items,
.showOrder .allShowPayContainer .items {
    background: #f6f8fb;
    border-radius: 10px;
    padding: 1rem;
}
.allShowPay .allShowPayContainer .items .title,
.showOrder .allShowPayContainer .items .title {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.allShowPay .allShowPayContainer .items .item,
.showOrder .allShowPayContainer .items .item {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
}
.allShowPay .allShowPayContainer .items .item .cartDetailPic img,
.showOrder .allShowPayContainer .items .item .cartDetailPic img {
    height: 8rem;
    max-width: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 0.5rem;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    span,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    span {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    opacity: 0.7;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    i,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    i {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    i
    svg,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    i
    svg {
    fill: #000;
    height: 1.1rem;
    opacity: 0.7;
    width: 1.1rem;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    h3,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem
    h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem:first-child,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartDetailInfoItem:first-child {
    display: block;
    margin-top: 0;
}
.allShowPay .allShowPayContainer .items .item .cartDetailInfo .cartCount,
.showOrder .allShowPayContainer .items .item .cartDetailInfo .cartCount {
    grid-gap: 0.5rem;
    align-items: center;
    color: #000;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: left;
}
.allShowPay .allShowPayContainer .items .item .cartDetailInfo .cartCount button,
.showOrder .allShowPayContainer .items .item .cartDetailInfo .cartCount button {
    align-items: center;
    background: red;
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
    color: #fff;
    display: grid;
    font-size: 0.8rem;
    height: 1.3rem;
    justify-content: center;
    padding: 0 1rem;
}
.allShowPay
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartCount
    button:first-child,
.showOrder
    .allShowPayContainer
    .items
    .item
    .cartDetailInfo
    .cartCount
    button:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0.2rem;
    font-size: 0.8rem;
}
.allShowPay .allShowPayContainer .items .item .cartDetailInfo .cartDelete,
.showOrder .allShowPayContainer .items .item .cartDetailInfo .cartDelete {
    left: 0.5rem;
    position: absolute;
    top: 0.5rem;
}
.allShowPay .allShowPayContainer .items .item .cartDetailInfo .cartDelete svg,
.showOrder .allShowPayContainer .items .item .cartDetailInfo .cartDelete svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allShowPay .allShowPayContainer .items .item:last-child,
.showOrder .allShowPayContainer .items .item:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 500px) {
    .allShowPay .allShowPayContainer .items .item,
    .showOrder .allShowPayContainer .items .item {
        grid-template-columns: 1fr;
    }
    .allShowPay .allShowPayContainer .items .item .cartDetailPic,
    .showOrder .allShowPayContainer .items .item .cartDetailPic {
        display: grid;
        justify-content: center;
    }
}
.allShowPay .printPay,
.showOrder .printPay {
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.showOrder {
    margin: 1rem auto auto;
    padding: 0;
}
.profileIndexTicket h1 {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.profileIndexTicket h6 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.profileIndexTicket .alert {
    background: rgba(0, 128, 0, 0.26);
    border-radius: 0.3rem;
    color: #006200;
    font-size: 0.85rem;
    font-weight: 300;
    margin: 1rem 0;
    padding: 1rem;
}
.profileIndexTicket .referralCode {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px #eee;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 1rem;
    padding: 1rem;
}
.profileIndexTicket .referralCode h5,
.profileIndexTicket .referralCode span {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
}
.profileIndexTicket .referralCode h5 {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0.5rem;
}
.profileIndexTicket .containerSub {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 1rem;
}
.profileIndexTicket .containerSub table {
    margin-bottom: 0;
}
.profileIndexTicket .emptyUser {
    color: #03603c;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 1rem 0;
    text-align: center;
}
.profileIndexTicket table {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 1rem;
    width: 100%;
}
.profileIndexTicket table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.profileIndexTicket table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profileIndexTicket table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.profileIndexTicket table tr td svg {
    fill: #000;
    cursor: pointer;
    height: 1rem;
    width: 1rem;
}
.profileIndexTicket table tr td img {
    border-radius: 5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.5rem;
}
.profileIndexTicket table tr td a {
    align-items: center;
    display: grid;
}
.profileIndexTicket table tr td a svg {
    margin-left: 0.5rem;
}
.profileIndexTicket table tr .buttons {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto auto;
}
.profileIndexTicket table tr .buttons a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.profileIndexTicket table tr .buttons button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.profileIndexTicket table tr .buttons button:last-child {
    background: red;
}
.profileIndexTicket table tr:nth-child(2n) {
    background: #f6f8fb;
}
@media screen and (max-width: 700px) {
    .profileIndexTicket table tr {
        grid-gap: 0.5rem;
        padding: 0.5rem;
    }
    .profileIndexTicket table tr td,
    .profileIndexTicket table tr th {
        font-size: 0.5rem;
    }
    .profileIndexTicket table tr td svg {
        height: 0.7rem;
        width: 0.7rem;
    }
    .profileIndexTicket table tr .buttons {
        display: block;
    }
    .profileIndexTicket table tr .buttons a,
    .profileIndexTicket table tr .buttons button {
        font-size: 0.5rem;
    }
}
.profileIndexTicket .popUp {
    background: rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4000;
}
.profileIndexTicket .popUp .popUpItem {
    background: #fff;
    border-radius: 0.4rem;
    margin: auto;
    padding: 1rem;
    position: relative;
    width: 40%;
}
.profileIndexTicket .popUp .popUpItem .title {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}
.profileIndexTicket .popUp .popUpItem p {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    margin-top: 0.5rem;
    text-align: center;
}
.profileIndexTicket .popUp .popUpItem .buttonsPop {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 2rem;
}
.profileIndexTicket .popUp .popUpItem .buttonsPop button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    padding: 0.3rem 1rem;
}
.profileIndexTicket .popUp .popUpItem .buttonsPop button:nth-child(2) {
    background: red;
}
.profileIndexTicket .showTicket {
    background: rgba(0, 0, 0, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4000;
}
.profileIndexTicket .showTicket .ticketData {
    background: #fff;
    border-radius: 0.4rem;
    margin: auto;
    padding: 1rem;
    position: relative;
    width: 40%;
}
.profileIndexTicket .showTicket .ticketData .itemsAnswer {
    margin-top: 2rem;
}
.profileIndexTicket .showTicket .ticketData h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.profileIndexTicket .showTicket .ticketData p {
    background: #f6f8fb;
    border-radius: 5px;
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 0.5rem;
}
.profileIndexTicket .showTicket .ticketData .buttonsPop {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 2rem;
}
.profileIndexTicket .showTicket .ticketData .buttonsPop button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9rem;
    padding: 0.3rem 1rem;
}
.profileIndexTicket .showTicket .ticketData .buttonsPop button:nth-child(2) {
    background: red;
}
.allChargeIndex .chargeWidgets {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.allChargeIndex .chargeWidgets .WidgetItem {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    display: grid;
    grid-template-columns: auto 1fr;
    overflow: hidden;
    padding: 1rem;
    position: relative;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetIcon {
    align-items: center;
    display: grid;
    justify-content: center;
    position: relative;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetIcon svg {
    height: 4rem;
    width: 4rem;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetSubject {
    position: relative;
    z-index: 5;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetSubject h4 {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetSubject h5 {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    margin-top: 0.5rem;
    opacity: 0.7;
}
.allChargeIndex .chargeWidgets .WidgetItem .WidgetSubject h5 span {
    letter-spacing: 0.2px;
}
.allChargeIndex .chargePrice {
    grid-gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-top: 1rem;
    overflow: hidden;
    padding: 1rem;
    position: relative;
}
.allChargeIndex .chargePrice .right {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: right;
}
.allChargeIndex .chargePrice .right label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.allChargeIndex .chargePrice .right input {
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    height: 2.2rem;
    padding: 0.3rem 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 20rem;
}
.allChargeIndex .chargePrice .right input:focus {
    border: 1px solid #19bfd3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.allChargeIndex .chargePrice .right button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 300;
    height: 2.2rem;
    padding: 0.3rem 1rem;
}
.allChargeIndex .chargePrice .left h4 {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    opacity: 0.7;
}
.allChargeIndex table {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    margin-top: 1rem;
    width: 100%;
}
.allChargeIndex table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.allChargeIndex table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allChargeIndex table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.allChargeIndex table tr:nth-child(2n) {
    background: #f6f8fb;
}
.allPageIndex {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin: 1rem auto auto;
    padding: 1rem;
}
.allPageIndex h1 {
    border-bottom: 4px dashed #eee;
    color: #03603c;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}
.allPageIndex .description p {
    border-radius: 10px;
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    line-height: 2.25;
}
.allPageIndex .description .image {
    display: grid;
    justify-content: center;
}
.allTracking {
    margin: auto;
}
.allTracking .trackingTitle {
    background: #03603c;
    margin-top: -3.5rem;
    padding-bottom: 2rem;
    padding-top: 5rem;
}
.allTracking .trackingTitle h4 {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    margin: auto;
}
.allTracking .trackingData {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 2rem auto auto;
    padding: 1rem;
}
.allTracking .trackingData p {
    color: #000;
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 1rem;
    opacity: 0.7;
}
.allTracking .trackingData .trackingItems {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
}
.allTracking .trackingData .trackingItems .trackingItem label {
    color: #000;
    display: grid;
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}
.allTracking .trackingData .trackingItems .trackingItem input {
    border: 1px solid #dfe3e7;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allTracking .trackingData .trackingItems .trackingItem input:focus {
    border: 1px solid #03603c;
}
.allTracking .trackingData .buttons button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    padding: 0.3em 0.5rem;
}
.allTracking .payTracked {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
    margin: 2rem auto auto;
    padding: 1rem;
}
.allTracking .payTracked .trackedTitle {
    border-bottom: 2px solid #eee;
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
}
.allTracking .payTracked table {
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-top: 1rem;
    width: 100%;
}
.allTracking .payTracked table tr {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    padding: 1rem;
}
.allTracking .payTracked table tr th {
    align-items: center;
    color: #000;
    display: grid;
    font-size: 0.85rem;
    font-weight: 700;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.allTracking .payTracked table tr td {
    color: #000;
    font-size: 0.85rem;
    font-weight: 300;
    text-align: center;
}
.allTracking .payTracked table tr td a {
    align-items: center;
    display: grid;
}
.allTracking .payTracked table tr td .active {
    align-items: center;
    background: transparent;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
}
.allTracking .payTracked table tr td .active:before {
    background-color: #00c58d;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}
.allTracking .payTracked table tr td .unActive {
    align-items: center;
    background: transparent;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
}
.allTracking .payTracked table tr td .unActive:before {
    background-color: #fc5c63;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}
.allTracking .payTracked table tr .buttons {
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: auto auto auto;
}
.allTracking .payTracked table tr .buttons button {
    background: red;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allTracking .payTracked table tr .buttons a {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.3rem;
}
.allTracking .payTracked table tr .buttons a:nth-child(2) {
    background: #03603c;
}
.allTracking .payTracked table tr:nth-child(2n) {
    background: #eee;
}
@media screen and (max-width: 700px) {
    .allTracking .payTracked table tbody {
        display: grid;
        overflow-x: scroll;
        width: 19rem;
    }
    .allTracking .payTracked table tbody tr {
        grid-gap: 0.5rem;
        grid-template-columns: repeat(7, auto);
        padding: 0.5rem;
    }
    .allTracking .payTracked table tbody tr td,
    .allTracking .payTracked table tbody tr th {
        font-size: 0.7rem;
        font-weight: 300;
        min-width: 8rem;
    }
}
.allQuickBuy {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allQuickBuy .quickBuy {
    background: #fff;
    border-radius: 5px;
    display: none;
    left: 50%;
    margin: 1rem auto auto;
    padding: 0.5rem 1rem 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.allQuickBuy .quickBuy .title {
    align-items: center;
    border-bottom: 2px dashed #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.allQuickBuy .quickBuy .title h3 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allQuickBuy .quickBuy .title i {
    align-items: center;
    cursor: pointer;
    display: grid;
}
.allQuickBuy .quickBuy .title i svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allQuickBuy .quickBuy .productQuick {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}
.allQuickBuy .quickBuy .productQuick .pic {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: grid;
    padding: 0.5rem;
}
.allQuickBuy .quickBuy .productQuick .pic img {
    height: 8rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 8rem;
}
.allQuickBuy .quickBuy .productQuick .description h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: 7rem 1fr;
    margin-top: 1rem;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd .swatch input {
    display: none;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .swatch-element {
    float: right;
    margin: 5px 8px 0 0;
    position: relative;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .color
    label {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    height: 42px;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    width: 42px;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .color
    label
    span {
    border-radius: 50%;
    display: block;
    height: 26px;
    position: relative;
    width: 26px;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .color
    label
    span:after {
    background: transparent
        url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS42NTkgMy4yMjUuNDI3IDQuNGwzLjc3IDMuOTQ3IDcuMjc3LTYuOTUyTDEwLjI5OC4xNjQgNC4yNTIgNS45MzkgMS42NiAzLjIyNVoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")
        no-repeat 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .color
    input:checked
    + label
    span:after {
    opacity: 1;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    input:not(:checked)
    + label {
    border-color: #edeff2 !important;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd .crossed-out {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.allQuickBuy .quickBuy .productQuick .description .optionAdd .swatch .tooltip {
    background-color: rgba(22, 22, 26, 0.93);
    border-radius: 2px;
    bottom: 100%;
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    color: #fff;
    display: block;
    filter: alpha(opacity=0);
    left: -23px;
    margin-bottom: 15px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transform: translateY(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    width: 100px;
    z-index: 10000;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .tooltip:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(22, 22, 26, 0.93);
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.allQuickBuy
    .quickBuy
    .productQuick
    .description
    .optionAdd
    .swatch
    .swatch-element:hover
    .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.allQuickBuy .quickBuy .productQuick .description .countQuick {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: 7rem 1fr auto;
}
.allQuickBuy .quickBuy .productQuick .description output {
    color: #03603c;
    font-size: 0.8rem;
    font-weight: 300;
}
.allQuickBuy .quickBuy .addressQuick {
    margin-top: 1rem;
}
.allQuickBuy .quickBuy .addressQuick .itemAddress {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    grid-template-columns: 10rem 1fr;
}
.allQuickBuy .quickBuy .addressQuick .itemAddress label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allQuickBuy .quickBuy .addressQuick .itemAddress input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allQuickBuy .quickBuy .optionAdd {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-columns: 9rem 1fr;
    margin-top: 1rem;
}
.allQuickBuy .quickBuy .optionAdd label {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
}
.allQuickBuy .quickBuy .optionAdd select {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allQuickBuy .quickBuy .optionAdd .swatch input {
    display: none;
}
.allQuickBuy .quickBuy .optionAdd .swatch .swatch-element {
    float: right;
    margin: 5px 8px 0 0;
    position: relative;
}
.allQuickBuy .quickBuy .optionAdd .swatch .color label {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    height: 42px;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    width: 42px;
}
.allQuickBuy .quickBuy .optionAdd .swatch .color label span {
    border-radius: 50%;
    display: block;
    height: 26px;
    position: relative;
    width: 26px;
}
.allQuickBuy .quickBuy .optionAdd .swatch .color label span:after {
    background: transparent
        url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS42NTkgMy4yMjUuNDI3IDQuNGwzLjc3IDMuOTQ3IDcuMjc3LTYuOTUyTDEwLjI5OC4xNjQgNC4yNTIgNS45MzkgMS42NiAzLjIyNVoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")
        no-repeat 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allQuickBuy
    .quickBuy
    .optionAdd
    .swatch
    .color
    input:checked
    + label
    span:after {
    opacity: 1;
}
.allQuickBuy .quickBuy .optionAdd .swatch input:not(:checked) + label {
    border-color: #edeff2 !important;
}
.allQuickBuy .quickBuy .optionAdd .crossed-out {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.allQuickBuy .quickBuy .optionAdd .swatch .tooltip {
    background-color: rgba(22, 22, 26, 0.93);
    border-radius: 2px;
    bottom: 100%;
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    color: #fff;
    display: block;
    filter: alpha(opacity=0);
    left: -23px;
    margin-bottom: 15px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transform: translateY(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    width: 100px;
    z-index: 10000;
}
.allQuickBuy .quickBuy .optionAdd .swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.allQuickBuy .quickBuy .optionAdd .swatch .tooltip:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(22, 22, 26, 0.93);
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.allQuickBuy .quickBuy .optionAdd .swatch .swatch-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.allQuickBuy .quickBuy .captchaQuick {
    display: grid;
    justify-content: center;
    margin-top: 1rem;
}
.allQuickBuy .quickBuy .buyFast {
    grid-gap: 1rem;
    align-items: center;
    border-top: 2px dashed #eee;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-top: 1rem;
    padding-top: 1rem;
}
.allQuickBuy .quickBuy .buyFast .right h4 {
    color: #707070;
    font-size: 0.8rem;
    font-weight: 300;
}
.allQuickBuy .quickBuy .buyFast .right h4 span {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.8;
}
.allQuickBuy .quickBuy .buyFast .right h5 {
    color: #707070;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}
.allQuickBuy .quickBuy .buyFast .right h5,
.allQuickBuy .quickBuy .buyFast .right h5 span {
    grid-gap: 0.5rem;
    align-items: center;
    display: grid;
    font-weight: 300;
    grid-template-columns: auto auto;
    justify-content: right;
}
.allQuickBuy .quickBuy .buyFast .right h5 span {
    color: #03603c;
    font-size: 1rem;
}
.allQuickBuy .quickBuy .buyFast .right h5 span:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    box-sizing: inherit;
    content: "\f06c︎";
    display: flex;
    font-family: digikala;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.allQuickBuy .quickBuy .buyFast .left button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 0.3rem 1rem;
}
@media screen and (max-width: 800px) {
    .allQuickBuy .quickBuy {
        left: 0;
        margin-top: 0;
        right: 0;
        top: 0;
        transform: none;
        width: 98%;
    }
    .allQuickBuy .quickBuy .productQuick {
        grid-template-columns: 1fr;
    }
    .allQuickBuy .quickBuy .productQuick .pic {
        justify-content: center;
    }
    .allQuickBuy .quickBuy .buyFast {
        grid-template-columns: 1fr;
    }
    .allQuickBuy .quickBuy .buyFast .left {
        display: grid;
    }
}
.allCounseling {
    background: hsla(0, 0%, 53%, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.allCounseling .counselingFast {
    background: #fff;
    border-radius: 5px;
    display: none;
    left: 50%;
    margin: auto;
    padding: 0.5rem 1rem 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}
.allCounseling .counselingFast .title {
    align-items: center;
    border-bottom: 2px dashed #eee;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.allCounseling .counselingFast .title h3 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
}
.allCounseling .counselingFast .title i {
    align-items: center;
    cursor: pointer;
    display: grid;
}
.allCounseling .counselingFast .title i svg {
    fill: #000;
    height: 1.5rem;
    width: 1.5rem;
}
.allCounseling .counselingFast .counselingTitleProduct {
    background: #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 0.5rem;
}
.allCounseling .counselingFast .counselingFastData {
    margin-top: 1rem;
}
.allCounseling .counselingFast .counselingFastData label {
    color: #000;
    display: grid;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.allCounseling .counselingFast .counselingFastData input,
.allCounseling .counselingFast .counselingFastData textarea {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    outline: transparent;
    padding: 0.4rem 0.5rem;
    resize: vertical;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.allCounseling .counselingFast .captchaQuick {
    display: grid;
    justify-content: center;
    margin-top: 1rem;
}
.allCounseling .counselingFast button {
    background: #03603c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 1rem;
    padding: 0.3rem 1rem;
}
@media screen and (max-width: 800px) {
    .allCounseling .counselingFast {
        width: 98%;
    }
}
.allPaginateHome {
    display: grid;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.allPaginateHome .pages {
    grid-gap: 1rem;
    grid-template-columns: repeat(10, auto);
}
.allPaginateHome .pages,
.allPaginateHome .pages div {
    align-items: center;
    display: grid;
    justify-content: center;
}
.allPaginateHome .pages div {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #000;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 300;
    height: 2.3rem;
    width: 2.3rem;
}
.allPaginateHome .pages div svg {
    fill: #000;
    height: 0.8rem;
    width: 0.8rem;
}
.allPaginateHome .pages .true {
    background: #03603c;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .allSingleIndex .detailProduct .property ul li p {
        background: #f5f5f5;
        margin-left: 0 !important;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

@media screen and (max-width: 800px) {
    .allSingleIndex .detailProduct .property ul li p {
        background: #f5f5f5;
        margin-left: unset !important;
        margin-top: 0.5rem;
    }
}