:root {
    --st-blue: #22546d;
    --st-beige: #a19376;
    --st-copper: #d5b1a3;
    --st-pink: #f9c6c2;
    --st-smook: #f5f5f5;
    --st-font-gray: #bdbdbd;
    --st-bg-gray: #647786;
    --st-menuborder-gray: #bdbdbd;
    --st-blue-fade: #1b4357;
    --bs-font-body: iranyekan;
    --st-red: #e64159;
    --st-green: #029875;
}

input::placeholder {
    opacity: 0.5;
    color: var(--st-font-gray) !important;
}

/* Firefox */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
}

/* Chrome */
@media (forced-colors: active) {
    :root {
        color-scheme: light;
    }
}

body {
    font-family: var(--bs-font-body) !important;
    position: relative;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.flex-end {
    flex-flow: row-reverse;
}

.product-wishlist a {
    cursor: pointer;
}

.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none !important;
}

.login-form {
    margin-left: 0px;
}

.pr-0 {
    padding-right: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.cart__lines {
    stroke: var(--st-beige);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
}

.navbar-part1 {
    padding: 0px 0px;
    margin-top: 0;
}

.sticky-menu .navbar-part1 .rts-menu {
    padding: 0px;
    margin-top: 0;
}

.nav__menu {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.navbar-part .menu-item.icon {
    padding: 0px !important;
    width: 80px;
    text-align: center;
}

.navbar-part .menu-item.logo {
    padding: 0px !important;
    width: 300px;
    text-align: center;
}

.navbar-part .menu-item.icon img {
    width: 30px;
}

.navbar-part .navbar-inner .header-logo {
    height: 70px !important;
}

.product-rel .slider-navigation .slider-btn {
    display: flex;
}

.navbar-part .navbar-inner .logo {
    display: block;
    height: 36px;
    width: 300px !important;
}

.rts-account-section .form #Address {
    height: 36px !important;
    padding: 5px 15px 5px 15px !important;
    line-height: 22px;
}

.navbar-part .navbar-inner .logo img {
    height: 53px;
    position: relative;
    top: -10px;
}

.navbar-part1 .logo::before {
    content: none;
}

.navbar-part1 .icon-dot {
    background: var(--st-blue);
    color: white;
    font-size: 10px;
    font-weight: 300;
    top: 10px;
    left: 10px;
}

#userimageform {
    display: contents;
}

    #userimageform #userimagefile {
        display: none;
    }

.navbar-part1 .search-input-inner input {
    padding: 10px 23px;
    border-radius: 50px;
    font-size: 14px;
    width: 95%;
    /*border: 2px solid var(--st-blue);*/
    height: 45px;
    background-color: #fff;
    color: var(--st-blue);
}

.navbar-part1 .search-input-inner .input-div {
    width: 100%;
    position: relative;
    width: 600px;
    text-align: right;
}

.filter-btn {
    transition: all 0ms !important;
}

.search-input-area {
    background: #0e1013;
    transition: all 600ms linear;
    transform: unset;
    padding: 0px 0px;
    top: 70px;
}

    .search-input-area .search-input-inner {
        transition: all 200ms linear;
        visibility: hidden;
        transform: translateY(-70px);
    }

    .search-input-area.show .search-input-inner {
        transition: all 200ms ease;
        visibility: visible;
        transform: translateY(0px);
    }

.search-input-inner::before {
    content: none;
}

.product-details-popup .product-thumb {
    width: 350px;
}

.product-details-popup .pro-det .contents .product-shortdes {
    max-width: 540px;
}

.product-details-popup .product-model {
    margin-bottom: 0px !important;
    font-size: 12px;
}

.search-input-area .search-result {
    background-color: #f0f0f0;
    border-radius: 20px;
    margin-top: 10px;
    width: 95%;
    padding: 10px 15px;
    /*border: 2px solid var(--st-blue);*/
    overflow: hidden;
    text-align: right;
}

    .search-input-area .search-result ul li {
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: var(--st-red);
        font-size: 14px;
    }

        .search-input-area .search-result ul li a {
            color: var(--st-blue);
            font-size: 13px;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 10px;
        }


            .search-input-area .search-result ul li a:hover {
                color: var(--st-beige);
            }

        .search-input-area .search-result ul li img {
            width: 23px;
            margin-left: 7px;
        }

    .search-input-area .search-result h3 {
        font-size: 15px;
        margin-top: 7px;
        color: var(--st-blue);
        font-weight: 700;
    }

.search-input-area.show {
    opacity: 100%;
    height: 100vh;
    background-color: unset;
    top: 70px;
}

.search-input-area .search-swiper {
    margin-top: 10px;
}

    .search-input-area .search-swiper a {
        border: 1px solid var(--st-blue);
        border-radius: 10px;
        display: flex;
        padding: 2px 5px;
        align-items: center;
        background-color: #fff;
    }

        .search-input-area .search-swiper a img {
            width: 60px;
        }

.alert {
    font-size: 0.8rem;
    margin-top: 1rem;
}

.search-input-area .search-swiper a h5 {
    font-size: 12px;
    line-height: 20px;
    color: var(--st-blue);
    overflow: hidden;
    width: 200px;
    padding: 0px 5px;
    margin: auto;
    height: 39px;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.rts-brands-section2 .container .brands-section-inner .slider-div .swiper-wrapper .brand-front {
    padding: 5px;
}

.search-input-area.show::before {
    background: rgb(0 0 0 / 70%);
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: -4px;
    left: 0;
    z-index: -5;
}

.emp-th {
    width: 100% !important;
    text-align: center;
    font-size: 14px;
    padding-top: 20px !important;
    color: var(--st-beige);
}

.search-input-inner {
    display: flex;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 15px;
}

    .search-input-inner .search-close-icon i {
        color: #ffffff;
        position: absolute;
        top: 13px;
    }

.navbar-part .navbar-inner .rts-menu li.root {
    height: 100%;
    padding: 0px;
    align-content: center;
    width: 100%;
    white-space: inherit;
}

    .navbar-part .navbar-inner .rts-menu li.root.header-icon {
        flex: 0 0 70px;
    }

.navbar-part .navbar-inner .rts-menu .menu-item {
    padding: 9px 5px;
    font-weight: 500;
    color: var(--st-blue);
    border-left: 1px solid var(--st-menuborder-gray);
    width: 100%;
    text-align: center;
}

.navbar-part .navbar-inner .rts-menu li.root:last-child button {
    border: none;
}

.home-slider .swiper {
    width: 100%;
}

.home-slider .banner-single.bg-image-3 {
    background-image: none;
    background-color: var(--st-blue);
    height: 85vh;
    /*height: auto;
    margin-top: 140px;
    padding-bottom: 123px;*/
}

.home-slider .banner-single::before {
    position: absolute;
    top: 0px;
    left: 0%;
    /*height: 47%;*/
    height: 46.5%;
    width: 100%;
    background: rgb(161, 147, 118);
    background: linear-gradient(90deg, rgba(161, 147, 118, 1) 40%, rgba(213, 177, 163, 1) 100%);
    opacity: 1;
}

.home-slider .banner-single .single-inner {
    flex-direction: row;
    justify-content: flex-end !important;
    margin-top: 0%;
}

.home-slider .banner-product-thumb {
    left: unset !important;
    right: 20px;
    max-width: unset !important;
    min-width: 55% !important;
    z-index: 1;
}

.home-slider.banner .contents {
    margin-right: 110px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-slider.banner.banner-3 .banner-single .contents .banner-heading {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 10px;
    color: #fff;
    /*height: 43%;*/
    /*height: 33.5%;*/
    align-content: flex-end;
}

.home-slider.banner.banner-3 .banner-single .contents .banner-text {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: var(--st-font-gray);
    /*padding-top: 25px;*/
    font-weight: 300;
    text-align: justify;
    padding-left: 20px;
    height: 95px;
    align-content: flex-start;
    overflow: hidden;
}

.home-slider .slider-navigation {
    bottom: unset !important;
    /*top: 44% !important;*/
    top: 50% !important;
    right: 0px !important;
    transform: unset !important;
    width: 100% !important;
    flex-direction: column;
    left: 0px !important;
}

/* .home-offer .slider-navigation .slider-btn,
.home-tab .slider-navigation .slider-btn {
  display: none !important;
} */

.home-slider.banner.banner-3 .slider-navigation .slider-btn.next {
    top: -5px;
    right: unset;
    left: 0%;
    border-radius: unset;
    background-color: transparent;
}

    .home-slider.banner.banner-3 .slider-navigation .slider-btn.next i {
        font-size: 46px;
        font-weight: 100;
        color: var(--st-blue);
        transform: unset !important;
        transition: 0.5s;
    }

.home-slider.banner.banner-3 .slider-navigation .slider-btn.prev {
    top: -5px;
    right: unset;
    right: 0%;
    border-radius: unset;
    background-color: transparent;
}

    .home-slider.banner.banner-3 .slider-navigation .slider-btn.prev i {
        font-size: 46px;
        font-weight: 100;
        color: var(--st-blue);
        transform: unset !important;
        transition: 0.5s;
    }

.home-slider.banner.banner-3 .slider-navigation i:hover {
    color: #fff !important;
    transition: 0.5s;
}

.banner.banner-3 .container .banner-action {
    position: absolute;
    bottom: calc(25% - 20px);
    right: calc(57% + 45px);
    background-color: var(--st-blue);
    padding: 0 10px;
    z-index: 10;
}

.home-slider.banner .container .banner-btn.banner-btn2 {
    background-color: transparent;
    color: #ffffff;
    border-radius: 30px;
    box-shadow: unset;
    border: 1px solid var(--st-beige);
    padding: 6px 50px;
    height: 25px;
    line-height: 24px;
    font-size: 16px;
    transition: 0.75s;
}

.section-header .section-header-item {
    margin-bottom: 0px;
}

.home-slider.banner .container::before {
    content: " ";
    position: absolute;
    left: 0%;
    height: 1px;
    width: 100%;
    background: var(--st-bg-gray);
    top: unset;
    opacity: 1;
    bottom: 25%;
}

.home-slider.banner .container .banner-btn.banner-btn2:hover {
    background-color: var(--st-pink);
    color: var(--st-blue);
    transition: 0.75s;
}

.home-slider .swiper-pagination {
    right: 100%;
    top: 8px;
    background-color: var(--st-blue);
    width: max-content;
    padding: 0 10px;
}

.home-slider .swiper-pagination-bullet-active {
    background: var(--st-beige, var(--swiper-theme-color));
}

.home-offer:before {
    content: "";
    position: absolute;
    left: 0%;
    height: 7%;
    width: 100%;
    background: var(--st-blue);
    z-index: -1;
}

.home-offer .section-header4 .section-title {
    font-size: 22px;
    color: #ffffff;
    line-height: 30px;
    position: relative;
    margin: auto;
    width: 100%;
    text-align: center;
}

    .home-offer .section-header4 .section-title::after {
        content: "";
        position: absolute;
        left: 0%;
        top: 40px;
        height: 3px;
        width: 70px;
        background: var(--st-beige);
    }

.home-offer .section-header4 {
    border-bottom: 3px solid var(--st-blue-fade);
    padding-bottom: 10px;
    margin-bottom: 50px;
    width: 350px;
    margin: 0px auto 5px auto;
}

.home-offer .rts-deal-section .countdown ul li {
    font-size: 14px;
    color: var(--st-font-gray);
    width: 70px;
    height: 40px;
    margin-right: 0px;
    text-align: center;
    line-height: 2.5;
    direction: rtl;
    font-weight: 300;
    background-color: unset;
}

    .home-offer .rts-deal-section .countdown ul li span {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        padding-left: 5px;
    }

.product-item.cus-pro {
    margin-bottom: 0px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.home-offer .swiper,
.home-tab .swiper {
    padding: 0px 2px 0 2px;
}

.product-item.cus-pro:hover .product-det-popup {
    opacity: 1;
    transition: all 500ms;
}

.product-item.cus-pro .product-image::before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 8px;
    background-color: var(--st-beige);
    width: 100%;
}

.product-item.cus-pro .product-det-popup {
    position: absolute;
    z-index: 10;
    width: 100%;
    text-align: center;
    background-color: var(--st-beige);
    height: 40px;
    align-content: center;
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    transition: all 500ms;
    opacity: 0;
}

.product-item.cus-pro .product-image {
    margin-bottom: 0px;
    padding: 10px;
}

.product-item.cus-pro .product-name {
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 21px !important;
    height: 44px;
    text-align: center;
    color: var(--st-blue) !important;
    align-content: center;
    overflow: hidden;
    /*width: 240px;*/
    padding: 0px 10px;
    margin: auto;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-item.cus-pro .bottom-content {
    display: flex;
    flex-direction: column;
}

.product-item.cus-pro .action-wrap {
    max-height: 40px;
    width: 100%;
    text-align: center;
    background-color: var(--st-pink);
    margin-top: 0px;
}

    .product-item.cus-pro .action-wrap .product-price {
        font-weight: 400;
        font-size: 15px;
        line-height: 27px;
        color: var(--st-blue);
        width: 100%;
    }

        .product-item.cus-pro .action-wrap .product-price del {
            font-weight: 300;
            font-size: 13px;
            color: var(--st-blue-fade);
            padding-left: 5px;
        }

        .product-item.cus-pro .action-wrap .product-price span.toman {
            font-weight: 300;
            font-size: 13px;
            color: var(--st-blue);
        }

.rts-account-section .cart-table-area .product-title-area .product-title {
    font-size: 14px;
    color: var(--st-blue);
}

.product-item.cus-pro:hover .action-wrap .product-price {
    transform: unset;
}

.product-item.cus-pro .action-wrap.star {
    height: 28px;
    width: unset;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
}

.product-image {
    object-fit: contain;
}

.product-item.cus-pro .action-wrap.star .review {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    top: -2px;
}

.product-item.cus-pro .action-wrap.star i {
    color: var(--st-beige);
    font-size: 13px;
}

.product-wishlist .product-action.red-heart i:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f004";
    color: var(--st-pink);
    position: absolute;
    right: 15px;
}

.product-status .product-action.red-heart i:before {
    color: var(--st-pink);
}

.product-status .product-action.red-heart i:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f004";
    color: var(--st-pink);
    position: absolute;
    right: 0px;
    font-size: 16px;
}

.user-wishlist .IsNotInWishList {
    display: none;
}

.swiper .pagination-area .swiper-pagination-bullet {
    background: var(--st-blue);
}

.swiper .pag {
    width: unset;
    margin-top: auto;
}



.pro-slider .swiper-pagination {
    bottom: 43px;
    left: 20%;
    width: 100%;
    text-align: left;
}

.pro-slider .swiper-pagination-bullet-active {
    background: var(--st-beige, var(--swiper-theme-color));
}

.home-service .footer-features {
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 0px;
    border-top: 1px solid var(--st-pink);
    border-bottom: 1px solid var(--st-pink);
    align-items: center;
    justify-content: space-between;
    padding: 12px 0px;
}

.home-service.product,
.home-service.product .footer-features {
    background-color: var(--st-blue);
}

    .home-service.product .footer-features {
        margin: 0px;
    }

    .home-service.product .footer-features {
        border-top: 1px solid var(--st-menuborder-gray);
        border-bottom: 1px solid var(--st-menuborder-gray);
    }

.home-service .footer-features .feature-item {
    border: none;
}

.home-service .footer-features .shop .feature-item .content .title {
    font-size: 18px;
    color: var(--st-blue);
}

.home-service .footer-features .feature-item .content .title {
    font-size: 16px;
    color: var(--st-blue);
}

.home-service .footer-features .feature-item .content p {
    font-size: 14px;
}

.home-service.product .footer-features .shop .feature-item .content .title {
    color: var(--st-smook);
}

.home-service.product .footer-features .feature-item .content .title {
    color: var(--st-smook);
}

.home-service.product .footer-features .feature-item .content p {
    color: var(--st-smook);
}

.home-service .footer-features .feature-item .icon {
    max-width: 40px;
    margin-left: 10px;
}

.home-tab {
    margin: 0px;
    background-color: var(--st-blue);
}

    .home-tab .recent-products-header {
        position: relative;
        margin-bottom: 20px;
    }

    .home-tab .filter-buttons-group .filter-btn {
        font-size: 16px;
        color: var(--st-menuborder-gray);
        padding-bottom: 5px;
    }

        .home-tab .filter-buttons-group .filter-btn:hover {
            text-decoration: none;
            color: var(--st-blue);
        }

        .home-tab .filter-buttons-group .filter-btn.active {
            color: var(--st-blue);
            border-bottom: 3px solid var(--st-beige);
        }

    .home-tab .filter-buttons-group .filter-btn {
        padding: 0px 0px 5px 0px;
    }

.scroll-top-btn1.scroll-top-btn2 {
    background: var(--st-beige);
}

.home-brand {
    background-color: var(--st-blue);
    margin: 0px;
    padding-top: 60px;
}

    .home-brand.brand-page {
        background-color: unset !important;
        margin: 0px;
        padding-top: 0px;
        min-height: 500px;
    }

        .home-brand.brand-page .box {
            margin-bottom: 25px;
        }

        .home-brand.brand-page .swiper-slide {
            padding: 20px;
            transition: all 0.0s !important;
        }

        .home-brand.brand-page .brand-front img {
            opacity: .4;
            transition: all 0.0s !important;
        }

        .home-brand.brand-page .swiper-slide {
            border: 2px solid var(--st-beige);
            transition: all 0.0s !important;
        }

            .home-brand.brand-page .swiper-slide:hover {
                border: 2px solid var(--st-blue);
                transition: all 0s !important;
                background: #FFF;
                background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 75%, rgb(163 160 160) 100%);
            }

                .home-brand.brand-page .swiper-slide:hover img {
                    opacity: 1;
                }

    .home-brand .swiper-slide {
        height: unset;
    }

    .home-brand #no-brandfound {
        margin-top: 100px;
    }

