@font-face {
    font-family: 'shabnam-fa-num';
    src: url('/site/assets/font/shabnam-fa-num/Shabnam-Light-FD.eot') format('eot'), url('/site/assets/font/shabnam-fa-num/Shabnam-Light-FD.ttf') format('true type'), url('/site/assets/font/shabnam-fa-num/Shabnam-Light-FD.woff') format('woff'), url('/site/assets/font/shabnam-fa-num/Shabnam-Light-FD.woff2') format('woff2');
}

@font-face {
    font-family: 'shabnam-en-num';
    src: url('/site/assets/font/shabnam-en-num/Shabnam-Light.eot') format('eot'), url('/site/assets/font/shabnam-en-num/Shabnam-Light.ttf') format('true type'), url('/site/assets/font/shabnam-en-num/Shabnam-Light.woff') format('woff'), url('/site/assets/font/shabnam-en-num/Shabnam-Light.woff2') format('woff2');
}

body,html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'shabnam-fa-num';
    min-height: 900px;
    background: #f4f5f9;
    color: #515151;
    position: relative;
}

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

.c_loading {
    position: absolute;
    top: calc( 40% - 13px);
    left: calc( 50% - 50px);
    transform: translate(-50%, -50%);
}

.outer_c_loading {
    position: absolute;
    width: 100vw;
    background-color: #f3f1f1fc;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 1111111111;
}

