:root {
    --mainprimarycolor: #e92627;
    --border-radius: 5px;
}

.main-notifcation .notification {
    padding: 0 !important;
}

.main-notifcation a {
    text-decoration: none;
    color: #000;
}

    .main-notifcation a:visited {
        color: #000;
    }

.main-notifcation .box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    border-radius: 5px;
}

.main-notifcation .box::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.main-notifcation .box::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 5px;
}

.main-notifcation header {
    box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    height: 110px;
    vertical-align: middle;
}

.main-notifcation h1 {
    float: left;
    padding: 10px 30px;
}

.main-notifcation body {
    margin: 0;
    padding: 0;
    font-family: "Raleway", sans-serif;
}

.main-notifcation .icons {
    display: inline;
    float: right;
}

.main-notifcation .notification {
    padding-top: 30px;
    position: relative;
    display: inline-block;
}

.main-notifcation .number {
    height: 22px;
    width: 22px;
    background-color: var(--mainprimarycolor);
    border-radius: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 23px;
    left: 60px;
    padding: 3px;
    border-style: solid;
    border-width: 2px;
}

    .main-notifcation .number:empty {
        display: none;
    }

.main-notifcation .notBtn {
    transition: 0.5s;
    cursor: pointer;
}

.main-notifcation .fas {
    font-size: 25pt;
    padding-bottom: 10px;
    color: #000;
    margin-right: 40px;
    margin-left: 40px;
}

.main-notifcation .box {
    width: 350px;
    height: 0px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    overflow-y: scroll;
    padding: 0px;
    left: -300px;
    margin-top: 5px;
    background-color: #fff;
    box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    cursor: context-menu;
}

.main-notifcation .fas:hover {
    color: var(--mainprimarycolor);
}

.main-notifcation .notBtn:hover > .box {
    height: 60vh;
}

.main-notifcation .content {
    padding: 20px;
    color: #000;
    vertical-align: middle;
    text-align: left;
}

.main-notifcation .gry {
    background-color: #f4f4f4;
}

.main-notifcation .top {
    color: #000;
    padding: 10px;
}

.main-notifcation .display {
    position: relative;
}

.main-notifcation .cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
}

    .main-notifcation .cont:empty {
        display: none;
    }

.main-notifcation .stick {
    text-align: center;
    display: block;
    font-size: 50pt;
    padding-top: 70px;
    padding-left: 80px;
}

    .main-notifcation .stick:hover {
        color: #000;
    }

.main-notifcation .cent {
    text-align: center;
    display: block;
}

.main-notifcation .sec {
    padding: 15px;
    background-color: #fff;
    transition: 0.5s;
    text-align: left;
}

.main-notifcation .profCont {
    padding-left: 15px;
}

.main-notifcation .profile {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 75px;
    float: left;
}

.main-notifcation .txt {
    font-size: 14px;
}

.main-notifcation .notify-title {
    font-weight: bold;
    color: #4d4d4d !important;
}

.main-notifcation .sub {
    padding-top: 8px;
    font-size: 12px;
    color: #999;
}

.main-notifcation .sec:hover {
    background-color: #f2f2f2;
    border-bottom: 0.01px solid #d3d3d3;
    border-top: 0.01px solid #d3d3d3;
}

.main-notifcation .header-links a {
    width: 100%;
}

.main-notifcation .notify-right {
    width: 50%;
    display: flex;
    justify-content: right;
    align-self: center;
    color: #999;
}

.main-notifcation .view-more {
    color: var(--mainprimarycolor) !important;
}

.main-notifcation .bottom-notify {
    border-top: 0.01px solid #d3d3d3;
}

.header-links-wrapper {
    display: flex;
    height: 47px;
}

    .header-links-wrapper .header-links {
        align-self: center;
    }

    .header-links-wrapper .cart-items {
        padding-right: 15px;
    }

.flex {
    display: flex;
}

.space-btwn {
    justify-content: space-between;
}

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

.header-logo {
    width: 20% !important;
}

.header-links-wrapper {
    width: auto !important;
}

.header-lower .search-box {
    width: 50% !important;
}

.main-live-home {
    display: flex;
    justify-content: space-around;
    flex-direction: inherit !important;
    background: white;
    margin-left: -6vw;
    margin-right: -6vw;
    padding-bottom: 70px;
}