.brand-page-header {
    position: relative;
    margin-bottom: 15px;
    padding: 0 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 0;
    flex-wrap: wrap;
}

    .brand-page-header::before {
        content: " ";
        background-color: var(--st-blue);
        top: 0;
        left: 0;
        height: 280px;
        width: 100%;
        position: absolute;
    }

    .brand-page-header h2 {
        color: #fff;
        z-index: 1;
        margin: 40px auto 10px auto;
        font-size: 30px;
        width: 100%;
        text-align: center;
    }

    .brand-page-header p {
        color: var(--st-font-gray);
        z-index: 1;
        margin: 0px auto 0px auto;
        font-size: 15px;
        width: 100%;
        text-align: center;
    }


.brand-page .brand-front p {
    display: none;
}

.brand-page .swiper-slide:hover .brand-front p {
    display: block;
    position: absolute;
    font-size: 14px;
    right: 10px;
    bottom: 8px;
    color: #fff;
}

.brand-page-header .brand-search {
    z-index: 10;
    width: 32%;
    margin: 25px 10px 10px 10px;
    padding: 10px 45px 10px 23px;
    border-radius: 50px;
    font-size: 14px;
    height: 40px;
    background-color: #fff;
    color: var(--st-blue);
    position: relative;
}

.brand-page-header .brand-search-box {
    width: 100%;
}

    .brand-page-header .brand-search-box span {
        position: relative;
    }

    .brand-page-header .brand-search-box i {
        font-size: 14px;
        color: var(--st-blue);
        font-size: 20px;
        z-index: 10000000000;
        position: absolute;
        top: -55px;
        right: 23px;
        font-weight: 500;
    }



.home-brand .section-header4 .section-title {
    font-size: 21px;
    margin: auto;
    color: #ffffff;
}

.home-brand .section-header4 {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin: auto;
    text-align: center;
}

.home-brand .brands-section-inner {
    padding: 0px 0 50px 0px !important;
}

.home-brand .swiper-slide {
    background-color: var(--st-beige);
    transition: all 0.2s;
}

    .home-brand .swiper-slide:hover {
        background-color: #fff;
        transition: all 0.2s;
    }

.footer {
    background-color: var(--st-blue);
    padding-top: 90px;
}

    .footer .container.top {
        border-top: 1px solid var(--st-pink);
    }

    .footer .footer-logo {
        width: 60px;
        margin: auto;
        position: relative;
        top: -50px;
        background-color: var(--st-blue);
    }

        .footer .footer-logo::before {
            content: " ";
            position: absolute;
            top: 40px;
            left: -50px;
            width: 160px;
            height: 20px;
            background-color: #22546d;
            z-index: 0;
        }

        .footer .footer-logo img {
            position: relative;
        }

    .footer .namad-logo {
        padding: 20px 0px 0px 0px;
        max-width: 80px;
    }

        .footer .namad-logo:last-child {
            padding: 20px 0px 0px 0px;
            max-width: 80px;
        }

    .footer .footer-content {
        padding: 20px 10px 5px 10px;
    }

        .footer .footer-content p,
        .footer .footer-content a {
            color: #fff;
            font-size: 12px;
            font-weight: 300;
            line-height: 22px;
        }

        .footer .footer-content ul li {
            margin-bottom: 5px;
        }

    .footer .row-right {
        display: flex;
    }

    .footer .row-left {
        display: flex;
        flex-direction: row-reverse;
    }

    .footer .flex-item.logo-list {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

        .footer .flex-item.logo-list a:last-child img {
            padding-top: 0px;
        }


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

.mobile-sortmain {
    display: none;
}

.footer .footer-social .social-links-footer2 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-evenly;
}

.footer .footer-social {
    margin: auto;
    position: relative;
    top: -30px;
    background-color: var(--st-blue);
}

    .footer .footer-social a {
        color: #fff;
    }

        .footer .footer-social a:hover {
            color: var(--st-beige);
        }

    .footer .footer-social::after {
        content: " ";
        position: absolute;
        top: 40px;
        left: 50%;
        width: 1px;
        height: 55px;
        background-color: var(--st-pink);
        z-index: 0;
    }

.footer-sub .footer-bottom-area {
    background-color: var(--st-blue) !important;
}

    .footer-sub .footer-bottom-area .footer-bottom-inner {
        display: block !important;
    }

.footer-sub .apply-input {
    text-align: center;
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .footer-sub .apply-input input {
        background-color: var(--st-blue);
        color: #fff;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: 1px solid var(--st-pink);
        padding: 3px 5px;
        text-align: center;
        width: 250px;
        font-size: 13px;
        height: 32px;
        position: relative;
        line-height: 23px;
    }

    .footer-sub .apply-input button {
        background-color: var(--st-blue);
        color: #fff;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: 1px solid var(--st-pink);
        padding: 3px 5px;
        text-align: center;
        width: 100px;
        border-right: none;
        position: relative;
        right: 0px;
        font-size: 13px;
        height: 32px;
        line-height: 23px;
    }

.footer-sub p.dev {
    text-align: center;
    font-size: 12px;
    padding: 15px 0px 0px 0px;
}

    .footer-sub p.dev a {
        color: #bdbdbd;
    }

        .footer-sub p.dev a:hover {
            color: var(--st-beige);
        }

.products-area {
    position: relative;
}

/* salam */
.home-tab .slider-navigation .slider-btn,
.home-offer .slider-navigation .slider-btn {
    background: transparent;
}

    .home-tab .slider-navigation .slider-btn.prev,
    .home-offer .slider-navigation .slider-btn.prev {
        right: 20px;
        left: unset;
    }

    .home-tab .slider-navigation .slider-btn.next,
    .home-offer .slider-navigation .slider-btn.next {
        left: 20px;
        right: unset;
    }

.home-offer .slider-navigation .slider-btn {
    font-size: 36px;
    font-weight: 100;
    color: var(--st-blue);
    transform: unset !important;
    transition: 0.5s;
    height: 0px;
}

    .home-offer .slider-navigation .slider-btn:hover {
        color: var(--st-beige);
    }

.home-tab .slider-navigation .slider-btn {
    font-size: 36px;
    font-weight: 100;
    color: var(--st-blue);
    transform: unset !important;
    transition: 0.5s;
    height: 0px;
}

    .home-tab .slider-navigation .slider-btn:hover {
        color: var(--st-beige);
    }

.home-tab .slider-navigation,
.home-offer .slider-navigation {
    top: 10px;
    bottom: unset;
}

.home-offer.product-rel .slider-navigation {
    top: 48%;
}

.home-tab .slider-navigation,
.home-offer .slider-navigation {
    top: 52%;
}

.home-tab .slider-navigation {
    top: 52%;
}



    .home-tab .slider-navigation .slider-btn,
    .home-offer .slider-navigation .slider-btn {
        width: unset;
    }

.pro-det {
    position: relative;
    background-color: var(--st-blue);
    padding-top: 40px;
}

    .pro-det .swiper-button-lock {
        display: block;
    }

    .pro-det .slider-navigation {
        bottom: 53%;
    }

    .pro-det .product-row {
        border: none;
    }

    .pro-det .details-product-area {
        align-items: flex-start;
        justify-content: space-evenly !important;
    }

.product-row.full .product-title {
    height: unset !important;
}

.usermenu-btn {
    background: #fff;
    width: 40px;
    height: 60px;
    text-align: center;
    border-radius: 10px;
    position: fixed;
    bottom: 120px;
    right: 15px;
    transition: all 500ms;
    transform: translateY(100px);
    z-index: 99;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.076);
    border: 1px solid var(--st-beige);
    display: none;
}

    .usermenu-btn i {
        color: var(--st-beige);
        padding-top: 5px;
    }

    .usermenu-btn span {
        color: var(--st-beige);
        font-size: 10px;
    }


/*
.rts-product-details-section2 .product-thumb-area .product-thumb:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 300px;
    width: 100%;
    background: rgb(161, 147, 118);
    background: linear-gradient(90deg, rgba(161, 147, 118, 1) 40%, rgba(213, 177, 163, 1) 100%);
}*/
.pro-det .product-thumb-area {
    margin-left: 0px;
    flex: 100%;
}

.pro-det .container.top::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 300px;
    width: 100%;
    background: rgb(161, 147, 118);
    background: linear-gradient(90deg, rgba(161, 147, 118, 1) 40%, rgba(213, 177, 163, 1) 100%);
}

.pro-det .zoom {
    background-size: 100%;
    width: 92%;
    margin: auto;
}

.pro-det .product-thumb-area {
    position: relative;
}

    .pro-det .product-thumb-area .product-thumb:hover {
        background-size: 110%;
    }

.pro-det .product-thumb-filter-group .thumb-filter {
    border: 1px solid var(--st-beige);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 5px;
}

    .pro-det .product-thumb-filter-group .thumb-filter.active {
        background-color: var(--st-pink);
    }

/*    .pro-det .product-thumb-filter-group .thumb-filter img {
        width: 50px;
        height: 50px;
    }

.pro-det .product-thumb-filter-group .swiper-slide {
    width: 50px !important;
    height: 50px !important;
}
*/

.pro-det .product-thumb-area::before {
    content: " ";
    position: absolute;
    left: 0px;
    height: 1px;
    width: 100%;
    bottom: 25px;
    background-color: var(--st-beige);
    z-index: 0;
}

.pro-det .product-thumb-area .product-thumb-filter-group {
    z-index: 10;
    background-color: var(--st-blue);
    margin: auto;
}

.pro-det .contents {
    z-index: 2;
    padding-top: 145px;
    margin-right: 180px;
    flex: 100%;
}



.pro-det .slider-navigation .slider-btn {
    background-color: transparent;
    height: 0px;
    left: 0px;
    width: 0px;
}

    .pro-det .slider-navigation .slider-btn.swiper-button-next {
        left: unset;
        right: 0px;
    }

    .pro-det .slider-navigation .slider-btn.swiper-button-prev {
        right: unset;
        left: 15px;
    }

    .pro-det .slider-navigation .slider-btn i {
        color: var(--st-bg-gray);
        font-size: 40px;
        font-weight: 100;
    }

    .pro-det .slider-navigation .slider-btn:hover i {
        color: #fff;
    }

.pro-det .contents .product-status .product-action i {
    color: #fff;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid var(--st-pink);
    position: relative;
}

.pro-det .contents .product-status .product-action {
    cursor: pointer;
}

.pro-det .contents .rating-stars-group .rating-star i {
    color: var(--st-pink);
    font-size: 13px;
    position: relative;
    top: -2px;
}

.pro-det .contents .rating-stars-group span {
    color: var(--st-pink);
    font-size: 13px;
}

    .pro-det .contents .rating-stars-group span span {
        padding-right: 30px;
    }