.c_loading .item_1_l {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #1c5872;
    border-radius: 20px;
    animation: 0.8s bounce ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce {
    0%, 5%, 95%, 100% {
        width: 150px;
        height: 27px;
        top: 15px;
        left: 0px;
    }

    45%, 55% {
        width: 170px;
        height: 25px;
        left: -13px;
        top: 12px;
    }
}

.c_loading .item_2_l {
    position: absolute;
    background-color: #2489b3;
    border-radius: 56px;
    top: 45px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce1 ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce1 {
    0%, 5%, 95%, 100% {
        left: 0px;
    }

    45%, 55% {
        left: 20px;
    }
}

.c_loading .item_3_l {
    position: absolute;
    left: 55px;
    background-color: #7f8085;
    border-radius: 56px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce2 ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce2 {
    0%, 5%, 95%, 100% {
        top: 45px;
    }

    45%, 55% {
        top: 38px;
    }
}

.c_loading .item_4_l {
    position: absolute;
    top: 45px;
    left: 110px;
    background-color: #2489b3;
    border-radius: 56px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce3 ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce3 {
    0%, 5%, 95%, 100% {
        left: 110px;
    }

    45%, 55% {
        left: 90px;
    }
}

.c_loading_copy {
    position: absolute;
    width: 200px;
    top: -42px;
    left: 31px;
}

.mobile_loading .c_loading_copy {
    position: absolute;
    top: -17px;
    left: 122px;
}

.outer_c_loading_copy {
    position: relative;
}

.sidebarlogo .outer_c_loading_copy {
    left: -20px;
}

.c_loading_copy .item_1_l_copy {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #1c5872;
    border-radius: 20px;
    animation: 0.8s bounce_copy ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce_copy {
    0%, 5%, 95%, 100% {
        width: 150px;
        height: 27px;
        top: 15px;
        left: 0px;
    }

    45%, 55% {
        width: 170px;
        height: 25px;
        left: -13px;
        top: 12px;
    }
}

.c_loading_copy .item_2_l_copy {
    position: absolute;
    background-color: #2489b3;
    border-radius: 56px;
    top: 45px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce1_copy ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce1_copy {
    0%, 5%, 95%, 100% {
        left: 0px;
    }

    45%, 55% {
        left: 20px;
    }
}

.c_loading_copy .item_3_l_copy {
    position: absolute;
    left: 55px;
    background-color: #7f8085;
    border-radius: 56px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce2 ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce2_copy {
    0%, 5%, 95%, 100% {
        top: 45px;
    }

    45%, 55% {
        top: 38px;
    }
}

.c_loading_copy .item_4_l_copy {
    position: absolute;
    top: 45px;
    left: 110px;
    background-color: #2489b3;
    border-radius: 56px;
    width: 35px;
    height: 35px;
    animation: 0.8s bounce3_copy ease-in-out infinite paused;
    animation-play-state: running;
}

@keyframes bounce3_copy {
    0%, 5%, 95%, 100% {
        left: 110px;
    }

    45%, 55% {
        left: 90px;
    }
}

.header_top {
    padding-top: 29px;
    position: fixed;
    z-index: 146;
    background-color: white;
    width: 100%;
    top: 0px;
}

.header_top .inner_header {
    display: grid;
    grid-template-columns: 6fr 14fr 12fr;
}

.header_top .section1_header {
    text-align: center;
    position: relative;
}

.header_top .logo_header {
    position: relative;
    top: 29px;
    right: -14px;
}

.header_top .section2_header {
}

.inner_search input {
    padding: 20px 13px;
    border: 1px solid #ced4da;
    outline: none;
    background: rgb(248 249 250);
    border-radius: 47px;
    width: 100%;
    font-family: inherit;
}

.inner_search .icon_search {
    position: absolute;
    top: 20px;
    left: 21px;
    cursor: pointer;
}

.search_mobile .inner_search input {
    padding: 14px 13px;
    border: 1px solid #ced4da;
    outline: none;
    background: rgb(248 249 250);
    border-radius: 47px;
    width: 100%;
    font-family: inherit;
    position: relative;
    left: -23px;
}

.search_mobile .inner_search .icon_search {
    position: absolute;
    top: 16px;
    cursor: pointer;
}

.header_top .icon_search svg {
}

.header_top .section3_header {
    font-size: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: end;
}
.section3_header.auth_header{
    grid-template-columns: 1fr 3fr;
}
.section3_header .inner_auth_header{text-align: left;/* display: grid; */grid-template-columns: 1fr 1fr;align-items: end;justify-content: end;column-gap: 2em;}
.section3_header .inner_auth_header .bgblueheader{
    background: #5999ff;
    color: white;
}
.section3_header .inner_auth_header .bottom_header{
    padding: 8px 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
.section3_header .inner_auth_header .bottom_header span{display: inline-block;}
.header_top .bottom_header {
    display: inline-block;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 6px 0px;
    border-radius: 20px;
    color: #929292;
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
    text-align: center;
}

.header_top .icon_bottom {
    display: block;
    text-align: center;
    line-height: 6px;
}

.header_top .icon_bottom svg {
}

.header_top .text_bottom {
}

.header_top .card_count {
    background-color: #ef473a;
    color: white;
    padding: 1px 5px;
    border-radius: 24px;
    font-size: 12px;
}

.inner_search {
    position: relative;
    width: calc(100% - 26px);
}

.menu_header {
    z-index: 2;
    position: relative;
}

.menu_header .top-menu-menu {
}

.top-menu-menu .navbar-nav {
}

.list_menu_mobile .top-menu-menu .navbar-nav {
    padding-right: 18px;
}

.top-menu-menu .navbar-nav > .nav-item {
    display: inline-block;
    position: relative;
}

.list_menu_mobile .top-menu-menu .navbar-nav > .nav-item {
    display: block;
    position: relative;
    line-height: 31px;
}

.menu_header .nav-item ul {
    list-style-type: none;
}

.top-menu-menu .nav-item a {
    text-decoration: none;
    cursor: pointer;
}

.menu_header .nav-item ul li {
}

.menu_header .main-menu-head {
}

.top-menu-menu .nav-item > a {
    color: #333 !important;
    font-size: 14px;
    padding: 0px 10px;
}

.top-menu-menu .nav-item > ul.main-menu {
    position: absolute;
    display: none;
    min-width: 200px;
    padding-right: 0px;
    padding-top: 9px;
}

.header_mobile .top-menu-menu .nav-item > ul.main-menu {
    position: relative;
    display: block;
    padding-right: 20px;
    padding-top: 9px;
    list-style: none;
    display: none;
}

.top-menu-menu .nav-item > ul.main-menu > li {
    /* position: relative; */
    background: #eee;
    line-height: 43px;
    padding-right: 17px;
}

.top-menu-menu .nav-item > ul.main-menu > li > a {
    color: inherit;
    font-size: 14px;
    width: 100%;
    transition: padding-right 0.3s ease;
    display: block;
}

.menu_header .nav-item > ul.main-menu > li > a:hover {
    padding-right: 5px;
}

.menu_header .nav-item > ul.main-menu > li:hover {
    background: white;
    color: #333 ;
}

.top-menu-menu .nav-item > ul.main-menu > li > ul {
    position: absolute;
    top: 9px;
    right: 200px;
    min-width: 200px;
    padding-right: 0px;
    display: none;
    background-position: bottom left !important;
    background-size: 238px !important;
    /* padding-top: 10px; */
    background-color: white;
}

.header_mobile .top-menu-menu .nav-item > ul.main-menu > li > ul {
    position: relative;
    top: 0px;
    right: 8px;
    min-width: 200px;
    padding-right: 0px;
    display: block;
    padding-top: 10px;
    list-style: none;
    background: none;
    display: none;
}

.top-menu-menu .nav-item > ul.main-menu > li > ul > li {
    padding-right: 15px;
    background: white;
}

.header_mobile .top-menu-menu .nav-item > ul.main-menu > li > ul > li {
    padding-right: 15px;
    background: none;
}

.top-menu-menu .nav-item > ul.main-menu > li > ul > li:nth-of-type(1) > a {
    border-right: 2px solid #2489b3;
}

.top-menu-menu .nav-item > ul.main-menu > li > ul > li > a {
    color: #333;
    font-size: 14px;
    padding-right: 5px;
    transition: padding-right 0.3s ease;
}

.menu_header .nav-item > ul.main-menu > li > ul > li > a:hover {
    padding-right: 10px;
    color: blue;
}

.main-menu-head > .main-menu > li:first-child ul {
    display: block ;
}

.imgul {
    position: absolute;
    width: 300px;
    left: 0px;
}

.header_mobile .imgul {
    display: none;
}

.outerslider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    direction: ltr;
    margin-top: 164px;
}

.outerslider .slider {
    width: 95%;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    border-bottom-right-radius: 75px;
    border-bottom-left-radius: 75px;
}

.outerslider .slider-container {
    display: flex;
    transition: transform 0.5s ease;
}

.outerslider .slide img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.outerslider .slide {
    min-width: 100%;
    box-sizing: border-box;
    /* padding: 40px; */
    background-color: #ddd;
    text-align: center;
    font-size: 1.5em;
    border-radius: 30px;
}

.outerslider .nav-buttons {
    position: absolute;
    top: 45%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.outerslider .nav-buttons button {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    opacity: 0.8;
}

.outerslider .nav-buttons button.next {
    padding-right: 7px;
    padding-left: 15px;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.outerslider .nav-buttons button.prev {
    padding-left: 7px;
    padding-right: 15px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.outerslider .nav-buttons button:hover {
    opacity: 1;
}

.outerslider .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.outerslider .pagination .dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #333;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.outerslider .pagination .dot.active {
    opacity: 1;
    background-color: #666;
}

.category_product {
    padding: 0px 96px;
}

.category_product .inner_category_product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 5em;
    padding: 0px 162px;
}

.category_product a {
    text-decoration: none;
    text-align: center;
    color: #515151;
    font-weight: bold;
    margin-top: 21px;
}

.category_product a img {
    width: 65%;
}

.category_product a div {
}

.category_product h2 {
}

.outer_outer_slider_product {
    background: #ef473a url(/site/assets/image/patterns.png);
    margin: 12px;
    /* display: grid; */
}

.outer_slider_product {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.newst_item .outer_slider_product {
}

.outer_outer_slider_product .outer_slider_product {
    background: #ef473a url(/site/assets/image/patterns.png);
    /* padding-right: 150px; */
}

.outer_slider_product .mainslider_product {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.outer_slider_product .slider_product {
    overflow: hidden;
}

.outer_slider_product .slider_product_wrapper {
    display: flex;
    transition: transform 0.5s ease;
    padding: 14px 0px;
}

.outer_slider_product .product_in_slider {
    flex: 0 0 20%;
    text-align: center;
    border-radius: 8px;
}

.outer_slider_product .prev_slider_p, .outer_slider_product .next_slider_p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22;
    background-color: #000000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    opacity: 0.4;
}

.outer_slider_product .prev_slider_p {
    left: 5px;
    padding-left: 7px;
    padding-right: 15px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.outer_slider_product .next_slider_p {
    right: 5px;
    padding-right: 7px;
    padding-left: 15px;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.product_box_info .timer_shegeftane {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    direction: ltr;
    margin-bottom: 6px;
}

.product_box_info .countdown {
    /* display: flex; */
}

.product_box_info .countdown_item {
    display: inline-block;
    margin-right: 10px;
}

.product_box_info .countdown_item:last-child .time {
    background: #ef473a;
    color: white;
}

.product_box_info .countdown .time {
    background-color: #eeeeee;
    display: inline-block;
    /* padding: 1px 7px; */
    border-radius: 6px;
    color: #5e5c5c;
    font-size: 12px;
    width: 24px;
    height: 21px;
    line-height: 20px;
}

.product_box_info .countdown span {
    display: block;
    font-size: 10px;
    color: blue;
    margin-top: 4px;
}

.product_box_info {
    /* padding-bottom: 13px; */
    margin: 0px 5px;
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
    text-decoration: none;
    display: block;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    position: relative;
    text-align: center;
}

.product_box_info .class_saderat {
    font-size: 13px;
    margin-bottom: 7px;
    color: red !important;
    font-weight: bold;
}

.product_box_info .outer_class_saderat {
    min-height: 21px;
}

.product_box_info .product_info_link {
    text-decoration: none;
    color: #515151;
}

.product_box_info .product_action {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
}

.product_box_info .product_action img {
}

.product_box_info .addtofavorate {
    cursor: pointer;
}

.product_box_info .quiekview {
    cursor: pointer;
}

.product_box_info .product_img {
    display: grid;
    place-items: center;
    height: 200px;
    position: relative;
}

.product_box_info .product_img img {
    display: none;
}

.product_box_info .product_img img:first-child {
    display: block;
    max-width: 62%;
    max-height: 180px;
}

.product_box_info .product_name {
    text-align: right;
    padding-right: 13px;
    font-size: 12px;
    font-family: 'shabnam-en-num';
    margin-bottom: 10px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    font-weight: bold;
}

.product_box_info .product_name span {
}

.product_box_info .product_cat {
    text-align: right;
    padding-right: 23px;
    font-size: 12px;
    margin-bottom: 10px;
    height: 30px;
}

.product_box_info .product_cat span {
}

.product_box_info .product_p_b {
    display: grid;
    grid-template-columns: 1fr 15fr;
    height: 49px;
}

.product_p_b.site_store_p {
    grid-template-columns: 15fr 15fr;
}

.product_box_info .addtobasket {
    display: inline-block;
    /* float: right; */
    /* right: 6px; */
    position: relative;
    /* top: -5px; */
    cursor: pointer;
}

.product_box_info .product_price {
    /* display: inline-flex; */
    text-align: left;
    padding-left: 10px;
}

.product_box_info .takh_value {
    background-color: #ef473a;
    color: white !important;
    padding: 3px 3px;
    font-size: 12px;
    border-radius: 6px;
}

.product_box_info .origin_price {
    color: #c6c6c6;
    font-size: 12px;
    text-decoration: line-through;
}

.product_box_info .takh_price {
    color: red;
    font-size: 15px;
    display: inline-block;
}

.banner_section1 {
    padding: 25px;
}

.banner_section1 .inner_banner_section1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2em;
}

.banner_section1 .item_b_img {
}

.banner_section1 .item_b_img img {
    width: 100%;
    border-radius: 10px;
}

.beseller {
    /* width: 100%; */
    padding: 2px 23px;
}

.beseller .inner_bseller {
    text-align: center;
    display: grid;
    place-items: center;
}

.beseller img {
    width: 100%;
}

.baner_section1 {
    padding: 25px;
}

.baner_section1 .inner_baner_section1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2em;
}

.baner_section1 a {
}

.baner_section1 img {
    width: 100%;
    border-radius: 10px;
}

.harajeston {
    position: relative;
    padding: 22px;
}

.harajeston .inner_harajeston {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    background: #5999ff url('/site/assets/image/patterns.png');
    padding: 12px;
    border-radius: 11px;
}

.harajeston .right_harajeston {
    display: flex;
    align-items: center;
}

.harajeston .img_har {
    display: inline-block;
}

.harajeston .img_har img {
}

.harajeston .text_har {
    display: inline-block;
    font-size: 24px;
    color: white;
    font-weight: bold;
}

.harajeston .text_har span {
}

.harajeston .takh_har {
    display: inline-block;
    background-color: green;
    color: white;
    margin-right: 20px;
    padding: 2px 10px;
    border-radius: 8px;
}

.harajeston .takh_har span {
}

.harajeston .middle_har {
    text-align: center;
}

.harajeston .item_middle {
    display: inline-block;
    position: relative;
}

.harajeston .item_middle img {
    width: 68px;
    border-radius: 122px;
    height: 69px;
    border: dashed 1.7px #f7f3f3;
}

.harajeston .item_middle div {
    position: absolute;
    color: white;
    top: 47px;
    right: 0px;
    background-color: red;
    border-radius: 17px;
    padding: 3px 3px 0px 3px;
    font-size: 13px;
    line-height: 16px;
}

.harajeston .left_har {
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.harajeston .inner_left_har {
    text-decoration: none;
    color: #4c4949;
    background-color: white;
    padding: 2px 7px;
    border-radius: 8px;
    font-weight: bold;
}

.harajeston .inner_left_har span {
}

.banner_section2 {
    padding: 22px;
}

.banner_section2 .inner_banner_section2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2em;
}

.banner_section2 .inner_section2 {
}

.banner_section2 .inner_section2 img {
    border-radius: 15px;
    width: 100%;
}

.newst_item {
    margin: 22px;
    background: white;
    padding: 14px 10px;
    border-radius: 13px;
}

.newst_item .inner_newst_item {
}

.inner_newst_item .header_newst {
    display: grid;
    grid-template-columns: 7fr 40fr 5fr;
}

.inner_newst_item .right_newst {
    display: flex;
    align-items: center;
}

.inner_newst_item .right_newst img {
}

.inner_newst_item .text_newst {
    font-weight: bold;
    font-size: 14px;
    color: #515151;
}

.inner_newst_item .middle_newst div {
    width: 100%;
    height: 2px;
    margin-top: 12px;
    background: linear-gradient(to left, #5999ff 0%, rgba(236, 236, 236, 0) 100%);
}

.inner_newst_item .middle_newst {
}

.inner_newst_item .left_newst {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #515151;
    text-decoration: #515151;
}

.inner_newst_item .left_newst img {
}

.inner_newst_item .txt_left_newst {
}

.popularstore {
    background: #5999ff;
    margin: 22px;
    padding: 16px;
    border-radius: 11px;
}

.popularstore .inner_popularstore {
}

.popularstore .inner_newst_item .text_newst {
    color: white;
}

.popularstore .inner_newst_item .middle_newst div {
    background: linear-gradient(to left, #e6e9ef 0%, rgba(236, 236, 236, 0) 100%);
}

.popularstore .inner_newst_item .left_newst {
    color: white;
}

.popular_all {
}

.popularstore .popular_item {
    text-align: center;
    text-decoration: none;
    color: black;
    background-color: white;
    margin-top: 16px;
    border-radius: 12px;
}

.popularstore .popular_info {
    display: flex;
    justify-content: space-between;
    padding: 19px;
}

.imgpopular .imgpopular {
}

.imgpopular img {
    max-height: 80px;
    max-width: 100%;
}

.imgpopular .popularname {
    font-size: 13px;
    font-weight: bold;
}

.imgpopular .quantity_popular {
    display: flex;
    align-items: flex-end;
    font-size: 12px;
}

.imgpopular .quantity_popular span {
    display: block;
}

.imgpopular .quantity_popular span.qpopalr {
    font-weight: bold;
    margin-left: 8px;
}

.imgpopular .quantity_popular span.txtpopular {
}

.banner_section4 {
    margin: 22px;
}

.banner_section4 .inner_banner_section4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3em;
}

.banner_section4 a {
}

.banner_section4 img {
    max-width: 100%;
    border-radius: 16px;
}

.robot_txt_t {
    display: block;
}

.robot_txt_t span {
    display: block;
}

.darsad_takhfif_class {
}

.no_takhfif {
    text-decoration: none !important;
    color: black !important;
    font-size: 15px !important;
    font-weight: bold;
}

.newst_product {
}

.newst_product .inner_newst_item {
}

.bestseller_p {
    margin: 22px;
    background-color: #5999ff;
    padding: 10px 10px;
    border-radius: 9px;
}

.banner_section5 {
    margin: 22px;
}

.banner_section5 .inner_banner_section5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 5em;
    padding: 0px 100px;
}

.banner_section5 .inner_banner_section5 a {
}

.banner_section5 .inner_banner_section5 img {
    width: 100%;
    border-radius: 9px;
}

.newst_c_product {
    margin: 20px;
    background-color: white;
    padding: 13px;
}

.application {
    margin: 22px;
}

.application .inner_application {
}

.application h2 {
    position: relative;
}

.beforeline {
    padding-right: 49px;
}

.beforeline::before {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 8px;
    border-radius: 5px;
    background: #5999ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.application .item_application {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 3em;
    padding: 4px 234px;
}

.application .item_application div {
    text-align: center;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.application .item_application img {
    width: 100%;
    height: 53px;
}

.application .item_application span {
    font-size: 13px;
}

.itembox_hovered {
    color: white !important;
    background: red !important;
}

.itembox_hovered .icon_last {
    border: 1px dashed white !important;
}

.itemlast {
    margin: 22px;
}

.itemlast .inner_last {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 3em;
}

.itemlast .itembox {
    margin: auto;
    text-align: center;
    border-radius: 14px;
    padding: 16px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.itemlast .itembox .inneritembox {
    background: #e9e7e7;
    box-shadow: inset 0 2px 12px 4px rgb(0 0 0 / 5%);
    width: 100%;
    height: 100%;
    padding: 7px;
    border-radius: 16px;
}

.itemlast .icon_last {
    display: inline-block;
    border: 1px dashed #9d9696;
    line-height: 5px;
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 14px;
}

.itemlast .text1_last {
    font-size: 12px;
}

.itemlast .text2_last {
    font-size: 14px;
    margin-top: 4px;
}

.footer {
    padding: 10px 120px;
    background: white;
    padding-top: 35px;
}

.footer .inner_footer {
}

.footer .top_item {
    margin: 0px 100px;
}

.footer .inner_top_item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.footer .top_item_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    align-items: center;
}

.footer .top_item_item img {
    width: 58px;
}

.footer .top_item_item span {
    font-weight: bold;
    margin-top: 12px;
}

.showonmobile {
    margin-top: 19px;
    display: none;
}

.footer {
}

.footer .menu_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 3em;
    margin-top: 56px;
}

.footer .menu_item_section {
}

.footer .title_menu_footer {
}

.footer .menu_item_section ul {
}

.footer .menu_item_section li {
    line-height: 31px;
}

.footer .menu_item_section ul a {
    text-decoration: none;
    color: #515151;
    font-size: 15px;
    position: relative;
}

.footer .menu_item_section ul a:before {
    content: '';
    width: 7px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 50%;
    right: -10px;
    transition: 0.2s all linear;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}

.footer .title_menu_footer {
    font-weight: bold;
}

.footer .contanct_s {
    text-decoration: none;
    color: #515151;
    display: block;
    margin-top: 12px;
}

.footer .menu_item_section p {
    padding: 0px;
    margin: 0px;
    font-size: 9px;
    margin-top: 11px;
    margin-bottom: 14px;
}

.footer .icon_social {
}

.footer .icon_social {
}

.footer .social_net {
    text-decoration: none;
}

.footer .social_net img {
    width: 23px;
}

.footer {
}

.footer .desc_footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 9em;
    margin-top: 50px;
}

.footer .section1_desc {
}

.footer .title_d_f {
    color: #ff3c3c;
    font-size: 27px;
    font-weight: 900;
}

.footer .desc_desc_f {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    color: #6c757d!important;
}

.footer .section2_desc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3em;
}

.footer .item_other {
}

.footer .item_other a {
}

.footer .item_other img {
    width: 101px;
}

.footer .footer_right {
    color: #515151;
    margin-top: 21px;
    padding-bottom: 74px;
    border-top: 1px solid;
    padding-top: 16px;
    text-align: justify;
}

.footer .footer_right span {
    text-align: justify;
}

.header_mobile {
    /* height: 100vh; */
    position: relative;
    display: none;
    z-index: 1111111111111111111111111;
    top: 0px;
    left: 0px;
    width: 100%;
}

.header_mobile .toggle_mobile {
    display: inline-block;
    cursor: pointer;
    margin-top: 18px;
    margin-right: 20px;
}

.logo_header_mobile {
    position: absolute;
    left: 30px;
    top: 12px;
}

.header_z_list_menu {
    position: absolute;
    top: 0px;
    right: -75%;
    height: 100vh;
    width: 75%;
    transition: right 0.5s ease;
    z-index: 3;
}

.header_z_list_menu.show {
    right: 0;
}

.header_z_list_menu .close_menu_mobile {
    font-size: 25px;
    padding: 4px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 9px;
}

.sidebarlogo {
    height: 107px;
    padding-top: 57px;
    display: flex;
}

.search_mobile {
}

.list_menu_mobile {
}

.back_z_list {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    background: #bf999978;
    display: none;
    z-index: 3;
}

.front_z_list {
    position: relative;
    width: 100%;
    min-width: 250px;
    height: 100vh;
    background-color: white;
}

.show_top_section {
    height: 83px;
    position: relative;
    width: 100%;
    z-index: 2;
    /* display: flex; */
    align-items: center;
    justify-content: flex-start;
}

.expandmenu {
}

.collapsemenu {
    display: none;
}

.mobile_footer {
    background-color: white;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0px;
    z-index: 22222;
    display: none;
}

.mobile_footer > ul {
    display: inline-block;
    list-style: none;
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 13px;
    margin: 0px;
}

.mobile_footer > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile_footer > ul > li > a {
    text-decoration: none;
    text-align: center;
    color: inherit;
    font-size: 12px;
    line-height: 14px;
}

.mobile_footer > ul > li > a > div {
}

.mobile_footer > ul > li > a > div img {
}

.mobile_footer > ul > li > a span {
}

.mobile_footer > ul > li > a span.card_count {
    background-color: #ef473a;
    color: white;
    padding: 1px 5px;
    border-radius: 24px;
    font-size: 12px;
}

.product_page {
    margin: 44px;
    margin-top: 22px;
    background-color: white;
    padding-bottom: 22px;
    border-radius: 14px;
}

.product_page .product_head {
    background-color: white;
    padding: 12px 17px;
    border-radius: 9px;
}

.product_page .product_details {
    display: grid;
    grid-template-columns: 1fr 2fr;
    background-color: white;
    margin-top: 19px;
    border-radius: 13px;
    padding-top: 23px;
    padding-bottom: 15px;
}

.product_details .product_slider {
    position: relative;
    direction: ltr;
}

.product_slider .outer_product_slider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 45px;
    direction: ltr;
}

.product_slider .slider_product {
    width: 95%;
    overflow: hidden;
    position: relative;
    border: 1px solid #a19c9c;
    border-radius: 6px;
}

.product_slider .slider_product_container {
    display: flex;
    transition: transform 0.5s ease;
}

.product_slider .product_slide {
    min-width: 100%;
    box-sizing: border-box;
    /* padding: 40px; */
    background-color: #ddd;
    text-align: center;
    font-size: 1.5em;
}

.product_slider .product_slide img {
    width: 100%;
    height: 100%;
}

.product_slider .nav_product_buttons {
    position: absolute;
    top: 0px;
}

.product_slider .prev_product {
    padding-left: 7px;
    padding-right: 15px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    position: absolute;
    top: 45%;
    left: 16px;
    transform: translateY(-50%);
    font-size: 27px;
}

.product_slider .next_product {
    padding-right: 7px;
    padding-left: 15px;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    position: absolute;
    top: 45%;
    right: 17px;
    transform: translateY(-50%);
    font-size: 27px;
    cursor: pointer;
}

.product_slider .pagination_product {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.product_slider .pagination_product .dot_p {
    /* width: 10px; */
    /* height: 10px; */
    margin: 5px;
    /* background-color: #333; */
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.product_slider .pagination_product .dot_p.active {
    opacity: 1;
    /* background-color: #666; */
}

.product_slider .pagination_product .dot_p img {
    width: 53px;
    border-radius: 7px;
}

.product_slider .pagination_product .dot_p.active img {
}

.product_head {
}

.product_head .breadcrumb {
}

.product_head .breadcrumb a {
    text-decoration: none;
    color: #007fee;
}

.product_head .breadcrumb span {
    margin: 0px 3px;
}

.product_desc_s {
}

.product_desc_s .p_p_name {
}

.product_desc_s .p_p_name .p_name {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0;
}

.product_desc_s .p_p_name .p_name_cat {
    margin: 10px 0;
    font-size: 12px;
    color: #6c757d;
}

.two_section_p_d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 15px;
}

.two_section_p_d .section1_p_d {
    padding-left: 30px;
}

.two_section_p_d .send_today {
    display: inline-flex;
    background: #007fee;
    color: white;
    align-items: center;
    padding: 2px 7px;
    font-size: 13px;
    border-radius: 6px;
}

.two_section_p_d .send_today svg,.two_section_p_d .confirmed svg {
    margin-left: 7px;
}

.two_section_p_d .confirmed {
    display: inline-flex;
    background: #07a460;
    color: white;
    align-items: center;
    padding: 2px 7px;
    font-size: 13px;
    border-radius: 6px;
}

.two_section_p_d .section2_p_d {
    padding-left: 13px;
}

.feutured_p {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 7px;
    margin-top: 12px;
}

.listfeutured_p {
    padding-right: 16px;
    list-style-type: circle;
}

.listfeutured_p li {
    line-height: 26px;
}

.listfeutured_p li .title {
}

.listfeutured_p li .desc {
}

.forzoom {
    display: flex;
    color: #664d03;
    background: #fff3cd;
    border: 1px solid #ffecb5;
    padding: 12px;
    font-size: 14px;
    align-items: center;
}

.forzoom .icon_for_big {
    padding-left: 10px;
}

.forzoom .icon_for_big svg {
}

.forzoom .txt_for_big {
}

.forzoom .txt_for_big span {
}

.back_p_d {
    color: #055160;
    background: #cff4fc;
    border: 1px solid #b6effb;
    margin-top: 16px;
}

.inner_section2_p_d {
    background: #f6f6f7;
    padding: 12px;
    border-radius: 10px;
}

.inner_section2_p_d .jens_p {
    display: flex;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.5;
}

.inner_section2_p_d .icon_jens_p {
    display: inline-block;
    padding-left: 5px;
}

.inner_section2_p_d .icon_jens_p img {
}

.inner_section2_p_d .txt_jens {
}

.inner_section2_p_d .cat_p {
    display: flex;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.5;
}

.inner_section2_p_d .icon_cat_p {
}

.inner_section2_p_d .icon_cat_p img {
}

.inner_section2_p_d .txt_jens {
    display: inline-block;
}

.inner_section2_p_d .cat_p_p {
    margin-right: 10px;
}

.inner_section2_p_d .cat_p_p a {
    text-decoration: none;
    color: #007fee;
}

.inner_section2_p_d .cat_p_p span {
}

.inner_section2_p_d .every_p {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-weight: 700 !important;
}

.price_all_p {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 11px 0px;
}

.price_all_p .darsad_takhfif_p {
    background-color: #ef473a;
    color: white !important;
    padding: 3px 3px;
    font-size: 12px;
    border-radius: 6px;
}

.price_all_p .old_price_p {
    color: #c6c6c6;
    text-decoration: line-through;
    margin-left: 5px;
}

.price_all_p .price_txt_p {
}

.price_all_p .price_after_takh_p {
    color: #04ac12;
    font-size: 20px;
    font-weight: bold;
}

.timer_p_takh {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    direction: ltr;
    margin-bottom: 6px;
    margin-top: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.timer_p_takh .countdown_p {
}

.timer_p_takh .countdown_item {
    display: inline-block;
    margin-right: 10px;
}

.timer_p_takh .time {
    background-color: #eeeeee;
    display: inline-block;
    /* padding: 1px 7px; */
    border-radius: 34px;
    color: #5e5c5c;
    font-size: 18px;
    width: 40px;
    height: 34px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timer_p_takh .countdown_item:last-child .time {
    background: #ef473a;
    color: white;
}

.timer_p_takh span {
    display: block;
    font-size: 16px;
    color: blue;
    margin-top: 4px;
}

.mojodi_p_m {
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 11px;
}

.mojodi_p_m .mojodi_mahsol {
}

.mojodi_p_m .mojodi_mahsol .txt {
    font-size: 14px;
    font-weight: bold;
}

.mojodi_p_m .mojodi_mahsol .val {
}

.outer_add_to_card {
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
}

.outer_add_to_card .cart-counter {
    display: inline-block;
    font-family: Arial, sans-serif;
}

.outer_add_to_card .input-group {
    display: flex;
    align-items: center;
}

.outer_add_to_card .btn-counter {
    background-color: #007fee;
    /* border: 1px solid #ccc; */
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    color: white;
}

.outer_add_to_card .decrement {
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
}

.outer_add_to_card .increment {
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
}

.outer_add_to_card .counter {
    width: 78px;
    text-align: center;
    border: none;
    font-size: 16px;
    padding: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.outer_add_to_card .counter:focus {
    border-color: #888;
}

.outer_add_to_card .add_add_to_card {
    display: flex;
}

.outer_add_to_card .add_add_to_card span {
    background: transparent;
    border: 1px solid #04ac12;
    color: #515151;
    padding: 8px 10px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 36px;
}

.outer_add_to_card .add_add_to_card span:hover {
    background: #04ac12;
    color: white;
}

.send_p_d {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 16px;
    background-color: white;
    border-top: 1px solid #eee;
    border-bottom: 5px solid #eee;
    padding-bottom: 10px;
    margin: 0px 17px;
}

.send_p_d .p_d_item {
    text-align: center;
}

.send_p_d .p_d_item img {
    max-width: 60px;
}

.send_p_d .p_d_item span {
    display: block;
}

.seller_tabel {
}

.seller_tabel .thead_seller {
    background-color: #f8f8f8;
}

.seller_tabel .thead_seller tr {
}

.seller_tabel .thead_seller tr td {
}

.seller_tabel .tbody_seller {
    background-color: white;
}

.seller_tabel .tbody_seller tr {
}

.seller_tabel .tbody_seller tr td {
}

table.seller_tabel {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px;
}

table.seller_tabelth,table.seller_tabel td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

table.seller_tabel th {
    padding: 22px 0px;
}

table.seller_tabel td {
}

table.seller_tabel td ,table.seller_tabel th {
    border: 1px solid #eee;
    text-align: right;
    padding-right: 8px;
}

.seller_for_p {
    margin: 0px 41px;
}

.seller_for_p .head_s_for_p {
}

.seller_for_p .head_s_for_p span {
}

.seller_for_p .outer_seller_tabel {
}

.tbody_seller .seller_name_p {
    display: flex;
    color: black;
}

.tbody_seller .seller_name_p svg {
}

.tbody_seller .seller_name_p span {
    margin-right: 8px;
}

.similar_product {
}

.similar_product .price {
    text-align: center;
}

.similar_product .normal_txt {
}

.similar_product .line_through {
    color: #c6c6c6;
    font-size: 13px;
    text-decoration: line-through;
}

.similar_product .darsad_takhfif_class {background-color: #ef473a;color: white !important;padding: 3px 3px;font-size: 12px;border-radius: 6px;}

.similar_product .color_red_p {
    color: red;
}

.similar_product .timeleft {
}

.similar_product .spantileleft {
    font-size: 12px;
    color: red;
}

.similar_product .outer_class_saderat {
    min-height: 21px;
}

.similar_product .class_saderat {
    font-size: 13px;
    margin-bottom: 7px;
    color: red !important;
    font-weight: bold;
}

.view_p_o_s {
    background: #007fee;
    border: 1px solid #007fee;
    outline: none;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 8px;
}

.set_o_s_center {
    text-align: center;
}

.product_tab {
    margin: 41px;
    background-color: white;
    padding: 14px;
}

.product_tab .container-fluid {
    width: 100%;
    /* padding: 0 15px; */
}

.product_tab .product-desc {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.product_tab .product-desc-tab {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
}

.product_tab .nav {
    display: inline-block;
    padding: 0;
    list-style-type: none;
}

.product_tab .nav-item {
    display: inline;
}

.product_tab .tab-button {
    width: 100%;
    background-color: transparent;
    border: none;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 16px;
    color: #515151;
    background: #ddd;
    padding: 12px 18px;
    margin-right: 15px;
    border-radius: 12px;
}

.product_tab .tab-button i {
    margin-right: 5px;
}

.product_tab .tab-button.active {
    background-color: #007fee;
    font-weight: bold;
    color: white;
}

.product_tab .tab-button:hover {
    background-color: #f1f1f1;
}

.product_tab .product-desc-tab-content {
    padding: 20px;
    border-radius: 10px;
    padding-top: 0px;
}

.product_tab .tab-pane {
    /*   display: none;*/
}

.product_tab .tab-pane.active {
    display: block;
}

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

.product_tab .read-more-wrap {
    /* overflow: hidden; */
    /* max-height: 100px; */
    /* transition: max-height 0.3s ease-out; */
}

.product_tab .read-more-state:checked ~ .product_tab .read-more-wrap {
    max-height: none;
}

.product_tab .product-comment-content {
}

.product_tab .text-muted-2 {
    color: #6c757d;
}

.product_tab .fw-bold {
    font-weight: 700;
}

.product_tab .shadow-md {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.open-popup-btn {
    cursor: pointer;
    background: #04ac12;
    color: #fff;
    border-color: #04ac12;
    padding: 7px;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 9px;
    cursor: pointer;
}

.open-popup-btn svg {
    margin-left: 8px;
}

/* The popup background (overlay) */
.popup_comment {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent background */
    justify-content: center;
    align-items: center;
    opacity: 0;
    /* Initially hidden */
    transition: opacity 0.3s ease, visibility 0s 0.3s;
    z-index: 165;
    /* Fade in/out with delay */
}

/* The popup content box */
.popup_comment .popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    width: 315px;
    text-align: center;
    transform: translateY(-30px);
    /* Start slightly above */
    opacity: 0;
    /* Start as invisible */
    transition: opacity 0.3s ease, transform 0.3s ease;
    /* Fade and slide in */
}

.popup_comment .close-btn {
    position: absolute;
    top: 1px;
    right: 10px;
    font-size: 25px;
    cursor: pointer;
}

.popup_comment {
}

.popup_comment .popup-content {
}

.popup_comment .row_form_comment {
    /* display: flex; */
    text-align: right;
}

.popup_comment .row_form_comment label {
    display: block;
}

.popup_comment .row_form_comment input {
    display: block;
    width: 88%;
    padding: 10px;
    /* margin: 10px 0; */
    border: 1px solid #ccc;
    border-radius: 5px;
}

.popup_comment .row_form_comment textarea {
    display: block;
    width: 88%;
    padding: 10px;
    /* margin: 10px 0; */
    border: 1px solid #ccc;
    border-radius: 5px;
}

.popup_comment .submit_comment {
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-family: inherit;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px 15px;
}

.box_users_comment {
    margin-top: 12px;
    border-radius: 5px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    margin-bottom: 36px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    padding: 17px;
}

.box_users_comment .inner_box_users_comment {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 2em;
}

.box_users_comment .box_message_light {
    font-size: 13px;
    line-height: 2.23;
    background: #fdfff8;
    border: 1px solid #e2f0d5;
    border-radius: 3px;
    color: rgba(36, 90, 29, .98);
    padding: 7px 20px 7px 12px;
}

.box_users_comment .box_message_light svg {
}

.box_users_comment .box_message_light span {
}

.box_users_comment .box_shopping {
    margin-top: 50px;
    font-size: 15px;
}

.box_users_comment .box_shopping > span {
}

.box_users_comment .box_shopping > p {
    margin: 0px;
    margin-top: 7px;
}

.box_users_comment .box_shopping > p span {
}

.box_users_comment .box_shopping > p svg {
}

.box_users_comment .box_comment_header {
}

.box_users_comment .box_comment_header .span1 {
    font-size: 20px;
    font-weight: bold;
}

.box_users_comment .box_comment_header .span2 {
    font-size: 13px;
    color: #adadad;
}

.box_users_comment .positive_negative {
}

.box_users_comment .positive_negative > div {
}

.box_users_comment .positive_negative > div > ul {
    list-style-type: none;
    padding: 0px;
}

.box_users_comment .positive_negative > div > ul > li {
    display: inline-block;
}

.box_users_comment .positive_negative > div > ul > li::before {
    color: #00bfd6;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    content: "\2022";
    vertical-align: -5px;
    font-size: 19px;
}

.box_users_comment .positive_negative > div.negative > ul > li::before {
    color: red;
}

.box_users_comment .positive_negative > div > ul > span {
    font-weight: bold;
    color: #00bfd6;
    font-size: 14px !important;
    margin-left: 5px;
}

.box_users_comment .positive_negative > div.negative > ul > span {
    color: red;
}

.box_users_comment .positive_negative {
}

.box_users_comment .box_text_comment {
    font-size: 14px;
    line-height: 1.71;
    color: #505050;
}

.box_users_comment .comments_likes {
    display: flex;
}

.box_users_comment .comment_a_comment {
    display: flex;
    justify-content: flex-end !important;
    padding-left: 26px;
}

.box_users_comment .comments_likes_q {
    margin-left: 37px;
}

.box_users_comment .comments_likes_q span {
}

.box_users_comment .comments_likes_v {
}

.box_users_comment .like_dislike {
}

.box_users_comment .like_dislike a {
    display: inline-flex;
    align-items: center;
    margin-right: 14px;
    text-decoration: none;
    color: black;
}

.box_users_comment .like_dislike svg {
    margin-left: 5px;
    width: 21px;
    height: 21px;
    padding: 7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    background: #007fee;
}

.box_users_comment .like_dislike .add_dis_like svg {
    background: #ee1c00;
}

.box_users_comment .like_dislike span {
}

.box_users_comment .submit_like {
    display: none;
}

.box_users_comment .buyerthis_p {
}

.box_comment {
}

.box_comment .box_filter {
    margin-top: 13px;
}

.box_comment .box_filter div {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.box_comment .box_filter div svg {
    color: blue;
}

.box_users_comment .head_p_a_b {
}

#showToastBtn {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
}

/* Toast Styles */
.toast {
    position: fixed;
    top: 1120px;
    right: 20px;
    display: none;
    background-color: #333;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    opacity: 0;
    transition: opacity 3s ease, top 3s ease;
    /* Add transition to opacity and transform */
}

.toast.show {
    display: block;
    opacity: 1;
    top: 20px;
    /* Bring the toast to its normal position */
}

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

.toast-message {
    margin-right: 10px;
}

.toast-close-btn {
    background: none;
    color: white;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
}

/* Optional: Toast Success Class */
.toast.success {
    background-color: #4CAF50;
}

/* Optional: Toast Error Class */
.toast.error {
    background-color: #f44336;
}

.item_card_det {
    margin-top: 14px;
}

.item_card_det .item_c_d {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.item_card_det .item_c_d img {
    width: 100px;
}

.item_card_det .col_2_d {
}

.item_card_det .col_2_d span {
    margin-top: 26px;
    display: block;
    font-size: 19px;
    font-weight: bold;
}

.item_card_det .row_bascet {
    text-align: center;
}

.item_card_det .row_bascet a {
    text-align: center;
    background-color: #ef3e55;
    display: block;
    padding: 10px;
    margin-top: 6px;
    color: white;
    text-decoration: none;
}

.item_card_det .item_d_d {
}

.modaldd {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    visibility: hidden;
    /* Hidden by default */
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
    /* Transition for opacity */
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contentdd {
    position: relative;
    background-color: white;
    margin: 10% auto;
    /* 10% from top, centered */
    padding: 20px;
    border: 1px solid #888;
    width: 554px;
    /* Width of the modal */
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
    /* transform: translateY(-50%); */
    /* Initial position for the transition */
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 1;
    /* top: 50%; */
    border-radius: 17px;
}

.closedd {
    color: #343333;
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 37px;
    font-weight: bold;
    cursor: pointer;
}

.modaldd.showdd {
    visibility: visible;
    opacity: 1;
    z-index: 11111111;
}

.modaldd.show .modal-contentdd {
    opacity: 1;
    transform: translateY(0);
}

.modal-contentdd h4 {
    color: #437f30;
    font-size: 19px;
}

.amazing_info_p {
    background: #ff000000;
    box-shadow: none !important;
}

.amazing_info_p .amazing_section {
    text-align: center;
}

.amazing_info_p .amazing_section img {
    width: 88%;
}

.amazing_info_p .amazing_section a {
    text-decoration: none;
    color: white;
    display: flex;
    justify-content: center;
    align-content: center;
}

.amazing_info_p .amazing_section svg {
}

.kharid_Az {
    text-align: center;
    margin-top: 13px;
}

.kharid_Az > a {
    text-decoration: none;
    background: #07a460;
    color: white;
    padding: 7px 12px;
    border-radius: 8px;
    display: none;
}

.kharid_Az span {
}

.kharid_Az .loading {
    color: blue;
}

.kharid_Az .error_loading_again {
    background: #a41707e8
}

.kharid_Az .reload_again a {
    color: white;
    padding: 7px 12px;
    border-radius: 8px;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.kharid_Az > span {
    color: red;
}

.kharid_Az .reload_again {
    display: none;
}

.kharid_Az .reload_again div {
    color: red;
}

.saderat_box {
    margin-top: 17px;
}

.saderat_box .saderat_box_row2 {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

.saderat_box .saderat_box_row {
    font-size: 14px;
}

.saderat_box .saderat_box_row > div {
}

.saderat_box .saderat_box_row > div span {
}

.saderat_box .span_price_saderat {
    color: green;
    font-size: 19px;
}

.code_takhfif {
    margin: 21px;
    padding: 24px 10px;
    border-radius: 9px;
    margin-top: 164px;
}

.takh1_class_5 {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

.takh1_class_5.show {
    opacity: 1;
    max-height: 200px;
}

.takh1_class_11 {
    display: inline-block;
}

.takh1_class_12 {
}

.takh1_class_13 {
}

.takh1_class_14 {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.takh1_class_17 {
    display: inline-block;
}

.takh1_class_18 {
    background: #0b5ed7;
    color: white;
    padding: 3px 11px;
    border-radius: 6px;
    cursor: pointer;
}

.takh1_class_19 {
    font-weight: 900;
    cursor: pointer;
}

.listorder_class1 {
    margin: 0px 21px;
}

.listorder_class2 {
}

.listorder_class3 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 8px;
}

.listorder_class4 {
    position: relative;
    width: 100%;
    min-width: 0;
}

.listorder_class5 {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px;
    margin-bottom: 14px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
    min-width: 0;
}

.listorder_class6 {
    /* overflow-x: auto; */
    /* width: 100%; */
    min-width: 0;
}

.listorder_class7 {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.listorder_class8 th {
    padding: 12px 0px;
    text-align: right;
}

.listorder_class34 {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.listorder_class66 {
    text-align: center;
    padding: 11px 0px;
}

.listorder_class67 {
    font-size: 17px;
    background-color: #198754;
    color: white;
    padding: 3px 11px;
    border-radius: 6px;
    cursor: pointer;
}

.listorder_class69 > div {
    display: inline-block;
}

.listorder_class69 > div > label, .listorder_class69 > div > div > label {
    font-size: 10px;
}

.listorder_class70 {
}

.listorder_class89 {
    display: block !important;
}

.listorder_class89 input {
    width: 80%
}

.listorder_class90 {
}

.listorder_class91 {
    display: block !important;
    text-align: center;
    padding: 14px;
}

.listorder_class92 {
    font-size: 17px;
    background-color: #198754;
    color: white;
    padding: 3px 11px;
    border-radius: 6px;
    cursor: pointer;
}

.listorder_class99 {
    display: flex;
    flex-direction: row;
}

.listorder_class105 {
    font-size: 17px;
    background-color: #198754;
    color: white;
    padding: 3px 11px;
    border-radius: 6px;
    cursor: pointer;
}

.listorder_class7 thead {
    background-color: white !important;
}

#select_send_method {
    word-wrap: normal;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    max-width: 100%;
}

.form_input_css {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: inherit;
    width: 172px;
}

.form_input_css:focus {
    outline: none;
}

.listproduct {

}

.listproduct .category {
    background-color: white;
    margin: 21px;
    padding: 16px;
    border-radius: 7px;
}

.listproduct .listcategory {
}

.listproduct .titlecat {
}

.listproduct .titlecat span {
}

.listproduct .catitems {
    display: flex;
    flex-wrap: wrap;
    row-gap: 21px;
    justify-content: space-evenly;
}

.listproduct .catitem {
    text-decoration: none;
    color: black;
    text-align: center;
    display: inline-block;
    margin-right: 13px;
    background: #f8f8f8;
    padding: 10px 10px;
    width: 114px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.listproduct .catitem img {
    width: 95px;
    height: 95px;
}

.listproduct .catname {
    font-weight: 500;
}

.listproduct .catcount {
    font-size: 13px;
    margin-top: 6px;
}

.listproduct .catcount span {
}

.listproduct .sectionlist {
    background-color: white;
    margin: 21px;
    padding: 14px;
    border-radius: 10px;
}

.sectionlist .titlelist {
    display: flex;
    justify-content: space-between;
    padding: 13px 5px;
    margin: 14px 0px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
}

.sectionlist .rightlist {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

.sectionlist .itemtitle {
    text-decoration: none;
    color: #515151;
    font-size: 14px;
    margin-left: 10px;
    padding: 2px 6px;
    border-radius: 7px;
    white-space: nowrap;
    text-align: center;
}

.sectionlist .righttitle {
    min-width: 148px;
    font-size: 12px;
}

.sectionlist .righttitle {
    min-width: 148px;
    font-size: 12px;
}

.sectionlist .itemtitle:hover {
    background: #eee;
}

.sectionlist .itemtitle.active {
    background: #5999ff;
    color: white;
}

.sectionlist .righttitle {
    min-width: 148px;
}

.sectionlist .righttitle .txt {
}

.sectionlist .righttitle .val {
    color: red;
}

.sectionlist .mainlist {
}

.sectionlist .mainlist .itemlist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 27px;
}

.sectionlist .mainlist .itemlist .product_box_info {
}

.customnavpag {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 19px;
}

.pagination {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #F3F2F7;
    border-radius: 18px;
}

.pagination .page-item {
    display: inline-block;
    background-color: #F3F2F7;
    border-radius: 18px;
}

.page-item .page-link {
    line-height: 1.3;
    margin: 0;
    margin-right: 0;
    font-size: 1rem;
    min-width: 19px;
    position: relative;
    display: block;
    color: #6E6B7B;
    padding: 0.5rem 0.85rem;
    border-radius: 18px;
    text-decoration: none;
    text-align: center;
}

.page-item.active .page-link {
    background-color: #e22336;
    color: white;
}

.error_robot {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
}

.error_robot .inner_error {
}

.error_robot .msgtxt {
    color: red;
    font-size: 20px;
}

.error_robot .ppage {
    text-decoration: none;
    margin-top: 44px;
    display: inline-block;
    background: #07a460;
    color: white;
    padding: 7px 26px;
    border-radius: 8px;
}

.imgdesktopsize {
    display: block;
}

.imgmobilesize {
    display: none;
}

.step-one-pop {
}

.step-two-pop {
    display: none;
    margin-top: 10px;
}

.step-two-pop .number-pop {
    display: inline-block;
    color: #65d99f;
}

.step-two-pop .chanhe-number {
    display: inline-block;
    color: white;
    background-color: #65d99f;
    padding: 0px 11px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    margin-right: 18px;
}

a.chanhe-number {
    display: inline-block;
    color: white;
    background-color: #65d99f;
    padding: 4px 14px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    margin-top: 18px;
}

.outer-chanhe-number {
    text-align: center;
}

.enter-code-pop {
    margin: 10px 0px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.enter-code-pop input {
    position: relative;
    width: 15%;
    margin: 0px;
    outline: none;
    border: 1px solid #d7cfcf;
    text-align: center;
    margin-right: 6px;
    border-radius: 6px;
}

.enter-code-pop input:focus {
    border: 1px solid #2799ee;
}

.enter-code-pop input:nth-last-of-type(5) {
}

.step-two-pop .submit-code-sms {
}

.step-two-pop .resend-code {
}

.count-down-pop {
    display: none;
    margin-top: 10px;
}

.count-down-pop .valdd {
    margin-top: 10px;
}

.count-down-pop .txttt {
    font-size: 13px;
    margin-right: 2px;
}

.step-two-pop .resend-submit {
    display: inline-block;
    background-color: #65d99f;
    color: white;
    padding: 1px 12px;
    border-radius: 8px;
    cursor: pointer;
    display: none;
    font-size: 12px;
}

.step-one-pop .msg-submit {
    display: none;
    color: red;
    font-size: 13px;
    margin-top: 14px;
}

.step-two-pop .msg-submit {
    display: none;
    color: red;
    font-size: 13px;
    margin-top: 14px;
}

.step-two-pop .outer-number {
}

.step-two-pop .outer-number span {
    font-size: 13px;
    margin-right: 5px;
}

.step-two-pop .send-submit {
    background-color: #65d99f;
    color: white;
    padding: 4px 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 20px;
}

#logo_popup {
    width: 137px;
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translate(-50%);
}

#deletefromcard {
}

#deletefromcard img {
    width: 20px !important;
    height: auto !important;
    cursor: pointer;
}

.passshipspan {
    color: red;
    margin-top: 13px;
    display: block;
}

.listorder_class6 {
    /* overflow-x: auto; */
    /* margin: 0; */
    /* padding: 0; */
}

.listorder_class6 table {
    width: 100%;
    border-collapse: collapse;
}

.listorder_class6 th, .listorder_class6 td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.outer_language-selector {
    display: inline-block;
    position: relative;
    top: -14px;
}

.language-selector {
    position: relative;
    display: inline-block;
    margin: 10px;
}

.language-button {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    outline: none;
}

.language-options {
    display: none;
    /* Hidden by default */
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style: none;
    padding: 5px 0;
    margin: 0;
    z-index: 1000;
    width: 84px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.language-options li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 3px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s;
}

.language-options li:hover {
    background-color: #f1f1f1;
}

.language-icon {
    width: 20px;
    height: auto;
    border-radius: 3px;
}

.language-options.show {
    display: block;
}

.header_mobile .language-options {
    width: 84px;
}

.header_mobile .language-options li {
    font-size: 11px;
}

.blogpage {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    background: white;
    margin: 22px;
    padding: 12px;
    border-radius: 8px;
    margin-top: 164px;
}

.blogpage .blog_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.blogpage .blog_item {
    border: 1px solid #ced4da;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    border-radius: 11px;
}

.blogpage .section1 {
    position: relative;
}

.blogpage .img_item_blog {
    position: relative;
}

.blogpage .img_item_blog img {
    max-width: 100%;
}

.blogpage .section1::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.895) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blogpage .de_fe {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 4;
    padding: 0px 20px 10px 20px;
}

.blogpage .right_s_s_i {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blogpage .right_s_s_i img {
}

.blogpage .right_s_s_i span {
    color: white;
}

.blogpage .left_s_s_i {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blogpage .left_s_s_i img {
}

.blogpage .left_s_s_i span {
}

.blogpage .section2 {
    padding: 10px 19px;
}

.blogpage .title_s2 {
    font-size: 15px;
    font-weight: bold;
}

.blogpage .desc_s2 {
    font-size: 14px;
    margin-top: 7px;
}

.blogpage .view_s2 {
    margin-top: 12px;
}

.blogpage .section2 a {
    color: #0547b2;
    text-decoration: none;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    display: inline;
    background-color: #0967ff13;
    border-bottom: 1px dashed #0761f6;
    padding: 4px 7px;
    border-radius: 11px;
    font-size: 13px;
}

.post_page {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    background-color: white;
    margin: 20px;
    padding: 20px;
    border-radius: 11px;
}

.post_page .post_title_t {
    border-bottom: 1px solid #b7b4b4;
    display: flex;
    justify-content: space-between;
    padding: 18px 10px;
}

.post_page .post_date {
}

.post_page .post_title {
}

.post_page .post_content {text-align: justify;}

.post_page .img_post {
    text-align: center;
    position: relative;
    width: 100%;
    display: block;
}

.post_page .img_post img {
    max-width: 352px;
}

.title_blog_page {
    display: flex;
    justify-content: space-between;
    padding: 20px 11px;
    border-bottom: 1px solid #afabab;
    margin-bottom: 20px;
}

.title_blog_page .righttitleblog {
}

.title_blog_page .lefttitleblog {
}

.title_blog_page .rangeq {
}

.title_blog_page .txt {
}

.title_blog_page .val {
    color: blue;
}

.post_content img {
    max-width: 400px;
}

.cke_reset.cke_widget_drag_handler_container {
    display: none;
}

.easyimage.cke_widget_element.easyimage-full {
    text-align: center;
}

.inner_back_menu {
}

.inner_back_menu li {
    padding-right: 15px;
}

.inner_back_menu a:hover {
    padding-right: 10px;
    color: blue;
}

.inner_back_menu li:nth-of-type(1) > a {
}

.outer_inner_back_menu {
    display: grid;
    grid-template-columns: 211px 1fr;
}

.header_mobile .outer_inner_back_menu {
    display: block;
}

.inner_back_menu a {
    color: #333;
    font-size: 14px;
    padding-right: 5px;
    transition: padding-right 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.inner_seller_list_all {
    background-color: #5999ff;
    margin: 23px;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2em;
    row-gap: 2em;
}

.inner_seller_list_all .list_seller {
    background-color: white;
    border-radius: 11px;
    padding: 12px;
}

.inner_seller_list_all .list_seller a {
    text-decoration: none;
    color: black;
}

.inner_seller_list_all .seller_box_s {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.inner_seller_list_all .section1 {
}

.inner_seller_list_all .section1 img {
}

.inner_seller_list_all .section2 {
    padding-right: 10px;
}

.inner_seller_list_all .section2 h6 {
    font-size: 14px;
    padding: 0px;
    margin: 15px 0px;
}

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

.inner_seller_list_all .section31 {
    font-weight: bold;
}

.inner_seller_list_all .section32 {
    color: #4c4a4a;
}

.filter_seller_box {
    margin: 0px 20px;
}

.outer_outermainslider_brand {
    width: 100%;
    padding: 18px 20px;
}

.outermainslider_brand {
    width: 100%;
    height: var(--height);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10% 90%, transparent);
    mask-image: linear-gradient(55deg, transparent, #000 10% 90%, transparent);
}

.outermainslider_brand .mainslider {
    display: flex;
    width: 100%;
    min-width: calc(var(--width)* var(--quantity));
    position: relative;
}

@keyframes reversePlay {
    0% {
        left: calc(var(--width)*-1)
    }

    to {
        left: 100%
    }
}

@keyframes reversePlaypart2 {
    0% {
        left: 100%
    }

    to {
        left: calc(var(--width)*-1)
    }
}

.outermainslider_brand .item {
    animation: reversePlay 80s linear infinite;
    width: var(--width);
    height: var(--height);
    position: absolute;
    left: 100%;
    transition: filter .5s;
    animation-delay: calc(80s / var(--quantity)*(var(--position) - 1) - 80s) !important;
    background-color: #f4f5f9;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.outermainslider_brand .item img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    max-height: 100%;
}

.outermainslider_brand:hover .item {
    animation-play-state: paused;
}

.part2 .outermainslider_brand .item {
    animation: reversePlaypart2 80s linear infinite;
}

.part2 .outermainslider_brand:hover .item {
    animation-play-state: paused;
}

.brand_list_title {
    text-align: center;
}

.brand_list_title h2 {
}
.error_page{
    text-align: center;
    color: black;
    padding: 25px 0px;
}
.error_page h3{}
.error_page div{}
.error_page img{
    max-width: 100%;
    width: 317px;
}
.header_img_c_a{position: relative;width: 100%;text-align: center;display: block;margin-top: 10px;}
.header_img_c_a_top{margin-top: 164px;}
.header_img_c_a img{width: 80%;border-radius: 30px;

}
.contactusd{margin: 26px;background-color: white;padding: 18px;}
.contactusd .descddc{

}
.contactusd .descddc h3{

}
.contactusd .commentformd{text-align: center;justify-content: center !important;}
.contactusd .commentformd > h6{font-size: 1.75rem !important;margin-bottom: 0;}
.contactusd .commentformd > p{
    font-size: 14px;
    color: #6c757d !important;
}
.commentformd form{
    text-align: center;
    width: 66%;
}
.commentformd .rowdd{}
.commentformd .colsm6d{
    flex: 0 0 auto;
    width: 44%;
    display: inline-block;
}
.commentformd .formgroupd{}
.commentformd .formcontrold{
    padding: 1rem .75rem;
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0;
    font-family: inherit;
}
.outerformddd{
    justify-content: center !important;
    display: flex;
    flex-wrap: wrap;
}
.commentformd .formcontrold:focus{
    box-shadow: none;
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
}
.commentformd .formgroupd label{}
.commentformd .formcheckd{}
.commentformd .formchecklabeld{
    margin: 17px 0px;
    display: block;
}
.commentformd .colsm12d{
    flex: 0 0 auto;
    width: 100%;
}
.commentformd .formfloatingd{}
.commentformd .formcontroldt{}
.commentformd .btnddd{
    margin-top: 20px;
}
.btnddd {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Success Button Styles */
.btnddd {
    background-color: #28a745; /* Green background */
    color: white;
    border-color: #28a745;
    font-family: inherit;
}

.btnddd:hover {
    background-color: #218838; /* Darker green on hover */
    border-color: #1e7e34;
}
.be_seller_c{
    text-decoration: none;
    background: #5A8DEE;
    color: white;
    padding: 7px 12px;
    border-radius: 8px;
}
.image_page{
    max-width: 100%;
}
.text_justify_c{
    text-align: justify;
}
.top-menu-menu .nav-item > a img{
    display:none;
}
.listorder_class18{
    width: 100%;
    height: 81px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    resize: vertical; /* Allows vertical resizing */
    outline: none;
}
.listorder_class18:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.score_location{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.score_location .location_info{}
.score_location .location_info img{
    width: 26px;
}
.score_location .info_location{}
.score_location .info_location span{}
.score_location .score_p{display: inline-block;margin-top: 14px;}
.score_location .score_p label{display: none;}
.score_location .score{
    display: inline-block;
}
.score_location .rating{
    display: flex;
    direction: ltr;
    cursor: pointer;
    line-height: 9px;
}
.score_location .rating span {color: #ccc;
    transition: color .2s;
    font-size: 28px;
}
.score_location .rating span.hovered {color: #f5c518;}
.indexpagemain .score_location .info_location span{
    font-size: 11px;
}
.sticky-tab {
    position: fixed;
    top: 138px;
    left: 0;
    right: 0;
    z-index: 999;
    background: white;
    margin: 0px;
    line-height: 55px;
    border-bottom: 1px solid #bbb3b3;
    border-top: 1px solid #bbb3b3;
    padding-right: 44px !important;
}

.slider-comment-container {
    position: relative;
    width: 100%; /* یا مقدار دلخواه برای اندازه */
    overflow: hidden;
    display: none;
}

.slider-comment {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.slider-comment-container .box_users_comment {
    flex: 0 0 100%; /* عرض هر بخش ثابت است */
    box-sizing: border-box;
    padding: 10px 41px;
    /* استایل دلخواه برای هر بخش */
    /* text-align: center; */
}
.slider-comment-container .inner_box_users_comment{
    display: block;
}
.slider-comment-container button {
    position: absolute;
    bottom: -11px;
    transform: translateY(-50%);
    background-color: rgb(0 127 238);
    color: white;
    border: none;
    padding: 4px;
    cursor: pointer;
    font-size: 16px;
    z-index: 1;
    font-family: 'shabnam-fa-num';
    border-radius: 4px;
}

.slider-comment-container button.prev-comment {
    left: 0px;
}

.slider-comment-container button.next-comment {
    left: 53px;
}
.slider-comment-container .box_users_comment .comment_a_comment{
    padding-left: 0px;
}
/* Desktop Style */
@media (min-width: 768px) {
    table.seller_tabel {
        width: 100%;
        /* Table takes 80% of the screen width */
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile Style */
@media (max-width: 767px) {
    table.seller_tabel {
        border: 0;
    }

    table.seller_tabel thead {
        display: none;
    }

    table.seller_tabel tr {
        display: block;
        margin-bottom: 10px;
    }

    table.seller_tabel td {
        display: block;
        text-align: left;
        position: relative;
        padding-right: 30%;
    }

    table.seller_tabel td::before {
        content: attr(data-label);
        position: absolute;
        right: 10px;
        top: 12px;
        font-weight: bold;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .header_top .bottom_header {
        padding: 9px;
        margin-left: -1px;
    }
    .sectionlist .rightlist{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 900px) {
    .similar_product .price{
        text-align: right;
    }
    .tbody_seller .seller_name_p span {
        margin-right: 2px;
        text-align: right;
    }
    .outer_box_users_comment{
        display: none;
    }
    .slider-comment-container{
        display: block;
    }
    .seller_for_p{
        margin: 0px;
    }
    .product_tab{
        padding: 0px;
        margin: 0px;
    }
    .sticky-tab{
        top:0px;
    }
    .product_tab .nav-item {
        display: table-cell;
    }
    .product_tab .tab-button{
        margin-right: 7px;
    }
    .product_tab .read-more-wrap h2,.product_tab .read-more-wrap h1{
        font-size: 13px;
    }
    .score_location .rating span{
        font-size: 18px;
    }
    .outerslider,.header_img_c_a_top{
        margin-top:0px;
    }
    .newst_c_product{
        margin: 5px;
        padding: 5px;
    }
    .sectionlist .rightlist{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .sectionlist .titlelist{
        display: block;
        text-align: center;
    }
    .top-menu-menu .nav-item > a{
        display: flex;
        align-items: center;
        column-gap: 8px;
        margin-bottom: 2px;
    }
    .top-menu-menu .nav-item > a img{
        display:inline-block;
    }
    .sectionlist .itemtitle{
        display: block;
        text-align: center;
        line-height: 29px;
    }
    .outer_slider_product .product_box_info .product_img{
        height: 170px;
    }
    .outer_slider_product .product_box_info .product_name{
        height: auto;
    }
    .outer_slider_product .product_box_info .product_cat{
        height: auto;
    }
    .outer_slider_product .product_box_info .product_p_b{
        height: auto;
        margin-bottom:10px;
    }
    .outer_slider_product .slider_product_wrapper{
        /*   height: 418px; */
    }
    .commentformd .colsm6d{
        width:100%;
        margin-top:20px;
    }
    .commentformd form{
        width:95%;
    }
    .header_img_c_a img{
        width: 95%;
        border-radius: 10px;
    }
    .inner_seller_list_all {
        grid-template-columns: 1fr;
    }

    .post_content img {
        max-width: 100%;
    }

    .post_page .img_post img {
        max-width: 100%;
    }

    .blogpage .blog_list {
        grid-template-columns: 1fr;
    }

    .listorder_class7 {
        min-width: 100%;
    }

    #all_card_product tr td img {
        width: 108px;
        height: auto;
    }

    .listorder_class6 table, .listorder_class6 thead, .listorder_class6 tbody, .listorder_class6 th, .listorder_class6 td, .listorder_class6 tr {
        display: block;
    }

    .listorder_class6 thead {
        display: none;
        /* Hide table header */
    }

    .listorder_class6 tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
    }

    .listorder_class6 td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 10px;
    }

    .listorder_class6 td:before {
        content: attr(data-label);
        font-weight: bold;
        text-align: right;
        flex: 1;
    }

    .listorder_class10 img {
        max-width: 50px;
        height: auto;
    }

    .listorder_class29 input {
        width: 50px;
    }

    .c_loading_copy {
        position: absolute;
        top: 3px;
        left: 35px;
    }

    .text-lg-start.text-end.d-block .c_loading_copy {
        top: -25px;
    }

    .mobile_loading .c_loading_copy {
        position: absolute;
        top: -17px;
        left: 83px;
    }

    .outer_c_loading_copy {
        position: relative;
    }

    .c_loading_copy .item_1_l_copy {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #1c5872;
        border-radius: 20px;
        animation: 0.8s bounce_copy ease-in-out infinite paused;
        animation-play-state: running;
    }

    @keyframes bounce_copy {
        0%, 5%, 95%, 100% {
            width: 100px;
            height: 18px;
            top: 15px;
            left: 0px;
        }

        45%, 55% {
            width: 120px;
            height: 17px;
            left: -13px;
            top: 12px;
        }
    }

    .c_loading_copy .item_2_l_copy {
        position: absolute;
        background-color: #2489b3;
        border-radius: 56px;
        top: 35px;
        width: 20px;
        height: 20px;
        animation: 0.8s bounce1_copy ease-in-out infinite paused;
        animation-play-state: running;
    }

    @keyframes bounce1_copy {
        0%, 5%, 95%, 100% {
            left: 0px;
        }

        45%, 55% {
            left: 20px;
        }
    }

    .c_loading_copy .item_3_l_copy {
        position: absolute;
        left: 40px;
        background-color: #7f8085;
        border-radius: 56px;
        width: 20px;
        height: 20px;
        animation: 0.8s bounce2_copy ease-in-out infinite paused;
        animation-play-state: running;
    }

    @keyframes bounce2_copy {
        0%, 5%, 95%, 100% {
            top: 32px;
        }

        45%, 55% {
            top: 36px;
        }
    }

    .c_loading_copy .item_4_l_copy {
        position: absolute;
        top: 35px;
        left: 80px;
        background-color: #2489b3;
        border-radius: 56px;
        width: 20px;
        height: 20px;
        animation: 0.8s bounce3_copy ease-in-out infinite paused;
        animation-play-state: running;
    }

    @keyframes bounce3_copy {
        0%, 5%, 95%, 100% {
            left: 80px;
        }

        45%, 55% {
            left: 60px;
        }
    }

    #logo_popup {
        width: 66px;
        top: -3px;
    }

    .harajeston .item_middle:nth-child(n+5) {
        display: none;
    }

    .imgdesktopsize {
        display: none;
    }

    .imgmobilesize {
        display: block;
    }

    .sectionlist .righttitle {
        min-width: 120px;
        font-size: 12px;
        margin-top: 10px;
    }

    .sectionlist .mainlist .itemlist {
        grid-template-columns: 1fr 1fr;
    }

    .listorder_class3 {
        grid-template-columns: 1fr;
    }

    .showonmobile {
        display: block;
    }

    .footer .menu_item_section ul {
        padding-right: 14px;
    }

    .footer .menu_item_section ul a {
        font-size: 12px;
    }

    .footer .title_menu_footer,.footer .title_menu_footer {
        font-size: 12px;
    }

    .popular_all {
        grid-template-columns: 1fr 2fr;
        column-gap: 8px;
    }

    .category_product {
        padding: 10px;
    }

    .product_page {
        margin: 10px;
    }

    .product_page .product_details {
        grid-template-columns: 1fr;
    }

    .product_desc_s .p_p_name .p_name,.product_desc_s .p_p_name .p_name_cat {
        padding-right: 10px
    }

    .send_p_d {
        grid-template-columns: 1fr 1fr;
    }

    .send_p_d .p_d_item {
        margin-top: 15px;
    }

    .two_section_p_d {
        grid-template-columns: 1fr;
    }

    .two_section_p_d .section2_p_d {
        margin-top: 10px;
    }

    .two_section_p_d .section1_p_d {
        padding-right: 17px;
        padding-left: 0px;
    }

    .header_top {
        display: none;
    }

    .header_mobile {
        display: block;
    }

    .mobile_footer {
        display: block;
    }

    .category_product .inner_category_product {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 1em;
        padding: 0px 0px;
    }

    .category_product a img {
        width: 80%;
    }

    .outer_slider_product .product_in_slider {
        flex: 0 0 50%;
    }

    .outer_outer_slider_product .outer_slider_product .product_in_slider {
        flex: 0 0 50%;
    }

    .banner_section1 .inner_banner_section1 {
        column-gap: 1em;
        grid-template-columns: 1fr 1fr;
    }

    .baner_section1 .inner_baner_section1 {
        column-gap: 1em;
        grid-template-columns: 1fr 1fr;
    }

    .harajeston .inner_harajeston {
        grid-template-columns: 1fr;
    }

    .banner_section2 .inner_banner_section2 {
        column-gap: 1em;
        grid-template-columns: 1fr;
    }

    .inner_newst_item .header_newst {
        grid-template-columns: 1fr 1fr;
    }

    .inner_newst_item .text_newst,.inner_newst_item .txt_left_newst {
        font-size: 11px;
    }

    .popularstore .inner_newst_item .left_newst,.inner_newst_item .left_newst {
        display: flex;
        justify-content: flex-end;
    }

    .inner_newst_item .middle_newst {
        display: none;
    }

    .banner_section4 .inner_banner_section4 {
        column-gap: 1em;
    }

    .popular_all .popular_info {
        display: block;
    }

    .popular_all .quantity_popular {
        display: flex;
        font-size: 10px;
        align-items: baseline;
        margin-top: 7px;
    }

    .banner_section5 .inner_banner_section5 {
        grid-template-columns: 1fr;
        column-gap: 1em;
        padding: 0px 0px;
    }

    .application .item_application {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1em;
        padding: 4px 17px;
    }

    .application .item_application div {
        display: flex;
        justify-content: flex-start;
    }

    .itemlast .inner_last {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1em;
    }

    .itemlast .itembox {
        margin-top: 16px;
    }

    .footer {
        padding: 10px 19px;
    }

    .footer .top_item {
        margin: 0px 0px;
    }

    .footer .inner_top_item {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footer .top_item_item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
        align-items: center;
        margin-top: 25px;
    }

    .footer .menu_footer {
        grid-template-columns: 1fr 1fr;
        column-gap: 0em;
    }

    .footer .menu_item_section {
        margin-top: 10px;
    }

    .footer .desc_footer {
        grid-template-columns: 1fr;
        column-gap: 0em;
    }

    .footer .section2_desc {
        column-gap: 1em;
    }

    .outer_outer_slider_product .outer_slider_product {
    }

    .outer_outer_slider_product .outer_slider_product .mainslider_product {
    }

    .hideonmobile {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .sectionlist .rightlist{
        grid-template-columns: 1fr 1fr;
    }
    .sectionlist .mainlist .itemlist {
        grid-template-columns: 1fr ;
    }

    .outer_add_to_card .counter {
        width: 40px;
    }

    .outer_add_to_card .btn-counter {
        padding: 8px 12px;
        font-size: 14px;
    }
}