@media (max-width: 1024px) {
    .main-live-home {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.main-live-home .right-section-stream {
    width: 50%;
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {
    .main-live-home .right-section-stream {
        width: 100%;
    }
}

.main-live-home .left-section-content {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: center;
}

@media (max-width: 1024px) {
    .main-live-home .left-section-content {
        padding-top: 50px;
        width: 100%;
        justify-content: center;
    }
}

.main-live-home .left-section-content .container-default {
    text-align: center;
    width: 50%;
}

.main-live-home .main-title-section {
    font-weight: bold;
    font-size: 34px;
    color: #353535;
}

.main-live-home .sub-title-section {
    padding: 20px 0px;
    font-size: 16px;
    line-height: 26px;
    color: #353535;
}

.button-1,
.eu-cookie-bar-notification button,
.login-form-in-header .login-button,
.category-navigation-list-wrapper:hover .category-navigation-title,
.category-navigation-list-wrapper.menuItemsAreClickable.opened
.category-navigation-title,
.newsletter-email .newsletter-subscribe-button,
.home-page-polls .poll button,
.contact-vendor-button,
.item-box .buttons .button-2:hover,
.grouped-btn:hover,
.write-review .title strong,
.comment-form-btn strong,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.qq-uploader .qq-upload-button,
.blog-posts .read-more,
.news-items .read-more,
.forums-table-section .view-all a,
.topic-post .post-actions .quote-post-button,
.ropc .complete-button button,
.spc-categories .category-picture .spc-to-all-products,
.jCarouselMainWrapper .slick-dots .slick-active button,
.sale-of-the-day-offer .owl-dot.active,
.spc .slick-dots .slick-active button {
    background-color: var(--mainprimarycolor) !important;
}

.best-seller-section-main .picture-center-content {
    display: flex;
    justify-content: center;
    height: 220px;
}

@media (max-width: 767px) {
    .best-seller-section-main .picture-center-content {
        height: 200px;
    }
}

.best-seller-section-main .title-best-seller {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.best-seller-section-main .container-best-seller .product-title {
    display: flex;
    align-items: center;
}

.best-seller-section-main .parent {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1280px) {
    .best-seller-section-main .parent {
        margin: 0 70px;
    }
}

@media (max-width: 768px) {
    .about-leadingsection {
        padding-top: 0 !important;
    }

    .abt-client-title {
        margin-top: 100px !important;
    }

    .Innovation-flipcard {
        position: absolute;
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 40px;
    }

    .flip-card-back-container ul {
        padding-bottom: 3px !important;
    }

    .flip-card-whatwedo .title-content {
        font-size: 14px !important;
        padding-bottom: 8px !important;
    }

    .flip-card-whatwedo {
        height: 180px !important;
    }

    .best-seller-section-main .parent {
        margin: 0 60px;
    }

    .aboutus-content-main {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }

    .aboutus-content-title {
        transform: translate(0px, -80px) !important;
    }
}

@media (max-width: 425px) {
    .best-seller-section-main .parent {
        margin: 0 20px;
    }
}

.best-seller-section-main .child {
    flex: 0 0 auto;
    width: 25%;
    min-width: 0;
    max-width: 100%;
    padding-left: 16px;
    padding-top: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .best-seller-section-main .child {
        width: 50%;
        margin: 0px;
        padding: 0;
    }
}

@media (max-width: 375px) {
    .best-seller-section-main .child {
        width: 100%;
        margin: 0px;
        padding: 0;
    }
}

.best-seller-section-main .product-item {
    position: relative;
    float: unset;
    border-radius: 3px;
    overflow: hidden;
}

.picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .picture {
        width: auto;
        height: auto;
    }
}

.picture img {
    width: 100%;
    height: 300px;
    -o-object-fit: fill;
    object-fit: fill;
    display: flex;
    padding: 9px 10px 5px 10px;
}

@media (max-width: 767px) {
    .picture img {
        height: fit-content;
        padding: 0;
    }
}

.details {
    padding: 10px;
    padding-top: 0 !important;
}

.product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 14px;
    align-items: center;
}

.price-product {
    display: flex;
    justify-content: space-between;
}

    .price-product .price-actve {
        color: var(--mainprimarycolor);
        font-size: 20px;
        font-weight: bold;
    }

    .price-product .price-deactive {
        -webkit-text-decoration-line: line-through;
        text-decoration-line: line-through;
        font-size: 12px;
        color: #999;
    }

    .price-product .add-card {
        display: flex;
        align-items: center;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        place-content: center;
        background: var(--mainprimarycolor);
        cursor: pointer;
        align-self: center;
    }

.cart-buy {
    fill: #fff !important;
    transform: translate(1px, 2px);
    width: 24px !important;
    height: 24px !important;
}

.postions-center {
    display: flex;
    justify-content: center;
}

.more-eposide-btn {
    padding-top: 60px;
}

.feature-category-main {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .feature-category-main {
        display: initial;
    }
}

.feature-category-main .section-cateroty-items {
    display: flex;
    align-content: space-between;
    padding-top: 20px;
}

.feature-category-main .left-section-category {
    width: 50%;
    height: 350px;
    font-size: 20px;
    background-position: center center !important;
    background-size: initial;
    background-repeat: repeat-x;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    opacity: 0.8;
    cursor: pointer;
    transition: all 1s ease;
}

@media (max-width: 1024px) {
    .feature-category-main .left-section-category {
        width: 100%;
        height: 200px;
    }
}

.feature-category-main .left-section-category .container-left-section {
    padding: 35px 0px 0 35px;
}

@media (max-width: 1024px) {
    .feature-category-main .left-section-category .container-left-section {
        padding: 15px 0px 0 15px;
    }
}

.feature-category-main .left-section-category .sub_title {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 25px;
    line-height: 20px;
}

.feature-category-main .right-section-category-main {
    width: 49.3%;
}

@media (max-width: 1024px) {
    .feature-category-main .right-section-category-main {
        width: 100%;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner {
    height: 50%;
    display: flex;
    justify-content: space-between;
}

    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-left {
        width: 50%;
        background-position: center center !important;
        opacity: 0.8;
        cursor: pointer;
        transition: all 1s ease;
    }

@media (max-width: 1024px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-left {
        height: 200px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner
.right-section-category-inner-left
.inner-right-sections-items {
    font-size: 20px;
}

@media (max-width: 768px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-left
    .inner-right-sections-items {
        height: 200px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner
.right-section-category-inner-left
.inner-right-sections-items
.sub_title {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 25px;
    line-height: 20px;
}

@media (max-width: 768px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-left
    .inner-right-sections-items
    .sub_title {
        font-size: 14px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner
.right-section-category-inner-right {
    width: 48.5%;
    background-position: center center !important;
    opacity: 0.8;
    cursor: pointer;
    transition: all 1s ease;
}

@media (max-width: 1024px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-right {
        width: 50%;
        height: 200px;
        margin-left: 10px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner
.right-section-category-inner-right
.inner-left-sections-items {
    font-size: 20px;
}

@media (max-width: 768px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category-inner
    .right-section-category-inner-right
    .inner-left-sections-items {
        font-size: 14px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category-inner
.right-section-category-inner-right
.inner-left-sections-items
.sub_title {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 25px;
    line-height: 20px;
}

.feature-category-main .right-section-category-main .right-section-category {
    height: 48%;
    margin-bottom: 7px;
    font-size: 20px;
    background-position: bottom !important;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    opacity: 0.8;
    cursor: pointer;
    transition: all 1s ease;
}

@media (max-width: 1024px) {
    .feature-category-main .right-section-category-main .right-section-category {
        width: 100%;
        height: 200px;
        margin-top: 10px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category
.container-right-section-category {
    padding: 35px 0px 0 35px;
}

@media (max-width: 768px) {
    .feature-category-main
    .right-section-category-main
    .right-section-category
    .container-right-section-category {
        padding: 15px 0px 0 15px;
    }
}

.feature-category-main
.right-section-category-main
.right-section-category
.sub_title {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 25px;
    line-height: 20px;
}

.feature-category-main
.right-section-category-main
.right-section-category
.depth-left {
    width: 50%;
    background-image: url(https://45fffd.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/img/category03.png);
    background-position: center center !important;
    background-size: initial;
    background-repeat: repeat-x;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

    .feature-category-main
    .right-section-category-main
    .right-section-category
    .depth-left
    .sub_title {
        font-weight: bold;
    }

.feature-category-main
.right-section-category-main
.right-section-category
.depth-right {
    width: 50%;
    font-weight: bold;
    background-image: url(https://d8e90a.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/img/category04.png);
    background-position: center center !important;
    background-size: initial;
    background-repeat: repeat-x;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.badge-campaign-main {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 1;
}

    .badge-campaign-main .container-badge-campaign {
        padding-left: 10px;
        color: #fff;
        width: 100px;
        height: 40px;
        border-bottom-right-radius: 50px;
        display: flex;
        align-items: center;
        background: #ffe897;
        background: radial-gradient(to bottom left, #ffe897, #f98a05);
        background: -webkit-radial-gradient(top right, #ffe897, #f98a05);
    }

@media (max-width: 768px) {
    .badge-campaign-main .container-badge-campaign {
        width: 90px;
        height: 25px;
    }
}

.badge-shipping-main {
    position: absolute;
    bottom: 108px;
    right: 0;
    z-index: 1;
}

    .badge-shipping-main .container-badge-shipping {
        color: #fff;
        width: 130px;
        height: 40px;
        border-top-left-radius: 50px;
        display: flex;
        align-items: center;
        padding-left: 28px;
        background: var(--mainprimarycolor);
        background: linear-gradient(to bottom right, #e63321, #c72e8b);
    }

@media (max-width: 768px) {
    .badge-shipping-main .container-badge-shipping {
        width: 116px;
        height: 25px;
        padding-left: 21px;
    }
}

.badge-new-main {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    .badge-new-main .container-badge-new {
        color: #fff;
        width: 60px;
        height: 40px;
        border-bottom-right-radius: 50px;
        display: flex;
        align-items: center;
        padding-left: 10px;
        background: #a5b249;
        background: linear-gradient(to bottom right, #a5b249, #35da46);
    }

.shipping-tag {
    color: #29abe2;
    border: 1px solid;
    white-space: nowrap;
    display: inline-block;
    align-items: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.125rem 0.25rem;
    margin-top: 0;
    margin-bottom: 0;
    height: 1rem;
    box-sizing: border-box;
    line-height: 100%;
    border: 0.0625rem solid;
    border-radius: 0.0625rem;
    background-color: transparent;
    font-size: 0.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0px;
}

.campaign-tag {
    color: #ff931e;
    border: 1px solid;
    white-space: nowrap;
    display: inline-block;
    align-items: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.125rem 0.25rem;
    margin-top: 0;
    margin-bottom: 0;
    height: 1rem;
    box-sizing: border-box;
    line-height: 100%;
    border: 0.0625rem solid;
    border-radius: 0.0625rem;
    background-color: transparent;
    font-size: 0.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0px;
}

.new-tag-main {
    position: absolute;
    left: 0;
    top: 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

    .new-tag-main .container-new-tag {
        color: #39b54a;
        position: relative;
        height: 1rem;
        display: flex;
        align-items: center;
        height: 0.9375rem;
        font-size: 0.5625rem;
        line-height: 0.6875rem;
        font-weight: 500;
        padding-left: 7px !important;
        padding-right: 5px;
        border-top-right-radius: 0.125rem;
        border-bottom-right-radius: 0.125rem;
        background: currentColor;
        left: -0.1875rem;
    }

        .new-tag-main .container-new-tag ::before {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: -0.1875rem;
            border-top: 0.1875rem solid;
            border-left: 0.1875rem solid transparent;
            filter: brightness(60%);
        }

        .new-tag-main .container-new-tag .items-new-tag {
            color: #fff;
            font-size: 0.75rem;
            line-height: 0.875rem;
        }

.discount-tag-main {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .discount-tag-main .conatiner-discount-tag {
        display: flex;
        flex-direction: column;
        text-align: center;
        position: relative;
        font-weight: 400;
        line-height: 0.8125rem;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.65rem;
        width: 36px;
        background-color: var(--mainprimarycolor);
        padding: 4px 2px 3px;
        box-sizing: border-box;
    }

        .discount-tag-main .conatiner-discount-tag ::after {
            content: "";
            width: 0;
            height: 0;
            left: 0;
            bottom: -4px;
            position: absolute;
            border-color: transparent var(--mainprimarycolor);
            border-style: solid;
            border-width: 0 18px 4px;
        }

        .discount-tag-main .conatiner-discount-tag .percent-tag-discount {
            display: flex;
            flex-direction: column;
            text-align: center;
            position: relative;
            font-weight: 400;
            line-height: 0.8125rem;
            color: var(--mainprimarycolor);
            text-transform: uppercase;
            font-size: 0.75rem;
            box-sizing: border-box;
            position: relative;
            padding: 4px 2px 3px;
        }

        .discount-tag-main .conatiner-discount-tag .off-tag-discount {
            color: #fff;
            display: flex;
            flex-direction: column;
            text-align: center;
            position: relative;
            font-weight: 400;
            line-height: 0.8125rem;
            text-transform: uppercase;
            font-size: 0.75rem;
        }

.main-tag {
    display: flex;
    justify-content: space-between;
}

.category-main-block {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

    .category-main-block .title-category-items {
        font-size: 14px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        padding-top: 10px;
    }

    .category-main-block .paddingBlock {
        padding: 20px 0;
    }

    .category-main-block .eqWrap {
        display: flex;
    }

    .category-main-block .eq {
        padding: 10px;
    }

    .category-main-block .equalHW {
        flex: 1;
    }

    .category-main-block .equalHMWrap {
        justify-content: space-between;
    }

    .category-main-block .equalHM {
        width: 32%;
    }

    .category-main-block .equalHMRWrap {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .category-main-block .equalHMR {
        width: 32%;
        margin-bottom: 2%;
    }

    .category-main-block .equalHMV {
        width: 15%;
        margin: 5px;
        cursor: pointer;
    }

        .category-main-block .equalHMV:nth-of-type(3n + 1) {
            margin-left: 0;
        }

    .category-main-block .box-category-center {
        justify-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 70%;
    }

    .category-main-block .box-category-center {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .category-main-block .box-category-center::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .category-main-block img {
        color: #d3d3d3;
        padding: 10px;
    }

.price-category {
    padding: 18px 30px 0px 30px;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
}

.recent-view-main {
    padding: 18px 30px 0px 30px;
}

.main-content-category-product {
    background: #f2f2f2 !important;
}

    .main-content-category-product .left-panel-devider {
        border-top: 1px solid #eee;
    }

    .main-content-category-product .price-category {
        padding: 18px 30px 0px 30px;
        font-size: 20px;
        font-weight: bold;
        background: #fff;
    }

    .main-content-category-product .ui-slider-handle {
        background: #000;
    }

    .main-content-category-product .ui-slider-range {
        background-color: #000;
    }

.img-recently-view {
    width: 30%;
    border-radius: 5px;
    cursor: pointer;
}

    .img-recently-view:hover {
        filter: brightness(90%);
    }

.container-recent-items {
    padding-left: 10px;
    align-self: center;
    cursor: pointer;
}

.devider-recent-view {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .devider-recent-view :last-child {
        border-bottom: none !important;
    }

.filtersPanel {
    background: #fff;
}

.filtersGroupPanel {
    background: #fff;
}

.category-brand {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .category-brand .brand-content-container {
        width: 25%;
        margin: 5px;
        cursor: pointer;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
    }

        .category-brand .brand-content-container:hover {
            filter: brightness(90%);
        }

.filter-category-options {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

    .filter-category-options .content-filter-category {
        margin: 5px;
        flex-grow: 0;
    }

    .filter-category-options .devider-filter {
        margin: 5px;
    }

    .filter-category-options .grey-filter {
        color: #898989;
        cursor: pointer;
    }

        .filter-category-options .grey-filter:hover {
            filter: brightness(90%);
        }

    .filter-category-options .green-filter {
        color: #39b54a;
        cursor: pointer;
    }

        .filter-category-options .green-filter:hover {
            filter: brightness(90%);
        }

    .filter-category-options .blue-filter {
        color: #29abe2;
        cursor: pointer;
    }

        .filter-category-options .blue-filter:hover {
            filter: brightness(90%);
        }

    .filter-category-options .oren-filter {
        color: #ff931e;
        cursor: pointer;
    }

        .filter-category-options .oren-filter:hover {
            filter: brightness(90%);
        }

    .filter-category-options .marron-filter {
        color: var(--mainprimarycolor);
        cursor: pointer;
    }

        .filter-category-options .marron-filter:hover {
            filter: brightness(90%);
        }

.special-product-container-default {
    padding-top: 0 !important;
}

.default-pager-product-category {
    padding-top: 70px;
}

    .default-pager-product-category.pager .current-page span {
        background: var(--mainprimarycolor) !important;
    }

.pager li a:hover {
    background: var(--mainprimarycolor) !important;
}

.products-container .pager li a:hover,
.products-container .pager li span {
    border-color: var(--mainprimarycolor) !important;
}

.products-container .picture {
    width: auto;
    height: auto;
}

.product-item:hover {
    cursor: pointer;
    filter: brightness(90%);
    border: 1px solid #e6e6e6;
}

.category-main-block img:hover {
    cursor: pointer;
    filter: brightness(90%);
}

.master-wrapper-content .container-main-general {
    margin-left: -6vw;
    margin-right: -6vw;
}

    .master-wrapper-content .container-main-general .master-wrapper-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 50px 0px;
    }

        .master-wrapper-content
        .container-main-general
        .master-wrapper-content
        .title-best-seller {
            padding-top: 30px;
            padding-bottom: 10px;
        }

    .master-wrapper-content
    .container-main-general
    .best-seller-section-main
    .postions-center {
        padding-bottom: 20px;
    }

.left-section-category {
    position: relative;
}

    .left-section-category .lightbox-containet-main .lightbox-items {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 350px;
        -o-object-position: bottom;
        object-position: bottom;
    }

    .left-section-category .lightbox-containet-main .lightbox-content {
        position: absolute;
        top: 40px;
        left: 40px;
    }

.right-section-category {
    position: relative;
}

    .right-section-category .lightbox-containet-main .lightbox-items {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 164px;
        -o-object-position: bottom;
        object-position: bottom;
    }

    .right-section-category .lightbox-containet-main .lightbox-content {
        position: absolute;
        top: 40px;
        left: 40px;
    }

@media (max-width: 768px) {
    .right-section-category .lightbox-containet-main .lightbox-items {
        height: 198px;
    }
}

@media (max-width: 768px) {
    .left-section-category .lightbox-containet-main .lightbox-items {
        height: 200px;
    }
}

.right-section-category-inner-left {
    position: relative;
}

    .right-section-category-inner-left .lightbox-containet-main .lightbox-items {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 175px;
        -o-object-position: center;
        object-position: center;
    }

    .right-section-category-inner-left .lightbox-containet-main .lightbox-content {
        position: absolute;
        top: 40px;
        left: 40px;
    }

.right-section-category-inner-right {
    position: relative;
}

    .right-section-category-inner-right .lightbox-containet-main .lightbox-items {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 175px;
        -o-object-position: center;
        object-position: center;
    }

    .right-section-category-inner-right .lightbox-containet-main .lightbox-content {
        position: absolute;
        top: 40px;
        left: 40px;
    }

.main-header-admin {
    display: flex;
    width: 100%;
    justify-content: center;
}

.person-icon {
    width: 30px;
    cursor: pointer;
}

.primary-btn_eshopLive {
    background: var(--mainprimarycolor) !important;
}

.usermenu-content_list {
    display: flex !important;
}

.usermenu-content-items {
    align-self: center;
    padding-left: 8px;
    color: #000;
}

.usermenu-avatar {
    width: 30px !important;
    height: 30px !important;
    fill: #424242;
}

.usemenu-main-container {
    padding: 10px 17px;
}

    .usemenu-main-container:hover {
        background-color: #f2f2f2;
        color: #000;
    }

.usermenu-avatar-main {
    width: 25px !important;
    height: 25px !important;
    fill: #424242;
}

.profile-menu-box {
    padding: 0 !important;
    width: 160px !important;
}

.main-notify {
    width: 25px !important;
    height: 25px !important;
    fill: #424242;
}

.main-notifcation {
    padding: 0 !important;
}

.master-wrapper-page .main-home-devider {
    background: #f2f2f2;
    margin-right: -6vw;
    margin-left: -6vw;
}

.feature-category-title {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    padding-bottom: 15px;
}

@media (max-width: 768px) {
    .master-column-wrapper .filter-category-choices {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.filter-button-category {
    display: none;
}

@media (max-width: 768px) {
    .filter-button-category {
        background-color: var(--mainprimarycolor) !important;
        color: #fff !important;
        position: relative;
        display: block !important;
        padding: 0 25px;
        height: 50px;
        width: 100%;
        border: none;
        font-size: 15px;
        line-height: 21px;
        border-radius: 3px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 10px;
    }
}

@media (max-width: 768px) {
    .category-page .breadcrumb {
        display: none;
    }
}

@media (max-width: 768px) {
    .filter-category-options {
        padding-top: 20px;
    }
}

@media (max-width: 768px) {
    .header-links-wrapper {
        height: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .filter-category-choices {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .category-main-block img {
        padding: 0 !important;
        height: 57px;
    }
}

.picture-wrapper .picture {
    width: auto;
    height: auto;
}

.product-essential .overview {
    padding: 0;
}

    .product-essential .overview .product-name-new {
        width: auto;
        min-height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .product-essential .overview .product-brand {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 25px;
        display: flex;
        justify-content: space-between;
    }

        .product-essential .overview .product-brand .brand-title {
            color: #353535;
        }

        .product-essential .overview .product-brand .brand-name {
            color: var(--mainprimarycolor);
            padding-left: 8px;
        }

    .product-essential .overview .price-sections {
        margin-bottom: 25px;
    }

@media (max-width: 767px) {
    .product-essential .overview .price-sections {
        margin-bottom: 80px;
    }
}

.product-essential .overview .price-sections .price-before {
    color: #353535;
    font-size: 18px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-align: left;
}

.product-essential .overview .price-sections .price-container-main {
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    margin: 10px 0;
    padding-bottom: 10px;
}

.product-essential .overview .price-sections .current-price {
    color: var(--mainprimarycolor);
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.product-essential .overview .price-sections .discount-price {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 16px;
    border: none;
    padding: 0 25px;
    border-radius: 5px;
    background-color: var(--mainprimarycolor);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.product-essential .overview .price-sections .product-ingredents {
    display: flex;
    margin: 10px 0;
}

    .product-essential
    .overview
    .price-sections
    .product-ingredents
    .section-ingredents {
        margin-right: 20px;
    }

    .product-essential
    .overview
    .price-sections
    .product-ingredents
    .title-ingredents {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: left;
    }

.product-essential .date-picker-wrapper select {
    width: 200px;
}

.product-essential .qty-input {
    width: 150px !important;
}

.product-essential .plus {
    right: 0px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
}

.product-essential .minus {
    left: 0px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
}

.product-essential .add-to-cart-qty-wrapper {
    margin: 0;
    display: flex;
}

@media (max-width: 767px) {
    .product-essential .add-to-cart-qty-wrapper {
        width: 100%;
        display: block;
    }

        .product-essential .add-to-cart-qty-wrapper .qty-input {
            width: 100% !important;
            margin-top: 10px;
        }
}

.product-essential .price-purchase-main {
    margin: 20px 0;
    display: flex;
}

@media (max-width: 1024px) {
    .product-essential .price-purchase-main .button-1 {
        width: 100% !important;
    }
}

@media (max-width: 1024px) {
    .product-essential .price-purchase-main .price-section-items {
        width: 50% !important;
    }
}

.product-essential .price-purchase-main .respon-shopping {
    width: auto;
}

@media (max-width: 1024px) {
    .product-essential .price-purchase-main .respon-shopping {
        width: 50%;
    }
}

.product-essential .price-purchase-main .price-section-items {
    margin-left: 20px;
}

.product-essential .price-purchase-main .add-to-cart-button-addon {
    background-color: #fff !important;
    border: 1px solid var(--mainprimarycolor) !important;
    color: var(--mainprimarycolor) !important;
}

.product-essential .price-purchase-main .button-1 {
    width: 150px;
}

.breadcrumb {
    margin-top: 15px !important;
}

.product-disc-main .product-desc-container {
    font-size: 14px;
    display: flex;
    text-align: left;
    line-height: 25px;
}

.social-resp {
    display: none;
}

@media (max-width: 768px) {
    .social-resp .product-social-buttons {
        display: flex;
        margin-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .product-brand {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 768px) {
    .product-social-buttons-main {
        display: none;
    }
}

.product-ingredents .container-size {
    width: 50%;
}

.product-ingredents .section-ingredents {
    width: 50% !important;
}

    .product-ingredents .section-ingredents select {
        width: 100% !important;
    }

.product-ingredents .date-picker-wrapper .size {
    width: 100% !important;
}

.tab-container-main .ui-tabs-nav {
    text-align: left !important;
}

.tab-container-main .ui-widget-content {
    padding: 40px 8% !important;
}

.tab-container-main .ui-state-active {
    background: var(--mainprimarycolor) !important;
    color: #fff !important;
    border-bottom: 1px solid var(--mainprimarycolor) !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

    .tab-container-main .ui-state-active .ui-tabs-anchor {
        color: #fff !important;
        border-bottom: 1px solid var(--mainprimarycolor) !important;
    }

        .tab-container-main .ui-state-active .ui-tabs-anchor :hover {
            color: #fff !important;
        }

.ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
}

    .ui-tabs .ui-tabs-nav li a {
        border: 1px solid #8c8c8c !important;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        min-width: 120px;
    }

        .ui-tabs .ui-tabs-nav li a:hover {
            color: #8c8c8c !important;
        }

.description-main-section-product .conatiner-sku {
    padding-top: 30px;
    display: flex;
    font-size: 18px;
    font-weight: 500;
}

.description-main-section-product .measurement-tab-title {
    color: #353535;
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px;
}

.description-main-section-product .items-product-sections {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

@media (max-width: 768px) {
    .description-main-section-product .items-product-sections {
        display: block;
    }
}

.description-main-section-product
.items-product-sections
.content-product-description {
    text-align: left;
    font-size: 14px;
}

.suggestion-product-main {
    margin-top: 40px;
}

    .suggestion-product-main .suggestion-title {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 10px;
    }

@media (max-width: 1024px) {
    .suggestion-product-main .suggestion-title {
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .ui-tabs-nav {
        display: flex;
    }
}

.filter-history-view .best-seller-section-main {
    background-color: transparent !important;
    padding: 0 !important;
}

    .filter-history-view .best-seller-section-main .product-item {
        float: inherit;
    }

    .filter-history-view .best-seller-section-main .child {
        width: 20%;
    }

@media (max-width: 767px) {
    .filter-history-view .best-seller-section-main .child {
        width: 50%;
    }
}

.filter-history-view .best-seller-section-main .parent {
    justify-content: center;
}

.filter-history-view .cart-buy {
    width: 24px;
    height: 24px;
}

.filter-history-view .product-name h1 {
    font-size: 14px;
}

.filter-history-view .product-title {
    text-align: left;
}

.filter-history-view .product-name {
    text-align: left;
}

.filter-history-view .price-deactive {
    text-align: left;
}

.filter-history-view .price-actve {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .suggestion-product-main .picture-center-content {
        height: 150px !important;
    }
}

@media (max-width: 1024px) {
    .suggestion-product-main .picture img {
        height: 150px !important;
    }
}

@media (max-width: 1024px) {
    .suggestion-product-main
    .best-seller-section-main
    .container-best-seller
    .product-title {
        height: auto !important;
    }
}

.cart-banner-maain {
    position: relative;
    margin-bottom: 50px;
}

    .cart-banner-maain .banner-img {
        min-height: 100%;
        max-height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

@media (max-width: 768px) {
    .cart-banner-maain .banner-img {
        min-height: 150px;
    }
}

.cart-banner-maain .page-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .cart-banner-maain .page-title .cart-title {
        color: #fff;
    }

.table-wrapper-main .table-wrapper {
    width: auto !important;
    float: unset !important;
}

.table-wrapper-main .product-essential .add-to-cart-qty-wrapper .minus {
    margin: 0;
    padding: 0;
    height: 38px !important;
    top: -4px;
    left: 1px !important;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size: 20px;
    color: var(--mainprimarycolor);
}

.table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
    height: 38px !important;
    padding: 0;
    margin: 0;
    top: -4px;
    border-top-right-radius: 2px;
    left: -31px !important;
    border-bottom-right-radius: 2px;
    font-size: 20px;
    color: var(--mainprimarycolor);
    position: relative;
    float: right;
}

@media (max-width: 767px) {
    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
        height: 38px !important;
        padding: 0;
        margin: 0;
        top: -34px;
        border-top-right-radius: 2px;
        left: -1px !important;
        border-bottom-right-radius: 2px;
        font-size: 20px;
        color: var(--mainprimarycolor);
        position: relative;
        float: right;
    }
}

.table-wrapper-main .product-description {
    font-style: italic;
    margin: 10px 0;
}

.suggestion-main-cart {
    margin: 80px 0;
    background: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 70px;
}

    .suggestion-main-cart .content-title {
        text-align: center;
        margin-bottom: 20px;
    }

.main-payment-type .wrapper {
    width: 100%;
}

.main-payment-type .flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-payment-type .flex-item {
    background: var(--mainprimarycolor);
    padding: 5px;
    width: 200px;
    height: 150px;
    margin-top: 10px;
    line-height: 150px;
    color: #000;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}

.method-list {
    display: flex;
    flex-flow: wrap;
    margin: 0;
    justify-content: flex-start;
    margin-left: 30px;
    margin-right: 30px;
}

@media (min-width: 768px) {
    .shipping-method .method-list li,
    .payment-method .method-list li {
        padding: 20px 20px 20px 60px !important;
        margin: 0 0px 20px 20px !important;
        width: 23.7% !important;
    }
}

@media (min-width: 768px) {
    .shipping-method .method-list li,
    .payment-method .method-list li {
        padding: 20px 20px 20px 60px;
        margin: 10px 5px 10px 0px;
    }

    .conatiner-shipment-list .container-shipment-list-items {
        width: 40%;
        display: flex;
        justify-content: right;
    }

    .section-subtotal-poins-category {
        display: flex;
        width: 40%;
        justify-content: right;
    }
}

@media (max-width: 767px) {
    .shipping-method .method-list li,
    .payment-method .method-list li {
        width: 90%;
    }

    .conatiner-shipment-list .container-shipment-list-items {
        width: 60%;
        display: flex;
        justify-content: right;
    }

    .section-subtotal-poins-category {
        display: flex;
        width: 60%;
        justify-content: right;
    }
}

.subtotal-points-main .section-subtotal-poinst {
    display: flex;
    justify-content: right;
}

.payment-description {
    width: 200px;
}

.checkout-data {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: none !important;
}

@media (max-width: 768px) {
    .checkout-data {
        padding-left: 0px;
        margin-bottom: 20px !important;
    }
}

.payment-method .method-list {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .payment-method .method-list {
        margin-top: 0px !important;
        display: flex;
        justify-content: normal;
        margin-bottom: 0px !important;
    }
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    border-radius: 0 !important;
}

.shipping-method .method-list input[type="radio"] + label:before,
.shipping-method .method-list input[type="checkbox"] + label:before,
.payment-method .method-list input[type="radio"] + label:before,
.payment-method .method-list input[type="checkbox"] + label:before {
    left: 25px;
}

.item-box .btn-wrapper button:hover,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.order-progress .active-step:not(.last) a:hover:before,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty,
.shopping-cart-link .cart-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button,
.product-filters .ui-slider-range {
    background-color: var(--mainprimarycolor) !important;
}

.main-earn-points {
    padding-top: 20px;
}

    .main-earn-points .earn-pipnt-container {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 30px;
        display: flex;
        column-gap: 10px;
    }

@media (max-width: 768px) {
    .main-earn-points .earn-pipnt-container {
        display: block;
    }
}

.main-earn-points .earn-img {
    width: 24px;
}

.main-earn-points .section-earn {
    flex-basis: 150px;
    flex-grow: 1;
    text-align: justify;
    width: 10px;
}

@media (max-width: 1024px) {
    .main-earn-points .section-earn {
        margin: 0 20px 0 0px;
    }
}

@media (max-width: 768px) {
    .main-earn-points .section-earn {
        margin: 0px;
    }
}

.main-earn-points .section-earn .balance-section-earn {
    font-size: 18px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .main-earn-points .section-earn .balance-section-earn {
        text-align: center;
    }
}

.main-earn-points .section-earn .points-earning-category {
    font-size: 18px;
    font-weight: 700;
    padding-left: 10px;
    display: flex;
    align-self: center;
}

.main-earn-points .item-points-balance {
    display: flex;
    align-self: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .main-earn-points .item-points-balance {
        padding-bottom: 20px;
    }
}

.main-earn-points .outline-btn {
    width: 250px;
}

@media (max-width: 1024px) {
    .main-earn-points .outline-btn {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .main-earn-points .outline-btn {
        width: 100%;
    }
}

.main-earn-points .general-btn {
    width: 250px;
}

@media (max-width: 1024px) {
    .main-earn-points .general-btn {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .main-earn-points .general-btn {
        width: 100%;
    }
}

.main-earn-points .section-epoints {
    display: flex;
}

@media (max-width: 768px) {
    .main-earn-points .section-epoints {
        margin-bottom: 20px;
        justify-content: center;
    }
}

.shipment-main-section {
    padding-top: 40px;
}

    .shipment-main-section .shipment-category {
        display: flex;
        justify-content: space-between;
    }

@media (max-width: 768px) {
    .shipment-main-section .shipment-category {
        display: block;
    }
}

.shipment-main-section .shipment-category .shipment-left-list {
    width: 60%;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .shipment-main-section .shipment-category .shipment-left-list {
        width: 100%;
        margin-right: 0px;
    }
}

.shipment-main-section
.shipment-category
.shipment-left-list
.shipment-left-item {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 16px;
    justify-content: center;
}

    .shipment-main-section
    .shipment-category
    .shipment-left-list
    .shipment-left-item
    .reception-main-item {
        display: flex;
        justify-content: center;
    }

    .shipment-main-section
    .shipment-category
    .shipment-left-list
    .shipment-left-item
    .reception-title {
        font-weight: 700;
        font-size: 16px;
        display: flex;
        align-self: center;
    }

        .shipment-main-section
        .shipment-category
        .shipment-left-list
        .shipment-left-item
        .reception-title
        .edit-reception {
            color: var(--mainprimarycolor);
            padding-left: 8px;
            padding-right: 8px;
            cursor: pointer;
        }

.shipment-main-section
.shipment-category
.shipment-left-list
.add-addresss-new {
    display: flex;
    align-self: center;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--mainprimarycolor);
    cursor: pointer;
}

.shipment-main-section .shipment-category .shipment-right-list {
    border-radius: 10px;
    padding: 30px;
    width: 40%;
    margin-left: 8px;
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .shipment-main-section .shipment-category .shipment-right-list {
        width: 100%;
        margin-left: 0px;
        padding: 0px;
    }
}

.shipment-main-section
.shipment-category
.shipment-right-list
.section-conatiner-shipment {
    display: block;
}

@media (min-width: 380px) {
    .shipment-main-section
    .shipment-category
    .shipment-right-list
    .section-conatiner-shipment
    .category-coupon-main {
        width: 100%;
        padding-bottom: 10px;
    }
}

.input-shipement-section {
    margin-top: 15px;
}

.shipment-main-section .shipment-category .shipment-right-list .coupon-code {
    width: 100%;
    text-align: center;
    font-size: 15px !important;
    padding: 0 15px;
}

.shipment-main-section .shipment-category .shipment-right-list {
    padding-top: 40px;
}

    .shipment-main-section
    .shipment-category
    .shipment-right-list
    .shipment-subtotal
    .conatiner-shipment-list {
        font-size: 14px;
        font-weight: 700;
        cursor: default;
        display: flex;
        justify-content: space-between;
        padding-bottom: 20px;
        width: 100%;
    }

    .shipment-main-section
    .shipment-category
    .shipment-right-list
    .shipment-subtotal
    .section-member-points {
        font-size: 14px;
        font-weight: 700;
        cursor: default;
        padding-bottom: 20px;
    }

.shipment-main-section .shipment-category .devider-coupon {
    color: #b3b3b3;
}

.shipment-main-section .add-img {
    width: 24px;
    cursor: pointer;
}

.shipment-main-section .edit-add {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.shipment-main-section .reception-main-category {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    text-align: left;
}

@media (max-width: 768px) {
    .shipment-main-section .reception-main-category {
        display: block;
    }
}

.shipment-main-section .reception-main-category .category-reception-list {
    width: 50%;
}

@media (max-width: 1024px) {
    .shipment-main-section .reception-main-category .category-reception-list {
        width: 100%;
    }
}

.shipment-main-section .subtotal-points-main {
    padding-top: 20px;
}

    .shipment-main-section .subtotal-points-main .subtotal-conatiner {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 700;
        color: var(--mainprimarycolor);
    }

.shipment-main-section .container-points-balance {
    padding-bottom: 20px;
}

.shipment-main-section .agreement-coin-coupon {
    display: contents;
    color: var(--mainprimarycolor);
    font-weight: 600;
    font-size: 14px;
}

.shipment-main-section .checkbox {
    padding-left: 2em;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.shipment-main-section .checkbox-inline {
    display: inline-flex;
}

.shipment-main-section .checkbox input {
    width: 2em;
    flex-basis: 2em;
    margin-left: -2em;
    position: relative;
    vertical-align: baseline;
}

    .shipment-main-section .checkbox input:not(.reset) {
        position: absolute;
        left: 0;
        margin-left: 0;
        opacity: 0;
    }

        .shipment-main-section .checkbox input:not(.reset):focus {
            outline: none;
        }

            .shipment-main-section .checkbox input:not(.reset):focus ~ label::before {
                border-color: #0877db;
                box-shadow: 0 0 0 0.1875em rgba(43, 154, 255, 0.2);
            }

        .shipment-main-section .checkbox input:not(.reset):active ~ label::before {
            border-color: #0877db;
        }

        .shipment-main-section .checkbox input:not(.reset):checked ~ label::before {
            background-position: 0 0;
        }

        .shipment-main-section .checkbox input:not(.reset) ~ label::before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            top: 0px;
            left: 0px;
            display: inline-block;
            vertical-align: top;
            width: 1.5em;
            height: 1.5em;
            border: 0.125em solid gray;
            background-color: #fff;
            background-size: 100% 100%;
            background-position: 0 1.5em;
            background-repeat: no-repeat;
            box-shadow: 0 0 0 0 rgba(43, 154, 255, 0.2);
            transition: box-shadow 0.15s, background-position 0.15s;
        }

.shipment-main-section .checkbox [type="checkbox"]:not(.reset) ~ label::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Y2hlY2tib3g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJjaGVja2JveCI+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS05IiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4gICAgICAgICAgICA8cGF0aCBkPSJNNCwxMyBMNywxMCBMMTAsMTMgTDE3LDYgTDIwLDkgTDEwLDE5IEw0LDEzIFoiIGlkPSJQYXRoLTMiIGZpbGw9IiNDQjAwMDAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.shipment-main-section .checkbox [type="radio"]:not(.reset) ~ label::before {
    border-radius: 100%;
    background-image: radial-gradient( circle, #cb0000 0%, #cb0000 40%, #fff 41%, #fff 100% );
    background-position: 50% 50%;
    background-size: 0px 0px;
    transition: box-shadow 0.15s, background-size 0.15s;
}

.shipment-main-section
.checkbox
[type="radio"]:not(.reset):checked ~ label::before {
    background-position: 50% 50%;
    background-size: 100% 100%;
}

.shipment-main-section .checkbox label {
    display: inline-block;
    vertical-align: baseline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-grow: 1;
    cursor: pointer;
}

.shipment-main-section .checkbox-firstline label::first-line {
    font-weight: bolder;
}

.shipment-main-section .checkbox:not(.checkbox-firstline) label {
    font-weight: bolder;
}

.shipment-main-section .checkbox-content {
    font-size: 14px;
    display: flex;
    line-height: 18px;
    text-align: left;
}

.shipment-main-section input[type="radio"]:checked + label:before,
.shipment-main-section input[type="checkbox"]:checked + label:before {
    width: 20px;
}

.shipment-main-section .input[type="radio"] + label:before,
.shipment-main-section input[type="checkbox"] + label:before {
    width: 20px !important;
}

.shipment-main-section .confirm-btn-payment {
    margin-top: 20px;
}

    .shipment-main-section .confirm-btn-payment .general-btn.disable-btn {
        cursor: no-drop;
        pointer-events: none;
        background-color: #b3b3b3 !important;
        border: none !important;
    }

.outline-btn {
    background-color: #fff !important;
    border: 1px solid var(--mainprimarycolor) !important;
    color: var(--mainprimarycolor) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}

    .outline-btn:hover {
        background-color: var(--mainprimarycolor) !important;
        color: #fff !important;
    }

.general-btn {
    background-color: var(--mainprimarycolor) !important;
    border: 1px solid var(--mainprimarycolor) !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}

    .general-btn:hover {
        background-color: #fff !important;
        color: var(--mainprimarycolor) !important;
    }

.default-text {
    font-size: 14px;
}

.main-product-checkout-suggestion {
    margin: 50px -6vw;
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    padding: 30px;
}

    .main-product-checkout-suggestion .content-title {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .main-product-checkout-suggestion .parent {
        padding-bottom: 30px;
    }

@media (max-width: 1024px) {
    .table-wrapper-main .main-header-row {
        display: none !important;
        visibility: hidden;
    }
}

@media (max-width: 1024px) {
    .cart-item-row .item-13886 {
        display: block !important;
        width: auto !important;
    }
}

@media (max-width: 1024px) {
    .order-details-page .products tr,
    .shipment-details-page .data-table tr,
    .return-request-page .data-table tr,
    .reward-points-history .data-table tr,
    .downloadable-products-page .data-table tr,
    .wishlist-page tr,
    .cart tr {
        display: block !important;
        width: auto !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 1024px) {
    .td-title {
        display: none !important;
    }

    .add-to-cart-qty-wrapper {
        margin: 0 !important;
    }

    .master-wrapper-page .product-essential {
        margin: auto;
        padding-top: 10px;
        background-color: #fff !important;
    }

    .master-wrapper-page .order-details-page .products td.quantity,
    .master-wrapper-page .cart td.quantity,
    .master-wrapper-page .wishlist-page td.quantity {
        background-color: #fff !important;
    }

    .master-wrapper-page .order-details-page .products td.total,
    .master-wrapper-page .order-details-page .products td.subtotal,
    .master-wrapper-page .cart td.total,
    .master-wrapper-page .cart td.subtotal,
    .master-wrapper-page .wishlist-page td.total,
    .master-wrapper-page .wishlist-page td.subtotal {
        background-color: #fff !important;
    }

    .master-wrapper-page .order-details-page .products td.unit-price,
    .master-wrapper-page .cart td.unit-price,
    .master-wrapper-page .wishlist-page td.unit-price {
        background-color: #fff !important;
    }
}

@media (max-width: 767px) {
    .payment-checkout .payment-details {
        padding-left: 20px;
    }

    .rvsp-container-product {
        margin-top: 0px !important;
    }

    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
        margin-top: 45px !important;
    }
}


@media (max-width: 768px) {
    .payment-checkout .method-name {
        display: flex;
        display: -webkit-inline-box;
    }

    .rvsp-container-product {
        margin-top: 20px;
    }

    .product-essential .rvsp-container-product .add-to-cart-qty-wrapper {
        display: inline-flex !important;
    }

    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
        display: flex !important;
        margin-left: -30px;
    }

    .payment-checkout .payment-details {
        /* padding-left: 20px; */
        min-inline-size: -webkit-fit-content;
        min-inline-size: -moz-fit-content;
        min-inline-size: fit-content;
    }

    .payment-checkout .shipping-method .method-list li,
    .payment-checkout .payment-method .method-list li {
        width: 90%;
        border: none !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }

        .payment-checkout .shipping-method .method-list li:last-child,
        .payment-checkout .payment-method .method-list li:last-child {
            padding-bottom: 20px !important;
        }

    .payment-checkout .shipping-method .method-description,
    .payment-checkout .payment-method .payment-description {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: 85%;
        font-size: 12px;
    }

    .payment-checkout .shipping-method .method-list li label,
    .payment-checkout .payment-method .method-list li label {
        font-size: 14px;
        width: 90%;
    }
}

.item-fix-center {
    display: flex;
    align-self: center;
}

.main-thankyou-layout .picture-slide {
    position: relative;
}

.main-thankyou-layout .img-thanks {
    filter: brightness(50%);
    min-height: 150px;
}

@media (max-width: 768px) {
    .main-thankyou-layout .img-thanks {
        min-height: 150px;
    }
}

.main-thankyou-layout .banner-content {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .main-thankyou-layout .banner-content .banner-title {
        font-weight: 700;
        font-size: 24px;
        padding-bottom: 10px;
    }

    .main-thankyou-layout .banner-content .description-thankyou {
        font-size: 18px;
        font-weight: 400;
    }

    .main-thankyou-layout .banner-content .payment-deatils-thankyou {
        font-size: 20px;
        font-weight: 400;
        padding-top: 10px;
    }

    .main-thankyou-layout .banner-content .payment-deatils-section-thankyou {
        font-weight: 700;
    }

.payment-devider-thankyou {
    margin: 30px 0;
}

.thankyou-main-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .thankyou-main-container .top-section-thankyou-description {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
    }

@media (max-width: 768px) {
    .thankyou-main-container .top-section-thankyou-description {
        display: block;
    }
}

.thankyou-main-container .top-section-thankyou-description .title-numer {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .thankyou-main-container .top-section-thankyou-description .title-numer {
        justify-content: center;
        padding-bottom: 20px;
    }
}

.thankyou-main-container .bottom-section-thankyou {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .thankyou-main-container .bottom-section-thankyou {
        display: block;
    }
}

.thankyou-main-container .bottom-section-thankyou .section-devider {
    margin-right: 20px;
}

@media (max-width: 768px) {
    .thankyou-main-container .bottom-section-thankyou .section-devider {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

.html-customer-info-page .epoint-gold-manin .epoint-main-container {
    position: absolute;
    min-width: max-content;
    top: -97px;
    right: -66px;
}

.epoint-gold-manin {
    position: relative;
}

    .epoint-gold-manin .epoint-main-container {
        position: absolute;
        min-width: max-content;
        top: -97px;
        right: -40px;
        background: rgb(227, 176, 65) !important;
        background: linear-gradient( 180deg, rgba(227, 176, 65, 1) 8%, rgba(239, 216, 101, 1) 34%, rgba(242, 211, 118, 1) 69%, rgba(230, 187, 75, 1) 88% ) !important;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 10px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        width: 150px;
        display: flex;
        justify-content: center;
    }

        .epoint-gold-manin .epoint-main-container .text-left-1 {
            font-size: 22px !important;
            text-align: right;
            font-weight: 700;
        }

        .epoint-gold-manin .epoint-main-container .text-left-2 {
            font-size: 12px;
            font-weight: 700;
        }

        .epoint-gold-manin .epoint-main-container .right-content-text {
            display: flex;
            align-self: center;
            padding-left: 10px;
            font-size: 20px;
            font-weight: 700;
        }

@media (max-width: 500px) {
    .career-forward-contentbtn {
        width: 30%;
    }
}

.account-main-items .img-user {
    height: 60px;
    width: 60px;
}

.account-main-items .content-phone {
    margin-top: 20px;
}

.account-main-items .country-container {
    width: 35%;
    margin-right: 10px;
}

.account-main-items .city-container {
    width: 30%;
}

.account-main-items .submit-btn {
    text-align: right !important;
}

    .account-main-items .submit-btn .save-customer-info-button {
        width: 100%;
    }

.account-main-items .inputs > .required {
    right: unset;
}

.account-main-items .reward-points a::after {
    background-image: url(https://bc257c.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/img/eshopicon.png) !important;
    width: 180px;
    height: 180px;
    right: -88px !important;
    top: -38px !important;
    background-repeat: no-repeat;
    font-size: 0px !important;
    transform: scale(0.4) !important;
}

.list li.reward-points a.panel_guide::after {
    transform: scale(0.4) !important;
    right: -88px !important;
    top: -38px !important;
}

.account-main-items .listbox a {
    text-transform: none !important;
    display: flex;
    align-items: center;
}

.account-main-items .listbox a {
    text-transform: none !important;
}

    .account-main-items .listbox a:hover {
        color: var(--mainprimarycolor) !important;
    }

        .account-main-items .listbox a:hover::after {
            color: var(--mainprimarycolor) !important;
        }

.account-main-items .listbox .active {
    background-color: var(--mainprimarycolor) !important;
}

    .account-main-items .listbox .active a {
        border-color: var(--mainprimarycolor) !important;
        color: #fff !important;
    }

        .account-main-items .listbox .active a::after {
            color: #fff !important;
        }

.account-page .fieldset {
    margin-bottom: 20px !important;
}

.chnage-password-btn {
    text-align: right !important;
}

@media (max-width: 1024px) {
    .chnage-password-btn .change-password-button {
        width: 100% !important;
    }
}

.site-wrapper-main .submit-more-main {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-wrapper-main .tabs-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-wrapper-main .tabs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .site-wrapper-main .tabs label {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        margin-right: 0.0625rem;
        cursor: pointer;
        background-color: #000;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        transition: background-color ease 0.3s;
    }

        .site-wrapper-main .tabs label .material-icons {
            margin-right: 0.3rem;
        }

    .site-wrapper-main .tabs .tab {
        flex-grow: 1;
        width: 100%;
        height: 100%;
        display: none;
        padding: 1rem 2rem;
        color: #000;
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    }

        .site-wrapper-main .tabs .tab > *:not(:last-child) {
            margin-bottom: 0.8rem;
        }

    .site-wrapper-main .tabs [type="radio"] {
        display: none;
    }

        .site-wrapper-main .tabs [type="radio"]:checked + label {
            background-color: #fff;
            color: #0067b8;
            border-top: 4px solid #0067b8;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
        }

            .site-wrapper-main .tabs [type="radio"]:checked + label + .tab {
                display: block;
            }

@media (min-width: 768px) {
    .site-wrapper-main body {
        font-size: 1.125rem;
    }

    .site-wrapper-main .tabs label {
        order: 1;
        width: auto;
    }

    .site-wrapper-main .tabs .tab {
        order: 9;
    }

    .site-wrapper-main .tabs [type="radio"]:checked + label {
        border-bottom: none;
    }
}

.site-wrapper-main .tabs-block label::before {
    display: none !important;
}

.site-wrapper-main .tabs [type="radio"]:checked + label {
    border: none !important;
    background-color: var(--mainprimarycolor) !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
}

@media (max-width: 767px) {
    .site-wrapper-main .tabs [type="radio"]:checked + label {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.site-wrapper-main .tabs label {
    background: #fff;
    border: 1px solid var(--mainprimarycolor);
    color: var(--mainprimarycolor);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media (max-width: 767px) {
    .site-wrapper-main .tabs label {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.site-wrapper-main .points-tab-main .container-pointer-tab {
    background: #f2f2f2;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    text-align: left;
}

    .site-wrapper-main .points-tab-main .container-pointer-tab .dateof-points {
        padding-bottom: 8px;
        color: #999;
        font-size: 14px;
    }

    .site-wrapper-main .points-tab-main .container-pointer-tab .decription-points {
        font-size: 14px;
    }

        .site-wrapper-main
        .points-tab-main
        .container-pointer-tab
        .decription-points
        .elemetsof-points {
            margin-right: 5px;
        }

    .site-wrapper-main .points-tab-main .container-pointer-tab .points-rewarded {
        display: flex;
        align-items: center;
        color: var(--mainprimarycolor) !important;
        font-weight: 700;
        font-size: 20px;
    }

    .site-wrapper-main .points-tab-main .container-pointer-tab .points-expired {
        background: #636363;
        padding: 10px;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
    }

.main-notification .notification-conatiner {
    display: flex;
    justify-content: space-between;
}

    .main-notification .notification-conatiner .bin-recyle {
        width: 20px;
        display: flex;
        cursor: pointer;
    }

    .main-notification .notification-conatiner .date-notify {
        color: #999;
        font-size: 14px;
        display: flex;
        align-self: center;
    }

.main-notification .nofify-header-title {
    font-size: 18px;
    font-weight: 700;
    color: #4d4d4d;
    padding-top: 20px;
}

.main-notification .notify-img-container {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

    .main-notification .notify-img-container .img-notify-product {
        width: 500px;
        height: 250px;
    }

.main-notification .notify-content-eleemts {
    font-size: 14px;
    line-height: 24px;
}

.main-notification .button-notify {
    text-align: center;
    margin: 30px 0;
}

.nofify-header-main {
    padding: 0 !important;
}

.reward-points-page .points-tab-main .container-pointer-tab {
    background: #f2f2f2;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    text-align: left;
}

    .reward-points-page .points-tab-main .container-pointer-tab .dateof-points {
        padding-bottom: 8px;
        color: #4d4d4d;
        font-size: 16px;
        font-weight: 700;
    }

    .reward-points-page .points-tab-main .container-pointer-tab .decription-points {
        font-size: 14px;
        color: #999;
    }

        .reward-points-page
        .points-tab-main
        .container-pointer-tab
        .decription-points
        .elemetsof-points {
            margin-right: 5px;
        }

    .reward-points-page .points-tab-main .container-pointer-tab .points-rewarded {
        display: flex;
        align-items: center;
        color: #999 !important;
        font-weight: 700;
        font-size: 18px;
    }

    .reward-points-page .points-tab-main .container-pointer-tab .points-expired {
        background: #636363;
        padding: 10px;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        display: flex;
        align-items: center;
    }

.notify-items {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}

.home-product-suggestion-main {
    flex-wrap: wrap;
    display: flex;
}

    .home-product-suggestion-main .container-body-suggestion {
        width: 50%;
        position: relative;
    }

        .home-product-suggestion-main
        .container-body-suggestion
        .title-product-suggestion {
            position: absolute;
            top: 40px;
            left: 40px;
            font-size: 28px;
            color: #fff;
        }

            .home-product-suggestion-main
            .container-body-suggestion
            .title-product-suggestion
            .subtitle-suggestion {
                font-weight: 700;
                letter-spacing: 2px;
            }

        .home-product-suggestion-main .container-body-suggestion .img-product-1 {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 300px;
            -o-object-position: bottom;
            object-position: bottom;
            padding: 5px 3px 3px 5px;
            filter: brightness(50%);
        }

            .home-product-suggestion-main .container-body-suggestion .img-product-1:hover {
                filter: brightness(90%);
            }

                .home-product-suggestion-main
                .container-body-suggestion
                .img-product-1:hover
                .title-product-suggestion {
                    color: #000;
                }

        .home-product-suggestion-main .container-body-suggestion .img-product-2 {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 300px;
            -o-object-position: bottom;
            object-position: bottom;
            padding: 5px 5px 3px 3px;
            filter: brightness(50%);
        }

            .home-product-suggestion-main .container-body-suggestion .img-product-2:hover {
                filter: brightness(90%);
            }

                .home-product-suggestion-main
                .container-body-suggestion
                .img-product-2:hover
                .title-product-suggestion {
                    color: #000;
                }

        .home-product-suggestion-main .container-body-suggestion .img-product-3 {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 300px;
            -o-object-position: bottom;
            object-position: initial;
            padding: 0px 3px 5px 5px;
            filter: brightness(50%);
        }

            .home-product-suggestion-main .container-body-suggestion .img-product-3:hover {
                filter: brightness(90%);
            }

                .home-product-suggestion-main
                .container-body-suggestion
                .img-product-3:hover
                .title-product-suggestion {
                    color: #000;
                }

        .home-product-suggestion-main .container-body-suggestion .img-product-4 {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 300px;
            -o-object-position: bottom;
            object-position: bottom;
            padding: 0px 5px 5px 3px;
            filter: brightness(50%);
        }

            .home-product-suggestion-main .container-body-suggestion .img-product-4:hover {
                filter: brightness(90%);
            }

                .home-product-suggestion-main
                .container-body-suggestion
                .img-product-4:hover
                .title-product-suggestion {
                    color: #000;
                }

.item-box .product-name {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.item-box .product-rating-box {
    display: none !important;
}

.item-box .product-title {
    padding: 0 !important;
}

.item-box .price-deactive {
    text-align: left !important;
}

.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.product-filters .ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover,
.scroll-back-button,
.nivoSlider:before,
.nivoSlider:after,
.anywhere-slider:before,
.anywhere-slider:after,
.jCarouselMainWrapper .loading-overlay:before,
.jCarouselMainWrapper .loading-overlay:after {
    background-color: var(--mainprimarycolor) !important;
}

.filter-category-choices {
    padding-bottom: 20px !important;
    display: flex;
    justify-content: center;
}

    .filter-category-choices .title-category-items {
        font-size: 14px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        padding-top: 10px;
    }

    .filter-category-choices .paddingBlock {
        padding: 20px 0;
    }

    .filter-category-choices .eqWrap {
        display: flex;
    }

    .filter-category-choices .equalHW {
        flex: 1;
    }

    .filter-category-choices .equalHMWrap {
        justify-content: space-between;
    }

    .filter-category-choices .equalHM {
        width: 32%;
    }

    .filter-category-choices .equalHMRWrap {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .filter-category-choices .equalHMR {
        width: 32%;
        margin-bottom: 2%;
    }

    .filter-category-choices .equalHMV {
        width: 15%;
        margin: 5px;
        cursor: pointer;
    }

        .filter-category-choices .equalHMV:nth-of-type(3n + 1) {
            margin-left: 0;
        }

    .filter-category-choices .box-category-center {
        justify-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .filter-category-choices .box-category-center {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .filter-category-choices .box-category-center::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .filter-category-choices img {
        color: #d3d3d3;
    }

.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.product-filters .ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover,
.scroll-back-button,
.nivoSlider:before,
.nivoSlider:after,
.anywhere-slider:before,
.anywhere-slider:after,
.jCarouselMainWrapper .loading-overlay:before,
.jCarouselMainWrapper .loading-overlay:after {
    border-color: var(--mainprimarycolor) !important;
}

.item-box .picture > a:before {
    padding-top: inherit !important;
}

.item-box .picture > a img {
    height: inherit !important;
    position: relative !important;
    transform: translate(0%, 0) !important;
    top: 0 !important;
    left: 0 !important;
    object-fit: scale-down;
}

@media (min-width: 481px) {
    .item-box .picture > a {
        height: 220px;
    }
}

@media (max-width: 480px) {
    .item-box .picture > a {
        height: 180px;
    }

    .item-box .product-title {
        height: 50px !important;
    }

    .item-box .product-name {
        margin: 5px 0px 0px 0px;
        height: 50px !important;
    }
}

.short-description p {
    padding-bottom: 10px;
}

.master-wrapper-page .anchor-v2 {
    color: white !important;
}

.login-form-in-header {
    width: 255px !important;
}

.price-category-sections {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.product-ingredents {
    display: flex;
    margin: 10px 0;
    padding-top: 20px;
}

.price-category-sections .product-ingredents .section-ingredents {
    margin-right: 20px;
}

.product-ingredents .section-ingredents {
    width: 50% !important;
}

.product-ingredents .title-ingredents {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left;
}

.product-ingredents .section-ingredents {
    margin-right: 20px;
    width: 50% !important;
}

.main-price-details {
    position: relative;
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .main-price-details {
        width: auto;
    }
}

.main-price-details .price-value-1051 {
    color: var(--mainprimarycolor);
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.main-price-details .discount-price {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 16px;
    border: none;
    padding: 0 25px;
    border-radius: 5px;
    background-color: var(--mainprimarycolor);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.main-price-details .product-price {
    display: flex;
}

.main-price-details .add-to-cart {
    display: flex !important;
    margin: 0 !important;
}

.v2-review-section .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a {
    color: white !important;
}

    .v2-review-section .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    .ui-tabs .ui-state-active.ui-tabs-active a:hover {
        color: white !important;
    }

.ps-container .picture {
    display: block !important;
}

.mini-shopping-cart .picture img {
    height: auto !important;
}

.order-icon .usermenu-avatar-main svg path {
    stroke: #000000;
    stroke-width: 10px;
}

.productTabs-body .ui-tabs-panel {
    padding: 30px 6vw !important;
}

@media (max-width: 1024px) {
    .overview .add-to-cart {
        max-width: unset !important;
        width: auto !important;
    }
}

@media (max-width: 1024px) {
    .overview .add-to-cart-panel {
        width: 100% !important;
    }
}

.add-to-cart-panel {
    text-align: left;
}

@media (max-width: 1024px) {
    .short-description {
        text-align: left;
    }

    .additional-details .sku {
        text-align: left;
    }

    .old-product-price {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .item-box .picture {
        width: auto !important;
        height: auto !important;
    }

    .home-product-suggestion-main
    .container-body-suggestion
    .title-product-suggestion {
        left: 20px;
        font-size: 18px;
    }

    .home-product-suggestion-main .container-body-suggestion .img-product-3 {
        height: 150px;
    }

    .home-product-suggestion-main .container-body-suggestion .img-product-4 {
        height: 150px;
    }

    .home-product-suggestion-main .container-body-suggestion .img-product-2 {
        height: 150px;
    }

    .home-product-suggestion-main .container-body-suggestion .img-product-1 {
        height: 150px;
    }

    .filter-category-choices .equalHMV {
        width: 35%;
    }
}

@media (max-width: 320px) {
    .price-actve {
        font-size: 14px !important;
    }

    .abt-whatwedo-main {
        padding-bottom: 30px;
    }

    .flip-card-whatwedo {
        margin-bottom: 20px;
    }
}

.bar-notification {
    z-index: 100000 !important;
}

#order path {
    fill: #424242;
    stroke: #424242;
    stroke-width: 2px;
    stroke-linejoin: round;
}

.item-box .picture {
    max-height: auto !important;
    min-height: auto !important;
}

@media (max-width: 480px) {
    .footer-upper {
        display: none;
    }

    .footer {
        border-top: 0px solid #f6f6f6 !important;
    }

    .res-footer-main {
        display: flex !important;
        justify-content: center;
        position: fixed !important;
        bottom: 0;
        width: 100% !important;
        z-index: 999;
        box-shadow: 1px 1px 58px #666;
        background-color: #fff;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .res-footer-content {
        text-align: center;
        float: left;
        cursor: pointer;
        width: 20%;
    }

    .res-footer-label {
        font-size: 11px;
    }

    .res-footer-main .usermenu-avatar-main,
    .main-notify {
        width: 20px !important;
        height: 20px !important;
    }

    .res-footer-main .res-footer-icon {
        height: 20px;
        margin-bottom: 2.5px;
    }

    .res-messanger {
        bottom: 55px !important;
    }

    .footer-lower {
        padding-bottom: 70px !important;
    }

    .res-header-search {
        float: right !important;
        background: var(--mainprimarycolor);
        color: white;
        border-radius: 5px;
    }

    .footer-block .title:after,
    .footer-block .title:before {
        color: var(--mainprimarycolor) !important;
    }

    .footer-sharing {
        display: flex;
        justify-content: center;
    }
}

.res-footer-main {
    display: none;
}

.footer-whatsapp {
    width: 32px;
    height: 32px;
    fill: #a9a8a8;
}

.social-sharing {
    display: inline-flex;
}

.oder-layout-bg-banner {
    height: 150px;
    object-fit: cover;
    object-position: center;
    filter: brightness(50%);
    width: 100%;
}

/* filter */

.main-filter-section :root {
    --black: #3a3a3a;
    --white: #fff;
    --green: #49b293;
}

.main-filter-section * {
    margin: 0;
    padding: 0;
}

.main-filter-section img {
    display: block;
    max-width: 100%;
    height: auto;
}

.main-filter-section ol {
    list-style: none;
}

.main-filter-section a {
    text-decoration: none;
    color: inherit;
}

.main-filter-section body {
    margin: 50px 0;
    color: #000;
    font: 1rem/1.3 sans-serif;
}

.main-filter-section .container {
    margin: 0 auto;
}

.main-filter-section h1 {
    text-align: center;
    margin-bottom: 2rem;
}

    .main-filter-section h1 a {
        transition: all 0.1s;
    }

        .main-filter-section h1 a:hover {
            background: #49b293;
            color: #fff;
        }

.main-filter-section input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.main-filter-section .filters {
    text-align: center;
}

    .main-filter-section .filters * {
        display: inline-block;
    }

    .main-filter-section .filters label {
        padding: 0.5rem 1rem;
        margin-bottom: 0.25rem;
        border-radius: 2rem;
        min-width: 50px;
        line-height: normal;
        cursor: pointer;
        transition: all 0.1s;
    }

        .main-filter-section .filters label:hover {
            color: var(--mainprimarycolor);
        }

.main-filter-section .posts .post {
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.main-filter-section .posts .post-title {
    font-size: 1.3rem;
}

    .main-filter-section .posts .post-title:hover {
        text-decoration: underline;
    }

.main-filter-section .posts figcaption {
    padding: 1rem;
}

.main-filter-section .posts .post-categories {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
}

    .main-filter-section .posts .post-categories * {
        display: inline-block;
    }

    .main-filter-section .posts .post-categories li {
        margin-bottom: 0.2rem;
    }

    .main-filter-section .posts .post-categories a {
        padding: 0.2rem 0.5rem;
        border-radius: 1rem;
        border: 1px solid;
        line-height: normal;
        transition: all 0.1s;
    }

        .main-filter-section .posts .post-categories a:hover {
            color: var(--mainprimarycolor);
        }

.main-filter-section [value="All"]:checked ~ .filters [for="All"],
.main-filter-section [value="TOPAY"]:checked ~ .filters [for="TOPAY"],
.main-filter-section [value="TOSHIP"]:checked ~ .filters [for="TOSHIP"],
.main-filter-section [value="DELIVERED"]:checked ~ .filters [for="DELIVERED"],
.main-filter-section [value="CANCEL"]:checked ~ .filters [for="CANCEL"],
.main-filter-section [value="SliderB"]:checked ~ .filters [for="SliderB"],
.main-filter-section
[value="fullPage.js"]:checked ~ .filters
[for="fullPage.js"] {
    color: var(--mainprimarycolor);
}

.main-filter-section [value="All"]:checked ~ .posts [data-category] {
    display: block;
}

.main-filter-section
[value="TOPAY"]:checked ~ .posts
.post:not([data-category~="TOPAY"]),
.main-filter-section
[value="TOSHIP"]:checked ~ .posts
.post:not([data-category~="TOSHIP"]),
.main-filter-section
[value="DELIVERED"]:checked ~ .posts
.post:not([data-category~="DELIVERED"]),
.main-filter-section
[value="CANCEL"]:checked ~ .posts
.post:not([data-category~="CANCEL"]),
.main-filter-section
[value="SliderB"]:checked ~ .posts
.post:not([data-category~="SliderB"]),
.main-filter-section
[value="fullPage.js"]:checked ~ .posts
.post:not([data-category~="fullPage.js"]) {
    display: none;
}

.main-filter-section footer {
    font-size: 1rem;
    padding: 0 1.5rem;
    text-align: right;
}

    .main-filter-section footer span {
        color: var(--mainprimarycolor);
    }

@media screen and (max-width: 900px) {
    .main-filter-section .posts {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 650px) {
    .main-filter-section html {
        font-size: 14px;
    }

    .main-filter-section .posts {
        grid-template-columns: repeat(2, 1fr);
    }
}

.main-filter-section .ac-container label {
    height: 30px !important;
    line-height: 21px !important;
    font-size: 12px !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    line-height: 33px;
    font-size: 19px;
    height: 30px;
    line-height: 20px;
}

    .main-filter-section .ac-container label:hover:after,
    .main-filter-section .ac-container input:checked + label:hover:after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
        background: transparent url(https://bb3062.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/arrow_down.png) no-repeat center center;
    }

.main-filter-section .ac-container input:checked + label:hover:after {
    background-image: url(https://222f53.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/arrow_up.png);
}

.main-filter-section .ac-container input {
    display: none;
}

.main-filter-section .ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

    .main-filter-section .ac-container article p {
        font-style: normal;
        color: #777;
        line-height: 23px;
        font-size: 10px;
        padding: 20px;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
        font: normal normal 12px "Open Sans";
    }

.main-filter-section .ac-container input:checked ~ article {
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

    .main-filter-section .ac-container input:checked ~ article.ac-small {
        height: fit-content;
    }

    .main-filter-section .ac-container input:checked ~ article.ac-medium {
        height: 180px;
    }

    .main-filter-section .ac-container input:checked ~ article.ac-large {
        height: 230px;
    }

.main-filter-section input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    content: none;
}

.main-filter-section .filters {
    font-size: 18px !important;
    color: #898989 !important;
    padding-bottom: 10px;
}

.main-filter-section .ac-container label {
    font-size: 16px !important;
    display: flex;
}

.content-filter-order {
    font-size: 16px !important;
    padding-left: 100px;
    text-align: left;
}

.main-filter-section .ac-container article p {
    padding: 0;
}

.main-filter-section .ac-container label {
    height: 80px !important;
}

.sections-filter-accordian {
    display: flex;
    align-items: center;
    width: 70%;
}

.sections-filter-title-section {
    padding-left: 30px;
}

.sections-filter-price-section {
    display: flex;
    align-items: center;
    color: #000000;
}

.sections-filter-status-section {
    align-self: center;
    font-size: 12px;
}

.sections-filter-status-category-section {
    background: var(--mainprimarycolor);
    color: white;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    border: none;
}

.main-filter-section .filters {
    height: 50px;
}

.content-filter-orde-content-top {
    padding-bottom: 20px;
}

.content-filter-orde-content-bottom {
    padding-bottom: 20px;
}

.content-filter-orde-content-top-inner {
    padding-bottom: 5px;
}

.content-filter-orde-content-top-inner-right {
    padding-left: 20px;
    font-weight: bold;
    font-size: 16px;
}

.content-filter-oder-shipping-title {
    padding-bottom: 5px;
    font-weight: bold;
}

.content-filter-oder-address-title {
    width: 200px;
}

.main-filter-section .post {
    border-radius: 10px !important;
    margin-bottom: 15px;
}

.main-filter-section .posts .post {
    background: #ffffff;
}

.main-filter-section .img-conatiner {
    width: 50px;
}

.main-filter-section .ac-container input:checked ~ article.ac-medium {
    height: fit-content !important;
}

.main-filter-section .badge-status {
    padding: 5px 10px;
    margin: 0 auto;
}

.main-filter-section .badge-status-delivery {
    color: #39b54a;
    font-weight: 500;
}

.main-filter-section .badge-status-ready {
    color: #f7931e;
    font-weight: 500;
}

.main-filter-section .badge-status-cancel {
    color: var(--mainprimarycolor);
    font-weight: 500;
}

.main-filter-section .shiiping-address {
    padding-bottom: 5px;
}

.main-filter-section .payments {
    padding-top: 20px;
}

.main-filter-section .payments-button {
    display: flex;
    justify-content: center;
}

.main-filter-section .payments-btn-section {
    width: 120px;
}

.main-filter-section .payments-btn-right {
    margin-right: 20px;
}

@media (max-width: 320px) {
    .main-filter-section .divider-fiter {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .main-filter-section .status-order-state {
        font-weight: 700;
        display: flex;
        justify-content: center;
    }

    .main-filter-section .top-header-status {
        justify-content: flex-end !important;
    }

    .main-filter-section [value="All"]:checked ~ .filters [for="All"],
    .main-filter-section [value="TOPAY"]:checked ~ .filters [for="TOPAY"],
    .main-filter-section [value="TOSHIP"]:checked ~ .filters [for="TOSHIP"],
    .main-filter-section [value="DELIVERED"]:checked ~ .filters [for="DELIVERED"],
    .main-filter-section [value="CANCEL"]:checked ~ .filters [for="CANCEL"],
    .main-filter-section [value="SliderB"]:checked ~ .filters [for="SliderB"],
    .main-filter-section
    [value="fullPage.js"]:checked ~ .filters
    [for="fullPage.js"] {
        background: var(--mainprimarycolor);
        border-radius: 5px;
        text-shadow: none !important;
        color: white !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-filter-section .filters {
        display: flex;
        height: 30px;
        text-align: center;
        margin-bottom: 15px;
        justify-content: space-between !important;
    }

    .main-filter-section {
        border-radius: 0px;
        padding: 20px !important;
        margin-left: -10px;
        margin-right: -10px;
    }

    .sections-filter-title-section {
        font-size: 12px;
        width: 60%;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .sections-filter-price-section {
        display: none;
    }

    .sections-filter-status-section {
        text-align: center;
    }

    .main-filter-section .img-conatiner {
        width: 40px;
    }

    .content-filter-order {
        padding-left: 20px;
        font-size: 14px !important;
    }

    .content-filter-orde-content-top-inner-right {
        font-size: 14px;
    }

    .main-filter-section .post {
        margin-bottom: 5px;
    }

        .main-filter-section .post:last-child {
            margin-bottom: 0px !important;
        }

    .resp-select-filter {
        width: 97% !important;
        margin-bottom: 50px;
        margin-right: 5px;
        margin-left: 5px;
        padding-left: 10px;
        background: var(--mainprimarycolor) !important;
        color: white !important;
        border-radius: 5px !important;
        display: block !important;
        font-size: 12px !important;
    }

        .resp-select-filter option {
            font-size: 14px !important;
        }

    .main-filter-section .divider-fiter {
        display: none !important;
    }

    .main-filter-section .filters .filter-label-status {
        height: 27px !important;
        padding-left: 5px !important;
        padding-right: 8px !important;
        min-width: 30px;
        font-weight: 700;
    }

    .main-filter-section .ac-container label {
        font-size: 12px !important;
    }
}

.resp-select-filter {
    display: none;
}

.main-filter-section .divider-fiter {
    display: block;
    margin-left: 30px;
    color: #777;
}

.main-filter-section .status-order-state {
    font-weight: 700;
}

.main-filter-section .top-header-status {
    display: flex;
    justify-content: space-between;
    width: 30%;
}

.main-tab-points-layout .tab-wrap {
    transition: 0.3s box-shadow ease;
    border-radius: 6px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    background-color: #fff;
}

.main-tab-points-layout .tab {
    display: none;
}

    .main-tab-points-layout
    .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
    }

    .main-tab-points-layout
    .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
    }

    .main-tab-points-layout
    .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
    }

    .main-tab-points-layout
    .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
    }

    .main-tab-points-layout
    .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
    }

    .main-tab-points-layout .tab:first-of-type:not(:last-of-type) + label {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0;
    }

    .main-tab-points-layout .tab:not(:first-of-type):not(:last-of-type) + label {
        border-radius: 0;
    }

    .main-tab-points-layout .tab:last-of-type:not(:first-of-type) + label {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0;
    }

    .main-tab-points-layout .tab:checked + label {
        cursor: default;
        background-color: var(--mainprimarycolor) !important;
        color: white;
        font-weight: 700;
        font-size: 18px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .main-tab-points-layout .tab:checked + label:hover {
            border: 1px solid;
            background-color: var(--mainprimarycolor) !important;
            color: white;
            font-weight: 700;
            font-size: 18px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    .main-tab-points-layout .tab + label {
        border: 1px solid;
        font-weight: 700;
        font-size: 18px;
        border-radius: 6px 6px 0 0;
        cursor: pointer;
        display: block;
        text-decoration: none;
        color: var(--mainprimarycolor);
        flex-grow: 3;
        text-align: center;
        background-color: white;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        transition: 0.3s background-color ease, 0.3s box-shadow ease;
        height: 50px;
        box-sizing: border-box;
        padding: 15px;
    }

        .main-tab-points-layout .tab + label:hover {
            background-color: #f9f9f9;
            box-shadow: 0 1px 0 #f4f4f4 inset;
        }

.main-tab-points-layout .tab__content {
    background-color: transparent;
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: 0;
    left: 0;
    transform: translateY(-3px);
    border-radius: 6px;
}

.main-tab-points-layout input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    content: none;
}

@media (max-width: 768px) {
    .tabs-wrapper {
        display: none !important;
    }

    .main-tab-points-layout .main-tab-expired {
        display: block !important;
    }

    .main-tab-points-layout .tab:checked + label {
        font-size: 14px !important;
    }

    .main-tab-points-layout .tab + label {
        font-size: 14px !important;
    }

    .main-tab-points-layout .main-tab-description {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 12px !important;
    }

    .main-tab-points-layout .section-top-body-tab {
        padding: 10px !important;
    }

    .main-tab-points-layout .main-tab-description-inner {
        padding-right: 0 !important;
        padding-bottom: 5px;
    }

    .main-tab-points-layout .title-tab-section-main {
        font-size: 12px !important;
        display: flex;
    }

    .main-tab-points-layout .main-tab-expired {
        text-align: left;
    }

    .main-tab-points-layout .main-tab-expired-innner {
        padding: 10px !important;
        padding-bottom: 0px !important;
    }

    .main-tab-points-layout .section-top-body-tab {
        display: block !important;
    }

    .main-tab-points-layout .main-tab-points {
        justify-content: right;
        padding: 5px 0px 0px 0px;
    }

    .main-tab-points-layout .main-tab-expired-section {
        justify-content: right;
    }
}

.main-tab-points-layout .section-top-body-tab {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    background: #f2f2f2;
    padding: 10px;
}

.main-tab-points-layout .title-tab-section-main {
    color: #999999;
    font-weight: 500;
    font-size: 14px;
}

.main-tab-points-layout .main-tab-description {
    display: flex;
    padding-top: 5px;
    color: #4d4d4d;
    font-weight: 500;
    font-size: 14px;
}

.main-tab-points-layout .main-tab-description-inner {
    padding-right: 5px;
}

.main-tab-points-layout .main-tab-points {
    display: flex;
    align-items: center;
    color: var(--mainprimarycolor);
    font-size: 16px;
    font-weight: 800;
}

.main-tab-points-layout .main-tab-expired {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    background: #f2f2f2;
}

.main-tab-points-layout .main-tab-expired-innner {
    padding: 10px;
}

.main-tab-points-layout .main-tab-expired-section {
    display: flex;
    align-items: center;
    color: white;
    background: #636363;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.main_points-layout {
    background-color: #f6f6f6;
    padding: 40px 0 0 0;
    display: flex;
    border-radius: 5px;
}

    .main_points-layout .account-page {
        border-radius: 5px;
        background: white;
    }

.tab__content {
    margin-top: 30px;
}

.tab-panel-left {
    width: 15%;
    margin-left: 30%;
}

.tab-panel-right {
    width: 15%;
    margin-right: 30%;
}

.main_points-layout .side-2 {
    width: 200px;
}

.reward-points-page .expire-90days {
    display: flex;
    justify-content: right;
    padding-bottom: 30px;
    font-size: 14px;
}

.reward-points-page .more-points-load {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.show_more-points-main .read-more-state {
    display: none;
}

.show_more-points-main .read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: 0.25s ease;
}

.show_more-points-main
.read-more-state:checked ~ .read-more-wrap
.read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.show_more-points-main .read-more-state ~ .read-more-trigger:before {
    content: "Show more";
}

.show_more-points-main .read-more-state:checked ~ .read-more-trigger:before {
    content: "Show less";
}

.show_more-points-main .read-more-trigger {
    cursor: pointer;
}

.load_more-points {
    display: flex !important;
    justify-content: center !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: var(--mainprimarycolor) !important;
    color: white !important;
    text-transform: uppercase !important;
    width: 135px !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
}

.show_more-points-main .read-more-wrap {
    margin-bottom: 30px;
}

.read-more-wrap {
    margin-bottom: 30px;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: 0.25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
    content: "Show more";
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: "Show less";
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5em;
    color: #666;
    font-size: 0.9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: 0.25em;
}

.main-spend-point .point-spend-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    background: #f2f2f2;
    padding: 10px;
}

.main-spend-point .point-spend-status {
    display: flex;
    align-items: center;
}

.main-spend-point .point-spend-date {
    color: #999999;
    font-weight: 500;
    font-size: 14px;
}

.main-spend-point .point-spend-order {
    padding-top: 5px;
    display: flex;
    color: #4d4d4d;
    font-weight: 500;
    font-size: 14px;
}

.main-spend-point .point-spend-btn {
    display: flex !important;
    justify-content: center !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: var(--mainprimarycolor) !important;
    color: white !important;
    text-transform: uppercase !important;
    width: 135px !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
}

@media (max-width: 1024px) {
    .main_points-layout {
        display: block !important;
    }

        .main_points-layout .side-2 {
            width: 100%;
        }

    .select-navigation select {
        width: 100%;
    }

    .tab-panel-right {
        margin-right: 0% !important;
    }

    .tab-panel-left {
        margin-left: 0% !important;
    }

    .account-main-items .country-container {
        margin: 0;
        width: auto !important;
    }

    .account-main-items .city-container {
        width: auto !important;
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .state-form-main {
        display: block !important;
    }

        .state-form-main .country-container {
            width: 100% !important;
        }

    .state_container {
        padding-top: 20px;
    }

    .city-container {
        padding-top: 20px;
        width: 100% !important;
    }

    .postalmain {
        display: block !important;
    }

    .postalmain-left {
        width: 100% !important;
    }

    .postalmain-right {
        padding-top: 20px;
        width: 100% !important;
    }
}

.state-form-main {
    display: flex;
}

.main-tab-points-layout .tab-wrap {
    padding: 50px;
}

@media (max-width: 1024px) {
    .main-tab-points-layout .tab-wrap {
        padding: 10px;
    }

    .main-joblisting-joinus {
        padding-top: 80px !important;
    }
}

.feature-seller-title {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

/* left panel */

.master-column-wrapper > .listbox {
    float: right;
}

.master-column-wrapper > .list {
    width: 80px;
    display: inline-block;
}

    .master-column-wrapper > .list li {
        margin-bottom: 10px;
        background: #b3b3b3;
        height: 50px;
    }

        .master-column-wrapper > .list li:last-child {
            margin: 0 !important;
        }

        .master-column-wrapper > .list li:hover {
            background: var(--mainprimarycolor);
        }

        .master-column-wrapper > .list li a {
            visibility: hidden;
        }

            .master-column-wrapper > .list li a::after {
                visibility: initial;
            }

        .master-column-wrapper > .list li.active a {
            visibility: initial !important;
        }

        .master-column-wrapper > .list li.active {
            background: var(--mainprimarycolor);
            width: 200px;
            position: relative;
            left: -119px;
            display: flex;
            justify-content: flex-end;
        }

        .master-column-wrapper > .list li:hover {
            width: 200px;
            position: relative;
            left: -120px;
        }

            .master-column-wrapper > .list li:hover a {
                visibility: initial !important;
                transition: all 0.1s ease-in;
            }

.master-column-wrapper > .block-account-navigation.block .list .active a {
    color: white !important;
}

    .master-column-wrapper > .block-account-navigation.block .list .active a:after {
        color: white !important;
    }

.master-column-wrapper > .block-account-navigation.block .list a:after {
    color: white !important;
}

.master-column-wrapper > .block-account-navigation.block .list a {
    color: white !important;
    height: 50px;
}

.master-column-wrapper > .block-account-navigation.block .list .active a {
    border-color: var(--mainprimarycolor) !important;
}

/* job listing  */

.joblisting-topbanner {
    height: 250px;
    object-fit: cover;
    object-position: center;
    filter: brightness(50%);
    width: 100%;
}

.joblisting_title-main .ready-title {
    font-size: 64px;
}

.joblisting-joinbox {
    background: var(--mainprimarycolor);
    padding: 15px;
    border-radius: 15px;
    color: white;
    flex-grow: 1;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mainprimarycolor);
    transition: 1s ease-in-out;
    transform-style: preserve-3d;
}

.joblisting-icons-img {
    width: 40%;
}

.joblisting-itmes-dec {
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
}

.joblisting-box-itmes {
    display: flex;
    place-content: center;
}

.joblisting-conatyiner {
    text-align: center;
    align-self: center;
}

.main-joblisting {
    background: var(--mainprimarycolor);
    margin-right: -6vw;
    margin-left: -6vw;
    color: white;
    font-size: 16px;
    line-height: 40px;
}

.joblisting_title-main {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
}

.main-joblisting-contain {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.main-joblisting-contain-left {
    width: 50%;
    padding-right: 10px;
    padding-left: 60px;
    text-align: right;
    margin-top: 60px;
}

.main-joblisting-contain-right {
    width: 50%;
}

.listing-main-talent {
    width: 50%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.listing-main-talent-img {
    width: 400px;
}

.listing-main-items {
    padding-bottom: 30px;
}

.main-joblisting-contain-right-title {
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 30px;
}

@media (max-width: 1023px) {
    .main-joblisting-contain {
        flex-flow: column-reverse;
    }

    .main-joblisting-contain-right-img {
        position: unset;
        width: unset;
        padding: 0 30px;
    }

    .main-joblisting-contain-right {
        width: 100%;
    }

    .main-joblisting-contain-left {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-joblisting-contain-right-title {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }

    .main-joblisting {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.main-joblisting-joinus-title {
    font-size: 50px;
    font-weight: 700;
    display: flex;
    justify-content: center;
}

.main-joblisting-joinus-descriptions {
    font-size: 16px;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 5px;
    line-height: 23px;
}

.main-joblisting-joinus-list {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    column-gap: 10px;
}

@media (max-width: 1023px) {
    .main-joblisting-joinus-list {
        row-gap: 10px;
        flex-wrap: wrap;
    }

    .joblisting-joinbox {
        flex: 0 0 49%;
    }

    .featurejob-btn {
        width: 100% !important;
    }

    .main-joblisting-joinus {
        padding-top: 40px;
    }

    .listing-main-items {
        padding-top: 20px;
    }

    .main-live-home {
        flex-direction: column-reverse !important;
        flex-flow: wrap;
    }
}

@media (max-width: 768px) {
    .main-joblisting-contain-left {
        width: 100%;
        padding-left: 50px !important;
        padding-right: 50px !important;
        text-align: left;
    }

    .listing-main-talent {
        width: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .listing-main-talent-img {
        width: 100%;
    }

    .main-joblisting-joinus {
        padding-left: 0px;
        padding-right: 0px;
    }

    .joblisting-itmes-dec {
        font-size: 14px;
    }

    .joblisting-joinbox {
        flex: 0 0 48% !important;
    }

    .flip-card {
        flex: 50% !important;
        height: 140px !important;
    }

    .flip-card-back-container {
        font-size: 12px !important;
    }

    .featurejob-positions {
        flex: 0 0 48% !important;
    }

    .featurejob-btn {
        width: 100% !important;
    }

    .featurejob-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .joblisting-itmes-dec {
        padding-top: 5px;
    }

    .main-joblisting-contain {
        padding: 0;
    }
}

.joblisting-joinbox:hover {
    background: white;
    cursor: pointer;
    color: #000;
    border: 1px solid var(--mainprimarycolor);
    transform: rotateY(0.5turn);
}

.flip-card {
    border: 1px solid #f1f1f1;
    background: var(--mainprimarycolor);
    padding: 15px;
    border-radius: 15px;
    color: white;
    flex-grow: 1;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mainprimarycolor);
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

    .flip-card:hover {
        background: white;
    }

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background: var(--mainprimarycolor);
    color: white;
    display: flex;
    justify-content: center;
}

/* Style the back side */
.flip-card-back {
    background: white;
    color: black;
    display: flex;
    justify-content: center;
    transform: rotateY(180deg);
    border-radius: 15px;
}

.flip-card-back-container {
    align-self: center;
    align-self: center;
    padding: 0 10%;
    line-height: 16px;
    font-size: 14px;
}

.featurejob-title {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.featurejob-container {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.featurejob-positions {
    flex: 0 0 30%;
    display: flex;
    justify-content: center;
}

.featurejob-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    color: var(--mainprimarycolor);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--mainprimarycolor);
    cursor: pointer;
    height: 40px;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

    .featurejob-btn:hover {
        border: 1px solid var(--mainprimarycolor);
        background: var(--mainprimarycolor);
        color: white;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }

.landinghome-application {
    background: var(--mainprimarycolor);
    color: white;
    font-size: 14px;
    padding: 30px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.landinghome-application-btn {
    display: flex;
    justify-content: center;
    background: white;
    border-radius: 10px;
    color: var(--mainprimarycolor);
    padding: 15px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    align-items: center;
}

    .landinghome-application-btn:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }

.letsconect-main {
    display: flex;
    justify-content: right;
}

.lerstconnect-create {
    margin-bottom: 40px;
}

.listingjob-main .master-wrapper-content {
    padding-bottom: 20px !important;
}

.joblisting-ready_items {
    font-size: 22px;
    margin-bottom: -10px;
}

.joblisting_title-main .ready-title {
    font-size: 89px;
}

.joblisting-ready_content {
    font-size: 16px;
}

.positionjob-banner {
    background: #f7f7f7;
}

.positionjob-banner-container {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.positionjob-banner-left {
    width: 50%;
    display: flex;
    justify-content: center;
}

.positionjob-banner-left-content {
    font-size: 30px;
    font-weight: bold;
}

.positionjob-banner-left-dec {
    font-size: 14px;
    font-weight: bold;
}

.positionjob-banner-right {
    width: 50%;
    display: flex;
    align-self: center;
    justify-content: center;
}

.position-listbtn {
    background: var(--mainprimarycolor);
    color: white;
    padding: 10px;
    border-radius: 10px;
    width: 30%;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .position-listbtn:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }

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

.joblisting-container {
    padding-top: 30px;
    font-size: 14px;
}

.joblisting-title-sec {
    font-style: italic;
    padding-bottom: 10px;
}

.joblisting-contains-sec {
    padding-bottom: 10px;
}

.listingjob-title {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-size: 30px;
    font-weight: bold;
}

.positionlisting-container {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.positionlistingbtn {
    border: 1px solid grey;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 0 0 30%;
    text-align: left;
    font-size: 14px;
}

.positionlistingbtn-container {
    padding-top: 5px;
}

.positionlistingbtn-items {
    border: 1px solid grey;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: left;
    align-items: center;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    margin-top: 15px;
}

    .positionlistingbtn-items:hover {
        background: var(--mainprimarycolor);
        border: 1px solid var(--mainprimarycolor);
        color: white;
        font-weight: 700;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }

@media (max-width: 767px) {
    .positionjob-banner-left-content {
        font-size: 24px;
    }

    .positionjob-banner-container {
        flex-flow: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .positionjob-banner-left {
        width: 100%;
    }

    .positionjob-banner-right {
        width: 100%;
        padding-top: 20px;
    }

    .aboutlisting-main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .aboutlisting-gallery {
        padding-left: 20px;
        padding-right: 20px;
    }

    .positionlisting-container {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
    }

    .positionlistingbtn-items {
        margin-left: 20px;
        margin-right: 20px;
        justify-content: center !important;
        text-align: center;
    }

    .joblisting-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .positionlistingbtn {
        margin-top: 10px;
        text-align: center !important;
    }

    .listingjob-title {
        font-size: 24px;
    }
}

.aboutlisting-main {
    padding-top: 50px;
}

.abiutlisting-title {
    font-size: 30px;
    font-weight: bold;
}

.aboutlisting-container {
    font-size: 14px;
}

.aboutlisting-items {
    padding-top: 20px;
    line-height: 20px;
}

.aboutlisting-gallery {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
}

.aboutlisting-gallery-items {
    flex: 0 0 50%;
}

.master-leftpanel-main {
    row-gap: 20px;
    display: grid;
    font-size: 14px;
    justify-items: end;
}

.master-leftpanel-container {
    background-color: #b3b3b3;
    color: white;
    padding: 10px;
    cursor: pointer;
    width: 20%;
    display: flex;
    justify-content: flex-end;
    height: 43px;
    align-items: center;
    position: relative;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

    .master-leftpanel-container:hover {
        width: 70%;
        background: #b3b3b3;
    }

        .master-leftpanel-container:hover .master-leftpanel-items {
            display: none;
            margin-left: 40px;
        }

        .master-leftpanel-container:hover .master-leftpanel-list {
            display: block;
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: end;
        }

.master-leftpanel-list {
    display: none;
}

.master-leftpanel-container.active {
    width: 70%;
    background: var(--mainprimarycolor);
}

    .master-leftpanel-container.active.master-leftpanel-list {
        display: block;
    }

.infouser::after {
    content: "\61";
    position: absolute;
    top: 50%;
    left: auto;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.customerinfos::after {
    content: "\61";
    position: relative;
    top: 50%;
    left: auto;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.master-leftpanel-container.active .cutomeractive {
    display: block !important;
    align-self: center;
    margin-right: 40px;
}

.cutomeractive {
    display: none !important;
}

.master-leftpanel-container:hover .cutomeractive {
    visibility: hidden;
}

.addresicon::after {
    content: "\4e";
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
    color: white;
}

.ordersicons::after {
    content: "d";
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.stockicoons::after {
    content: "E";
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.passwordicons::after {
    content: "x";
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.eshopiconlogo {
    width: 29px;
    height: 29px;
    fill: white;
    margin-left: 10px;
}

.reviewicon::after {
    content: "S";
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: white;
    transition: all 0.2s ease;
}

.master-leftpanel-category {
    margin-right: 40px !important;
}

.master-leftpanel-container.active:hover .infouser .master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover
.addresicon
.master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover
.ordersicons
.master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover
.stockicoons
.master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover
.passwordicons
.master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover
.reviewicon
.master-leftpanel-category {
    margin-right: 30px;
}

.master-leftpanel-container.active:hover .cutomeractive {
    display: none !important;
}

.master-leftpanel-container .shopeshop .master-leftpanel-category {
    margin-right: 0px !important;
}

@media (max-width: 1024px) {
    .master-leftpanel-main {
        display: none;
    }
}

.deafult-badge-epoints {
    display: flex;
    justify-content: end;
}

.panel-eshop-main {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
}

.panel-eshop-deafult .eshopiconlogo {
    margin-left: 10px;
}

.main-panel-icon-esshop {
    width: 100%;
    display: flex;
    justify-content: center;
    height: -webkit-fill-available;
    align-items: center;
}

    .main-panel-icon-esshop:hover {
        display: none !important;
        visibility: hidden;
    }

.eshopiconlogo-main {
    width: 29px;
    height: 29px;
    fill: #a9a8a8;
}

.copy-clipboard-main {
    display: block;
    margin-top: 10px;
}

    .copy-clipboard-main .container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .copy-clipboard-main .cursive {
        font-style: oblique;
    }

    .copy-clipboard-main h1 {
        color: #f5f5f5;
        text-align: center;
        margin-top: 10%;
    }

    .copy-clipboard-main strike {
        color: #4169e1;
    }

    .copy-clipboard-main .text_input {
        text-align: left;
    }

    .copy-clipboard-main input {
        height: 50px;
        width: calc(100% - 70px);
        cursor: default;
        background-color: #fafafa;
    }

    .copy-clipboard-main .btn {
        background-color: var(--mainprimarycolor);
        border: none;
        cursor: pointer;
        outline: none;
        padding: 1px 7px;
        height: 50px;
        width: 70px;
        color: white;
        position: relative;
        left: -2px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

        .copy-clipboard-main .btn:hover {
            opacity: 0.8;
        }

    .copy-clipboard-main button img {
        height: 20px;
        width: 20px;
    }

    .copy-clipboard-main .paste {
        text-align: center;
        margin-top: 5%;
    }

        .copy-clipboard-main .paste input {
            height: 200px;
            border-radius: 10px;
            text-align: center;
        }

.referal-link {
    margin-top: 6px;
    color: #8c8c8c;
    text-align: left;
}

    .referal-link:hover {
        color: var(--mainprimarycolor);
        text-decoration: underline;
    }

.main-product-attributes .priceRangeMinMaxPanel {
    padding-top: 20px;
}

.main-product-attributes .priceRangeMinMaxPanel {
    margin-bottom: 0;
}

.filtersGroupPanel {
    border-bottom: 1px solid #f6f6f6;
}

.main-filterpanel-left {
    border: 1px solid #f6f6f6;
}

.devider-recent-view :last-child {
    border-bottom: none !important;
}

.recent-view-main .devider-recent-view:last-child {
    border-bottom: none !important;
}

.devider-recent-view:hover {
    filter: brightness(90%);
    color: var(--mainprimarycolor) !important;
}

@media (max-width: 1024px) {
    .category-main-block .box-category-center {
        width: auto;
    }
}

.main-content-category-product .ui-slider {
    max-width: inherit !important;
}

.flex {
    display: flex;
}

.eshopicon .cutomeractive {
    margin-right: 10px !important;
}

    .eshopicon .cutomeractive .master-leftpanel-category {
        margin-right: 10px !important;
    }

.master-leftpanel-main .eshopicon.inactive {
    justify-content: center;
}

    .master-leftpanel-main .eshopicon.inactive:hover {
        justify-content: unset;
    }

.master-leftpanel-main .eshopicon .master-leftpanel-category {
    margin-right: 10px !important;
}

.master-leftpanel-container:hover .eshopiconlogo {
    width: 37px;
    height: 37px;
}

@media (max-width: 1024px) {
    .epoint-gold-manin .epoint-main-container .text-left-1 {
        font-size: 12px !important;
    }

    .epoint-gold-manin .epoint-main-container .text-left-2 {
        font-size: 10px !important;
    }

    .epoint-gold-manin .epoint-main-container .right-content-text {
        font-size: 14px !important;
    }
}

.aboutus-topbanner {
    height: 250px;
    object-fit: cover;
    object-position: center;
    filter: brightness(50%);
    width: 100%;
}

.aboutus-content-main {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: relative;
    text-align: center;
}

.aboutus-content-title {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    transform: translate(0px, -114px);
}

.about-leadingsection {
    text-align: center;
    padding: 50px 12vw;
}

.about-leadingsection-title {
    font-size: 24px;
    color: var(--mainprimarycolor);
    font-weight: 600;
    padding-bottom: 15px;
    line-height: normal;
}

.about-leadingsection-subtopic {
    font-size: 14px;
    padding-bottom: 10px;
    font-weight: 400;
    line-height: 21px;
}

.about-leadingsection-topic {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.about-leadingsection-mission {
    padding: 20px;
    background: var(--mainprimarycolor);
    margin-bottom: 60px;
    text-align: center;
    color: white;
    padding-bottom: 60px;
    padding-top: 60px;
}

.about-leadingsection-mission-title {
    font-size: 24px;
    font-weight: 600;
}

.about-leadingsection-mission-content {
    display: flex;
    justify-content: center;
}

.about-leadingsection-mission-leadership {
    padding-right: 40px;
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    flex: 0;
    min-width: 60px;
    padding-left: 15px;
}

.about-leadingsection-mission-leadership-team {
    text-align: left;
    align-self: center;
    font-size: 14px;
    width: 580px;
}

.about-leadingsection-mission-leadership-list {
    padding-top: 20px;
}

.about-leadingsection-mission-leadership-sections {
    font-size: 16px;
    font-weight: 600;
}

.about-leadingsection-mission-leadership-items {
    font-size: 14px;
    padding-top: 5px;
}

.abt-whatwedo-main-items {
    margin-bottom: 30px;
}

.abt-whatwedo-main {
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.abt-whatwedo-items {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    column-gap: 10px;
}

.abt-whatwedo-list {
    display: flex;
    column-gap: 10px;
    text-align: center;
}

.abt-whatwedo-content {
    font-size: 16px;
    font-weight: 600;
    padding-top: 30px;
    text-align: center;
}

.abt-whatwedo-content-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .abt-whatwedo-content-img div {
        border-radius: 5px;
        width: 100%;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
    }

        .abt-whatwedo-content-img div img {
            height: 270px;
            border-radius: 10px;
        }

.abt-client-main {
    padding: 0px 12vw;
}

.abt-client-title {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 24px;
    color: var(--mainprimarycolor);
    font-weight: 600;
}

.abt-client-box-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.abt-client-box-column {
    /* height: 100px; */
    text-align: center;
    flex: 15%;
    display: flex;
    justify-content: center;
}

.search-box-select {
    border: 1px solid #434343 !important;
}

.search-box input.search-box-text {
    border-left: 1px solid #434343 !important;
    border-top: 1px solid #434343 !important;
    border-bottom: 1px solid #434343 !important;
}

.right-section-stream-container {
    width: 80%;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.header-links a {
    cursor: pointer !important;
}

.career-forward-main {
    display: flex;
    justify-content: space-around;
    margin-bottom: 80px;
    margin-top: 50px;
    padding: 0px 12vw;
}

.career-forward-content {
    background: var(--mainprimarycolor);
    color: white;
    padding: 30px;
    border-radius: 10px;
    width: 40%;
    text-align: center;
}

.career-forward-contentbtn {
    background: white;
    color: var(--mainprimarycolor);
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 700;
}

    .career-forward-contentbtn:hover {
        color: darkred;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

.career-forward-list {
    font-size: 16px;
    font-weight: 700;
}

.career-forward-category {
    margin: 15px 0;
    font-size: 14px;
}

.about-subsribes {
    background: var(--mainprimarycolor);
    color: white;
    text-align: center;
    padding: 30px;
}

.abt-subribesbtn {
    background: white;
    color: var(--mainprimarycolor);
    width: 20%;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 700;
}

    .abt-subribesbtn:hover {
        color: darkred;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

.abt-whatwedo-list-section {
    flex: 1;
    width: 300px;
}

.abtus-img-last {
    height: 270px !important;
}

.career-forward-category-subcribe {
    margin: 15px 0;
    font-size: 14px;
}

.accountavatar-container {
    padding: 0 20px;
    width: 150px;
}

@media (max-width: 768px) {
    .abt-whatwedo-content {
        padding-top: 0px !important;
    }

    .career-forward-list {
        font-size: 14px;
    }

    .career-forward-category {
        font-size: 12px;
    }

    .career-forward-contentbtn {
        width: max-content;
    }

    .abt-whatwedo-items {
        display: block;
        padding-top: 8px;
    }

    .abt-whatwedo-list {
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
        height: 256px;
    }

    .abt-whatwedo-content-img div img {
        height: 140px;
    }

    .abtus-img-last {
        height: 270px !important;
    }

    .career-forward-contentbtn {
        width: auto;
    }

    .career-forward-category {
        height: 64px;
    }

    .abt-subribesbtn {
        width: max-content;
        border-radius: 5px;
    }

    .about-leadingsection-mission {
        padding-bottom: 60px !important;
        padding-top: 60px !important;
    }

    .abt-client-box-row {
        column-gap: 5px;
        row-gap: 0px;
        padding: 0 30px;
        margin-bottom: 20px;
    }

    .abt-client-title {
        margin-bottom: 0px;
    }

    .career-forward-content {
        width: 45%;
    }

    .career-forward-main {
        margin-bottom: 30px;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .abt-client-main {
        padding: 0 !important;
    }

    .aboutus-topbanner {
        height: 120px;
    }

    .about-leadingsection {
        padding: 50px 30px;
    }

    .abt-whatwedo-content-img-dynamic {
        padding: 0 30px;
    }

    .abt-client-box-column {
        height: auto;
        flex: 20%;
    }

    .desktop-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

@media (max-width: 1024px) {
    .html-account-page .side-2 {
        margin: 0 !important;
    }

    .epoint-main-container {
        top: -169px !important;
        right: -19px !important;
    }
}

@media (max-width: 480px) {
    .epoint-main-container {
        top: -45px !important;
        right: 0 !important;
    }

    .date-of-birth .date-picker-wrapper select {
        width: 34% !important;
    }
}

.cart.cart-3 .product a:hover {
    color: var(--mainprimarycolor);
}

.add-to-cart-qty-wrapper .qty-input:hover {
    border: 1px solid darkgray;
}

.input#vendorlds_3.vendor-check {
    background-color: var(--mainprimarycolor);
}

.productTabs-header ul {
    display: flex;
}

.productTabs-header li a {
    text-transform: capitalize !important;
}

.ui-tabs .ui-tabs-panel,
.full-description {
    background-color: white !important;
}

.productTabs-header {
    border-bottom: 1px solid #8c8c8c;
}

/* modal listing start */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modaljoblisting {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}

    .modaljoblisting:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modaljoblisting > div {
        max-width: 800px;
        width: 90%;
        position: relative;
        margin: 3% auto;
        padding: 20px;
        border-radius: 3px;
        color: white;
        /* From https://css.glass */
        background: rgba(0, 0, 0, 0.2);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 2px solid black;
        overflow-y: scroll;
        height: 90%;
    }

.closeModal {
    color: #fff;
}

    .closeModal:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }
/* modal listing end */

.modalJoblisting-main {
    display: block;
}

.modalJoblisting-phone {
    margin-top: 20px;
}

.modalJoblisting-uploader {
    margin-top: 30px;
}

.uploadersubmitmain {
    display: flex;
    justify-content: right;
}

.uploadersubmit {
    background: var(--mainprimarycolor);
    color: #fff;
    font-weight: 700;
    padding: 15px;
    border-radius: 5px;
    width: 100px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: all 0.1s ease;
    text-transform: uppercase;
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
}

    .uploadersubmit:hover {
        background: var(--mainprimarycolor);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
    }

.uploaderlisting-title {
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    justify-content: left;
}

@media (max-width: 768px) {
    .aboutlisting-gallery {
        display: block;
    }
}

.modalJoblisting-main label {
    color: white;
}

.content-phone {
    margin-top: 20px;
}

.postalmain {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
}

.postalmain-left {
    width: 50%;
    text-align: left;
}

.postalmain-right {
    width: 50%;
    text-align: left;
}

.postalmain-inputlayout {
    width: 100%;
}

.postalmain-input-title {
    display: inline-block;
    max-width: calc(100% - 10px);
    width: auto;
    font-size: 15px;
    margin: 0 0 8px;
    font-weight: bold;
    color: white;
    text-align: left;
    white-space: normal;
}

.agreeapplyagree {
    display: flex;
}

.checkmodallisting {
    position: initial !important;
}

.agreeapplyagree-main body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: "Roboto", sans-serif;
}

.agreeapplyagree-main .title {
    text-align: center;
    padding: 40px 0;
    font-size: 40px;
    font-weight: 300;
    color: #636983;
}

.agreeapplyagree-main .wrapper {
    background-color: #f6f8ff;
    width: 100%;
    min-height: 100vh;
}

    .agreeapplyagree-main .wrapper .line {
        width: 50%;
        margin: 50px auto 0 auto;
        height: 1px;
        background-color: #c3d2e3;
    }

.agreeapplyagree-main .container {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.agreeapplyagree-main input[type="checkbox"].ckb {
    z-index: -1;
    opacity: 0;
}

    .agreeapplyagree-main input[type="checkbox"].ckb + label {
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        transition: all 0.3s;
        color: white;
    }

        .agreeapplyagree-main input[type="checkbox"].ckb + label:hover {
            color: white;
        }

        .agreeapplyagree-main input[type="checkbox"].ckb + label::before {
            transition: all 0.3s;
            content: "";
            display: inline-block;
            width: 1em;
            height: 1em;
            flex-shrink: 0;
            flex-grow: 0;
            border: 1px solid #adb5bd;
            border-radius: 0.25em;
            margin-right: 0.5em;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 50% 50%;
            margin: 20px 5px;
        }

    .agreeapplyagree-main input[type="checkbox"].ckb:checked + label::before {
        transition: all 0.3s;
        border-color: #2c5481;
        background-color: #2c5481;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
        box-shadow: 2px 2px 10px 0px #9ebcff;
    }

.agreeapplyagree-main input[type="checkbox"].ckb-success + label:hover {
    color: #1a7205;
}

.agreeapplyagree-main
input[type="checkbox"].ckb-success:checked + label::before {
    border-color: #1a7205;
    background-color: #1a7205;
    box-shadow: 2px 2px 10px 0px #1a7205;
}

.agreeapplyagree-main input[type="checkbox"].ckb-default + label:hover {
    color: #636983;
}

.agreeapplyagree-main
input[type="checkbox"].ckb-default:checked + label::before {
    border-color: #636983;
    background-color: #636983;
    box-shadow: 2px 2px 10px 0px #636983;
}

.agreeapplyagree-main input[type="checkbox"].ckb-warning + label:hover {
    color: white;
}

.agreeapplyagree-main
input[type="checkbox"].ckb-warning:checked + label::before {
    border-color: var(--mainprimarycolor);
    background-color: var(--mainprimarycolor);
    box-shadow: 2px 2px 10px 0px #ff9898;
}

.agreeapplyagree-main input[type="checkbox"].ckb-dark + label:hover {
    color: #505050;
}

.agreeapplyagree-main input[type="checkbox"].ckb-dark:checked + label::before {
    border-color: #505050;
    background-color: #505050;
    box-shadow: 2px 2px 10px 0px #9d9d9d;
}

.agreeapplyagree-container {
    color: var(--mainprimarycolor);
    margin-left: 5px;
    font-weight: 700;
    display: contents;
}

.uploadermedia {
    display: flex;
    column-gap: 10px;
}

    .uploadermedia .inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .uploadermedia .inputfile-1 + label {
        color: black;
        background: white;
    }

        .uploadermedia .inputfile-1 + label:hover {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
        }

    .uploadermedia .inputfile + label {
        font-size: 14px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 0.625rem 1.25rem;
        width: 100%;
        text-align: center;
        border-radius: 3px;
    }

        .uploadermedia .inputfile + label svg {
            width: 1em;
            height: 1em;
            vertical-align: middle;
            fill: currentColor;
            margin-top: -0.25em;
            margin-right: 0.25em;
        }

.uploadermedia-left {
    width: 50%;
}

.uploadermedia-right {
    width: 50%;
}

.userjoblisting {
    width: 100%;
    margin-bottom: 20px;
}

.topmodallisting {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    font-size: 18px;
}

.account-main-items .inputs > .required {
    color: white;
}

.userjoblisting select {
    width: 100%;
}

@media (max-width: 767px) {
    .postalmain-input-title {
        font-size: inherit;
    }

    .modalJoblisting-main .inputs > label {
        font-size: 14px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        font-size: 12px;
    }

    .agreeapplyagree-main input[type="checkbox"].ckb + label {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

#style-1::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #f5f5f5;
    border-radius: 10px;
}

#style-1::-webkit-scrollbar {
    width: 10px;
    background: #f5f5f5;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient( to right, darkgray 0% 10%, darkgray 60% 70%, darkgray 80% 100% );
}

.scrollbar {
    margin-left: 30px;
    height: 300px;
    width: 65px;
    background: #f5f5f5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.mini-shopping-cart .product .remove-item::after {
    position: relative;
    left: 4.5px;
}

.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
    min-width: auto !important;
}

.account-page .button-1 {
    line-height: initial !important;
}

.reward-points-overview a {
    color: var(--mainprimarycolor) !important;
}

.copy-clipboard-main .button-1 {
    height: 45px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    min-width: 68.17px !important;
}

.search-box-select {
    position: initial !important;
    border-radius: 0 !important;
}

.store-search-box .search-box-text {
    margin: 0 !important;
}

.search-box .search-box-button {
    float: none !important;
}

.abt-main {
    padding: 0 !important;
}

    .abt-main .topic-page .page-body {
        max-width: initial !important;
    }

    .abt-main .page-title {
        display: none;
    }

.flip-card-whatwedo {
    padding: 0px;
    border-radius: 15px;
    color: white;
    flex-grow: 1;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
}

    .flip-card-whatwedo:hover .flip-card-inner {
        transform: rotateY(180deg);
    }

    .flip-card-whatwedo .flip-card-back-container {
        text-align: left;
        padding: 0;
    }

    .flip-card-whatwedo .flip-card-front {
        border-radius: 15px;
        background: white !important;
    }

    .flip-card-whatwedo .title-content {
        font-weight: 700;
        font-size: 20px;
        padding-bottom: 15px;
    }

    .flip-card-whatwedo .list-content {
        padding-bottom: 10px;
    }

    .flip-card-whatwedo .flip-card-back {
        padding: 10px;
    }

.flip-card-Innovation {
    width: 300px;
}

@media (max-width: 768px) {
    .abtus-img-Innovation {
        height: 230px !important;
    }

    .flip-card-Innovation {
        width: auto !important;
        margin: 0 30px;
    }
}

.thankyou-main-items {
    display: flex;
    column-gap: 20px;
    padding-bottom: 10px;
}

.thankyou-main-container {
    font-size: 16px;
}

    .thankyou-main-container .thankyou-main-items:last-child {
        padding-bottom: 0px !important;
    }

.thankyou-main-list {
    flex: 1;
}

.thankyou-main-list-left {
    display: flex;
    justify-content: flex-end;
}

.thankyou-main-list-right {
    display: flex;
    justify-content: flex-start;
}

@media (hover: hover) and (pointer: fine) {
    .flip-card:hover {
        background: white;
    }

    .flip-card-whatwedo.hover {
        perspective: 1000px;
    }
}

.tbl-tq-total {
    width: 150px !important;
    text-align: center;
}

.thankyou-main-container .unit-price {
    text-align: center;
}

.thankyou-main-container .quantity {
    width: 150px !important;
    text-align: center;
}

.thankyou-main-container .name {
    border-right: 1px solid #eee;
    text-align: center !important;
}

.thankyou-main-container .product {
    border-right: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    border-left: 1px solid #eee !important;
}

.thankyou-main-container .price {
    border-right: 1px solid #eee;
}

.thankyou-main-container .unit-price {
    border-right: 1px solid #eee;
}

.thankyou-main-container .quantity {
    border-right: 1px solid #eee !important;
}

.thankyou-main-container .data-table {
    border-collapse: collapse !important;
}

.top-table-tq {
    padding: 20px;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 30px;
}

@media (max-width: 425px) {
    .tbl-tq-total {
        width: auto !important;
    }

    .thankyou-main-container .quantity {
        width: auto !important;
    }

    .thankyou-main-container .unit-price {
        width: 30px !important;
    }
}

@media (max-width: 767px) {
    .thankyou-main-container .price {
        display: none;
    }

    .thankyou-main-container .tbl-quantiy {
        display: none;
    }

    .thankyou-main-container .tbl-tq-crea {
        display: none;
    }

    .thankyou-main-container {
        font-size: 14px;
    }

        .thankyou-main-container .product,
        .quantity,
        .total {
            font-size: 14px !important;
        }
}

#aspect-content * {
    box-sizing: border-box;
}

.aspect-tab {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ececec;
    opacity: 1;
    transition: box-shadow 0.2s, opacity 0.4s;
}

    .aspect-tab:hover {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    }

.aspect-input {
    display: none;
}

    .aspect-input:checked ~ .aspect-content + .aspect-tab-content {
        max-height: 3000px;
    }

    .aspect-input:checked ~ .aspect-content:after {
        transform: rotate(0);
    }

.aspect-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 80px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}

    .aspect-label:hover ~ .aspect-content:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNFOTI2MjciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
    }

.aspect-content {
    position: relative;
    display: block;
    height: 80px;
    margin: 0;
    padding: 0 87px 0 30px;
    font-size: 0;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

    .aspect-content:before,
    .aspect-content:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
    }

    .aspect-content:before {
        height: 100%;
    }

    .aspect-content:after {
        position: absolute;
        width: 24px;
        height: 100%;
        right: 30px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
    }

.aspect-name {
    display: inline-block;
    width: 75%;
    font-weight: 700;
    color: #242a32;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
}

.aspect-stat {
    width: 40%;
    text-align: right;
}

.all-opinions,
.aspect-name {
    font-size: 14px;
    line-height: 22px;
}

.all-opinions {
    color: #5d5d5d;
    text-align: left;
}

.aspect-content + .aspect-tab-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s;
}

.aspect-content > div,
.aspect-stat > div {
    display: inline-block;
}

.aspect-content > div {
    vertical-align: middle;
}

.positive-count,
.negative-count,
.neutral-count {
    display: inline-block;
    margin: 0 0 0 20px;
    padding-left: 26px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 20px;
    color: #363636;
}

.aspect-info {
    width: 60%;
    white-space: nowrap;
    font-size: 0;
}

    .aspect-info:before {
        content: "";
        display: inline-block;
        height: 44px;
        vertical-align: middle;
    }

.chart-pie {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
}

    .chart-pie:after {
        content: "";
        display: block;
        position: absolute;
        height: 40px;
        width: 40px;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        background-color: #fff;
    }

.chart-pie-count {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    color: #242a32;
    text-align: center;
    z-index: 1;
}

.chart-pie > div {
    clip: rect(0, 44px, 44px, 22px);
}

.chart-pie > div,
.chart-pie.over50 .first-fill {
    position: absolute;
    height: 44px;
    width: 44px;
    border-radius: 50%;
}

.chart-pie.over50 > div {
    clip: rect(auto, auto, auto, auto);
}

.chart-pie.over50 .first-fill {
    clip: rect(0, 44px, 44px, 22px);
}

.chart-pie:not(.over50) .first-fill {
    display: none;
}

.second-fill {
    position: absolute;
    clip: rect(0, 22px, 44px, 0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    box-sizing: border-box;
}

.chart-pie.positive .first-fill {
    background-color: #82d428;
}

.chart-pie.positive .second-fill {
    border-color: #82d428;
}

.chart-pie.negative .first-fill {
    background-color: #ff6e00;
}

.chart-pie.negative .second-fill {
    border-color: #ff6e00;
}

.aspect-tab-content {
    background-color: #f9f9f9;
    font-size: 0;
    text-align: justify;
}

.sentiment-wrapper {
    padding: 24px 30px 30px;
    display: flex;
    position: relative;
}

    .sentiment-wrapper > div {
        display: flex;
        flex: 1;
        padding: 0 5px;
        box-sizing: border-box;
        vertical-align: top;
        cursor: default;
    }

        .sentiment-wrapper > div > div {
            width: 100%;
            padding: 16px 24px 20px;
            box-sizing: border-box;
            border-radius: 4px;
            background-color: #fff;
            border: 1px solid #ececec;
            text-align: left;
        }

.opinion-header {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #242a32;
}

    .opinion-header > span:nth-child(2) {
        position: absolute;
        right: 0;
    }

    .opinion-header + div > span {
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        color: #363636;
        flex: 1;
    }

@media screen and (max-width: 800px) {
    .aspect-label {
        max-height: 102px;
    }

    .aspect-content {
        height: auto;
        padding: 10px 87px 10px 30px;
    }

        .aspect-content:before {
            display: none;
        }

        .aspect-content:after {
            top: 0;
        }

    .aspect-stat {
        text-align: left;
    }

    .sentiment-wrapper {
        padding-bottom: 30px !important;
        padding: 10px;
    }
}

@media screen and (max-width: 750px) {
    .sentiment-wrapper > div {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .sentiment-wrapper > div:not(:first-child) {
            margin-top: 10px;
        }
}

@media screen and (max-width: 500px) {
    .aspect-label {
        max-height: 140px;
    }

    .aspect-stat > div {
        display: block;
        width: 100%;
    }

    .all-opinions {
        margin-bottom: 10px;
    }

        .all-opinions + div > span:first-child {
            margin: 0;
        }
}

.job-description-main {
    display: flex;
    column-gap: 10px;
}

.job-decription-list {
    display: flex;
    justify-content: flex-end;
}

.listing-jp-description {
    letter-spacing: 0;
    word-wrap: break-word;
    line-height: 26px;
    font-weight: 300;
}

.listing-title-job-list {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    word-wrap: break-word;
    padding-left: 10px;
}

.listing-title-job-section {
    padding-left: 20px;
    padding-top: 10px;
    list-style: circle !important;
    line-height: 26px;
    font-weight: 300;
}

    .listing-title-job-section li {
        margin-bottom: 10px;
    }

.warapper-listingjob-apply {
    position: absolute;
    height: 70px;
    bottom: 0;
    width: 100%;
    padding: 0 !important;
    left: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.listing-apply-header {
    display: flex;
    border: none !important;
    justify-content: space-between;
}

.position-title-header {
    height: 40px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.position-category-header {
    margin-bottom: 46px;
}

@media (max-width: 766px) {
    .job-description-main {
        display: block;
    }

    .positive-count {
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    .aspect-content {
        display: grid !important;
    }

    .position-title-header {
        display: none;
    }

    .position-listbtn {
        width: 100%;
    }
}

.flip-card-back-container ul {
    padding-left: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
}

.mini-shopping-cart .count a {
    align-items: center;
}

.mini-shopping-cart .product .remove-item {
    background: unset !important;
}

    .mini-shopping-cart .product .remove-item:hover {
        background-color: #e9e9e9 !important;
    }

@media (max-width: 1024px) {
    .shipping-method .method-list li,
    .payment-method .method-list li {
        margin-bottom: 0 !important;
    }

    .suggestion-main-cart .container-best-seller .parent {
        margin: 0 !important;
    }
}

.eshoplogo-checkout {
    width: 24px;
    display: flex;
}

@media (max-width: 768px) {
    .suggestion-main-cart {
        margin: 40px 0;
    }
}

@media (max-width: 768px) {
    .suggestion-main-cart {
        margin: 40px 0;
    }
}

@media (max-width: 1200px) {
    .headericons-main {
        column-gap: 5px !important;
    }

    .header-iconscontents {
        font-size: 12px !important;
    }
}

@media (max-width: 1026px) {
    .usermenu-avatar-main,
    .main-notify {
        height: 30px !important;
        width: 30px !important;
    }

    .header-iconscontents {
        font-size: 10px !important;
    }
}

.cart-indication .cart-qty {
    background-color: var(--mainprimarycolor);
    position: absolute;
    display: inline-block;
    top: -5px;
    left: 50%;
    transform: translateX(-50%) translateX(14px);
    font-size: 10px;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}

.header-iconslist {
    width: 50px;
    padding-left: 0 !important;
}

.header-iconsitems {
    justify-content: center;
}

    .header-iconsitems:hover .header-iconscontents {
        color: var(--mainprimarycolor) !important;
        fill: var(--mainprimarycolor) !important;
    }

    .header-iconsitems:hover .usermenu-avatar-main {
        color: var(--mainprimarycolor) !important;
        fill: var(--mainprimarycolor) !important;
    }

.header-iconssection:hover .header-iconscontents {
    color: var(--mainprimarycolor) !important;
    fill: var(--mainprimarycolor) !important;
}

.header-iconssection:hover .main-notify {
    color: var(--mainprimarycolor) !important;
    fill: var(--mainprimarycolor) !important;
}

.header-iconssection:hover .header-iconscontents {
    color: var(--mainprimarycolor) !important;
    fill: var(--mainprimarycolor) !important;
}

.header-iconssection:hover .usermenu-avatar-main {
    color: var(--mainprimarycolor) !important;
    fill: var(--mainprimarycolor) !important;
}

.header-iconscontents {
    bottom: -20px;
    display: flex;
    width: max-content;
    justify-content: center;
    color: #8c8c8c;
    font-weight: 700;
    transition: color 0.2s ease;
}

.header-iconscategory {
    padding-left: 0 !important;
}

.header-iconssection {
    justify-content: center;
}

.ico-cart:before {
    content: none !important;
}

.header-iconscategory .mobile-flyout-wrapper {
    padding-left: 0 !important;
}

.headericons-main {
    display: flex !important;
    column-gap: 15px;
}



#vendorIds_3 {
    accent-color: var(--mainprimarycolor);
}

.checkout-main {
    padding: 0 !important;
}

    .checkout-main .cart-3 {
        padding: 0 6vw;
    }

.suggestion-main-cart {
    padding-left: 6vw;
    padding-right: 6vw;
}

.shipment-main-section {
    padding-bottom: 30px;
}

.checkout-main .product-item {
    box-shadow: none;
    margin: 0 !important;
}

.price-unvisible {
    visibility: hidden;
}

.header-selectors-wrapper {
    display: flex;
    justify-content: center;
}

.shipping-coupon-section {
    background: #f2f2f2;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 5px;
    padding: 30px;
}

.shipping-request-note {
    margin: 0 !important;
    max-width: 100% !important;
}

.shipment-main-section .checkout-attributes {
    margin: 0 !important;
    background-color: #f2f2f2 !important;
    padding: 10px 30px 10px 30px !important;
}

.shipping-note-checkout {
    width: 100%;
    min-height: 100px;
    margin-top: 5px;
}

.shipping-coupon-default {
    padding-top: 15px;
    text-align: left;
}

.checkout-main .current-code {
    display: flex;
    padding-top: 10px;
}

.shipment-subtotal {
    background-color: #f2f2f2 !important;
    padding-bottom: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.shipment-right-list .cart-options {
    margin-bottom: 5px;
}

.shipment-right-list .subtotal-section {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 5px;
}

.shipment-right-list .subtotal-discount {
    width: 100%;
    display: flex;
    justify-content: right;
}

.shipment-right-list .subtotal-discount-items {
    width: 90%;
}

.section-member-point-items {
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    padding-bottom: 20px;
    padding-left: 5%;
}

.section-subtotal-poins-items {
    width: 90%;
}

.section-agree-payment-main {
    position: relative;
    display: flex;
}

    .section-agree-payment-main input[type="checkbox"],
    input[type="radio"] {
        position: initial !important;
    }

.section-agree-payment-main-items {
    display: flex;
    object-position: top;
    height: 100%;
    margin-top: 3px;
}

.section-agree-payment-main-content {
    padding-left: 10px;
}

.shipment-right-list {
    padding-right: 0 !important;
}

.shipment-left-item-items {
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 16px;
    justify-content: center;
    background: #f2f2f2;
}

    .shipment-left-item-items .postalmain-input-title {
        color: var(--black);
    }

.state-form-main .country-container {
    width: 35%;
    margin-right: 10px;
}

.account-main-items .city-container {
    width: 30%;
}

.payment-method .method-list li {
    border: none !important;
}

.payment-method #paymentmethod_0,
#paymentmethod_1,
#paymentmethod_2,
#paymentmethod_3 {
    display: none;
}

.payment-method .method-list input[type="radio"] + label:before {
    border-radius: 50% !important;
}

.content-phone .city-container {
    width: 30%;
}

@media (max-width: 320px) {
    .payment-description {
        white-space: nowrap;
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.section-member-points-main {
    text-align: left;
}

@media (max-width: 768px) {
    .resp-tbl-points {
        display: block !important;
    }

        .resp-tbl-points td {
            display: flex !important;
            justify-content: left;
            align-items: center;
            height: 60px;
        }

            .resp-tbl-points td label {
                display: none !important;
                border-right: 1px solid #eee;
                padding-right: 20%;
                height: 60px;
                align-items: center;
                width: 12%;
            }

        .resp-tbl-points td {
            border-bottom: 1px solid #999999;
        }

            .resp-tbl-points td span {
                display: flex;
                width: 100%;
                justify-content: center;
            }
}
/* floating menu responsive start */
.footer-floating {
    display: none;
}

@media (max-width: 768px) {


    .reward-points-history td {
        padding: 0;
        background-color: #f2f2f2 !important;
    }

    .show_more-points-main {
        display: none !important;
    }

    .tab__content {
        margin-top: 20px !important;
    }

    .main-spend-point {
        display: none !important;
    }
}

/* floating menu responsive end */

.product-prices-box {
    position: initial !important;
    top: 0;
    right: 0;
    left: auto;
    width: auto !important;
    text-align: left !important;
}

.main-pointstbli-isons {
    height: 30px !important;
    width: 30px !important;
    fill: #999999;
}

.pointspend-negative {
    color: #e92627;
}

.pointsearn-postive {
    color: #22b573;
}

.main-points-status-md {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.points-staus-md-section {
    color: #999999;
    font-size: 16px;
}

.points-staus-md-items {
    color: #e92627;
    font-size: 16px;
    padding-top: 5px;
}

.points-staus-btn-items {
    background: var(--mainprimarycolor);
    color: white;
    height: 45px;
    padding: 0 25px;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    width: 40%;
}

.points-staus-btn-main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.tab-wrap {
    padding-top: 30px !important;
}

.product-prices-box > div:first-child {
    border: unset !important;
    border-radius: unset !important;
    padding: 0 !important;
}

.overview .add-to-cart {
    margin: 0 !important;
    width: 100% !important;
}

.product-essential .add-to-cart-qty-wrapper {
    display: inline-block !important;
}

.gallery .picture-thumbs {
    float: inherit !important;
    width: 100% !important;
    margin: 0 !important;
}

.picture-thumbs .slick-prev {
    top: 0 !important;
    width: 20px !important;
    height: 100% !important;
    text-align: unset !important;
}

.picture-thumbs .slick-next {
    top: 0 !important;
    bottom: 0 !important;
    width: 20px !important;
    height: 100% !important;
    text-align: unset !important;
}

.product-essential .overview .product-brand {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
}

.description-product-tab {
    text-align: left;
    padding: 0 40px;
}

.sku {
    padding: 20px 0;
    font-size: 18px;
}

.ui-tabs .ui-tabs-nav li a {
    border-bottom: 0 !important;
}

.product-social-buttons {
    padding: 20px 0;
}

.purchase-container {
    padding-top: 20px;
}

.add-to-cart-button {
    width: 100%;
}

.purchase-sections {
    display: flex;
    width: 50%;
    column-gap: 10px;
}

.product-prices-box .prices {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}

.outline-btn .usermenu-avatar-main {
    width: 20px !important;
    height: 20px !important;
    fill: red;
    margin-right: 5px;
}

.purchase-attributes-main {
    display: flex;
    margin-bottom: 20px;
    column-gap: 10px;
    width: 50%;
}

.purchase-attributes {
    width: 100%;
}

    .purchase-attributes select {
        width: 100% !important;
    }

.purchase-devider {
    margin-bottom: 30px;
}

.purchase-attributes-design-title {
    display: inline-block;
    width: auto;
    font-size: 15px;
    margin: 0 0 8px;
    font-weight: bold;
    text-align: left;
    white-space: normal;
}

.outlinelink-one {
    border-radius: 5px;
    position: relative;
    color: white;
    cursor: pointer;
}

    .outlinelink-one:hover {
        background-position: 0% 30%;
    }

.outlinelink-one {
    background-color: white;
    color: red;
    border: 1px solid red;
}

    .outlinelink-one:hover {
        background: red;
        color: white;
    }

        .outlinelink-one:hover:before {
            background-color: white;
        }

    .outlinelink-one:before {
        content: url(https://2e2a9a.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/img/cartadd.svg);
    }

.product-name {
    margin-bottom: 0 !important;
}

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

.product-measurement-main {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 20px;
}

.product-measurement-container {
    display: flex;
    padding-bottom: 20px;
}

.product-measurement-list {
    width: 50%;
}

.product-measurement-item {
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .cart-indication {
        position: relative;
    }

    .outline-addcartbtn-text {
        font-size: 14px !important;
    }

    .add-to-cart-button {
        font-size: 14px !important;
        width: 50%;
    }

    .product-essential .qty-input {
        width: 100% !important;
    }

    .mobile-name-holder {
        display: none;
    }

    .purchase-attributes {
        text-align: left;
    }

    .purchase-sections {
        width: 100%;
    }

    .product-deatils-responsive {
        display: block !important;
        text-align: left;
    }

    .purchase-attributes-main {
        width: 100%;
    }

    .purchase-devider {
        width: 100%;
    }

    .home-product-suggestion-main {
        flex-wrap: unset;
        display: unset;
    }

        .home-product-suggestion-main .container-body-suggestion {
            width: 100%;
        }

    .right-section-category-inner {
        display: block !important;
    }

    .right-section-category-inner-left {
        width: 100% !important;
    }

    .right-section-category-inner-right {
        width: 100% !important;
    }

    .right-section-category-inner-right {
        margin: 0 !important;
    }

    .product-essential {
        flex-direction: column-reverse;
        padding-top: 0 !important;
    }

    .header-links-wrapper {
        display: none;
    }

    .product-purchasemain {
        padding-top: 0 !important;
    }

    .mobile-name-holder {
        text-align: left;
        margin: 0 15px;
    }

    .product-brand {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .product-measurement-container {
        display: block;
    }

    .description-product-tab {
        padding: 0 !important;
    }
}

.product-deatils-responsive {
    display: none;
}

.overview .prices > div,
.variant-overview .prices > div {
    text-align: left !important;
}

.purchase-attributes div {
    text-align: left;
}

.product-social-buttons {
    text-align: left;
}

@media (max-width: 320px) {
    .ui-tabs .ui-tabs-nav li a {
        font-size: 12px !important;
    }
}

input[class="addcartbtn-outline"]:hover + svg,
input[class="addcartbtn-outline"]:checked + svg,
input[class="addcartbtn-outline"]:focus + svg {
    fill: var(--mainprimarycolor);
}

.outline-addcartbtn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mainprimarycolor);
    border-radius: 5px;
}

.addcartbtn-outlineicon {
    fill: rgb(242, 242, 242);
    width: 17px !important;
    height: 17px !important;
    margin-right: 5px;
}

.purchase-container #radios label {
    position: relative;
}

.purchase-container input[type="radio"] {
    position: absolute;
    opacity: 0;
    display: none;
}

    .purchase-container input[type="radio"] + svg {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

.purchase-container input + svg {
    cursor: pointer;
}

.outline-addcartbtn-text {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mainprimarycolor);
}

    .outline-addcartbtn-text:hover {
        color: var(--mainprimarycolor);
    }

.price-value-266 {
    color: var(--mainprimarycolor);
}

.product-name h1 {
    text-align: left;
}

@media (max-width: 1280px) {
    .product-essential {
        width: 100%;
    }

    .mobile-name-holder {
        display: none;
    }

    .sevenspikes-cloudzoom-gallery {
        width: 50%;
        margin: 0 !important;
    }

    .overview {
        width: 50%;
    }

    .purchase-devider {
        width: 100%;
    }

    .purchase-attributes-main {
        width: 100%;
    }

    .purchase-sections {
        width: 100%;
    }

    .product-essential .breadcrumb {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
        left: -1px !important;
    }

    .section-agree-payment-main-items {
        display: flex;
        align-self: center;
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .current-code {
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .main-joblisting-joinus-title {
        text-align: center;
    }

    .carrier-main-community .left-section-content {
        padding-top: 0 !important;
    }

    .abt-main .carrier-main-community {
        flex-direction: inherit !important;
        margin-left: auto !important;
        margin-right: auto !important;
        flex-flow: wrap;
        display: flex;
    }

    .joblisting_title-main .ready-title {
        font-size: 64px !important;
    }

    .shipment-main-section
    .shipment-category
    .shipment-right-list
    .shipment-subtotal
    .conatiner-shipment-list {
        white-space: nowrap;
    }

    .shipment-main-section .subtotal-points-main .subtotal-conatiner {
        white-space: nowrap;
    }

    .cart-collaterals {
        display: grid;
    }

    .cart-options {
        margin: 0 !important;
    }

    .cart-collaterals > div {
        width: 100% !important;
    }

    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .plus {
        left: -27px;
    }

    .overview {
        width: 100%;
    }

    .sevenspikes-cloudzoom-gallery {
        width: 100%;
        max-width: fit-content !important;
    }

    .product-essential {
        display: block !important;
    }

    .product-deatils-responsive {
        padding-top: 30px;
    }

    .main-thankyou-layout .banner-content .banner-title {
        font-size: 20px !important;
    }

    .main-thankyou-layout .banner-content .description-thankyou {
        font-size: 16px !important;
    }

    .main-thankyou-layout .banner-content .payment-deatils-thankyou {
        font-size: 14px !important;
    }

    .nop-jcarousel .carousel-title {
        font-size: 20px !important;
    }

    .point-main-rewards {
        padding-top: 0 !important;
    }

    .main-live-home .left-section-content .container-default {
        width: 90% !important;
    }

    .cart-options .checkout-attributes dd {
        margin: 0 !important;
    }

    .main-live-home .left-section-content .container-default {
        width: 90%;
    }

    .gallery.sevenspikes-cloudzoom-gallery {
        display: flex;
        justify-content: center;
    }

    .product-essential .gallery {
        max-width: initial !important;
    }

    .overview {
        margin: 40px 0 20px !important;
    }
}

.reward-points-history tbody {
    display: grid;
}

.reward-points-history tr {
    display: inline-grid;
    margin-bottom: 20px;
}

.reward-points-history td {
    display: flex;
    background-color: #f2f2f2 !important;
}

.reward-points-history thead {
    display: none !important;
}

.reward-points-history td span {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.points-icon-tbl-mb {
    width: 30%;
    border-right: 1px solid #999999;
    height: inherit;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.resp-tbl-points td {
    display: flex !important;
    justify-content: left;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #999999;
}

.reward-points-history td:last-child {
    border-bottom: none !important;
}

.point-main-rewards {
    padding-top: 40px;
}

.change-password-page .inputs > .required {
    right: unset;
}

.customer-info-page .inputs > .required {
    right: unset;
}

.address-edit-page .inputs > .required {
    right: unset;
}

.add-to-cart-button {
    cursor: pointer;
}

    .add-to-cart-button:hover .usermenu-avatar-main {
        fill: white;
    }

.overview .prices {
    margin: 20px 0 10px !important;
}

.add-to-cart-panel {
    width: 100%;
}

.purchase-container .outline-btn {
    width: 190px;
}

.purchase-container .buy-now-button {
    width: 190px;
}

.purchase-container .outline-btn:hover .usermenu-avatar-main {
    fill: white;
}

.purchase-container .outline-btn:hover .outline-addcartbtn-text {
    color: white;
}

.full-description .sku {
    text-align: left;
}

.ribbon-position.top-left {
    top: 0 !important;
    left: 0 !important;
}

.shipment-main-section .checkbox-content::before {
    content: none;
}

.shipment-main-section .checkbox-content::after {
    content: none;
}

.usermenu-avatar-main-footer {
    width: 25px !important;
    height: 25px !important;
    fill: #424242;
}

.order-icon .usermenu-avatar-main-footer svg path {
    stroke: #000000;
    stroke-width: 10px;
}

@media (max-width: 480px) {
    .res-footer-main .usermenu-avatar-main-footer,
    .main-notify {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 1026px) {
    .usermenu-avatar-main-footer,
    .main-notify {
        height: 30px !important;
        width: 30px !important;
    }
}

.cart-indication .cart-qty-footer {
    background-color: var(--mainprimarycolor);
    position: absolute;
    display: inline-block;
    transform: translateX(-8px) translateY(-6px);
    font-size: 10px;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
}

@media (max-width: 1024px) {
    .responsive-nav-wrapper .menu-title span:before {
        content: "\67" !important;
    }
}

.aspect-content input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    display: none !important;
}

@media (max-width: 768px) {
    .main-earn-points .section-earn {
        width: auto;
    }
}

.shipment-subtotal {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 5px;
}

.Subtotal-main-section {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 20px;
}

.Subtotal-main-container {
    display: flex;
    width: 40%;
}

.Subtotal-main-title {
    width: 50%;
    display: flex;
    justify-content: end;
    white-space: nowrap;
}

.Subtotal-main-value {
    width: 50%;
    display: flex;
    justify-content: end;
}

.Subtotal-main-section-items {
    display: block;
    padding-top: 10px;
}

.Subtotal-main-section-points {
    color: var(--mainprimarycolor);
}

.Subtotal-main-list {
    display: flex;
    justify-content: flex-end;
}

.Subtotal-main-section-items .Subtotal-main-section {
    padding-bottom: 8px;
}

@media (max-width: 1024px) {
    .Subtotal-main-container {
        width: 84%;
    }

    .Subtotal-main-section-items .Subtotal-main-title {
        width: auto;
    }

    .Subtotal-main-section-items .Subtotal-main-value {
        width: auto;
    }

    .Subtotal-main-section-items .Subtotal-main-section {
        justify-content: flex-end;
    }

    .section-conatiner-shipment {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .Subtotal-main-section-items .Subtotal-main-section {
        justify-content: flex-end;
    }

    .Subtotal-main-section-items .Subtotal-main-title {
        width: 50%;
    }

    .Subtotal-main-section-items .Subtotal-main-value {
        width: 50%;
    }

    .Subtotal-main-container {
        width: 60%;
    }
}

@media (max-width: 480px) {
    .Subtotal-main-container {
        width: 100%;
    }

    .Subtotal-main-section-items .Subtotal-main-title {
        width: 100%;
    }
}

.devider-coupon {
    margin-top: 30px;
}

.section-conatiner-shipment {
    column-gap: 10px;
}

.carrier-main-banner {
    display: flex;
    width: 100%;
    padding-bottom: 70px;
}

.carrier-main-banner-left {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.carrier-main-banner-right {
    width: 40%;
    display: flex;
    justify-content: left;
    text-align: center;
}

.carrier-main-banner .main-title-section {
    font-weight: bold;
    font-size: 34px;
    color: #353535;
}

.carrier-main-banner .sub-title-section {
    font-size: 16px;
    line-height: 26px;
    color: #353535;
    padding: 20px;
}

@media (max-width: 768px) {
    .order-summary-content .product-essential .minus {
        align-items: unset !important;
    }

    .order-summary-content .product-essential .plus {
        align-items: unset !important;
    }
}

.banner-red-carrier-main {
    display: flex;
    height: 190px;
}

.banner-red-carrier-left {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: end;
}

.banner-red-carrier-right {
    width: 70%;
    display: flex;
    justify-content: space-between;
    background-image: url(https://7452bc.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/Page_ezai-02.png);
    background-size: 100%;
    clip-path: polygon( 0px 189px, 30px 0px, 100% 0px, 100% calc(100% - 38px), calc(100% - 0px) 100%, 0px 100%, 0px 36px );
}

.banner-red-carrier-mascout-main {
    position: relative;
}

.banner-red-carrier-mascout {
    right: 24px;
    display: flex;
    justify-content: flex-end;
    height: 315px;
    position: absolute;
    top: -298px;
}

.banner-red-carrier-right-content {
    background-image: url(https://7452bc.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/Page_ezai-02.png);
    display: flex;
}

.banner-red-carrier-right-layout {
    font-size: 60px;
    font-weight: 700;
    color: white;
    align-self: center;
    margin-left: 20px;
}

.banner-red-carrier-left-layout {
    font-size: 60px;
    font-weight: 700;
    align-self: center;
    z-index: 10;
}

.mascout-main-container {
    margin-top: 80px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .mascout-main-container {
        display: none;
    }

    .mascout-main-container-responsive {
        display: flex !important;
    }
}

.mascout-main-container-responsive {
    display: none;
}

.joblisting-whoarewe-main {
    background: var(--mainprimarycolor);
    color: white;
}

.joblisting-whoarewe-container {
    display: flex;
    column-gap: 10px;
    height: 100%;
}

.joblisting-whoarewe-left {
    width: 60%;
    align-self: center;
    line-height: 25px;
    font-size: 14px;
    padding: 0px 40px;
}

.joblisting-whoarewe-right {
    width: 40%;
}

.joblisting-whoarewe-content {
    font-size: 50px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.joblisting-whoarewe-img {
    width: 90%;
    height: 100%;
}

.joblisting-whoarewe-sections {
    padding-bottom: 15px;
}

@media (max-width: 768px) {
    .joblisting-whoarewe-main {
        height: auto;
    }

    .joblisting-whoarewe-container {
        display: flex;
        column-gap: 10px;
        height: 100%;
        flex-direction: column-reverse;
    }

    .joblisting-whoarewe-left {
        width: 100%;
        padding: 20px 5%;
    }

    .joblisting-whoarewe-right {
        width: 100%;
    }

    .joblisting-whoarewe-content {
        margin-left: 0%;
    }

    .joblisting-whoarewe-img {
        width: 100%;
        padding: 0 5%;
    }

    .main-joblisting-joinus {
        padding-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .carrier-main-banner {
        display: block;
        padding-bottom: 0;
    }

    .carrier-main-banner-left {
        width: 100%;
        text-align: center;
    }

    .carrier-main-banner-right {
        width: 100%;
    }
}

.checkout-data .title {
    text-align: left !important;
    padding: 10px 10px 10px 10px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    font-style: italic !important;
    margin: 0 !important;
}

.shopping-cart-page .product-grid {
    float: none !important;
}

@media (min-width: 1025px) {
    .header-menu-parent {
        display: none;
    }
}

@media (min-width: 768px) {
    .product-details-page {
        text-align: left !important;
    }
}

.product-name-new > h1 {
    text-align: left !important;
}

@media (min-width: 768px) {
    .cart-collaterals > div {
        float: none !important;
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    .joblisting-whoarewe-content-resp {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .add-to-cart-qty-wrapper {
        margin-top: 20px !important;
    }
}


@media (max-width: 767px) {
    .add-to-cart-qty-wrapper {
        margin-top: 6px !important;
    }

    .add-to-cart-panel .plus {
        top: 1.7vh !important;
    }

    .add-to-cart-panel .minus {
        top: 1.7vh !important;
    }


    .attributes-wrapper > div {
        max-width: initial !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 10px !important;
        padding-top: 0 !important;
    }

    .ajax-cart-button-wrapper {
        justify-content: center;
    }

    .search-box-select {
        display: none;
    }

    .joblisting-whoarewe-content {
        display: none !important;
    }

    .table-wrapper-main .product-essential .add-to-cart-qty-wrapper .minus {
        top: 11px !important;
    }

    .search-box input.search-box-text {
        border-right: 1px solid #434343 !important;
    }
}

@media (max-width: 768px) {
    .attributes-wrapper {
        display: block !important;
    }

    #cboxContent, #cboxLoadedContent {
        max-height: 500px !important;
        overflow-y: scroll !important;
    }

    .select-for-checkout {
        border-bottom: 0 !important;
    }
}

.joblisting-whoarewe-content-resp {
    font-size: 50px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#cboxContent {
    width: 100vw !important;
    height: auto !important;
}

#cboxLoadedContent {
    width: 100vw !important;
    height: auto !important;
}

#cboxContent #cboxClose {
    right: 20px !important;
}


.jCarouselMainWrapper .slick-arrow {
    background-color: var(--mainprimarycolor) !important;
    color: #d0d0d0 !important;
    border: 1px solid var(--mainprimarycolor) !important;
}

    .jCarouselMainWrapper .slick-arrow:hover:before {
        background-color: #d0d0d0 !important;
        color: var(--mainprimarycolor) !important;
        border-radius: 50%;
        border: 1px solid #d0d0d0;
        width: 40px !important;
        height: 40px !important;
        margin-left: -1px !important;
        margin-top: -1px !important;
    }

.ui-accordion .product-brand {
    justify-content: center !important;
}

.ui-accordion .add-to-cart-panel {
    padding-top: 20px !important;
    text-align: center !important;
}

.ui-accordion .add-to-cart-qty-wrapper {
    padding-bottom: 20px !important;
}

    .ui-accordion .add-to-cart-qty-wrapper .minus {
        top: 0 !important;
    }

.ui-accordion .old-product-price {
    font-size: 17px !important;
}

.ui-accordion dt {
    text-align: center !important;
}

.ui-accordion .attributes {
    justify-content: center;
    display: flex;
}

.ribbon-position + .ribbon-position {
    top: 5px !important;
}


#small-search-box-form {
    display: flex !important;
}

.store-search-box span.search-box-text.narrow {
    width: calc(100% - 0) !important;
}

#instant-search-categories {
    width: 100px !important;
}

.header-lower {
    display: flex;
}

.store-search-box .search-box-button {
    border-top: 1px solid #434343 !important;
    border-bottom: 1px solid #434343 !important;
    border-right: 1px solid #434343 !important;
}

.overview .short-description {
    margin: 0 !important;
    padding: 0 !important;
}

.shipment-left-item-items .inputs .required {
    /* right: unset !important; */
}


.cart-item-row .remove-btn {
    display: flex !important;
    justify-content: right !important;
    width: 5% !important;
    align-items: center !important;
    margin-right: 20px !important;
}


.cart tr:last-child td:last-child {
    border-bottom-right-radius: none !important;
}

.cart tr:last-child td:first-child {
    border-bottom-left-radius: unset !important;
}

.cart .remove-from-cart button:hover {
    transform: none !important;
}

@media (min-width: 1025px) {
    td > input.vendor-check {
        display: none;
    }
}

@media (max-width: 1024px) {
    td > input.vendor-check {
        margin-left: -300px;
    }

    .table-wrapper-main .vendor {
        margin-bottom: 0 !important;
    }

    .footer-floating {
        display: flex !important;
        justify-content: space-evenly;
        place-items: center;
        position: fixed;
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
        background-color: white;
        box-shadow: 2px -6px 5px 0px rgba(0, 0, 0, 0.1);
        z-index: 10000;
        padding: 5px 0;
    }

    .footer-floating-profile {
        cursor: pointer;
    }

        .footer-floating-profile:hover .usermenu-avatar-main {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

        .footer-floating-profile:hover .footer-listing-name {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

    .footer-floating-order {
        cursor: pointer;
    }

        .footer-floating-order:hover .usermenu-avatar-main {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

        .footer-floating-order:hover .footer-listing-name {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

    .footer-listing-cart {
        cursor: pointer;
    }

        .footer-listing-cart:hover .usermenu-avatar-main {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

        .footer-listing-cart:hover .footer-listing-name {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

    .footer-listing-notify {
        cursor: pointer;
    }

        .footer-listing-notify:hover .main-notify {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

        .footer-listing-notify:hover .footer-listing-name {
            color: var(--mainprimarycolor) !important;
            fill: var(--mainprimarycolor) !important;
        }

    .footer-floating .footer-listing-name {
        font-size: 12px;
        padding-top: 2px;
        font-weight: 500;
    }

    .footer-floating .footer-listing-cart {
        position: relative;
    }
}

.abiutlisting-vision-main {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 50px;
    column-gap: 50px;
}

.abiutlisting-vision-img {
    height: 350px;
    width: 300px;
    background-size: 100%;
    background-image: url(https://24ee5e.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/mission-bg.png);
}

.abiutlisting-vision-content {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    text-align: center;
    color: white;
    font-weight: 700;
}


.abiutlisting-vision-rocket {
    width: 50px;
}

.abiutlisting-vision-list {
    padding-bottom: 10px;
}

.abiutlisting-vision-items {
    justify-content: center;
    display: flex;
    column-gap: 10px;
}

.abiutlisting-vision-category {
    align-self: center;
    padding-left: 5px;
    width: 50%;
    text-align: left;
}


.value-caption-icon {
    width: 30px;
}

@media (max-width: 768px) {
    .abiutlisting-vision-main {
        flex-direction: column;
        row-gap: 20px;
        column-gap: 0;
        align-items: center;
    }
}


.order-summary-content .product {
    width: 30%;
}

.cartheader {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    /* background: url(https://8a913d.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/css/img/carticons-out.png); */
}

.cartconatiner {
    height: 300px;
}

@media (max-width: 768px) {
    .master-wrapper-page .product-essential {
        /* padding-top: 20px !important; */
    }

    .cartconatiner {
        height: 50px;
    }

    .order-summary-content .product {
        width: auto;
        min-height: 126px;
    }

    .cart-header-row .supplier-main {
        display: flex;
    }

    .cart-header-row .supplier-list {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        align-items: center;
    }

    .cart-header-row th {
        display: flex !important;
    }

    .cart-header-row span {
        white-space: pre-line;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        align-items: center;
    }

    .shipment-main-section, .main-earn-points, .payment-checkout {
        display: none;
    }

    .responsive-vendor {
        display: block !important;
    }

    .responsive-address-shipment .shipment-left-item-items {
        display: block !important;
    }

    .responsive-points-shipment, .responsive-coupon-shipment {
        margin-bottom: 30px;
    }

        .responsive-points-shipment .main-earn-points {
            display: block !important;
        }

        .responsive-coupon-shipment .shipping-coupon-section {
            display: block !important;
        }

    .responsive-payment-method-shipmemt .checkout-data.payment-checkout {
        display: block !important;
    }

    .responsive-payment-method-shipmemt {
        border-top: 1px solid #eee;
    }

    #discountcouponcode {
        /* background-color: #22b573; */
        width: 100% !important;
        margin-bottom: 10px;
    }

    .responsive-checkout-payment .cart-options {
        display: block !important;
    }

    .responsive-checkout-totalamount .shipment-subtotal {
        display: block !important;
    }

    .responsive-checkout-totalamount .Subtotal-main-section-points {
        margin-top: 30px;
    }

    .admin-header-links .impersonate span {
        margin-right: 0 !important;
    }

    .admin-header-links {
        display: flex !important;
        place-content: center;
    }

    .impersonate {
        display: flex !important;
    }

    .impersonate-end {
        display: inline-flex !important;
    }

    .impersonate-link {
        display: flex !important;
        align-self: center;
        margin-left: 0 !important;
    }

    .select-for-checkout {
        text-align: left !important;
    }

    .main-banner-cart .banner-abs-main {
        padding-top: 25%;
    }

    .main-banner-cart .banner-padding {
        padding-top: 25.296%;
    }

    .infinite-blog-title-wrap.infinite-style-custom .infinite-blog-title-content {
        padding-bottom: 40px !important;
    }

    .infinite-blog-title-wrap.infinite-style-custom .infinite-blog-title-content {
        padding-top: 40px !important;
    }

    .infinite-blog-title-wrap .infinite-single-article-title {
        font-size: 30px !important;
    }

    .main-banner-cart {
        margin-bottom: 30px !important;
    }

    .remove-from-cart {
        position: absolute !important;
        right: 0;
        left: auto;
        top: auto;
        bottom: 3px;
        width: 22%;
        height: auto;
        padding-top: 20px !important;
        padding-right: 20px !important;
        padding-left: 0 !important;
        justify-content: center;
        display: flex !important;
        border-top: 1px solid #eee !important;
    }

    .cart-trash-can-flex {
        display: flex;
        width: 20px;
        height: 20px;
    }

    .cart td.subtotal {
        position: absolute;
        bottom: 0 !important;
        right: auto !important;
        left: 164px !important;
        top: auto !important;
        float: left !important;
        background-color: #f6f6f6 !important;
        width: 40% !important;
        height: 35px !important;
        border: none !important;
        padding: 0px 20px 9px 10px !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    .cart td.unit-price {
        position: absolute;
        top: auto !important;
        left: 140px !important;
        bottom: 35px !important;
        right: auto !important;
        float: left !important;
        background-color: #f6f6f6 !important;
        padding: 9px 20px 2px 34px !important;
        width: 40% !important;
        height: 35px !important;
        border-top: 1px solid #eee !important;
        border-bottom: 0 !important;
        text-align: left !important;
        overflow: hidden !important;
    }
}

@media (min-width: 769px) {
    .responsive-vendor {
        display: none;
    }

    .responsive-address-shipment .shipment-left-item-items {
        display: none;
    }

    .responsive-points-shipment .main-earn-points {
        display: none;
    }

    .responsive-coupon-shipment .shipping-coupon-section {
        display: none;
    }

    .responsive-payment-method-shipmemt .payment-checkout {
        display: none;
    }

    .responsive-checkout-payment .cart-options {
        display: none;
    }

    .responsive-checkout-totalamount .shipment-subtotal {
        display: none;
    }
}


.main-banner-cart {
    margin-bottom: 50px;
}

.infinite-blog-title-wrap {
    background-image: url(https://3d8b1c.claudeassets.com/20231129020558im_/https://www.eshopliveasia.com/images/Cart_Banner_image-1599x655px-02.jpg);
    background-position: center;
    position: relative;
    background-size: cover;
}

.infinite-blog-title-overlay {
    opacity: 1;
}

.infinite-body-front .gdlr-core-container, .infinite-body-front .infinite-container {
    padding-left: 35px;
    padding-right: 35px;
}

.infinite-blog-title-container {
    position: relative;
}

.infinite-container {
    max-width: 1180px;
}

.infinite-container {
    margin-left: auto;
    margin-right: auto;
}

.infinite-blog-title-wrap.infinite-style-custom .infinite-blog-title-content {
    padding-bottom: 150px;
}

.infinite-blog-title-wrap.infinite-style-custom .infinite-blog-title-content {
    padding-top: 150px;
}

.infinite-item-pdlr, .gdlr-core-item-pdlr {
    padding-left: 15px;
    padding-right: 15px;
}

.clearfix {
    zoom: 1;
}

.infinite-single-article-date-wrapper {
    float: left;
    width: 58px;
    border-right-width: 1px;
    border-right-style: solid;
    line-height: 1;
    margin-top: 8px;
    margin-right: 30px;
    padding-right: 20px;
    text-align: center;
}

.infinite-blog-title-wrap .infinite-single-article-date-wrapper {
    margin-top: 11px;
}

.infinite-blog-title-wrap .infinite-single-article-title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 11px;
    letter-spacing: 0.5px;
    text-align: center;
    color: white;
}

#colorbox {
    z-index: 10000 !important;
    background: white !important;
    height: 100% !important;
}

@media (max-width: 768px) {
    #cboxContent {
        overflow-y: unset !important;
    }

        #cboxContent .method-list li :last-child {
            padding-bottom: 0px !important;
        }

    .order-summary-content .cart-item-row {
        /* background-color: #22b573; */
        display: flex !important;
    }

    .cart-header-row span {
        white-space: normal !important;
    }

    .select-for-checkout {
        display: flex !important;
        align-items: center;
    }

    .sci-check {
        margin-right: 0 !important;
    }

    .product-picture {
        display: flex !important;
        align-items: center;
    }

    .cart-header-row .product {
        margin-left: 0px !important;
    }

    .order-summary-content .product {
        margin-left: 0px !important;
        width: 70% !important;
    }

    .order-summary-content .table-wrapper-main .message-error {
        margin: 0px !important;
    }

    .unit-price, .subtotal {
    }

    td.product-essential {
    }

    .product-essential .add-to-cart-qty-wrapper {
        width: auto !important;
    }

    .payment-method .method-list {
        border-top: none !important;
    }
}

.impersonate-asset {
    width: 15px;
    height: 15px;
    top: 0.3vh;
    position: relative;
}


.checkout_total {
    width: auto !important;
}

.payment-method .method-list {
    border-top: 1px solid #eee;
    padding-top: 30px;
}

/*
     FILE ARCHIVED ON 10:34:05 Jan 01, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:05:44 Jul 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.462
  exclusion.robots: 0.043
  exclusion.robots.policy: 0.033
  esindex: 0.01
  cdx.remote: 28.937
  LoadShardBlock: 279.315 (3)
  PetaboxLoader3.datanode: 201.614 (4)
  load_resource: 134.372
  PetaboxLoader3.resolve: 101.144
*/