.pro-det .contents .product-title {
    color: #fff;
    font-size: 22px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .pro-det .contents .product-title p {
        color: #fff;
        padding-top: 7px;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 300;
    }

.pro-det .contents .product-shortdes {
    font-weight: 400;
    color: var(--st-font-gray);
    max-width: 85%;
    margin-bottom: 14px;
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
    line-height: 22px;
}

.pro-det .contents .action {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .pro-det .contents .action .action-title {
        color: var(--st-beige);
    }

    .pro-det .contents .action .action-top {
        padding-bottom: 5px;
    }

.pro-det .contents .color-item2 .size {
    padding: 2px 10px !important;
    background-color: var(--st-smook) !important;
    margin-left: 0px !important;
    border: 1px solid var(--st-smook) !important;
    font-size: 12px;
    border-radius: 5px;
}

.pro-det .contents .product-uniques {
    margin-bottom: 0px;
}

.pro-det .contents .product-unipue a,
.pro-det .contents .product-unipue {
    font-weight: 300;
    color: var(--st-pink);
    font-size: 13px;
    height: 23px;
    margin-bottom: 0px;
}

    .pro-det .contents .product-unipue span {
        font-weight: 300;
        color: var(--st-font-gray);
        font-size: 13px;
        margin-left: 0px !important;
    }


        .pro-det .contents .product-unipue span#max-span,
        .pro-det .contents .product-unipue span:last-child {
            color: var(--st-pink);
        }


.pro-det .contents .product-uniques.price span {
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0px;
    position: relative;
    margin-left: 15px;
}

.pro-det .contents .product-uniques.price del {
    font-weight: 300;
    color: var(--st-font-gray);
    font-size: 16px;
    padding-right: 5px;
    position: absolute;
    top: -20px;
    right: -5px;
}

.pro-det .details-product-area .action-item {
    border-color: var(--st-beige);
    border-radius: 25px !important;
    height: 40px;
}

.pro-det .details-product-area .cart-edit .quantity-edit input {
    font-size: 18px;
    color: #fff !important;
    background-color: transparent;
}

.pro-det .details-product-area .cart-edit {
    margin-right: 0px;
    margin-left: 15px;
    margin-top: 0px;
}

.pro-det .details-product-area .action-item.add-btn {
    border-color: var(--st-beige);
    border-radius: 25px !important;
    height: 33px;
    background-color: var(--st-beige);
    font-size: 15px;
    line-height: 9px;
    font-weight: 600;
}

    .pro-det .details-product-area .action-item.add-btn:hover {
        border-color: var(--st-pink);
        background-color: var(--st-pink);
        color: var(--st-blue);
    }

.pro-det .next .contents {
    padding-top: 0px;
    margin-right: 0px;
    flex: 100%;
}

.pro-det .next .pro-slider {
    padding-top: 0px;
    margin-right: 0px;
    flex: 100%;
    overflow: hidden;
}

.pro-det .product-row {
    margin-bottom: 20px;
}

    .pro-det .product-row.next {
        position: relative;
        margin-top: 50px;
    }

        .pro-det .product-row.next::before {
            content: " ";
            position: absolute;
            right: -50%;
            height: 100%;
            width: 115%;
            bottom: 25px;
            top: -40px;
            background-color: var(--st-beige);
        }

        .pro-det .product-row.next.full::before {
            left: 0%;
            width: unset;
        }

.pro-det .next .contents .product-title {
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--st-menuborder-gray);
    width: 90%;
}

.pro-det .next .contents .product-shortdes,
.pro-det .next .contents p {
    font-weight: 300;
    color: var(--st-smook);
    max-width: 90%;
    margin-bottom: 14px;
    font-size: 13px;
    padding-top: 0px;
    text-align: justify;
    line-height: 22px;
}

.pro-det .next .details-product-area .action-item.add-btn {
    border-color: var(--st-pink);
    color: #fff;
}

    .pro-det .next .details-product-area .action-item.add-btn:hover {
        color: var(--st-blue);
    }

.pro-det .next .pro-slider .slider-buttons {
    z-index: 10;
    position: absolute;
    top: 45%;
    width: 100%;
}

    .pro-det .next .pro-slider .slider-buttons .slider-btn {
        width: 60px;
        height: 60px;
        background: transparent;
        color: var(--st-bg-gray);
    }

        .pro-det .next .pro-slider .slider-buttons .slider-btn i {
            color: var(--st-bg-gray);
            font-size: 40px;
            font-weight: 100;
        }

        .pro-det .next .pro-slider .slider-buttons .slider-btn:hover i {
            color: #fff;
        }

    .pro-det .next .pro-slider .slider-buttons .button-prev {
        right: 20px;
        position: absolute;
    }

    .pro-det .next .pro-slider .slider-buttons .button-next {
        left: -20px;
        right: unset;
        position: absolute;
    }

.pro-det .product-row {
    margin-bottom: 0px;
}

.home-tab.product-tab {
    background-color: var(--st-blue);
    margin: 0px;
    padding-top: 50px;
}

    .home-tab.product-tab .filter-buttons-group .filter-btn.active {
        color: var(--st-smook);
    }

    .home-tab.product-tab:before {
        display: none;
    }

.home-tab.product-tab {
    margin: 0px;
    padding-top: 50px;
}

.product-rel {
    background-color: var(--st-blue);
    margin: 0px 0px 50px 0px;
    padding-top: 90px;
    position: relative;
}

.home-offer.product-rel:before {
    content: none;
}

.home-offer.product-rel::after {
    content: "";
    position: absolute;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 0;
    top: 160px;
}

.home-tab:before {
    content: "";
    position: absolute;
    left: 0%;
    height: 5%;
    width: 100%;
    background: #fff;
    z-index: 0;
}

.product-tab.pro-det-tab .recent-products-header {
    margin-bottom: 30px;
}

.home-tab.pro-det-tab .filter-buttons-group .filter-btn:hover {
    color: #fff;
}

.product-tab.pro-det-tab {
    padding: 50px 0px 80px 0px;
}

    .product-tab.pro-det-tab table {
        border-collapse: separate;
        border-spacing: 5px 5px;
        font-weight: 100 !;
    }

        .product-tab.pro-det-tab table th {
            font-weight: 400;
        }

.pro-det-tab .addinfo-tab thead {
    background-color: var(--st-blue-fade);
    color: #fff;
    border: none;
}

.pro-det-tab .addinfo-tab tbody .rw.title {
    color: #fff;
    background-color: var(--st-beige);
}

.pro-det-tab .addinfo-tab tbody {
    color: var(--st-font-gray);
    border: none;
}

.pro-det-tab .addinfo-tab thead .col {
    font-size: 12px;
    line-height: 17px;
    padding: 7px 5px;
    align-content: center;
}

    .pro-det-tab .addinfo-tab thead .col.des {
        text-align: center;
    }

.pro-det-tab .addinfo-tab tbody .rw {
    font-size: 13px;
    line-height: 17px;
    padding: 7px 5px;
    border-left: 1px solid var(--st-beige);
    border-right: 1px solid var(--st-beige);
    border-bottom: 1px solid var(--st-beige);
    border-top: 1px solid var(--st-beige);
    align-content: center;
}

    .pro-det-tab .addinfo-tab thead .col.ltr,
    .pro-det-tab .addinfo-tab tbody .rw.ltr {
        text-align: left;
        direction: ltr;
        font-size: 13px;
        line-height: 17px;
    }

.pro-det-tab .techinfo-tab tbody .rw {
    font-size: 13px;
    line-height: 20px;
    padding: 2px 5px 7px 5px;
    align-content: center;
}

    .pro-det-tab .techinfo-tab tbody .rw.title {
        color: var(--st-font-gray);
        width: 15%;
    }

    .pro-det-tab .techinfo-tab tbody .rw.des {
        color: #fff;
        border-bottom: 1px solid var(--st-bg-gray);
    }

/* .rts-VideoSlide1 a::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f167";
  position: absolute;
  top: 30%;
  left: 40%;
  font-size: 50px;
  color: #f44336;
} */

.cart-bar {
    width: 450px;
    padding: 20px 15px;
}

    .cart-bar .product-area {
        overflow: auto;
        height: calc(100vh - 220px);
        padding-bottom: 100px;
    }

    .cart-bar .product-item {
        border-bottom: 1px solid #e7e7e7;
        padding-left: 5px;
    }

    .cart-bar .cart-edit {
        margin-left: 0px;
        bottom: -10px;
        position: relative;
    }

    .cart-bar .delete-cart {
        padding-bottom: 5px;
        font-size: 12px;
        color: var(--st-font-gray);
    }

        .cart-bar .delete-cart:hover {
            color: var(--st-red);
        }

    .cart-bar .cart-header .cart-heading {
        color: var(--st-blue);
    }

    .cart-bar .cart-edit .quantity-edit {
        border: 1px solid var(--st-beige);
        padding: 3px 15px;
        border-radius: 25px;
    }

    .cart-bar .cart-header {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--st-beige);
    }

    .cart-bar .cart-edit .quantity-edit input {
        max-width: 50px;
    }

    .cart-bar .product-detail .product-name a,
    .cart-bar .product-detail .product-name {
        color: var(--st-blue);
        font-weight: 500;
    }

    .cart-bar .product-detail .product-qnty,
    .cart-bar .product-detail .product-price {
        font-family: var(--bs-font-body) !important;
        color: var(--st-bg-gray);
    }

    .cart-bar .product-detail .product-thumb {
        margin-left: 5px;
    }

    .cart-bar .product-detail span {
        font-size: 12px;
        color: var(--st-beige);
    }

    .cart-bar .cart-bottom-area .checkout-btn:hover {
        background: var(--st-beige);
        color: white;
    }

    .cart-bar .cart-bottom-area .btn-box .right-btn {
        width: 300px;
        margin-left: 10px;
    }


    .cart-bar .cart-bottom-area .btn-box .left-btn {
        background: var(--st-beige);
        color: #fff;
        height: 43px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

        .cart-bar .cart-bottom-area .btn-box .left-btn:hover {
            background: var(--st-pink);
            border-color: var(--st-pink);
        }

    .cart-bar .cart-bottom-area .checkout-btn {
        border: 1px solid var(--st-beige);
        margin-bottom: 10px;
        color: var(--st-blue);
        border-radius: 25px;
    }

    .cart-bar .cart-bottom-area .total-price {
        margin-bottom: 15px;
        border-bottom: 1px solid var(--st-beige);
        padding-bottom: 15px;
        color: var(--st-blue);
        font-size: 15px;
    }

    .cart-bar .cart-bottom-area .cart-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .cart-bar .cart-bottom-area .total-price .price {
        color: var(--st-blue);
    }

.rts-product-details-section .details-product-area .product-bottom-action {
    margin-bottom: 0px;
    margin-top: 40px !important;
}


.cart-bar .cart-bottom-area {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    position: fixed;
    left: 0;
    right: 0px;
    bottom: 0px;
    padding: 15px 15px;
    background-color: #fff;
}

.cart-bar {
    transform: translateX(-100%);
}

.quantity-edit button:hover i {
    color: var(--st-blue) !important;
}

.quantity-edit input {
    font-size: 14px;
    color: var(--st-blue-fade) !important;
}

.swiper-button-prev {
    margin-left: 0px;
}

.product-details-popup-wrapper {
    left: 50%;
    right: unset;
}

    .product-details-popup-wrapper .details-product-area {
        align-items: start;
    }

.product-details-popup .product-thumb-area {
    flex-direction: row-reverse;
    margin-right: 0px !important;
    padding-top: 40px;
}

.product-details-popup .product-thumb-filter-group {
    margin-left: 20px;
    margin-right: 0px !important;
}

.product-details-popup {
    border-radius: 0px;
}

.product-details-popup-wrapper.popup .product-details-popup::before {
    content: " ";
    right: -1px;
    top: 0px;
    height: 100%;
    width: calc(32% - 7px);
    background-color: var(--st-blue);
    position: absolute;
    z-index: -10;
}



.product-details-popup .product-thumb-filter-group .thumb-filter {
    border: 1px solid var(--st-beige);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 5px;
}

    .product-details-popup .product-thumb-filter-group .thumb-filter.active {
        background-color: var(--st-pink);
    }

.pro-det.popup {
    position: unset;
    background-color: unset;
    padding-top: unset;
}

    .pro-det.popup .contents {
        padding-top: 20px;
        margin-right: 0px;
        flex: 100%;
        overflow-y: unset !important;
    }

    .pro-det.popup .product-thumb-area::before {
        display: none;
    }

    .pro-det.popup .contents .product-title {
        color: var(--st-blue);
        font-size: 18px;
        border-bottom: 1px solid var(--st-pink);
        margin-bottom: 0px;
        padding-bottom: 5px;
        max-width: 500px;
    }

        .pro-det.popup .contents .product-title p {
            margin-bottom: 0px;
        }

        .pro-det.popup .contents .product-title small {
            width: 100%;
            font-size: 12px;
        }

    .pro-det.popup .contents .product-status {
        margin-bottom: 10px;
    }

        .pro-det.popup .contents .product-status .product-action i {
            border-left: 1px solid var(--st-beige);
            color: var(--st-beige);
        }

    .pro-det.popup .contents .rating-stars-group .rating-star i {
        color: var(--st-beige);
    }

    .pro-det.popup .contents .rating-stars-group span {
        color: var(--st-v);
    }

    .pro-det.popup .contents .product-shortdes {
        color: var(--st-blue);
    }

    .pro-det.popup .contents .product-unipue span {
        color: var(--st-blue);
        font-size: 13px;
    }

    .pro-det.popup .contents .product-unipue {
        color: var(--st-beige);
    }

.rts-account-section .delivery-type .cart-table-area.bank-type td .form-group {
    margin-bottom: 0px !important;
}

.pro-det.popup .action-item2 {
    padding: 5px 0 0px 0;
}

.pro-det.popup .contents .product-uniques.price span {
    color: var(--st-blue);
    margin-top: 5px;
}

.pro-det.popup .action-item.add-btn {
    border-color: var(--st-beige);
    background-color: var(--st-beige) !important;
    border-radius: 25px !important;
    height: 40px;
    background-color: transparent;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

    .pro-det.popup .action-item.add-btn:hover {
        border-color: var(--st-beige);
        background-color: #fff !important;
        color: var(--st-blue);
    }

/* .footer .order-3,
.footer .order-2,
.footer .order-1 {
  order: unset ;
} */

.rts-product-details-section .details-product-area .product-thumb-area .product-thumb-filter-group .thumb-filter {
    margin-left: 0px;
    margin-right: 0px;
    margin: auto;
    width: 40px;
    height: 40px;
}

.product-details-popup .product-thumb-area {
    margin-left: 0px !important;
}

.rts-product-details-section .details-product-area .cart-edit .quantity-edit {
    height: 33px;
}

    .rts-product-details-section .details-product-area .cart-edit .quantity-edit button i {
        color: #d3d3d3 !important;
    }

    .rts-product-details-section .details-product-area .cart-edit .quantity-edit button:hover i {
        color: #fff !important;
    }

.filterd-items {
    transform: unset !important;
    transition: all 0.2s !important;
}

    .filterd-items.hide {
        transform: unset !important;
        transition: all 0ms !important;
    }


.rts-product-details-section2 .details-product-area .product-thumb-area {
    align-self: center;
}

.cd-dropdown {
    z-index: 100;
}

.product-list {
    padding: 0px;
    margin: 0px;
}

    .product-list .col-xl-2 {
        padding: 0px;
    }

    .product-list .col-xl-10 {
        padding: 0px;
    }

    .product-list .shop-side-action .action-item {
        border: none;
    }

    .product-list .side-sticky {
        border-left: 1px solid var(--st-blue);
        border-top: 1px solid var(--st-menuborder-gray);
        padding: 20px 0px 50px 0px !important;
        height: calc(100vh + 200px);
    }

    .product-list .shop-product-topbar {
        position: relative;
        margin-bottom: 15px;
        padding: 0 7%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 0;
    }

        .product-list .shop-product-topbar.mobile-link {
            display: none;
        }


            .product-list .shop-product-topbar.mobile-link ul {
                width: 100%;
                margin-bottom: 0px;
                padding: 0;
                display: flex;
                align-items: center;
                z-index: 0;
                justify-content: space-between;
            }

                .product-list .shop-product-topbar.mobile-link ul li {
                    color: #fff;
                    font-size: 12px;
                    cursor: pointer;
                }

                    .product-list .shop-product-topbar.mobile-link ul li i {
                        position: relative;
                        top: 1px;
                    }


            .product-list .shop-product-topbar.mobile-link:before {
                display: none;
            }


    .product-list .page-path {
        justify-content: flex-start;
    }

.page-link {
    color: unset !important;
    background-color: unset !important;
    border-color: transparent !important;
}

.page-item.first,
.page-item.last {
    display: none !important;
}

.page-link:focus {
    box-shadow: none !important;
}

.product-list .product-pagination-area a,
.product-list .product-pagination-area li,
.product-list .product-pagination-area button {
    width: 30px;
    height: 30px;
    border: 1px solid var(--st-beige);
    border-radius: 15px;
    font-size: 12px;
    margin-left: 7px;
    z-index: 10;
    color: #fffF;
    padding: 0;
    line-height: 27px;
    font-weight: 300;
    position: relative;
    right: -1px;
    text-align: center;
}

    .product-list .product-pagination-area li.active,
    .product-list .product-pagination-area li:hover,
    .product-list .product-pagination-area button.active,
    .product-list .product-pagination-area button:hover {
        background: var(--st-beige);
        color: #fffF;
    }



.product-list .product-pagination-area.btn {
    margin: 0px 7% 50px 7%;
    justify-content: flex-end;
    padding-left: 0px;
}

    .product-list .product-pagination-area.btn li.active,
    .product-list .product-pagination-area.btn li:hover,
    .product-list .product-pagination-area.btn button.active,
    .product-list .product-pagination-area.btn button:hover {
        background: var(--st-beige);
        color: #fff;
    }

    .product-list .product-pagination-area.btn li,
    .product-list .product-pagination-area.btn button {
        color: var(--st-blue);
    }

        .product-list .product-pagination-area.btn li.next,
        .product-list .product-pagination-area.btn button.next {
            margin-left: 0px;
        }

.product-list .items-onlist {
    font-size: 13px;
    color: #a9b8bf;
    font-weight: normal;
    z-index: 10;
}

    .product-list .items-onlist ul {
        display: flex;
    }

        .product-list .items-onlist ul li {
            margin-left: 20px;
            font-size: 12px;
        }

            .product-list .items-onlist ul li.active {
                color: #fff;
                border-bottom: 2px solid var(--st-beige);
            }

            .product-list .items-onlist ul li button {
                color: inherit;
                text-decoration: none;
                font-weight: 700;
            }

                .product-list .items-onlist ul li button:hover {
                    color: #fff;
                }

.product-list .shop-product-topbar::before {
    content: " ";
    background-color: var(--st-blue);
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    position: absolute;
}

.product-list .products-area {
    padding: 0 7%;
}

.product-list .product-item {
    margin-bottom: 25px;
}

.product-list .accordion-item {
    border: none;
    margin: 10px 15px 0 15px;
}

.rts-product-details-section .details-product-area .product-status {
    margin-bottom: 0px;
}

.product-list .accordion-button {
    border: none;
    background-color: var(--st-blue);
    color: #fff;
    border-radius: 0px !important;
    font-size: 12px;
    text-align: center;
    padding: 8px 15px;
    justify-content: center;
}

    .product-list .accordion-button::after {
        position: absolute;
        right: 10px;
        background-image: url('/assets/data/icon/arrow-down.svg');
        width: 1.0rem;
        height: 1.0rem;
        background-size: 1.0rem;
    }

    .product-list .accordion-button:focus {
        border-color: transparent;
        box-shadow: unset
    }

.accordion-button:not(.collapsed)::after {
    background-image: url('/assets/data/icon/arrow-down.svg');
}

.product-list .accordion-body {
    padding: 10px 2px 10px 0px;
    margin-bottom: 0px;
}

.product-list .shop-side-action .scroll-inner {
    max-height: 400px;
    overflow-y: scroll;
}

.shop-side-action .action-item .product-brands .brands-inner::-webkit-scrollbar-thumb {
    background-color: var(--st-beige);
}

.product-list .page-path {
    background: var(--st-blue);
    padding: 20px 7% 15px 7%;
}

    .product-list .page-path a.current-page,
    .product-list .page-path a.home-page-link {
        font-size: 10px;
        color: #6f899a;
        display: flex;
        align-items: center;
    }

        .product-list .page-path a.current-page:hover,
        .product-list .page-path a.home-page-link:hover {
            color: #fff;
        }

    .product-list .page-path a i {
        font-size: 13px;
        color: #6f899a;
        margin-right: 7px;
    }

    .product-list .page-path a {
        margin-left: 7px;
    }

.check-title {
    font-size: 12px;
    color: var(--st-blue);
    font-weight: 700;
}

.form-group label.check-title:before {
    margin-left: 3px;
    top: -1px;
    border: 1px solid var(--st-beige);
    border-radius: 10px;
    background-color: #fff;
}

.form-group input:checked + label.check-title:before {
    background-color: var(--st-beige);
}

.form-group input:checked + label.check-title:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    top: 4px;
}

.form-group label {
    width: 100%;
}

    .form-group label span {
        float: left;
        padding-left: 5px;
        color: var(--st-menuborder-gray);
    }

.filter-btn {
    padding: 14px;
    margin: auto;
}

    .filter-btn .checkout-btn.cart-btn {
        background: var(--st-beige);
        color: #fff;
        padding: 10px 20px;
        font-size: 14px;
        border: 1px solid var(--st-beige);
        margin-bottom: 10px;
        border-radius: 25px;
        width: 100%;
    }

        .filter-btn .checkout-btn.cart-btn:hover {
            background: var(--st-pink);
            border-color: var(--st-pink);
        }

    .filter-btn .checkout-btn.close-cart {
        border: 1px solid var(--st-beige);
        margin-bottom: 10px;
        color: var(--st-blue);
        border-radius: 25px;
        padding: 10px 20px;
        font-size: 14px;
        width: 100%;
        margin-left: 10px;
        text-align: center;
        background-color: #fff;
        transition: all 500ms;
    }

        .filter-btn .checkout-btn.close-cart:hover {
            background: var(--st-beige);
            color: white;
            border: 1px solid var(--st-beige);
            transition: all 500ms;
        }


/*mobile Menu*/


.mobile-hamburger-1 {
    background: #fff;
    border: 1px solid var(--st-beige);
    border-radius: 50%;
    padding: 10px;
    left: -15px;
    top: -10px;
    right: unset;
    margin: 0px;
}


.hamburger-1.active span {
    background-color: unset;
    color: var(--st-blue);
    position: relative;
    top: 4px;
}

.side-mobile-menu1 ul li .mm-link i {
    color: var(--st-blue);
    background: #fff;
}

.side-mobile-menu ul li a {
    padding: 10px 0 10px 0;
}

.side-mobile-menu {
    display: block !important;
    padding-top: 35px;
}

.slide-bar {
    padding: 15px 25px;
}

.side-mobile-menu ul li ul li a {
    padding-right: 0px !important;
}

.side-mobile-menu .mega-dropdown-mobile {
    padding-right: 10px;
}

.side-mobile-menu1 .has-dropdown.firstlvl.mm-active .mm-link {
    color: var(--st-beige);
}



.side-mobile-menu1 ul li .mm-link:hover {
    color: var(--st-blue) !important;
}

.side-mobile-menu1 ul li .sub-menu li a:hover {
    color: var(--st-blue) !important;
}

.side-mobile-menu1 ul li .mm-link i {
    padding: unset;
}

.side-mobile-menu .mega-dropdown-mobile a strong {
    color: var(--st-blue) !important;
    font-size: 12px;
    padding-top: 0px !important;
}

.side-mobile-menu .mega-dropdown-mobile a {
    color: var(--bs-gray);
    padding: 6px 0;
}

.side-mobile-menu ul li ul li a:before {
    content: "-";
    width: 8px;
    height: 8px;
    position: absolute;
    right: -10px;
    top: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
}

.navbar-part1 .dropdown-ul {
    border-top: 3px solid var(--st-beige);
}

.has-dropdown:hover > .dropdown-ul {
    top: 70px;
}


.rts-menu .mega-dropdown {
    right: 00px;
}

.nav__menu .has-dropdown .dropdown-ul {
    top: 70px;
    transform: none !important;
    transition: all .2s ease-in-out;
    transition: none;
    padding: 10px 15px;
    width: max-content;
    z-index: 100;
}

.rts-menu .mega-dropdown .mega-dropdown-li {
    width: 100%;
}

.nav__menu .has-dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    height: 71vh;
}

.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 {
    padding: 5px 5px 3px 5px;
    width: 220px;
    font-size: 12px;
}

    .navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 strong {
        color: var(--st-beige);
        font-size: 13px;
        font-weight: 700;
    }

.rts-menu .dropdown-li.end {
    padding-right: 6px;
}

.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2::before {
    display: none;
}

.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 {
    color: var(--st-blue);
}

.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2 {
    color: var(--st-font-gray);
}

.navbar-part .navbar-inner .rts-menu li.root:hover a.menu-item {
    color: var(--st-font-gray);
}

/* account-section */

.rts-account-section {
    background-color: var(--st-blue);
    padding: 110px 0 60px 0px;
    min-height: 750px;
}

    .rts-account-section::before {
        content: " ";
        position: absolute;
        top: 70px;
        left: 0%;
        height: calc(110px + 184px);
        width: 100%;
        background: rgb(161, 147, 118);
        background: linear-gradient(90deg, rgba(161, 147, 118, 1) 40%, rgba(213, 177, 163, 1) 100%);
    }

    .rts-account-section .account-inner {
        background-color: #f0f0f0;
        position: relative;
        justify-content: flex-start;
    }

        .rts-account-section .account-inner.payment {
            background-color: #fff;
        }

        .rts-account-section .account-inner .account-side-navigation {
            margin-left: 0px;
            width: 300px;
            background-color: #fff;
        }

        .rts-account-section .account-inner .account-main-area {
            width: 100%;
            /*padding: 25px 0px;*/
            min-height: 470px;
        }

        .rts-account-section .account-inner.payment .account-main-area {
            min-height: 480px;
        }

        .rts-account-section .account-inner .account-main-area.h-550 {
            min-height: 550px;
        }

        .rts-account-section .account-inner.payment .account-main-area::before {
            content: " ";
            position: absolute;
            top: 0px;
            right: 0px;
            height: 125px;
            width: 100%;
            background: #f0f0f0;
            z-index: 1;
        }

        .rts-account-section .account-inner.payment .head-ico {
            text-align: center;
        }

        .rts-account-section .account-inner.payment .body {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            .rts-account-section .account-inner.payment .body .pay-title {
                color: var(--st-beige);
                padding-top: 40px;
                margin-bottom: 40px;
            }

            .rts-account-section .account-inner.payment .body p {
                margin-bottom: 7px;
                font-size: 14px;
            }

                .rts-account-section .account-inner.payment .body p span {
                    font-size: 14px;
                    color: var(--st-blue);
                }

            .rts-account-section .account-inner.payment .body .btn {
                background: var(--st-beige);
                color: #fff;
                border: 1px solid var(--st-beige);
                border-radius: 25px;
                padding: 5px 20px;
                font-size: 13px;
                margin-top: 30px;
                line-height: 24px;
            }

                .rts-account-section .account-inner.payment .body .btn:hover {
                    background: var(--st-pink);
                    border-color: var(--st-pink);
                }

            .rts-account-section .account-inner.payment .body .return-link {
                margin-top: 20px;
                font-size: 12px;
                color: var(--st-beige);
            }


        .rts-account-section .account-inner.payment .head-ico img {
            width: 100px;
            z-index: 10;
            position: relative;
            top: 19px;
        }


    .rts-account-section .account-side-navigation .filter-btn {
        border-radius: 0px;
        margin: 0px;
        background-color: #fff;
        color: var(--st-blue);
        border-color: #d7e0e5;
        border-width: 1px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        padding: 10px 45px 10px 10px;
        width: unset;
        height: 48px;
        font-size: 13px;
        line-height: 10px;
        font-weight: 500;
        position: relative;
    }

        .rts-account-section .account-side-navigation .filter-btn::before {
            content: " ";
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100%;
            width: 100%;
            background: rgb(255 255 255 / 30%);
            z-index: 1;
        }

        .rts-account-section .account-side-navigation .filter-btn:hover::before {
            content: none;
        }

        .rts-account-section .account-side-navigation .filter-btn i {
            position: relative;
            top: -1px;
            width: 15px;
            font-size: 15px;
        }

        .rts-account-section .account-side-navigation .filter-btn.active {
            background-color: #f4f4f4;
            border-left: none;
        }

            .rts-account-section .account-side-navigation .filter-btn.active::before {
                content: none;
            }

        .rts-account-section .account-side-navigation .filter-btn:last-child {
            border-bottom: 1px solid #d7e0e5;
        }

    .rts-account-section .account-inner .account-side-navigation .profile-userinfo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userimage-box {
            display: unset;
            height: 115px;
            width: 75px;
            position: absolute;
            top: -34px;
            cursor: pointer;
        }

            .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userimage-box:hover::before {
                content: " ";
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgb(0 0 0 / 60%);
                top: 0;
                left: 0;
                border-top-left-radius: 40px;
                border-top-right-radius: 40px;
                border-bottom-left-radius: 40px;
                border-bottom-right-radius: 40px;
                z-index: 1;
                border: 2px solid #f0f0f0;
            }

            .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userimage-box:hover::after {
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                content: "\f030";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 35%;
                left: 1px;
                z-index: 1;
                font-size: 22px;
                text-align: center;
                color: #fff;
            }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .user-image {
            height: 115px;
            width: 75px;
            border: 2px solid #f0f0f0;
            border-top-left-radius: 40px;
            border-top-right-radius: 40px;
            border-bottom-left-radius: 40px;
            border-bottom-right-radius: 40px;
            position: absolute;
            box-shadow: 5px 8px 14px 2px rgba(0, 0, 0, 0.13);
            cursor: pointer;
            object-fit: cover;
            background-color: #f0f0f0;
            /*background-color: var(--st-blue);*/
        }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userdelpic {
            z-index: 10000;
            position: absolute;
            top: 80px;
            text-align: center;
            width: 100%;
            display: none;
            color: #fff;
            font-size: 11px;
        }

            .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userdelpic:hover {
                color: var(--st-red);
            }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .userimage-box:hover .userdelpic {
            display: block;
        }


        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .user-fullname {
            margin-top: 90px;
            color: var(--st-blue);
            font-weight: 700;
            font-size: 16px;
        }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .user-phone {
            margin-top: 3px;
            color: var(--st-font-gray);
            font-weight: 300;
            font-size: 12px;
        }

        .rts-account-section .account-inner .account-side-navigation .profile-userinfo .user-logout {
            margin-top: 15px;
            margin-bottom: 15px;
            color: var(--st-blue);
            font-weight: 300;
            font-size: 11px;
            padding: 1px 7px;
            border-radius: 105px;
            border: 1px solid var(--st-beige);
            cursor: pointer;
        }

            .rts-account-section .account-inner .account-side-navigation .profile-userinfo .user-logout:hover {
                color: #fff;
                background-color: var(--st-beige);
            }

    .rts-account-section .account-inner .account-main-area .user-info {
        display: flex;
        align-content: space-between;
        height: 100%;
        flex-direction: row;
    }

        .rts-account-section .account-inner .account-main-area .user-info form {
            width: 100%;
            display: inherit;
        }

        .rts-account-section .account-inner .account-main-area .user-info .login-form {
            padding: 0px;
            margin: 0px;
            border: none;
            background: transparent;
        }

            .rts-account-section .account-inner .account-main-area .user-info .login-form .card {
                padding: 0px;
                margin: 0px;
                border: none;
                background: transparent;
            }

            .rts-account-section .account-inner .account-main-area .user-info .login-form .card-body {
                padding: 25px 40px;
                margin: 0px;
                border: none;
                background: transparent;
            }

            .rts-account-section .account-inner .account-main-area .user-info .login-form .form {
                padding: 0px;
                margin: 0px;
                border: none;
                background: transparent;
            }

                .rts-account-section .account-inner .account-main-area .user-info .login-form .form.bdate select {
                    width: 33%;
                }

                .rts-account-section .account-inner .account-main-area .user-info .login-form .form.bdate .selectbox {
                    display: flex;
                    flex-direction: row;
                    gap: 5px;
                }

.select2 {
    font-size: 13px;
    color: transparent;
    height: 36px;
    user-select: none;
    width: 100% !important;
}

.select2-search__field {
    color: var(--st-blue) !important;
    font-size: 13px;
    line-height: 24px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0px;
}


    .select2-container--default .select2-selection--single:focus-visible {
        background-color: #fff;
        border: none;
        border-radius: 0px;
        outline: none;
    }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    color: var(--st-blue) !important;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
}

.select2-results__option {
    padding: 6px;
    color: var(--st-blue) !important;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    padding: 4px 6px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--st-font-gray) !important;
    color: #fff;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    top: 3px;
}

.select2.is-invalid .selection {
    border-color: red;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 10px;
}

.select2-container--default .select2-results > .select2-results__options {
    margin: 0px 5px 5px 5px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 10px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px 8px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 6px;
    top: 5px;
}

.select2 .selection {
    width: 100%;
    height: 36px;
    border: 1px solid var(--st-blue);
    padding: 5px 10px 5px 15px !important;
    border-radius: 20px !important;
    margin-bottom: 15px;
    background-color: #fff;
    display: block;
}

.rts-account-section .form .form-control.select2 {
    display: contents;
}

.accordion-item .form-control,
.rts-account-section .form .form-control {
    color: var(--st-blue) !important;
    border: 1px solid var(--st-blue);
    padding: 5px 15px 5px 15px !important;
    border-radius: 20px !important;
    font-size: 13px;
    height: 36px;
    margin-bottom: 8px;
}

.rts-account-section .form textarea.form-control {
    height: 75px;
}

.accordion-item .form-control {
    margin: 0px auto 15px auto;
}

.faq-que-list {
    margin-bottom: 20px;
}


.rts-account-section .form label {
    font-size: 13px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 3px;
    color: var(--st-blue);
    font-weight: 600;
    position: relative;
    background-color: #f0f0f0;
}

    .rts-account-section .form label span {
        color: var(--st-blue);
    }

.rts-account-section .account-inner .account-main-area .user-info .user-identity {
    border-left: 1px solid #b4c3ca;
    width: 50%;
    height: 100%;
}


.rts-account-section .account-inner .item-select ul {
    list-style-type: none;
    padding: 0px;
    gap: 5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.rts-account-section .account-inner .item-select li {
    display: inline-block;
    width: 100%;
}

    .rts-account-section .account-inner .item-select li:last-child {
        margin-left: 0px;
    }

.rts-account-section .account-inner .item-select input[type="radio"] {
    display: none;
}

.rts-account-section .account-inner .item-select label.item {
    border: 1px solid var(--st-blue);
    padding: 5px;
    display: block;
    position: relative;
    cursor: pointer;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    height: 33px;
    line-height: 23px;
    background-color: #fff;
}

    .rts-account-section .account-inner .item-select label.item:hover {
        border: 1px solid var(--st-beige);
        background-color: #f0f0f0;
    }

        .rts-account-section .account-inner .item-select label.item:hover span {
            color: var(--st-beige);
        }


.rts-account-section .account-inner .item-select :checked + label.item {
    background: #fff;
    color: #fff;
    position: relative;
}

    .rts-account-section .account-inner .item-select :checked + label.item span {
        color: #fff;
        z-index: 10;
        position: relative;
    }

    .rts-account-section .account-inner .item-select :checked + label.item::before {
        content: " ";
        background-color: var(--st-blue);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        border-radius: 25px;
        /* border: 2px solid #fff; */
    }

.rts-account-section .account-inner .account-main-area .user-info .user-skin {
    width: 50%;
    height: 100%;
}

    .rts-account-section .account-inner .account-main-area .user-info .user-skin p {
        margin-bottom: 10px;
        font-size: 14px;
        color: #b4c3ca;
    }

    .rts-account-section .account-inner .account-main-area .user-info .user-skin .login-form .form {
        position: relative;
    }

        .rts-account-section .account-inner .account-main-area .user-info .user-skin .login-form .form::before {
            content: " ";
            width: 100%;
            height: 1px;
            background-color: #b4c3ca;
            position: absolute;
            top: 13px;
        }

.rts-account-section .account-inner .item-select ul.skin {
    display: flex;
    flex-wrap: wrap;
}


    .rts-account-section .account-inner .item-select ul.skin li {
        flex: 1 1 calc(33.333% - 20px);
    }


.form-control:focus {
    box-shadow: none !important;
}

.form.none-border::before {
    display: none;
}

.rts-account-section .form .btn:hover {
    background: var(--st-blue) !important;
    border-color: var(--st-blue) !important;
}

.rts-account-section .form .btn {
    border: 1px solid var(--st-beige);
    background-color: var(--st-beige) !important;
    margin-bottom: 10px;
    color: #fff;
    color: var(--st-blue);
    border-radius: 25px;
    height: 38px !important;
    width: 100% !important;
    font-size: 14px !important;
}

.rts-account-section .account-inner .account-main-area .user-address {
    padding: 0 25px;
}

    .rts-account-section .account-inner .account-main-area .user-address .accordion-body {
        background-color: #f0f0f0;
        padding: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-address .login-form {
        margin: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-address .form {
        margin: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-address .login-form .card {
        border: none;
    }

        .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body {
            background-color: #f0f0f0;
            padding: 25px 25px 15px 25px;
        }

            .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body .address-box {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }

                .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body .address-box form {
                    display: contents;
                }

                .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body .address-box .address-col {
                    flex: 0 1 calc(33.333% - 10px);
                    width: calc(33.333% - 10px);
                }


    .rts-account-section .account-inner .account-main-area .user-address .shipping-address {
        background-color: #fff;
        padding: 15px;
        border: 1px solid #d7e0e5;
        border-radius: 5px;
    }

        .rts-account-section .account-inner .account-main-area .user-address .shipping-address h4 {
            font-size: 16px;
            color: var(--st-blue);
        }

        .rts-account-section .account-inner .account-main-area .user-address .shipping-address address {
            font-size: 12px;
            color: var(--st-bg-gray);
            margin-bottom: 10px;
            height: 55px;
        }

        .rts-account-section .account-inner .account-main-area .user-address .shipping-address p {
            margin-bottom: 6px;
            color: var(--st-beige);
            font-size: 12px;
        }

            .rts-account-section .account-inner .account-main-area .user-address .shipping-address p i {
                width: 15px;
            }

        .rts-account-section .account-inner .account-main-area .user-address .shipping-address .btn-delete {
            color: var(--st-red);
            border: 1px solid var(--st-beige);
            padding: 5px;
            display: block;
            position: relative;
            cursor: pointer;
            border-radius: 25px;
            font-size: 13px;
            font-weight: 600;
            height: 33px;
            line-height: 23px;
            text-align: center;
            margin-top: 15px;
        }

            .rts-account-section .account-inner .account-main-area .user-address .shipping-address .btn-delete:hover {
                background-color: var(--st-beige);
                color: #fff;
            }

.rts-account-section .account-inner .account-main-area .user-wishlist {
    padding: 0px;
}

    .rts-account-section .account-inner .account-main-area .user-wishlist .card {
        border: none;
        background-color: transparent;
    }

    .rts-account-section .account-inner .account-main-area .user-wishlist .card-body {
        padding: 0 25px;
    }

    .rts-account-section .account-inner .account-main-area .user-wishlist .product-item.cus-pro {
        margin-bottom: 25px;
    }

.rts-account-section .account-inner .account-main-area .user-invoice {
    padding: 25px;
}

    .rts-account-section .account-inner .account-main-area .user-invoice .filter-buttons-group .filter-btn {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #999999;
        background: none;
        padding: 0px 0px 5px 0px;
        margin-left: 15px;
        transition: unset;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice .filter-buttons-group .filter-btn:hover {
            color: var(--st-beige);
        }

    .rts-account-section .account-inner .account-main-area .user-invoice .section-header.section-header2 {
        display: flex;
        flex-direction: column;
        align-items: self-start;
        margin-bottom: 10px;
    }


    .rts-account-section .account-inner .account-main-area .user-invoice .filter-buttons-group .filter-btn.active {
        color: var(--st-blue);
        border-bottom: 3px solid var(--st-beige);
        padding: 0px 0px 5px 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice tr {
        background-color: #fff;
        cursor: pointer;
        transition: all 0.5s;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice tr:hover {
            box-shadow: 5px 8px 14px 2px rgba(0, 0, 0, 0.13);
        }

        .rts-account-section .account-inner .account-main-area .user-invoice tr td {
            padding: 5px 5px !important;
            border: 1px solid #6a8b9e;
        }

    .rts-account-section .account-inner .account-main-area .user-invoice table {
        border-collapse: separate;
        border-spacing: 0 10px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro {
        text-align: left;
        border-right: 0px;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro img {
            width: 60px;
            height: 60px;
            border-left: 1px solid #9fadb6;
            object-fit: cover;
            padding-left: 10px;
        }

            .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro img:last-child {
                border: none;
            }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-more {
        border-right: 0px;
        width: 60px;
        text-align: center;
        color: #9daeb6;
        font-size: 16px;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-more i {
            position: relative;
            top: 4px;
            font-size: 26px;
        }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info {
        padding: 0px 10px 0px 10px !important;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info p {
            height: 35px;
            align-content: center;
        }


        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info::before {
            content: " ";
            position: absolute;
            height: 103%;
            width: 7px;
            top: -1px;
            right: -8px;
        }

        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info.red::before {
            background-color: var(--st-red);
        }

        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info.green::before {
            background-color: var(--st-green);
        }

        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info.def::before {
            background-color: var(--st-beige);
        }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det {
        position: relative;
        padding: 0px !important;
        font-size: 15px;
        width: 27%;
    }


        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last {
            border-right: unset;
        }

            .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .top {
                background-color: var(--st-blue);
            }

                .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .top p {
                    color: var(--st-font-gray);
                }

                    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .top p span {
                        color: #fff;
                    }

            .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .Bottom {
                background-color: #fff;
                text-align: center;
                cursor: pointer;
            }

                .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .Bottom:hover {
                    background-color: var(--st-beige);
                }

                .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .Bottom small {
                    color: var(--st-blue);
                }

                .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det.last .Bottom:hover small {
                    color: #fff;
                }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-pro {
        width: 25%;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det .top {
        border-bottom: 1px solid #9fadb6;
        padding: 0px 10px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det .Bottom {
        padding: 0px 10px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det span {
        float: left;
        color: var(--st-blue);
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det div {
        height: 35px;
        width: 100%;
        align-content: center;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det p {
        margin-bottom: 0px;
        text-align: right;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info {
        position: relative;
        width: unset;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info strong {
            color: var(--st-blue);
        }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode small {
        font-size: 13px;
        color: var(--st-blue-fade);
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode a small {
        cursor: pointer;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode tr {
        cursor: default;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info {
        border-left: 0px;
        width: 40%;
    }

        .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p {
            margin-bottom: 10px;
            padding: 10px 10px 0px 10px;
        }

            .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p i {
                background-color: var(--st-beige);
                color: #fff;
                padding: 0px;
                border-radius: 12px;
                font-weight: 200;
                font-size: 12px;
                width: 23px;
                height: 23px;
                position: relative;
                top: -4px;
                margin-left: 5px;
                text-align: center;
            }

                .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p i:before {
                    top: 6px;
                    position: relative;
                    left: -0.5px;
                }

            .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.top {
                color: var(--st-blue);
                font-size: 13px;
                margin-bottom: 5px;
            }

                .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.top span {
                    color: var(--st-font-gray);
                    border-right: 1px solid var(--st-font-gray);
                    font-size: 13px;
                    padding-right: 10px;
                    margin-right: 6px;
                }

            .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.bottom {
                color: var(--st-font-gray);
                font-size: 12px;
                padding-top: 0px;
                font-weight: 600;
                line-height: 20px;
            }

                .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.bottom span {
                    color: var(--st-blue);
                    font-size: 12px;
                }

                    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.bottom span:first-child {
                        margin-left: 10px;
                    }

                    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p.bottom span .del-time {
                        margin-left: 0px;
                        color: var(--st-font-gray);
                        font-weight: 600;
                    }


jdp-container .jdp-day-name.selected,
jdp-container .jdp-day.selected {
    background-color: var(--st-beige) !important;
}

jdp-container .jdp-btn-close,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-today {
    background: var(--st-copper);
}

.rts-account-section .accordion-button::after {
    margin-left: unset;
    margin-right: auto;
}

.rts-account-section .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--st-blue-fade);
    box-shadow: unset !important;
    padding: 12px;
    font-size: 14px;
}

.rts-account-section .accordion-button {
    color: var(--st-font-gray);
    background-color: var(--st-blue);
    box-shadow: unset !important;
    padding: 12px;
    font-size: 14px;
}

    .rts-account-section .accordion-button::after {
        background-image: url(/assets/data/icon/arrow-down.svg);
    }

select::before {
    position: absolute;
    content: "<";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

/* end account-section */

/* end account-cart */

.rts-account-section .account-inner.cart {
    background-color: #fff;
    position: relative;
    justify-content: flex-start;
}

    .rts-account-section .account-inner.cart.invoice-det {
        background-color: #f0f0f0;
    }

        .rts-account-section .account-inner.cart.invoice-det table.tran td span {
            color: var(--st-blue);
            display: none;
        }

    .rts-account-section .account-inner.cart .cart-sum {
        margin-left: 0px;
        width: 380px;
        background-color: #f0f0f0;
        padding: 35px 25px;
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 600px;
    }

        .rts-account-section .account-inner.cart .cart-sum .cart-suminfo {
            background-color: #fff;
            border-radius: 5px;
            padding: 15px;
        }

            .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p {
                color: var(--st-blue);
                font-size: 12px;
                margin-bottom: 5px;
                font-weight: 600;
            }

                .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p span {
                    float: left;
                    color: var(--st-blue);
                }

                .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p.suminfo-offer,
                .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p.suminfo-offer span {
                    color: var(--st-beige);
                }

                .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p.suminfo-sum {
                    border-top: 1px solid #cfc9b9;
                    padding-top: 8px;
                    margin-top: 8px;
                    margin-bottom: 0px;
                }

        .rts-account-section .account-inner.cart .cart-sum .btn {
            color: #fff;
            height: 34px !important;
            font-size: 13px !important;
            line-height: 10px;
        }

        .rts-account-section .account-inner.cart .cart-sum a.btn {
            line-height: 21px;
        }


        .rts-account-section .account-inner.cart .cart-sum .offer-code form,
        .rts-account-section .account-inner.cart .cart-sum .offer-code {
            color: #fff;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 10px;
        }

            .rts-account-section .account-inner.cart .cart-sum .offer-code input {
                height: 32px !important;
                width: 60%;
                font-size: 12px;
            }

            .rts-account-section .account-inner.cart .cart-sum .offer-code .btn {
                height: 32px !important;
                width: 40% !important;
            }

        .rts-account-section .account-inner.cart .cart-sum .other-info p,
        .rts-account-section .account-inner.cart .cart-sum .other-info {
            color: #8c9ea8;
            text-align: justify;
            font-size: 12px;
        }

        .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help {
            background-color: transparent;
            padding: 0px;
            position: absolute;
            bottom: 20px;
            left: 25px;
            right: 25px;
        }

            .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-offer {
                border-bottom: 1px solid var(--st-beige);
                margin-bottom: 5px;
                padding-bottom: 5px;
            }

            .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-total p,
            .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-total,
            .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-total span {
                color: #8c9ea8;
                display: flex;
                justify-content: space-between;
            }

                .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-total a {
                    color: #8c9ea8;
                }

                    .rts-account-section .account-inner.cart .cart-sum .cart-suminfo.help .suminfo-total a:hover {
                        color: var(--st-blue)
                    }

        .rts-account-section .account-inner.cart .cart-sum.total-sum {
            min-height: unset;
            width: 280px;
            padding: unset;
            margin-right: auto;
        }

    .rts-account-section .account-inner.cart .account-main-area {
        padding: 25px 25px;
    }

        .rts-account-section .account-inner.cart .account-main-area .header {
            border-bottom: 1px solid var(--st-beige);
            /* padding-bottom: 10px; */
            /* margin-bottom: 10px; */
            font-size: 14px;
            font-weight: 600;
            color: var(--st-bg-gray);
            cursor: pointer;
            height: 28px;
            display: flex;
            align-items: center;
        }

            .rts-account-section .account-inner.cart .account-main-area .header i {
                font-size: 20px;
                color: var(--st-bg-gray);
                position: relative;
                top: -2px;
                margin-left: 6px;
            }

.rts-account-section .cart-table-area tr {
    border-bottom: 1px solid var(--st-beige);
    position: relative;
}

.rts-account-section .invoice-det .cart-table-area tr:last-child {
    border: none;
}


.rts-account-section .cart-table-area td {
    padding: 5px 0 !important;
}

.rts-account-section .delivery-type .cart-table-area td {
    padding: 10px 0 !important;
}

.rts-account-section .delivery-type .bank-type .cart-table-area td {
    padding: 0px 0 !important;
}



.rts-account-section .cart-table-area .product-thumb {
    width: 120px;
    height: 120px;
}

.rts-account-section .cart-table-area td.product-img {
    width: 130px;
}

.rts-account-section .cart-table-area .product-title-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 90px;
    position: relative;
}

    .rts-account-section .cart-table-area .product-title-area .product-title a {
        font-size: 14px;
        color: var(--st-blue);
        line-height: 23px;
    }

    .rts-account-section .cart-table-area .product-title-area .pretitle p {
        font-size: 12px;
        margin-top: 5px;
        color: var(--st-font-gray);
        width: 75%;
        text-align: justify;
        margin: 0px;
    }

    .rts-account-section .cart-table-area .product-title-area .pretitle {
        font-size: 12px;
        margin-top: 5px;
        color: var(--st-font-gray);
        width: 75%;
        text-align: justify;
    }

        .rts-account-section .cart-table-area .product-title-area .pretitle small {
            color: var(--st-beige);
            font-weight: bold;
        }

        .rts-account-section .cart-table-area .product-title-area .pretitle.overcost {
            margin-top: 0px;
        }

            .rts-account-section .cart-table-area .product-title-area .pretitle.overcost small {
                color: var(--st-green);
                font-weight: bold;
            }


.rts-account-section .invoice-det .cart-table-area .product-title-area .cart-edit small {
    font-size: 12px;
    color: var(--st-bg-gray);
}

.rts-account-section .cart-table-area .product-title-area .cart-edit {
    margin-left: 20px;
    width: fit-content;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -7px;
}

    .rts-account-section .cart-table-area .product-title-area .cart-edit .quantity-edit {
        display: flex;
        padding: 0px 10px;
        border-radius: 5px;
        border: 1px solid var(--st-beige);
        border-radius: 50px;
    }

        .rts-account-section .cart-table-area .product-title-area .cart-edit .quantity-edit input {
            max-width: 40px;
            font-size: 14px;
            line-height: 24px;
            font-weight: 700;
            color: var(--st-blue);
        }

        .rts-account-section .cart-table-area .product-title-area .cart-edit .quantity-edit button i {
            font-size: 14px;
        }

    .rts-account-section .cart-table-area .product-title-area .cart-edit .delete {
        font-size: 12px;
        color: var(--st-red);
        margin-right: 10px;
    }

.rts-account-section .cart-table-area .cart-sum {
    background-color: transparent !important;
    width: 200px !important;
    padding: 0px !important;
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
    min-height: unset !important;
}

.rts-account-section .invoice-det .cart-table-area .cart-sum {
    bottom: 13px !important;
}

.rts-account-section .delivery-type .cart-table-area .item-select {
    position: absolute !important;
    left: 0px !important;
    bottom: -15px !important;
    width: 150px;
}

.rts-account-section .delivery-type .cart-table-area .product-thumb {
    width: 100px;
    height: 100px;
}

.rts-account-section .delivery-type .cart-table-area td.product-img {
    width: 120px;
    width: 120px;
    margin: auto;
}

    .rts-account-section .delivery-type .cart-table-area td.product-img img {
        padding: 5px;
    }

.rts-account-section .delivery-type .cart-table-area .product-title-area {
    height: 60px;
}

.rts-account-section .delivery-type .cart-sum {
    min-height: unset !important;
}

.rts-account-section .delivery-type .cart-table-area .product-title-area {
    flex-direction: column;
    justify-content: center;
}

.rts-account-section .delivery-type .cart-table-area.bank-type .product-thumb {
    width: 65px;
    height: 65px;
}

.rts-account-section .delivery-type .cart-table-area.bank-type td.product-img {
    width: 65px;
    height: 65px;
}

    .rts-account-section .delivery-type .cart-table-area.bank-type td.product-img img {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

.rts-account-section .delivery-type .cart-table-area.bank-type td .form-group {
    margin-right: 5px;
    width: 15px;
}

.rts-account-section .cart-table-area.bank-type tr:last-child {
    border-bottom: 1px solid var(--st-beige) !important;
}

.rts-account-section .account-inner.cart .account-main-area .box-header {
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
    color: var(--st-beige);
    margin-top: 20px;
}

    .rts-account-section .account-inner.cart .account-main-area .box-header.gray {
        color: var(--st-bg-gray);
    }

.rts-account-section .account-inner.cart .account-main-area .invoice-det p {
    color: var(--st-bg-gray);
    margin-bottom: 5px;
    font-size: 12px;
    padding-right: 5px;
}

    .rts-account-section .account-inner.cart .account-main-area .invoice-det p span {
        color: var(--st-bg-gray);
        margin-bottom: 0;
        font-size: 12px;
    }

.rts-account-section .delivery-type.pre-invoice .cart-sum {
    min-height: 600px !important;
}

.rts-account-section .account-inner.cart .account-main-area .invoice-det {
    position: relative;
}

    .rts-account-section .account-inner.cart .account-main-area .invoice-det .cart-smallitem {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
    }

        .rts-account-section .account-inner.cart .account-main-area .invoice-det .cart-smallitem .product-thumb {
            position: relative;
            border: 1px solid var(--st-beige);
            border-radius: 5px;
            padding: 5px;
        }

            .rts-account-section .account-inner.cart .account-main-area .invoice-det .cart-smallitem .product-thumb span {
                position: absolute;
                font-size: 10px;
                color: var(--st-beige);
                bottom: -1px;
                left: 4px;
            }

.rts-account-section .account-inner.cart .account-main-area .box-header.back-border::before {
    content: " ";
    position: absolute;
    height: 1px;
    width: calc(100% - 120px);
    right: 110px;
    background-color: var(--st-beige);
    top: 28px;
}

.rts-account-section .invoice-det.invoice-det .table.tran {
    font-size: 13px;
    color: var(--st-blue);
    text-align: right;
}

    .rts-account-section .invoice-det.invoice-det .table.tran .top-tr {
        border-bottom: 1px solid var(--st-menuborder-gray);
    }

    .rts-account-section .invoice-det.invoice-det .table.tran tbody td {
        padding-right: 10px !important;
        color: var(--bs-gray);
    }

    .rts-account-section .invoice-det.invoice-det .table.tran td {
        padding: 5px !important;
    }

.rts-account-section .account-inner .bt-menu {
    width: 100%;
    height: 35px;
    color: #fff;
    background-color: var(--st-blue);
    display: none;
    font-size: 14px;
}

    .rts-account-section .account-inner .bt-menu:hover {
        background-color: var(--st-beige);
    }

.product-list .bt-prolist {
    width: 100%;
    height: 35px;
    color: #fff;
    background-color: var(--st-beige);
    display: none;
    font-size: 14px;
}

    .product-list .bt-prolist:hover {
        background-color: var(--st-blue);
    }


.login::before {
    background: rgb(0 0 0 / 70%);
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 70px;
    left: 0;
    z-index: -5;
}

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

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


.rts-addcomment-popup {
    max-width: 100%;
    height: 100vh;
    top: 0px;
    background-color: transparent;
    width: 100vw;
}

    .rts-addcomment-popup form {
        height: 100%
    }

    .rts-addcomment-popup #Login_Message {
        color: var(--st-bg-gray);
        font-size: 12px;
    }

    .rts-addcomment-popup .newsletter-inner {
        background-color: #f0f0f0;
        border-radius: 10px;
        padding: 30px 25px 25px 25px;
        text-align: center;
        top: 25%;
        position: relative;
        width: 380px;
        margin: auto;
        max-width: 95%;
    }

        .rts-addcomment-popup .newsletter-inner img {
            width: 65%;
        }

        .rts-addcomment-popup .newsletter-inner .login-header {
            color: var(--st-beige);
            font-size: 15px;
            text-align: right;
            margin: 15px 0px 20px 0px;
            font-weight: 700;
        }


.rts-newsletter-popup {
    max-width: 100%;
    height: 100vh;
    top: 0px;
    background-color: transparent;
    width: 100vw;
}

    .rts-newsletter-popup form {
        height: 100%
    }

    .rts-newsletter-popup #Login_Message {
        color: var(--st-bg-gray);
        font-size: 12px;
    }

    .rts-newsletter-popup .newsletter-inner {
        background-color: #f0f0f0;
        border-radius: 10px;
        padding: 30px 25px 25px 25px;
        text-align: center;
        top: 25%;
        position: relative;
        width: 380px;
        margin: auto;
        max-width: 95%;
    }

        .rts-newsletter-popup .newsletter-inner img {
            width: 65%;
        }

        .rts-newsletter-popup .newsletter-inner .login-header {
            color: var(--st-beige);
            font-size: 15px;
            text-align: right;
            margin: 15px 0px 20px 0px;
            font-weight: 700;
        }

.login .form .form-control {
    color: var(--st-blue) !important;
    border: 1px solid var(--st-blue);
    padding: 5px 15px 5px 15px !important;
    border-radius: 20px !important;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 15px;
}

.login .form label {
    font-size: 13px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 3px;
    color: var(--st-blue);
    font-weight: 600;
    position: relative;
    background-color: #f0f0f0;
    float: right;
}

.login .form .btn {
    border: 1px solid var(--st-beige);
    background-color: var(--st-beige) !important;
    margin-bottom: 10px;
    color: #fff;
    color: var(--st-blue);
    border-radius: 25px;
    height: 38px !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #fff;
}

    .login .form .btn:hover {
        background: var(--st-blue) !important;
        border-color: var(--st-blue) !important;
    }


.login .btn-secondary {
    color: var(--st-bg-gray);
    background-color: transparent;
    font-size: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}

.login .btn-info {
    color: var(--st-green);
    background-color: transparent;
    font-size: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}

.login .disabledbtn {
    cursor: wait;
    pointer-events: none;
}

.login .edit-mobile {
    width: 100%;
    font-size: 13px;
    margin-bottom: 3px;
    color: var(--st-blue);
    cursor: pointer;
}



label.error {
    display: none !important;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
input.error,
textarea.error,
select.error {
    border-color: var(--st-red) !important;
}

/* end account-cart */

.swal2-popup {
    border-radius: 10px !important;
    background-color: #f0f0f0 !important;
    width: 28em !important;
    max-width: 95% !important;
}

.swal2-title {
    margin: 10px 0px 0px 0px !important;
    font-size: 15px !important;
    text-align: right !important;
    width: 100% !important;
    color: var(--st-blue) !important;
}

.swal2-styled.swal2-confirm {
    border: 1px solid var(--st-beige) !important;
    background-color: var(--st-beige) !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    border-radius: 25px !important;
    width: 100% !important;
    font-size: 13px !important;
    width: 30% !important;
    margin-bottom: 0px !important;
    line-height: 10px !important;
}

.swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm:hover {
    background: var(--st-blue) !important;
    border-color: var(--st-blue) !important;
}

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

.swal2-styled.swal2-cancel {
    border: 1px solid var(--st-beige) !important;
    background-color: transparent !important;
    margin-bottom: 10px !important;
    color: var(--st-beige) !important;
    border-radius: 25px !important;
    width: 100% !important;
    font-size: 13px !important;
    width: 30% !important;
    margin-bottom: 0px !important;
    line-height: 10px !important;
}

    .swal2-styled.swal2-cancel:hover {
        background: var(--st-red) !important;
        border-color: var(--st-red) !important;
        color: #fff !important;
    }

.rts-product-details-section .details-product-area .action-item3 .action-top .action-title {
    font-size: 14px;
}

.rts-product-details-section .details-product-area .action-item3 .color-item2 {
    display: block;
}

.color-select {
}

    .color-select ul {
        list-style-type: none;
        padding: 0px;
        display: flex;
        gap: 6px;
        flex-direction: row;
        max-width: 80%;
        overflow-x: hidden;
        flex-wrap: wrap;
    }

    .color-select li {
        /* display: inline-block;
    margin: 0px 15px; */
    }

    .color-select input[type="radio"] {
        display: none;
    }

    .color-select label {
        border: 1px solid var(--st-beige);
        padding: 3px 12px;
        display: block;
        position: relative;
        cursor: pointer;
        border-radius: 20px;
        font-size: 14px;
        color: #fff;
    }

    /* .color-select label:before {
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    right: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
} */

    .color-select :checked + label {
        border-color: var(--st-beige);
        background-color: var(--st-beige);
    }

/* .color-select :checked+label:before {
    content: "✓";
    transform: scale(1.3);
} */

.rts-product-details-section .details-product-area .cart-edit span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--st-font-gray);
}

    .rts-product-details-section .details-product-area .cart-edit span:last-child {
        margin-right: 10px;
        margin-left: 0px;
    }

.rts-product-details-section .details-product-area .product-thumb-area .product-thumb-filter-group .thumb-filter:hover {
    opacity: 1;
}

.p-comment {
    margin: auto;
}

    .p-comment .pc-header {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        padding: 0px;
    }

        .p-comment .pc-header .c-1 {
            width: 20%;
        }

        .p-comment .pc-header .c-2 {
            width: 100%;
        }

        .p-comment .pc-header .btn-addcomment {
            border-radius: 25px !important;
            height: 33px;
            font-size: 13px;
            line-height: 30px;
            font-weight: 600;
            border: 1px solid var(--st-beige);
            padding: 0 15px;
            width: 100%;
            text-align: center;
            position: relative;
            color: #fff;
        }

            .p-comment .pc-header .btn-addcomment:hover {
                background-color: var(--st-beige);
            }


            .p-comment .pc-header .btn-addcomment i {
                position: absolute;
                right: 14px;
                font-size: 13px;
                font-weight: 500;
                top: 9px;
            }

        .p-comment .pc-header p {
            color: #fff;
            font-size: 14px;
        }

    .p-comment .pc-body {
        padding: 0px;
    }

        .p-comment .pc-body ul li {
            display: flex;
            flex-direction: row;
            gap: 20px;
            margin: 15px 5px 0px 5px;
            border-top: 1px solid var(--st-bg-gray);
            padding: 12px 0px 0px 0px;
        }

            .p-comment .pc-body ul li .pc-user {
                width: 20%;
            }

                .p-comment .pc-body ul li .pc-user p {
                    color: #fff;
                    font-weight: 400;
                    font-size: 12px;
                }

                .p-comment .pc-body ul li .pc-user small {
                    color: var(--st-font-gray);
                    font-weight: 300;
                    font-size: 11px;
                    line-height: 18px;
                    text-align: justify;
                    width: 100%;
                }

                .p-comment .pc-body ul li .pc-user .rating-stars-group {
                    width: 100%;
                    height: 15px;
                }

                    .p-comment .pc-body ul li .pc-user .rating-stars-group .rating-star i {
                        color: var(--st-pink);
                        font-size: 10px;
                        margin-left: 2px;
                    }


            .p-comment .pc-body ul li .pc-info {
                width: 100%;
            }

                .p-comment .pc-body ul li .pc-info h6 {
                    color: #fff;
                    font-weight: 400;
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .p-comment .pc-body ul li .pc-info p {
                    color: var(--st-font-gray);
                    font-weight: 300;
                    font-size: 11px;
                    line-height: 18px;
                    text-align: justify;
                }

.gl-star-rating--stars[class*=" s"] > span {
    background-size: 80%;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]:before {
    background-color: var(--st-blue);
}

[data-star-rating] .gl-star-rating--stars[aria-label]:after {
    padding: 3px 15px;
    font-size: 11px;
    color: var(--st-blue);
    background-color: transparent;
    padding: 6px 12px 6px 12px;
    font-size: 12px;
}




.faq .faq-que-list {
    padding: 30px 25px 10px 25px;
}

.faq.rts-account-section .accordion-button {
    color: var(--st-blue);
    background-color: #fff;
    box-shadow: unset !important;
    padding: 7px 35px 7px 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

    .faq.rts-account-section .accordion-button::before {
        content: " ";
        margin-left: unset;
        margin-right: auto;
        background-color: var(--st-beige);
        padding: 1px;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 29px;
    }

    .faq.rts-account-section .accordion-button::after {
        margin-left: unset;
        margin-right: auto;
        background-color: transparent;
        padding: 1px;
        position: absolute;
        right: 4.5px;
    }

.faq .accordion-body {
    padding: 1px 35px 10px 10px;
    position: relative;
}

    .faq .accordion-body::before {
        content: " ";
        margin-left: unset;
        margin-right: auto;
        background-color: var(--st-beige);
        padding: 1px;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 29px;
    }

    .faq .accordion-body p {
        font-size: 12px;
        color: var(--st-beige);
    }

.faq .accordion-item {
    margin-bottom: 4px;
}

.faq .cat {
    background-color: var(--st-blue);
    padding: 5px 7px 5px 5px;
    margin-bottom: 5px;
}

    .faq .cat p {
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
    }

.faq .p-head {
    color: var(--st-blue);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}


.content .account-main-area {
    padding: 30px 25px 10px 25px;
}

    .content .account-main-area .p-head {
        color: var(--st-blue);
        font-size: 16px;
        font-weight: 600;
        text-align: right;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content .account-main-area p {
        color: var(--st-blue);
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
    }

.contact .account-main-area.top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 400px;
}

    .contact .account-main-area.top .right {
        width: 60%;
    }

    .contact .account-main-area.top .left {
        width: 40%;
    }

.contact .account-main-area .right {
}

    .contact .account-main-area .right h1 {
        color: var(--st-blue);
        font-size: 16px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 10px;
    }

    .contact .account-main-area .right .sub p {
        color: var(--st-blue);
        font-size: 13px;
        font-weight: 500;
        text-align: right;
        margin-bottom: 15px;
    }

    .contact .account-main-area .right li {
        display: flex;
        background-color: #fff;
        margin: 5px 0px 5px 50px;
        padding: 5px 5px 5px 10px;
        font-size: 12px;
        line-height: 22px;
        border-right: 5px solid var(--st-blue);
        align-items: center;
        justify-content: space-between;
    }

        .contact .account-main-area .right li:hover {
            border-right: 5px solid var(--st-beige);
        }

        .contact .account-main-area .right li span {
            font-size: 12px;
            font-weight: 500;
            color: var(--st-blue);
        }

        .contact .account-main-area .right li p,
        .contact .account-main-area .right li p a {
            font-size: 12px;
            font-weight: 500;
            color: var(--st-blue);
        }

            .contact .account-main-area .right li p a:hover {
                color: var(--st-beige);
            }

        .contact .account-main-area .right li.full-color {
            display: flex;
            background-color: var(--st-beige);
            border: none;
            padding-right: 12px;
        }

            .contact .account-main-area .right li.full-color span {
                color: #fff;
            }

            .contact .account-main-area .right li.full-color p {
                color: #fff;
            }

.contact .account-main-area {
    padding: 30px 30px 30px 30px;
    min-height: unset !important;
}

    .contact .account-main-area.bottom h1 p {
        color: var(--st-blue);
        font-size: 16px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 10px;
    }

    .contact .account-main-area.bottom .sub p {
        color: var(--st-blue);
        font-size: 13px;
        font-weight: 500;
        text-align: right;
        margin-bottom: 15px;
    }

    .contact .account-main-area.bottom textarea {
        height: 100px;
    }

.contact button.btn {
    color: #fff !important;
}

    .contact button.btn:hover {
        color: #fff !important;
    }

.contact .messfooter-text p {
    font-size: 12px;
    padding-right: 10px;
    padding-top: 10px;
}

.rts-account-section.about {
    padding: 80px 0 0px 0px;
    min-height: 445px;
    position: relative;
}

    .rts-account-section.about::before {
        height: calc(110px + 320px);
        top: 0px;
    }

    .rts-account-section.about .account-inner {
        background-color: transparent;
    }

        .rts-account-section.about .account-inner .right {
            width: 45%;
            text-align: center;
        }

            .rts-account-section.about .account-inner .right img {
                width: 70%;
                margin: auto;
            }

        .rts-account-section.about .account-inner .left {
            width: 55%;
            padding-left: 60px;
        }

            .rts-account-section.about .account-inner .left h1 {
                color: #fff;
                font-size: 20px;
                font-weight: 500;
                padding-top: 10px;
            }

            .rts-account-section.about .account-inner .left p {
                color: #fff;
                font-size: 13px;
                font-weight: 300;
                padding-top: 15px;
            }


.rts-account-section.about-sec {
    padding: 10px 0px 20px 0px;
    min-height: unset;
    position: relative;
}

    .rts-account-section.about-sec .account-inner {
        background-color: transparent;
    }

    .rts-account-section.about-sec::before {
        display: none;
    }

    .rts-account-section.about-sec .account-inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .rts-account-section.about-sec .accordion-item:first-of-type {
        border-radius: 0px;
    }

    .rts-account-section.about-sec .faq-que-list {
        padding: 20px 25px 10px 25px;
        width: 100%;
    }

    .rts-account-section.about-sec .accordion-item:last-of-type {
        border-radius: 0px;
    }

    .rts-account-section.about-sec h2.title {
        text-align: center;
        margin: auto;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        margin-top: 30px;
    }

    .rts-account-section.about-sec .whyus {
        padding: 20px 15px 10px 15px;
    }


        .rts-account-section.about-sec .whyus ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .rts-account-section.about-sec .whyus ul li {
                width: calc(33% - 20px);
                background: #407795; /*rgb(255 255 255 / 50%);*/
                padding: 15px;
                border-radius: 5px;
                margin: 10px;
            }

                .rts-account-section.about-sec .whyus ul li h3 {
                    font-size: 14px;
                    font-weight: 500;
                    color: #fff;
                    padding-bottom: 5px;
                }

                .rts-account-section.about-sec .whyus ul li p {
                    font-size: 12px;
                    font-weight: 400;
                    color: #EEEEEE;
                }

.rts-account-section.about-end {
    background-color: #fff;
    background: url('/assets/images/about-bg.jpg') no-repeat;
    min-height: unset;
    padding: 50px 0 50px 0px;
    background-size: 100% 100%;
}

    .rts-account-section.about-end:before {
        display: none;
    }

    .rts-account-section.about-end .account-inner {
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    .rts-account-section.about-end h2.title {
        text-align: center;
        margin: auto;
        font-size: 16px;
        font-weight: 600;
        color: var(--st-blue);
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .rts-account-section.about-end p {
        color: var(--st-blue);
        font-size: 13px;
        font-weight: 400;
        margin: auto;
        text-align: center;
        /* border-bottom: 1px solid var(--st-beige); */
        padding-bottom: 15px;
    }

.rts-account-section.deliver-info .delivery-type .cart-table-area .product-title-area {
    justify-content: left;
}

.rts-account-section.deliver-info .delivery-type .cart-table-area td.product-img {
    padding: 0px !important;
}

.rts-account-section.deliver-info .delivery-type h1.title {
    color: var(--st-blue);
    font-size: 18px;
    font-weight: 600;
    margin: auto;
    text-align: center;
    border-bottom: 1px solid var(--st-beige);
    padding-bottom: 15px;
}

.rts-account-section.deliver-info .delinfo {
    display: flex;
    flex-direction: column;
    width: 150px;
}

    .rts-account-section.deliver-info .delinfo .top {
        border: 1px solid var(--st-blue);
        margin-bottom: 5px;
    }

        .rts-account-section.deliver-info .delinfo .top p {
            margin: 0px;
            text-align: center;
            font-size: 12px;
            line-height: 24px;
        }

            .rts-account-section.deliver-info .delinfo .top p:first-child {
                background-color: var(--st-blue);
                color: #fff;
            }

            .rts-account-section.deliver-info .delinfo .top p:last-child {
                color: var(--st-blue);
            }

    .rts-account-section.deliver-info .delinfo .bottom {
        border: 1px solid var(--st-beige);
    }

        .rts-account-section.deliver-info .delinfo .bottom p {
            margin: 0px;
            text-align: center;
            font-size: 12px;
            line-height: 24px;
        }

            .rts-account-section.deliver-info .delinfo .bottom p:first-child {
                background-color: var(--st-beige);
                color: #fff;
            }

            .rts-account-section.deliver-info .delinfo .bottom p:last-child {
                color: var(--st-beige);
            }

.rts-account-section.deliver-info .delivery-type .cart-table-area .product-title-area {
    height: 70px;
}

.rts-account-section.deliver-info .cart-table-area .product-title-area .pretitle {
    width: 95%;
}

.input-group-prepend .input-group-text {
    display: none;
}

.StoreIranianCaptcha {
    display: flex;
    margin-top: 15px;
    flex-direction: column;
}

    .StoreIranianCaptcha .input-group {
        width: 32%;
    }

    .StoreIranianCaptcha img {
        width: 85px;
        margin-right: 10px;
    }

    .StoreIranianCaptcha input {
        text-align: center;
        margin-right: 10px;
    }

    .StoreIranianCaptcha .text-danger {
        display: none;
    }

.deposit-alert {
    font-weight: 400 !important;
    color: var(--st-font-gray) !important;
    margin-bottom: 14px !important;
    font-size: 14px !important;
    padding-top: 10px !important;
    line-height: 22px !important;
    margin-top: 20px;
}

.pro-det .product-thumb-area .product-thumb-filter-group .swiper {
    width: 270px;
}

/* .pro-det .product-thumb-area .product-thumb-filter-group .swiper .swiper-wrapper {
        justify-content: center;
    }*/


/*legend Mobile Menu*/
@media (max-width: 1640px) {
    .responsive-hamburger .ham-right {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 30%;
    }

    .responsive-hamburger .ham-left {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 30%;
    }

    .responsive-hamburger .menu-item.icon {
        width: 40px;
    }

    .responsive-hamburger .menu-item.icon {
        width: 40px;
    }

    .responsive-hamburger .header-action-items1 {
        margin-right: unset !important;
    }

    .hamburger-1 .nav-menu-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .hamburger-1 .nav-menu-link span.dot1,
        .hamburger-1 .nav-menu-link span.dot2,
        .hamburger-1 .nav-menu-link span.dot3 {
            width: 24px !important;
            height: 3px !important;
            border-radius: 2px;
            float: right;
            margin-bottom: 3px;
        }



    .navbar-part .navbar-inner .logo {
        width: 150px !important;
    }



    .navbar-part .rts-menu .menu-item {
        padding: 5px;
    }

    .navbar-part .navbar-inner .logo {
        width: 200px !important;
    }

    .home-slider.banner.banner-3 .banner-single .banner-product-thumb {
        max-width: 45% !important;
    }

    .home-slider.banner .contents {
        margin-right: 30px;
    }

    .home-slider .slider-navigation .slider-btn {
        /* box-shadow: 5px 8px 14px 2px rgba(0, 0, 0, 0.13); */
    }

    .home-slider .slider-navigation .slider-btn {
        position: inherit;
    }

    .home-slider .banner-single.bg-image-3 .container:after {
        bottom: 15%;
    }

    /* .home-slider.banner .container::before {
        bottom: 12%;
    }*/

    /* .home-slider.banner.banner-3 .container .banner-action {
        right: calc(55% + 20px);
        bottom: calc(12% - 17px);
    }*/

    .home-slider .banner-product-thumb {
        right: 0px;
    }

    .home-slider.banner.banner-3 {
        background-color: var(--st-blue);
    }

    .navbar-part1 .menu-item {
        font-size: 14px;
    }

    .pro-det .contents {
        z-index: 2;
        padding-top: 145px;
        margin-right: 75px;
        flex: 100%;
    }

    .product-list .col-xl-2.right-side {
        width: 23%;
    }

    .product-list .col-xl-10.left-side {
        width: 77%;
    }

    .home-slider .banner-single::before {
        height: 46%;
    }

    .banner.banner-3 .container .banner-action {
        right: calc(54% + 45px);
    }



    .home-tab .slider-navigation,
    .home-offer .slider-navigation {
        top: 52%;
    }

    .slider-navigation {
        position: absolute;
        bottom: unset;
        right: 0;
        display: flex;
        justify-content: space-between;
        left: 0;
        transform: unset;
    }

    .home-slider .banner-single.bg-image-3 {
        height: 100vh;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 1200px) {
    .rts-product-details-section2 .details-product-area {
        flex-direction: unset;
    }

    .navbar-part1 .icon-dot {
        top: -8px;
        left: -2px;
    }

    .hamburger-1.mobile-hamburger-1 {
        position: absolute;
        left: -65px;
        right: unset;
    }

    .product-details-popup {
        height: 100%;
    }

    .product-details-popup-wrapper.popup .product-details-popup::before {
        width: calc(35% - 3px);
    }

    .home-slider.banner.banner-3 .banner-single::before {
        display: block;
        opacity: 1 !important;
    }

    .navbar-part1 {
        padding: 5px 0px;
        margin-top: 0;
    }

        .navbar-part1 .rts-menu {
            display: none;
        }

        .navbar-part1 .responsive-hamburger {
            padding: 5px 0px;
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

        .navbar-part1 .header-action-items .search-part {
            margin: 0px;
        }

    .hamburger-1 {
        margin-left: 50px;
    }

    .navbar-part1 .header-action-items .cart.action-item {
        margin: 0 5px 0 10px;
    }

        .navbar-part1 .header-action-items .cart.action-item .cart-nav .cart-icon .icon-dot {
            background-color: var(--st-blue-fade);
            top: 25px;
            left: 10px;
        }

    .navbar-part1 .header-action-items .search-part:hover,
    .navbar-part1 .header-action-items .search-part,
    .navbar-part1 .menu-item,
    .navbar-part1 .menu-item:hover {
        background-color: transparent;
    }

        .navbar-part1 .menu-item.icon {
            cursor: pointer !important;
        }

    .hamburger-1 .nav-menu-link span {
        background: var(--st-beige);
    }

    .header-action-items {
        margin-right: auto;
        margin-inline-start: auto;
    }

    .navbar-part .navbar-inner .header-logo {
        height: unset !important;
    }

    .side-mobile-menu {
        display: block !important;
    }

    .navbar-part1 .header-action-items .cart.action-item .cart-nav .cart-icon {
        background-color: unset !important;
        width: 80px !important;
    }

    .home-service .footer-features {
        display: flex;
        flex-wrap: wrap;
    }

        .home-service .footer-features .item.shop {
            flex: 100%;
            padding: 10px 20px 15px 20px;
            border-bottom: 1px solid var(--st-menuborder-gray);
        }

        .home-service .footer-features .item.content {
            margin: auto;
        }

        .home-service .footer-features .item {
            flex: 50%;
            padding: 20px 20px 10px 20px;
        }

        .home-service .footer-features .feature-item {
            margin-bottom: 0px;
        }

    .footer .row-left,
    .footer .row-right {
        flex-wrap: wrap;
    }

    .footer .flex-item {
        flex: 100%;
        padding: 20px 20px 10px 20px;
    }

    .footer .row-left .flex-item {
        text-align: left;
    }

    .footer .footer-content {
        padding: 0px 10px 5px 10px;
    }

    .footer-sub {
        padding-top: 0px;
    }

    .footer .footer-social::after {
        height: 170px;
    }

    .slider-navigation .slider-btn {
        box-shadow: none;
        ;
    }

    .banner.banner-3 .banner-single .single-inner {
        display: block;
        max-width: 90%;
        margin: auto;
    }

    .home-slider .banner-single.bg-image-3 {
        margin-top: 50px;
        padding-bottom: 150px !important;
        padding-top: 70px;
    }

    .home-slider .banner-single::before {
        height: 38%;
    }

    .home-slider.banner.banner-3 .banner-single .banner-product-thumb {
        max-width: 100% !important;
    }

        .home-slider.banner.banner-3 .banner-single .banner-product-thumb img {
            max-width: 100% !important;
            width: 100% !important;
        }

    .home-slider.banner .contents {
        right: 0px;
        margin-right: unset;
        max-width: 100%;
        left: unset;
        margin-top: 20px;
        align-self: auto;
    }

    .home-slider.banner.banner-3 .banner-single .contents .banner-text {
        padding-top: 00px;
        margin-top: 00px;
    }

    .home-slider.banner.banner-3 .container .banner-action {
        right: calc(4% + 20px);
        bottom: calc(8% - 19px);
    }

    .home-slider.banner .container::before {
        bottom: 8%;
    }

    .home-slider .swiper-pagination {
        top: 8px;
    }

    .slider-navigation .slider-btn {
        position: inherit;
    }

    .pagination-area {
        margin-top: 10px;
    }

    .product-thumb-area .slider-navigation {
        position: absolute;
        right: 0 !important;
        transform: unset !important;
    }

    .rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb-filter-group {
        margin-right: auto;
    }

    .rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb img {
        width: 100%
    }

    .rts-product-details-section .details-product-area {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .rts-product-details-section .details-product-area {
        align-items: stretch;
    }

    .pro-det .contents {
        padding-top: 30px;
        margin-right: 25px;
        flex: 50% !important;
    }

    .pro-det .product-thumb-area {
        flex: 50%;
    }

    .pro-det .next .contents .product-shortdes {
        max-width: 100%;
    }

    .pro-det .next .pro-slider img {
        width: 100%;
    }


    .pro-det .product-row.next::before {
        right: 0;
        width: 100%;
        bottom: 25px;
        top: -5px;
    }



    .pro-det .next .pro-slider {
        width: 70%;
        max-width: 70%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .pro-slider .swiper-pagination {
        left: 0;
        right: 0;
        text-align: center;
    }

    .pro-slider .swiper-pagination-bullet-active {
        background: var(--st-blue, var(--swiper-theme-color));
    }

    .product-list .shop-product-topbar .filter-area {
        display: none;
    }

    .product-list .col-xl-10 {
        width: 100% !important;
    }

    .product-list .col-xl-2.left-side {
        display: none;
    }

    .home-slider.banner .container::before {
        bottom: 6%;
    }

    .home-slider.banner.banner-3 .container .banner-action {
        /*right: calc(55% + 20px);*/
        bottom: calc(6% - 17px);
    }

    .home-slider.banner.banner-3 {
        padding-bottom: 0px;
    }

    .rts-account-section .account-inner .account-side-navigation {
        z-index: -10;
        display: block;
        position: absolute;
        visibility: hidden;
        transition: all 300ms linear;
        transform: translatex(300px);
        height: 100%;
        z-index: 3;
    }

        .rts-account-section .account-inner .account-side-navigation.active {
            display: block;
            position: absolute;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
            border-left: 1px solid #d7e0e5;
            transition: all 300ms linear;
            visibility: visible;
            transform: translatex(0px);
        }

    .product-list .col-xl-2.right-side {
        display: block;
        position: absolute;
        visibility: hidden;
        transition: all 300ms linear;
        transform: translatex(300px);
        height: 100%;
        z-index: 10;
        width: 35%;
    }

        .product-list .col-xl-2.right-side.active {
            display: block;
            position: absolute;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
            transition: all 300ms linear;
            visibility: visible;
            background-color: #fff;
            transform: translatex(0px);
        }

    .rts-account-section .cart-table-area td {
        padding: 5px 0 !important;
        width: 50%;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info {
        width: 50%;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro img:nth-child(-n+1) {
        display: inline;
    }

    .rts-account-section .account-inner.cart .cart-sum {
        width: 100%;
        min-height: 500px !important;
    }

    .rts-account-section .delivery-type .cart-table-area td {
        width: unset;
    }

    .rts-account-section .cart-table-area .product-title-area .pretitle {
        width: 70%;
    }

    .rts-account-section .account-inner .bt-menu {
        display: block;
    }

    .product-list .bt-prolist {
        display: block;
    }

    .login::before {
        top: 65px;
    }

    .color-select ul {
        max-width: 90%;
    }

    .usermenu-btn {
        display: flex;
    }

    .product-list .shop-product-topbar {
        display: none;
    }

        .product-list .shop-product-topbar.mobile-link {
            display: block;
            background-color: #22546d;
            height: 40px;
            padding: 10px 6% 0 6%;
        }

    .product-list .side-sticky {
        overflow: scroll;
        height: 100vh;
    }
}

@media (min-width: 1200px) {
}

@media (max-width: 1200px) {
    .rts-account-section.about .account-inner {
        flex-direction: row;
    }

        .rts-account-section.about .account-inner .left {
            width: 45%;
            padding-left: 0px;
        }

    .rts-account-section.about::before {
        display: none;
    }
}

@media (max-width: 991px) {



    .navbar-part1 {
        padding: 5px 0 !important;
    }

        .navbar-part1 .header-action-items1 {
            margin-right: auto !important;
        }

    .side-mobile-menu {
        display: block !important;
    }

    .slider-navigation .slider-btn {
        font-size: 27px !important;
    }

    .home-tab .slider-navigation .slider-btn.prev,
    .home-offer .slider-navigation .slider-btn.prev {
        right: unset;
        left: 30px;
    }

    .home-tab .slider-navigation {
        top: 45%;
    }

    .product-list .col-xl-2.right-side {
        display: none;
    }

    .product-list .col-xl-10.left-side {
        width: 100%;
    }

    .rts-account-section.about .account-inner {
        flex-direction: row;
    }

        .rts-account-section.about .account-inner .left {
            width: 45%;
            padding-left: 0px;
        }
}

@media (max-width: 900px) {



    .product-list .products-area .col-xl-3 {
        width: 50%;
    }

    .product-list .col-xl-2.right-side {
        display: none;
    }

    .product-list .col-xl-10.left-side {
        width: 100%;
    }

    .navbar-part1 {
        padding: 5px 0 !important;
    }

        .navbar-part1 .header-action-items1 {
            margin-right: auto !important;
        }

    .side-mobile-menu {
        display: block !important;
    }

    .home-slider.banner.banner-3 .banner-single .contents .banner-heading {
        font-size: 26px;
    }



    .product-details-popup-wrapper.popup .product-details-popup::before {
        width: calc(31% - 20px);
    }

    .pro-det .product-thumb-area .product-thumb-filter-group {
        background-color: unset;
        padding-right: 0px;
        margin: 0px;
        margin-right: auto !important;
    }

    .rts-product-details-section2 .details-product-area {
        flex-direction: column;
    }

    .pro-det .product-thumb-area .product-thumb-filter-group {
        margin: auto;
        background-color: var(--st-blue);
    }

    .pro-det .contents {
        padding-top: 40px;
    }

    .pro-det .product-row.next::before {
        right: 0;
        width: 100%;
        bottom: 25px;
        top: -5px;
    }

    .pro-det .next .pro-slider {
        width: 100%;
    }

    .pro-slider .swiper-pagination {
        left: 0%;
        bottom: 15px;
    }

    .pro-slider .swiper-pagination-bullet-active {
        background: var(--st-blue, var(--swiper-theme-color));
    }

    .addinfo-tab tbody tr {
        display: flex;
        flex-wrap: wrap;
    }

        .addinfo-tab tbody tr :nth-child(1) {
            order: 1;
            width: 50%;
        }

        .addinfo-tab tbody tr :nth-child(2) {
            order: 3;
            width: 100%;
        }

        .addinfo-tab tbody tr :nth-child(3) {
            order: 2;
            width: 50%;
        }

    .addinfo-tab thead tr {
        display: flex;
        flex-wrap: wrap;
    }

        .addinfo-tab thead tr :nth-child(1) {
            order: 1;
            width: 50%;
        }

        .addinfo-tab thead tr :nth-child(2) {
            order: 3;
            width: 100%;
            text-align: center;
        }

        .addinfo-tab thead tr :nth-child(3) {
            order: 2;
            width: 50%;
        }

        .addinfo-tab thead tr .col {
            flex: unset;
        }

    .pro-det .next .pro-slider {
        padding-top: 40px;
        max-width: 80%;
        margin: auto;
        margin-bottom: 15px;
        margin-top: 20px;
        padding-top: 0px;
    }

    .home-slider .banner-single.bg-image-3 {
        margin-top: 0px;
        padding-bottom: 50px !important;
        padding-top: 30px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro img:nth-child(-n+2) {
        width: 45px;
        height: 45px;
        object-fit: contain;
        display: inline;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-more {
        width: 45px;
    }

    .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body .address-box .address-col {
        flex: 1 1 calc(50% - 20px);
    }

    .rts-account-section .account-inner .item-select ul.skin li {
        flex: 1 1 calc(50% - 20px);
    }

    .rts-account-section .delivery-type .cart-table-area td {
        width: unset;
    }

    .rts-account-section .delivery-type .cart-table-area.bank-type td .form-group {
        width: 30px;
    }

    .rts-account-section .cart-table-area.bank-type .product-title-area .pretitle {
        margin-top: 0px;
    }

    .rts-account-section .delivery-type .cart-table-area .product-title-area {
        height: 130px;
    }

    .rts-account-section .delivery-type .cart-table-area .item-select {
        bottom: 5px !important;
    }

    .usermenu-btn {
        display: flex;
    }

    .product-list .side-sticky {
        overflow: scroll;
        height: 100vh;
    }
}

@media (max-width: 768px) {
    .home-slider.banner .contents {
        margin-right: 0px;
        margin-top: 85px;
    }

    .banner.banner-3 .banner-single .single-inner .banner-product-thumb {
        max-width: 100%;
        left: unset !important;
        right: 0;
        transform: unset;
    }

    .banner.banner-3 .slider-navigation {
        display: block;
    }

    .home-slider .banner-single.bg-image-3 {
        margin-top: 0px;
        padding-top: 55px;
        padding-bottom: 110px !important;
    }

    .home-slider .banner-single::before {
        height: 31%;
    }

    .banner.banner-3 .banner-single .single-inner {
        max-width: 100%;
    }

    .home-slider.banner.banner-3 .banner-single .contents .banner-heading {
        font-size: 24px;
    }

    .home-slider.banner .container::before {
        bottom: 8%;
    }

    .home-slider.banner.banner-3 .container .banner-action {
        right: calc(4% + 0px);
        bottom: calc(8% - 19px);
    }

    .home-slider.banner.banner-3 {
        padding-bottom: 40px;
    }

    /* 
  .home-offer:before {
    height: unset;
    top: 0px;
    bottom: 73%;
  } */

    /* .home-tab:before {
    height: unset;
    top: 0px;
    bottom: 73%;
  } */

    .slider-navigation {
        display: none !important;
    }

    .banner.banner-3 .slider-navigation {
        display: block !important;
    }

    .home-service .footer-features .feature-item .content p {
        font-size: 12px;
        line-height: 16px;
    }

    .footer {
        background-color: var(--st-blue);
        padding-top: 30px;
    }

    .navbar-part1 .search-input-inner .input-div {
        width: 98vw;
    }

    .search-input-inner {
        right: 15px;
    }

    .search-close-icon {
        display: none;
    }

    .cart-bar {
        width: 100%;
    }

    .navbar-part1 .responsive-hamburger .hamburger-1 {
        margin-right: 0px;
    }

    .hamburger-1 {
        margin-left: 30px;
    }

        .hamburger-1.mobile-hamburger-1 {
            position: absolute;
            left: -50px;
        }

    .rts-recent_products-section .filter-buttons-group .filter-btn {
        margin-right: 0px;
    }

    .rts-recent_products-section .filter-buttons-group {
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .footer .footer-social::after {
        height: 50px;
    }

    .footer .namad-logo {
        max-width: 150px;
    }

    .footer .row-left .flex-item {
        text-align: right;
    }

        .footer .row-left .flex-item .text-left {
            text-align: right;
        }

    .footer .footer-bottom-area {
        padding: 0px 0 25px 0;
    }

    .footer.footer-sub {
        padding-top: 0px;
    }

    .scroll-top-btn {
        bottom: 20px;
        left: 15px;
    }

    .footer .row-left .flex-item {
        text-align: center;
    }

    .footer .flex-item {
        padding: 20px 15px 10px 15px;
    }

    .footer .footer-content {
        padding: 0px 0px 5px 10px;
    }

    .footer .razi {
        text-align: center;
        padding-top: 50px;
    }

    .order-mo-1 {
        order: 1 !important;
    }

    .order-mo-2 {
        order: 2 !important;
    }

    .order-mo-3 {
        order: 3 !important;
    }

    .product-details-popup .product-thumb-area {
        padding-top: 0px;
    }

    .product-details-popup-wrapper.popup .product-details-popup::before {
        right: 0px;
        top: 0px;
        height: 25%;
        width: 100%;
    }

    .rts-product-details-section .details-product-area .product-thumb-area .product-thumb-filter-group .thumb-filter {
        margin-bottom: 0px;
    }



    .pro-det .product-thumb-area .product-thumb-filter-group {
        margin: auto;
    }

    .rts-product-details-section.product-details-popup-section .details-product-area .contents {
        align-items: flex-start;
    }

    .rts-product-details-section .details-product-area .product-bottom-action {
        margin-bottom: 0px;
    }

    .rts-product-details-section.product-details-popup-section .product-details-popup {
        margin-top: 0px;
        padding: 17px !important;
        width: 92%;
        height: 90vh;
    }

    .rts-product-details-section .details-product-area .product-bottom-action .action-item {
        margin-bottom: 0px;
    }

    .product-details-popup .product-details-close-btn {
        display: block;
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 100;
        background: transparent;
    }

        .product-details-popup .product-details-close-btn i {
            color: #fff;
        }

    .pro-det .container.top::before {
        height: 250px;
    }

    .rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb-filter-group {
        background-color: var(--st-blue);
    }

    .pro-det .contents {
        padding-top: 50px;
        margin-right: 0px;
    }

    .rts-product-details-section .contents {
        align-items: flex-start;
        text-align: right;
    }

    .pro-det .product-row.next::before {
        right: 0px;
        width: 100%;
        bottom: 25px;
        top: 0px;
    }

    .pro-det .next .contents .product-title {
        width: 100%;
    }

    .pro-det .next .contents .product-shortdes {
        max-width: 100%;
    }

    .pro-det .details-product-area {
        align-items: normal;
    }

    .pro-det .next .pro-slider {
        padding-top: 40px;
        max-width: 100%;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .pro-det-tab .container,
    .pro-det .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer {
        background-color: var(--st-blue);
        padding-top: 70px;
    }

    .home-tab .filter-buttons-group .filter-btn {
        font-size: 14px;
        margin: 0px;
    }

    .product-tab.pro-det-tab {
        padding: 35px 0px 35px 0px;
    }

    tr {
        margin-bottom: unset;
    }

    .home-service.product .footer-features {
        padding-top: 7px;
    }

    .home-service .footer-features .item.shop {
        padding: 10px 5px 15px 20px;
    }

    .home-service .footer-features .item {
        padding: 20px 5px 10px 5px;
    }

    .product-rel {
        margin: 0px 0px 50px 0px;
        padding-top: 60px;
    }

    .pro-slider .swiper-pagination {
        bottom: 10px;
        left: 5%;
    }

    .pro-slider .swiper-pagination-bullet-active {
        background: var(--st-blue, var(--swiper-theme-color));
    }

    .pro-det-tab .techinfo-tab tbody .rw.title {
        width: 25%;
        line-height: 23px;
    }

    .pro-det-tab .techinfo-tab tbody .rw {
        line-height: 23px;
    }

    .addinfo-tab tbody tr {
        display: flex;
        flex-wrap: wrap;
    }

        .addinfo-tab tbody tr :nth-child(1) {
            order: 1;
            width: 50%;
        }

        .addinfo-tab tbody tr :nth-child(2) {
            order: 3;
            width: 100%;
        }

        .addinfo-tab tbody tr :nth-child(3) {
            order: 2;
            width: 50%;
        }

    .addinfo-tab thead tr {
        display: flex;
        flex-wrap: wrap;
    }

        .addinfo-tab thead tr :nth-child(1) {
            order: 1;
            width: 50%;
        }

        .addinfo-tab thead tr :nth-child(2) {
            order: 3;
            width: 100%;
            text-align: center;
        }

        .addinfo-tab thead tr :nth-child(3) {
            order: 2;
            width: 50%;
        }

        .addinfo-tab thead tr .col {
            flex: unset;
        }

    .rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb-filter-group {
        margin: auto;
    }

    .product-list .col-sm-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .product-list .col-xl-2 {
        display: none;
    }

    .product-list.rts-shop-section .shop-product-topbar .items-onlist {
        width: 100%;
    }

    .product-list .items-onlist ul li {
        margin-left: 0px;
    }

    .product-list .items-onlist ul {
        justify-content: space-between;
    }

    .product-list .product-pagination-area.btn {
        justify-content: center;
    }

    .pro-det .contents .product-shortdes {
        padding-top: 0px;
        max-width: 95%;
        margin-bottom: 25px;
    }

    .rts-product-details-section .details-product-area .product-status {
        margin-bottom: 10px;
    }



    .pro-det .contents .product-title {
        font-size: 22px;
        line-height: 32px;
        height: unset;
    }

    .pro-det .next .contents .product-shortdes,
    .pro-det .next .contents p {
        width: 100%;
    }

    .pro-det-tab .techinfo-tab tbody tr {
        display: flex;
    }

    .pro-det-tab .techinfo-tab tbody .rw.des {
        width: 73%;
    }

    .cd-dropdown,
    cd-dropdown-content {
        display: none;
    }

    .responsive-hamburger .ham-right {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 30%;
    }

    .responsive-hamburger .ham-left {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 30%;
    }

    .responsive-hamburger .menu-item.icon {
        width: 40px;
    }

    .responsive-hamburger .header-action-items1 {
        margin-right: unset !important;
    }


    .hamburger-1 .nav-menu-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .hamburger-1 .nav-menu-link span.dot1,
        .hamburger-1 .nav-menu-link span.dot2,
        .hamburger-1 .nav-menu-link span.dot3 {
            width: 24px !important;
            height: 3px !important;
            border-radius: 2px;
            float: right;
            margin-bottom: 3px;
        }

    .navbar-part1 .icon-dot {
        top: -8px;
        left: -2px;
    }

    .navbar-part .navbar-inner .logo {
        width: 150px !important;
    }

    .home-slider .banner-single.bg-image-3 {
        height: 100%;
    }

    .rts-account-section {
        padding: 70px 0 60px 0px;
    }

        .rts-account-section::before {
            top: 70px;
            left: 0%;
            height: calc(110px + 120px);
        }

        .rts-account-section .account-inner .account-side-navigation {
            display: none;
        }

        .rts-account-section .account-inner .account-main-area .user-info {
            flex-direction: column;
        }

            .rts-account-section .account-inner .account-main-area .user-info .user-identity {
                border-left: none;
                border-bottom: 1px solid #b4c3ca;
                width: 95%;
                margin: auto;
            }

            .rts-account-section .account-inner .account-main-area .user-info .user-skin {
                width: 95%;
                margin: auto;
            }

            .rts-account-section .account-inner .account-main-area .user-info .login-form .card-body {
                padding: 25px 25px;
            }

        .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body {
            background-color: #f0f0f0;
            padding: 25px 15px 15px 15px;
        }

            .rts-account-section .account-inner .account-main-area .user-address .login-form .card .card-body .address-box .address-col {
                flex: 1 1 100%;
            }

    .product-list .products-area {
        padding: 0 5%;
    }

    .user-wishlist .products-area .col-sm-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .rts-account-section .section-header .section-header-item {
        margin-bottom: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice table tr {
        margin-bottom: 15px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info {
        width: 100%;
        text-align: right;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info {
        border-left: 1px solid #6a8b9e;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info {
        border-bottom: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro {
        text-align: right;
        border-right: 1px solid #6a8b9e;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-pro {
        border-top: none;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro {
        border-top-color: var(--st-font-gray)
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-more i {
        top: 0px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-info p:last-child {
        margin-bottom: 5px;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-pro img:nth-child(-n+2) {
        width: 45px;
        height: 45px;
        object-fit: contain;
        display: inline;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice .inv-list-more {
        width: 45px;
    }

    .rts-account-section .account-inner.cart .account-main-area .invoice-det:first-child .box-header {
        margin-top: 0px;
    }

        .rts-account-section .account-inner.cart .account-main-area .invoice-det:first-child .box-header::before {
            top: 8px;
        }

    .rts-account-section .account-inner.cart .cart-sum.total-sum {
        width: 100%;
        margin: 20px auto auto auto;
    }

    .rts-account-section .account-inner.cart.invoice-det .account-main-area {
        padding: 25px 15px;
    }

    .rts-account-section .invoice-det .cart-table-area .cart-sum {
        top: 10px !important;
    }

    .rts-account-section .invoice-det .cart-table-area .product-title-area {
        text-align: right;
    }

    .rts-account-section .account-inner.cart.invoice-det .cart-sum .cart-suminfo p {
        text-align: right;
        padding-right: 0px;
    }

    .rts-account-section .invoice-det .cart-table-area .product-title-area .cart-edit {
        bottom: 6px;
    }

    .rts-account-section .account-inner.cart.invoice-det table .top-tr {
        display: none;
    }

    .rts-account-section .invoice-det.invoice-det .table.tran tbody td {
        text-align: left;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }

    .rts-account-section .account-inner.cart.invoice-det table.tran tbody tr {
        border-bottom: 1px solid var(--st-font-gray);
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
    }

        .rts-account-section .account-inner.cart.invoice-det table.tran tbody tr:last-child {
            margin-bottom: 0px !important;
        }

    .rts-account-section .account-inner.cart.invoice-det table td span {
        display: block !important;
        float: right;
    }

    .rts-account-section .cart-table-area td {
        width: unset;
    }

    .rts-account-section .account-inner.cart .cart-sum {
        bottom: unset !important;
        top: 0px;
    }

    .rts-account-section .cart-table-area .product-title-area {
        text-align: right;
        height: 90px;
    }

        .rts-account-section .cart-table-area .product-title-area .cart-edit {
            width: 100%;
            justify-content: end;
        }

    .rts-account-section .account-inner.cart .cart-table-area .cart-sum .cart-suminfo {
        padding: 15px 15px 15px 0px;
    }

    .rts-account-section .account-inner.cart.invoice-det .cart-table-area .cart-sum .cart-suminfo {
        padding: 15px 10px 15px 10px;
    }

    .rts-account-section .bank-type .cart-table-area tr {
        display: flex;
        align-items: center;
    }

    .rts-account-section .delivery-type .cart-table-area td:first-child {
        width: 40px !important;
        padding-bottom: 3px !important;
    }

    .rts-account-section .delivery-type .cart-table-area td {
        width: 100% !important;
    }

    .rts-account-section .cart-table-area .product-title-area .pretitle {
        width: 100%;
    }

        .rts-account-section .cart-table-area .product-title-area .pretitle small {
            margin-top: 10px;
            display: block;
        }

        .rts-account-section .cart-table-area .product-title-area .pretitle.overcost small {
            margin-top: 0px;
            margin-bottom: 5px;
        }

    .rts-account-section .delivery-type .cart-table-area .product-title-area {
        justify-content: flex-start;
        height: 110px;
    }

    .rts-account-section .delivery-type .cart-table-area .item-select {
        position: relative !important;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    /*
    .rts-account-section .delivery-type .cart-sum {
        min-height: 350px !important;
    }*/

    .rts-account-section .account-inner.cart .account-main-area .invoice-det .cart-smallitem {
        gap: 3px;
    }

    .rts-account-section .delivery-type .cart-table-area.bank-type td .form-group {
        width: 15px !important;
        margin-bottom: 0px !important;
    }

    .rts-account-section .cart-table-area .product-title-area .product-title {
        /*margin-top: 10px;*/
    }

    .rts-account-section .delivery-type .cart-table-area .product-title-area {
        height: 100%;
    }

    .rts-account-section .delivery-type .cart-table-area td.product-img {
        display: none;
    }

    .rts-account-section .account-inner .account-side-navigation {
        display: block;
        position: absolute;
        visibility: hidden;
        transition: all 300ms linear;
        transform: translatex(300px);
        height: 100%;
        z-index: 3;
    }

        .rts-account-section .account-inner .account-side-navigation.active {
            display: block;
            position: absolute;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
            border-left: 1px solid #d7e0e5;
            transition: all 300ms linear;
            visibility: visible;
            transform: translatex(0px);
        }

    .rts-account-section .account-inner .account-main-area {
        padding: 0px 0px 25px 0px;
    }

    .product-list .col-xl-2.right-side {
        display: block;
        position: absolute;
        visibility: hidden;
        transition: all 300ms linear;
        transform: translatex(300px);
        height: 100%;
        z-index: 10;
        width: 75%;
    }

        .product-list .col-xl-2.right-side.active {
            display: block;
            position: absolute;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
            transition: all 300ms linear;
            visibility: visible;
            background-color: #fff;
            transform: translatex(0px);
            width: 75%;
            z-index: 100;
        }

    .login::before {
        top: 65px;
    }

    .rts-account-section .account-inner .account-main-area .user-info form {
        display: block;
    }

    .color-select ul {
        max-width: 90%;
    }

    .rts-newsletter-popup .newsletter-inner {
        top: 20%;
    }

    .rts-addcomment-popup .newsletter-inner {
        top: 20%;
    }


    .product-item.cus-pro .action-wrap .product-price {
        font-size: 13px;
    }

    .rts-account-section .account-inner.cart .cart-sum .cart-suminfo p {
        text-align: right;
    }

    .rts-account-section .cart-table-area .product-title-area .cart-edit {
        flex-direction: row-reverse;
        /*justify-content: space-between;*/
    }

    .rts-product-details-section .details-product-area .cart-edit .quantity-edit {
        width: 100px;
    }

        .rts-product-details-section .details-product-area .cart-edit .quantity-edit input {
            max-width: 48px;
        }

    .pro-det .details-product-area .action-item.add-btn {
        margin-left: 0px;
        padding: 0 10px;
    }

    #AddProductSubmitForm {
        width: 100%;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-det {
        width: 100%;
    }

    .rts-account-section .account-inner .account-main-area .user-invoice.offercode .inv-list-info::before {
        height: 215px;
    }

    .product-list .shop-product-topbar {
        display: none;
    }

        .product-list .shop-product-topbar.mobile-link {
            display: block;
            background-color: #22546d;
            height: 40px;
            padding: 10px 6% 0 6%;
        }

    .mobile-sortmain {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #000;
        background: rgb(0 0 0 / 70%);
        transition: all 300ms linear;
        opacity: 0;
        height: 0px;
    }

        .mobile-sortmain.show {
            opacity: 1;
            transition: all 300ms linear;
            z-index: 0;
            height: 100%;
        }

    .mobile-sort {
        position: fixed;
        z-index: 100;
        background-color: #fff;
        width: 100%;
        bottom: 0px;
        padding: 10px 20px 20px 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        transition: all 200ms linear;
        visibility: hidden;
        transform: translateY(210px);
    }

    .mobile-sortmain.show .mobile-sort {
        transition: all 200ms ease;
        visibility: visible;
        transform: translateY(0px);
    }



    .mobile-sort .mobile-sortheader h3 {
        font-size: 16px;
        padding: 5px 0px 10px 0px;
        border-bottom: 1px solid var(--st-beige);
        margin-bottom: 5px;
        color: var(--st-beige);
        font-weight: bold;
    }

    .mobile-sort .mobile-sortbody li {
        font-size: 14px;
        padding: 5px 5px 2px 0px;
        color: var(--st-blue);
    }

        .mobile-sort .mobile-sortbody li button {
            color: var(--st-blue);
            font-weight: 600;
            /*width: 100%;*/
            /*text-align: right;*/
        }

    .usermenu-btn {
        display: flex;
    }

    .rts-account-section .cart-table-area .product-title-area .cart-edit .delete {
        margin-left: 15px;
    }

    .rts-account-section .cart-table-area .product-title-area .cart-edit {
        bottom: 2px;
    }

    .cart-table-area .cart-sum.price-sum {
        min-height: unset !important;
    }

    .rts-account-section .delivery-type .cart-table-area.bank-type tr {
        display: flex;
        align-items: center;
    }

    .rts-account-section .delivery-type .cart-table-area.bank-type td:first-child {
        padding-bottom: 10px !important;
    }

    .pro-det .contents .product-uniques.price span {
        font-size: 15px;
    }

    .pro-det .contents .product-uniques.price del {
        font-size: 13px;
    }

    .pro-det .details-product-area .action-item.add-btn {
        font-size: 12px;
    }

    .home-slider.banner.banner-3 .banner-single .contents .banner-text {
        height: 180px;
    }

    .rts-product-details-section .details-product-area .cart-edit .quantity-edit button i {
        font-size: 14px;
    }

    .pro-det .details-product-area .cart-edit .quantity-edit input {
        font-size: 16px;
    }

    .color-select label {
        font-size: 13px;
    }

    .product-list .side-sticky {
        overflow: scroll;
        height: 100vh;
    }

    .home-brand.brand-page .box {
        width: 50%;
    }

    .brand-page-header .brand-search {
        width: 95%;
    }

    .p-comment .pc-header {
        text-align: center;
        flex-direction: column;
        gap: 13px;
    }

        .p-comment .pc-header .c-1,
        .p-comment .pc-header .c-2 {
            width: 100%;
        }

    .p-comment .pc-body ul li {
        flex-direction: column;
    }

        .p-comment .pc-body ul li .pc-user {
            width: 100%;
        }

    .faq .faq-que-list {
        padding: 30px 10px 10px 10px;
    }

    .faq.rts-account-section .accordion-button {
        line-height: 20px;
        text-align: right;
    }

    .contact .account-main-area.top .right {
        width: 100%;
    }

    .contact .account-main-area.top .left {
        width: 100%;
    }

    .contact .account-main-area {
        padding: 30px 30px 30px 30px !important;
    }

        .contact .account-main-area .right li {
            margin: 5px 0px 5px 0px;
        }

        .contact .account-main-area.top {
            min-height: unset !important;
        }

        .contact .account-main-area .right li.full-color {
            flex-direction: column;
            align-items: flex-start;
        }

    .contact .messfooter-text p {
        padding-bottom: 15px;
    }

    .rts-account-section.about .account-inner .right {
        width: 100%;
    }

    .rts-account-section.about .account-inner .left {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .rts-account-section.about {
        padding: 50px 0 30px 0px;
        min-height: auto;
    }

        .rts-account-section.about::before {
            height: 41%;
        }

        .rts-account-section.about .account-inner .left h1 {
            padding-top: 30px;
        }

    .rts-account-section.about-sec .whyus ul li {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .rts-account-section.about-sec .faq-que-list {
        padding: 20px 20px 10px 20px;
    }

    .rts-account-section.about-end .account-inner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .rts-account-section.about .account-inner {
        flex-direction: column;
    }

    .rts-account-section.about::before {
        display: block;
    }

    .rts-account-section.deliver-info .cart-table-area .product-title-area .product-title {
        margin-top: 10px;
    }

    .rts-account-section.deliver-info .delinfo {
        width: 100%;
    }

    .rts-account-section.deliver-info .cart-table-area .product-title-area .pretitle {
        width: 100%;
    }

    .rts-account-section.deliver-info .delivery-type .cart-table-area .product-title-area {
        height: 100%;
    }

    .rts-account-section.deliver-info .delinfo .top p {
        line-height: 28px;
    }

    .rts-account-section.deliver-info .delinfo .bottom p {
        line-height: 28px;
    }

    .StoreIranianCaptcha .input-group {
        width: 100%;
    }

    .rts-account-section .form #Address {
        height: 85px !important;
        padding: 10px 15px 10px 15px !important;
        line-height: 22px;
    }
}


@media (max-width: 500px) {
    .navbar-part1 .header-action-items1 {
        display: flex;
    }
}



/* Absolute Center Spinner */
.new-loading {
    position: fixed;
    z-index: 2000;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .new-loading img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 10000;
        width: 180px;
    }


    /* Transparent Overlay */
    .new-loading:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
        background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));*/
        /*        background: radial-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%));
        background: -webkit-radial-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%));*/

        background: radial-gradient(rgb(0 0 0 / 80%), rgb(0 0 0 / 80%));
        background: -webkit-radial-gradient(rgb(0 0 0 / 80%), rgb(0 0 0 / 80%));
    }

    .new-loading.loader-hide {
        display: none;
    }

    .new-loading .loader {
        --cell-size: 52px;
        --cell-spacing: 1px;
        --cells: 3;
        --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
        display: flex;
        flex-wrap: wrap;
        width: var(--total-size);
        height: var(--total-size);
        position: absolute;
        top: calc(50% - 80px);
        left: calc(50% - 80px);
    }

    .new-loading .cell {
        flex: 0 0 var(--cell-size);
        margin: var(--cell-spacing);
        background-color: transparent;
        box-sizing: border-box;
        border-radius: 4px;
        animation: 1.5s ripple ease infinite;
        z-index: 2500;
    }

        .new-loading .cell.d-1 {
            animation-delay: 100ms;
        }

        .new-loading .cell.d-2 {
            animation-delay: 200ms;
        }

        .new-loading .cell.d-3 {
            animation-delay: 300ms;
        }

        .new-loading .cell.d-4 {
            animation-delay: 400ms;
        }

        .new-loading .cell:nth-child(1) {
            --cell-color: #22546D;
        }

        .new-loading .cell:nth-child(2) {
            --cell-color: #3C6E87;
        }

        .new-loading .cell:nth-child(3) {
            --cell-color: #5587A0;
        }

        .new-loading .cell:nth-child(4) {
            --cell-color: #3C6E87;
        }

        .new-loading .cell:nth-child(5) {
            --cell-color: #5587A0;
        }

        .new-loading .cell:nth-child(6) {
            --cell-color: #6FA1BA;
        }

        .new-loading .cell:nth-child(7) {
            --cell-color: #5587A0;
        }

        .new-loading .cell:nth-child(8) {
            --cell-color: #6FA1BA;
        }

        .new-loading .cell:nth-child(9) {
            --cell-color: #88BAD3;
        }

/*Animation*/
@keyframes ripple {
    0% {
        background-color: transparent;
    }

    30% {
        background-color: var(--cell-color);
    }

    60% {
        background-color: transparent;
    }

    100% {
        background-color: transparent;
    }
}