@font-face {
    font-family: IRANSans;
    src: url('../../../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('../../../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../../../fonts/IRANSans(FaNum).ttf') format('truetype')
}

:root {
    --main-color-orange: #F48C09;
    --main-color-blue: #028e9b;
    --gray_4B: #4B4B4B;
    --dot-swiper: #656565;
    --gray-EF: #EFEFEF;
    --orange-sazman: #F48C09FF;
    --gray-76: #767790;
    --color-neutral-700: #3f4064;
    --gray-E7: #E7E7E7;
    --gray-C9: #C9C9C9;
    --gray-E2: #E2E2E2;
    --light-blue: #E3E6EC;
    --color-33: #334155;
    --gray-A8: #A8A8A8;
    --gray-51: #515151;
    --gray-F8: #F8F8F8;
    --gray-55: #555555;
    --gray-20: #202020;
    --gray-F3: #F3F3F3;
    --color_discount: #FF9600;
    --color_initial_price: #919191;
    --gray-D9: #D9D9D9;
    --gray-F2: #F2F2F2;
    --gray-79: #797979;
    --gray-f1: #f1f2f4;
    --gray-9e: #9e9fb1;
    --gray_9F: #898989;
    --radio-button: #424750;
    --gray-52: #525252;
    --btn-seller: #D0D0D0;
    --checkbox: #1B9C90;
    --font-family: IRANSans
}

#header_main, body {
    background-color: #fff
}

body, html {
    direction: rtl;
    height: 100%;
    width: 100%
}

*, body {
    font-family: var(--font-family)
}

.ltr {
    direction: ltr !important
}

.arrow-baner-control, .card-hover-header {
    position: absolute;
    background-color: #fff
}

.basket-item-title, .one-line {
    text-overflow: ellipsis;
    white-space: nowrap
}

fieldset input[type=radio]:after, fieldset input[type=radio]:checked:after {
    transition: .2s linear;
    transform: translate(0, -50%);
    cursor: pointer;
    content: ""
}

.btn-toggle .knobs, .btn-toggle .knobs:before, .btn-toggle .layer, .layer {
    transition: .3s
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.card-categories-header > li, li {
    list-style: none
}

.font-9, .icon_arrow_left {
    font-size: 9px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.basket-item-props > span, .font-12, .top-footer p {
    font-size: 12px
}

.font-13, .icon-tab-header {
    font-size: 13px
}

.font-14, .toggle-button-cover label {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.line-height-25 {
    line-height: 25px
}

.line-height-30 {
    line-height: 30px
}

.line-height-31 {
    line-height: 31px
}

.line-height-32 {
    line-height: 32px
}

.border-radius-100 {
    border-radius: 100%
}

.border-radius-5, .nb-spinner, .nb-spinner > img {
    border-radius: 5px
}

.border-radius-3 {
    border-radius: 3px
}

.btn-main {
    background-color: var(--orange-sazman);
    color: #fff;
}
.btn-main-outline {
    border: 1px solid #f19411;
}

.grow-1 {
    flex-grow: 1
}

.section-price, .text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.one-line {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.two-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.max-width-index {
    max-width: 1304px !important;
    margin: auto
}

.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: 1s infinite shine;
    animation: 1s infinite shine
}

.footer-filter {
    position: fixed;
    bottom: 0;
    height: 60px;
    width: 100%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .5);
    margin: auto;
    padding: 11px 0px;
    display: flex;
    justify-content: center;
    background: #fff;
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0
    }
}

.d-none-desktop, .tab-pane {
    display: none
}

.border-right-title {
    border-right: 2px solid var(--orange-sazman);
    padding-right: 11px;
    font-weight: 700;
    margin-bottom: 1.5%
}

.font-weight-none {
    font-weight: unset !important
}

.arrow-left, .arrow-right {
    display: block !important;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%)
}

.arrow-left > svg, .arrow-right > svg {
    width: 15px;
    height: 15px
}

.arrow-right {
    right: 0
}

.arrow-left {
    left: 0
}

.basket-item-image img, .card-main-loader, .full-img, .full-item, .icon-delete-basket img, .img-product-search img, .img-suppliers-header img, .img_item_product > img, .item-card-Suppliers > a, .time-header img {
    width: 100%;
    height: 100%
}

.full-width, .item-slider-Organizations-header > img {
    width: 100%
}

.padding-item-index {
    margin: 2% 0
}

.swiper-pagination-bullet {
    background: var(--dot-swiper)
}

.activeLevel, .font-bold {
    font-weight: 700
}

.card-top-user-profile, .item-card-product-search > a {
    display: flex;
    align-items: center
}

.icon_item_user {
    width: 10%
}

.item_card_profile {
    font-size: 12px;
    color: #000;
    margin-right: 2%
}

.item_card_profile:hover, .title-tab-header:hover {
    color: #000 !important
}

.organMenuImg {
    border-radius: 10px;
    width: 100%;
    box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 40%);
    margin: 14px auto
}

.basket-item-props, .btn:hover, .card-category-dstods > a, .card-category-dstods > a:hover, .card-category-dstods > span, .list-all-supplier > li > a, .list-all-supplier > li > a:hover, .name-product-supplier, .name-supplier-dstods > a, .name-supplier-dstods > a:hover, .organ > h6, .organ > h6:hover, .text-tab-header:hover, .title-category-level-two, .title-category-level-two:hover {
    color: #000
}

.arrow-baner-control {
    border: 1px solid #c3c3ce;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: unset !important;
    border-radius: 100%;
    bottom: 45px;
    top: unset;
    left: unset;
    visibility: unset !important
}

.arrow-baner-control > svg {
    width: 15px;
    height: 15px;
    fill: #c3c3ce
}

.arrow-baner-control::after, .subset-card-right > .line-card-Selection-discourse:last-child, .swiper-category .swiper-slide:last-child > .card-category-dstods > svg {
    display: none !important
}

.swiper-button-next.arrow-baner-control {
    right: 40px
}

.swiper-button-prev.arrow-baner-control {
    right: 90px
}

.active_tab_header {
    display: inline-block !important
}

.card-hover-header {
    z-index: 5;
    width: 100%;
    top: 100%;
    right: 0;
    display: none
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover, .tab-header .nav-link.active {
    border: none
}

.nav-link:hover {
    border: unset !important;
    outline: unset !important
}

.nav-link {
    border-right: unset !important;
    border-left: unset !important;
    border-top: unset !important;
    outline: 0 !important
}

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

.name-tab-header-show {
    display: none;
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.card-Inside-tab-header {
    display: none;
    position: relative
}

.title-tab-header {
    color: var(--green-main);
    font-size: 15px;
    font-weight: 700
}

.icon-tab-header {
    padding-left: 1%
}

.text-tab-header {
    font-size: 14px;
    line-height: 35px;
    color: #000
}

.tab-header-hover {
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 3px 7px 2px #fafafa;
    z-index: 5555
}

.card_main_header, .card_main_header_center {
    display: grid;
    overflow-wrap: anywhere;
    align-items: center;
    z-index: 555555555555555;
    background-color: #fff
}

.card-paroduct-tab-header {
    height: 13rem;
    overflow-x: hidden !important;
    margin: 1% 0;
    float: right
}

.card-Organizations-tab-header {
    height: 25.5rem;
    overflow-x: hidden !important
}

.link-item-tab-header {
    width: 33%;
    padding-left: 3%;
    line-height: 37px
}

.nav-tabs .nav-link-header:focus, .nav-tabs .nav-link-header:hover {
    border: none !important;
    outline: 0 !important
}

.nav-item-header {
    border-radius: 0;
    border-right: 1px solid var(--color-tab);
    border-left: 1px solid var(--color-tab);
    padding-left: 1% !important
}

#card-basket:hover, .card-hover-header:hover, .item-menu-desktop:hover > .card-hover-header, .list-category-dstods > li:hover .card-main-subset-category-dstods, .show-item-hover:hover .left_arrow_product-supplier, .show-item-hover:hover .right_arrow_product-supplier, .show-item-hover:hover .swiper-pagination {
    display: block !important
}

.nav-link:focus, .nav-link:hover {
    color: unset
}

.ul_nav_header {
    height: 100%;
    width: 100%
}

.img-tab-header {
    width: 25px
}

.border-bottom-tab-header {
    border-bottom: 1px solid var(--green-main) !important
}

.item-slider-Organizations-header {
    box-shadow: 0 0 7px -3px #d3d3d3
}

.card-left-Organizations-header {
    width: 100%;
    margin-bottom: 4%;
    border-radius: 6px;
    box-shadow: 0 0 8px -5px #d3d3d3
}

.icon_trash_header {
    width: 17px;
    height: 17px
}

.card_main_header {
    grid-template-columns:13% 46% 41%;
    padding: .6% 2.5%
}

.card_main_header_center {
    grid-template-columns:13% 40% 47%;
    padding: .7% 2.5%
}

.card_main_header, .card_main_header_center, .card_nav_header, .card_nav_header__center, .footer-desktop {
    max-width: 1676px !important;
    margin: auto
}

.logo_dstods_header, .logo_dstods_header_center {
    width: 100%;
    padding-left: 17%
}

.card_search_header {
    padding: 0 6%;
    position: relative
}

.card_search_header_center {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    text-align: right;
    direction: rtl;
    margin: 0 !important
}

.shop-basket, .shop-basket input {
    text-align: center;
    position: relative
}

.input_search_header {
    width: 100%;
    border-radius: 7px;
    border: 1px solid #bebebe;
    background-color: #fff;
    padding: 1.7% 8% 1.7% 4%;
    font-size: .8rem
}

.input_search_header_center {
    border-radius: 7px;
    border: none;
    background-color: #fff;
    padding: 1.8% 2.5% 1.8% 4%;
    font-size: .8rem
}

.input_search_header:focus, .input_search_header_center:focus, .pagination a:active, .tv-search-input-tm:focus {
    outline: 0
}

.icon_search_header > .cls-2 {
    fill: var(--search)
}

.icon_search_header {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translate(-50%, -50%)
}

.button, .checkbox, .item_product, .searchbox_header {
    position: relative
}

.card_login_cart_header {
    direction: ltr;
    position: relative;
    display: flex
}

.card_login_cart_header > a, .card_login_cart_header > div {
    margin-right: 4.5%;
    cursor: pointer;
    float: left
}

.card_login_cart_header > a > svg, .card_login_cart_header > div > svg {
    width: 23px;
    height: 23px;
    background-color: #fff
}

.ul_nav_header > li {
    list-style: none;
    float: right;
    height: 100%;
    display: flex;
    align-items: center
}

.nav_header {
    padding-left: 2%;
    height: 100%
}

.nav_link_menu__center, .ul_nav_header > li > a {
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 9px 13px;
    line-height: normal
}

.font_txt_header {
    font-size: .88rem
}

.full__header_nav {
    width: 100%;
    background-color: #1b9c90
}

.card_nav_header, .card_nav_header__center {
    display: grid;
    grid-template-columns:75% 25%;
    padding: 0 2.5%;
    align-items: center;
    position: relative
}

.icon_location_language_header {
    width: 15px;
    height: 15px;
    fill: white
}

.card_location_language_header {
    direction: ltr;
    display: flex;
    align-items: center
}

.card_location_language_header > div, .card_location_language_header > hr {
    margin-right: 3%
}

.card_location_language_header > div {
    cursor: pointer;
    display: flex;
    align-items: center;
    direction: rtl
}

.line_icons_header {
    width: 1rem;
    height: 1px !important;
    transform: rotate(90deg);
    opacity: 1;
    color: #fff
}

.txt_icon_nav_header {
    color: #fff;
    margin-right: .2rem;
    padding: 2% 5% 0 0 !important;
    width: auto
}

.icon_language_header > .cls-1 {
    fill: none
}

.icon_language_header > .cls-2 {
    fill: white
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.slide_baner_header > a > img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.card_swiper-baner_header {
    margin: 2% 0 1%;
    position: relative
}

.cunter-desktop {
    width: auto;
    float: left
}

.shop-basket {
    background-color: #fff;
    color: #fff;
    font-size: 14px;
    width: auto;
    border-radius: 6px;
    padding: 5px 8px;
    border: 1px solid var(--color-orange)
}

.shop-basket input {
    background-color: unset;
    border: none;
    color: #000;
    display: inline;
    padding: 0 4px;
    width: 60%
}

.icon_cunter_header {
    width: 15px;
    height: 15px;
    float: right
}

.f-right, .nav-pills-menu-header > .nav-tab-menu-item {
    float: right
}

.basket-list > li {
    list-style: none;
    padding: 5% 0;
    display: inline-block
}

.basket-item-content {
    padding: 0 3%
}

.basket-item {
    text-decoration: none !important
}

.basket-link, .basket-link > span, .basket-submit, .btn-see-user-profile, .pagination .a-custom, a {
    text-decoration: none
}

.basket-item-details {
    padding: 0 6% 0 3%
}

.basket-item-title {
    color: #000;
    font-size: 13px;
    overflow: hidden;
    direction: rtl
}

.icon_negative_header {
    float: left !important
}

.card-details-product > div > a > span {
    color: gray;
    font-size: 11px
}

.card-details-product {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.number-product-header {
    margin-left: 5px;
    border-left: 1px solid #d3d3d3;
    padding-left: 5%
}

.color-circle {
    background-color: purple;
    width: 11px;
    height: 11px;
    margin-top: 2px;
    margin-left: 8%
}

.basket-submit, .btn-toggle .checkbox:checked ~ .layer {
    background-color: #f48c09
}

.icon-delete-basket {
    float: left;
    padding: 0 1px
}

.line-basket {
    width: 100%;
    margin: 0;
    color: #d3d3d3
}

.scrool-basket {
    height: 21rem;
    overflow-x: hidden
}

#card-basket {
    width: 73%;
    height: auto;
    position: absolute;
    left: 1%;
    top: 21px;
    z-index: 55;
    box-shadow: 0 2px 7px -3px #d3d3d3;
    border-radius: 12px;
    background-color: #fff;
    padding: 1%;
    display: none
}

.basket-total > span, .text-price {
    font-size: 13px;
    color: gray
}

.basket-header {
    padding: 4% 8%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.basket-total {
    margin-right: 8%;
    float: left;
    display: flex;
    flex-direction: row-reverse
}

.basket-link > span {
    font-size: 14px;
    color: #028e9b;
    float: right
}

.basket-link > img {
    width: 9%
}

.card-bottom-basket {
    border-top: 1px solid #eee;
    margin: auto 0 !important;
    padding: 4% 2%
}

.number-text-basket {
    font-size: 16px
}

.price-basket {
    font-size: 11px;
    margin-top: 3px;
    margin-right: 5%
}

.basket-submit {
    color: #fff;
    float: left;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 15px
}

.basket-submit:hover {
    color: #fff
}

.card-img-user img {
    width: 100%;
    height: 100%;
    border-radius: 30px
}

.card-img-user {
    border: 1px solid #d3d3d3
}

.btn-see-user-profile {
    background: no-repeat;
    border: none;
    color: #028e9b;
    font-size: 12px
}

.card-history-search, .item-user-profile > span {
    font-size: 13px !important
}

.btn-see-user-profile img {
    width: 10px;
    margin-top: 4px;
    margin-right: 1px
}

.card-prices {
    margin-right: 21%
}

.card-prices > div > span {
    font-size: 11px !important;
    color: gray
}

.line-user-profile {
    width: 100%;
    color: gray;
    margin: 6% 0
}

.item-user-profile > span {
    margin-right: 4%
}

.search-box-list {
    position: absolute;
    background: #fff;
    left: 60px;
    right: 0;
    top: 32px;
    z-index: 55;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 10%);
    padding: 5px 12px 1px;
    border: 1px solid #bebebe;
    border-top: none !important;
    width: 100%;
    display: none
}

.main {
    padding-right: 0
}

.main .scroll {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: auto;
    cursor: default;
    overflow: scroll hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-padding: 0px 1.25rem;
    scrollbar-width: none
}

.main .scroll::-webkit-scrollbar {
    display: none
}

.main .scroll.active {
    cursor: grab;
    cursor: -webkit-grab
}

.main .scroll .card {
    flex: 0 0 auto
}

.card {
    border: none
}

.item-card-product-search {
    list-style: none;
    border: 1px solid #fafafa;
    padding: 8px 6px;
    border-radius: 5px
}

.name-product-search, .name-product-search > p {
    text-align: right;
    padding-top: 0
}

.name-product-search > p {
    font-size: 11px;
    padding-right: 7%;
    color: #000;
    text-decoration: none
}

.img-suppliers-header {
    width: 100%;
    height: 100%;
    padding: 4px
}

.item-card-Suppliers_center {
    height: 5.5rem !important
}

.item-card-Suppliers {
    height: 6rem;
    list-style: none;
    border: 1px solid #fafafa;
    position: relative
}

.time-header {
    width: 15px;
    height: 15px;
    margin-left: 1%
}

.search-results-trends {
    list-style: none;
    padding-right: 10px
}

.item-history-search {
    border: none;
    width: auto
}

.btn-history {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    font-size: 11px;
    float: right;
    padding: 5px 11px;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.slide_baner_header {
    padding: 0 !important
}

.icon-arrow-menu {
    width: 12px !important;
    height: 12px;
    margin: 0 4px 0 0;
    fill: var(--search)
}

.line-search-header {
    width: 100%;
    color: #d3d3d3
}

.search_result-item--category {
    display: inline-block;
    margin-left: 5px;
    color: #000;
    padding-right: 1%;
    padding-bottom: 1%;
    font-size: 12px
}

.search_result-icon-group {
    background: url("menu (3).svg") 100%/16px no-repeat
}

.search_result-icon {
    background: url("loupe (5).svg") 100%/16px no-repeat
}

.icon-most-search-header {
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 3%
}

.icon-suppliers-header {
    z-index: 5;
    width: 14%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    bottom: -15%
}

.scroll-supliers {
    padding-bottom: 4% !important
}

.scrollbar-track-y {
    left: -5px !important
}

.card_scroll_search_header {
    height: 28.5rem
}

.margin_item_header {
    margin: 3.5% 0;
    position: relative
}

.card-categories-header:last-child > .item-card-categories-header > a > .search_result-item--category {
    padding-bottom: 0 !important
}

.item-card-categories-header {
    margin-bottom: 1%
}

.card-categories-header > .item-card-categories-header:last-child, .list-all-supplier > li:last-child {
    margin-bottom: 0 !important
}

.card_history_search {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.icon_recycle_header {
    position: absolute;
    left: 0;
    top: 39%
}

.title_result_search_header {
    font-size: 1rem;
    color: #000
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #c0c2c5;
    position: relative;
    right: -3px;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a3a8
}

.icon_search_result_header {
    width: 15px;
    height: 15px;
    margin-left: 2%
}

.card_title_result_search_header {
    padding-right: 34px
}

.card-footer-desktop {
    clear: both;
    position: relative
}

.footer-desktop, footer {
    background-color: #fcfcfc
}

.footer-desktop {
    padding-right: 16px;
    padding-left: 16px;
    max-width: 1950px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px
}

.email-title, .middle-footer .header-title {
    font-size: 13px;
    color: #000401
}

.middle-footer li a {
    color: #4e545c;
    font-size: 12px
}

.input-email-footer input {
    border: 1px solid #b5b5b5;
    border-radius: 0 5px 5px 0;
    height: 34px;
    width: 291px
}

.input-email-footer button {
    color: #ff9600;
    margin-right: 3px;
    border: 1px solid #ff9600;
    border-radius: 5px 0 0 5px;
    height: 34px;
    font-size: 12px;
    background-color: #fff;
    padding: 0 9px;
    position: relative
}

.email-sub {
    font-size: 8px
}

.icon-socila-footer {
    display: table;
    width: 24px;
    height: 24px
}

.bottom-footer {
    border-top: 1px solid #d3d3d3
}

.enamds-icons span {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 10px 10px 93px;
    width: 100px;
    height: 100px;
    text-align: center
}

.aparat-align {
    position: relative;
    bottom: 2px
}

.subtitle-footer {
    font-size: 13px;
    text-align: center
}

.Selection-item:empty, .card-all-btn-filter, .card-category-res, .card-main-subset-category-dstods, .lvl-2, .lvl-3, .lvl-4, .lvl-5, .show-item-hover .left_arrow_product-supplier, .show-item-hover .right_arrow_product-supplier, .show-item-hover .swiper-pagination {
    display: none
}

.swiper-baner-dstods > .swiper-wrapper {
    padding-bottom: 2rem
}

.list-category-dstods > li > a, .list-category-dstods > li > a:hover {
    color: #000;
    width: 100%;
    display: block
}

.list-category-dstods {
    border: 1px solid var(--gray-EF);
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0
}

.list-category-dstods > li {
    border-bottom: 1px solid var(--gray-EF);
    padding: 4px 10px
}

.list-category-dstods > li:last-child {
    border-bottom: unset !important
}

.subset-category-dstods {
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 75%;
    background-color: #fff;
    padding: 20px;
    border: 1px solid var(--gray-EF);
    border-right: none !important;
    overflow-y: auto;
    overflow-x: hidden
}

.btn-all-product-category, .btn-all-product-category:hover {
    color: var(--color-neutral-700)
}

.btn-all-product-category > svg, .title-category-level-two > svg {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-right: 5px
}

.title-category-level-two:before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    background-color: var(--orange-sazman);
    position: relative;
    right: 0;
    top: 0;
    margin-left: 10px
}

.title-category-level-two {
    position: relative;
    display: flex;
    align-items: center
}

.item-category-level-three, .item-category-level-three:hover {
    color: var(--gray-76)
}

.card-category-level-two {
    height: 443px;
    margin-top: 2.5%;
    overflow-x: scroll
}

.scrollbar-track-y {
    right: 0 !important
}

.scrollbar-thumb, .scrollbar-track-y {
    width: 4px !important
}

.card-category-level-two > a {
    margin-top: 5px;
    padding: 0 10px
}

.card-all-tags > a, .item-select-filter {
    background-color: var(--light-blue);
    padding: 3px 6px
}

.height-full {
    height: 100%
}

.card-category {
    height: fit-content
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 20px;
    position: relative;
    width: 12px;
    height: 12px
}

fieldset input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    transition: .8s linear;
    height: 0;
    width: 0;
    -webkit-tap-highlight-color: transparent
}

fieldset input[type=radio]:after {
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 0;
    border-radius: 20px;
    border: 1px solid var(--radio-button)
}

fieldset input[type=radio]:checked:after {
    position: absolute;
    height: 12px;
    width: 12px;
    background: #fff;
    right: 0;
    top: 50%;
    border: 1px solid #1b9c90
}

fieldset input[type=radio]:checked:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 4px;
    background: #1b9c90;
    left: 50%;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    transform: translate(-50%, -50%)
}

fieldset input[type=radio]:checked + span > .icon {
    transform: scale(1.7)
}

.list-all-supplier > li > img, .list-all-supplier > li > label {
    margin-right: 7px
}

.item-list-seller > img, .list-all-supplier > li > img {
    width: 24px;
    height: 24px
}

.item-select-filter > svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    cursor: pointer
}

.item-select-filter {
    border-radius: 3px;
    line-height: 24px;
    margin: 3px;
    width: fit-content
}

.item-select-filter > span {
    color: var(--color-33)
}

.padding-subset-card-right {
    padding: 12px
}

.subset-card-right {
    width: 100%;
    border: 1px solid var(--gray-E7);
    background-color: #fff;
    border-radius: 4px
}

.card-Selection-discourse:hover {
    border: none;
    outline: 0
}

.btn-collapse-style:not(.collapsed) {
    border-bottom: none !important
}

.card-body-Selection-discourses {
    border: none;
    padding: 0
}

.tv-search-input-container-tm {
    margin: 0 0 10px
}

.tv-search-input-tm {
    border-radius: 3px;
    border: 1px solid var(--gray-E7);
    font-size: 13px;
    width: 100%;
    padding: 5px 33px 5px 5px;
    margin: 0;
    font-family: IRANSans
}

.tv-search-result-ul-tm .tv-in-tm {
    animation-name: fadeIn;
    animation-duration: 1s
}

.tv-search-result-ul-tm .tv-out-tm {
    opacity: 0;
    animation-name: fadeOut;
    animation-duration: 1s;
    height: 0;
    overflow: hidden
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        height: auto;
        overflow: hidden
    }
    to {
        opacity: 0
    }
}

.checkmark-city {
    position: relative;
    float: right;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    border: 1px solid var(--gray-C9);
    background-color: #fff;
    margin-left: 5px
}

.card-body-tags, .checkbox-lable-city {
    display: flex;
    align-items: center;
    margin: 3px 0
}

.checkbox-lable-city input:checked ~ .checkmark-city {
    background-color: var(--checkbox);
    border: 1px solid var(--checkbox) !important
}

.checkmark-city:after {
    content: "";
    position: absolute;
    display: none
}

.Selection-item:not(:empty), .checkbox-lable-city input:checked ~ .checkmark-city:after {
    display: block
}

.checkbox-lable-city .checkmark-city:after {
    right: 40%;
    top: 40%;
    width: 4px;
    height: 8px;
    border: 0 solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg) translate(-50%, -50%)
}

.button-cover, .knobs, .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.button {
    width: 37px;
    height: 17px
}

.button.r, .button.r .layer {
    border-radius: 100px
}

.button.b2 {
    border-radius: 2px
}

.checkbox {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.knobs {
    z-index: 2
}

.layer {
    width: 100%;
    background-color: #cfcfcf;
    z-index: 1
}

.all-toggle-cover {
    margin: 12px 27px 4px 0
}

.btn-toggle .knobs:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding: 6px 4px;
    background-color: #fff;
    border-radius: 50%
}

.btn-toggle .checkbox:checked + .knobs:before {
    content: "";
    left: 22px;
    background-color: #fff
}

.checkbox-lable-city input[type=checkbox] {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.arrow-filter {
    width: 11px;
    height: 11px;
    display: inline-block;
    fill: black
}

.card-category-dstods > a, .card-category-dstods > span, .radio-item-filter {
    margin-left: 7px
}

.btn-collapse-style {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border-collapse: unset !important;
    text-align: right;
    border: unset !important
}

.item-checkbox-city {
    line-height: 2
}

.line-card-Selection-discourse {
    width: 100%;
    color: var(--gray-E2);
    margin: 10px 0
}

.btn-check:focus + .btn, .btn:focus {
    outline: unset !important;
    box-shadow: unset !important;
    border: unset !important
}

.card-body-tags {
    justify-content: space-between;
    flex-direction: row
}

.card-left-supplier-products {
    padding-right: 2%
}

.card_all_product {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 0;
    border-top: 1px solid var(--color-border)
}

.item_product {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    border: 1px solid var(--color-border);
    border-right: unset !important;
    padding: 4%;
    border-top: unset !important
}

.card-all-item-supplier-dstods-border > .card-item-supplier-dstods:nth-child(2n+0), .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(3n+0), .card_all_product > .item_product:nth-child(3n+0) {
    border-left: unset !important
}

.img_item_product {
    width: 240px;
    height: 240px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    padding: 5%
}

.item_product:hover {
    box-shadow: 0 4px 4px rgba(200, 200, 200, .25)
}

.product_name {
    margin: 2% 0 !important;
    text-align: center;
    color: var(--gray-20)
}

.card_price_product > p:first-child, .price-product-supplier {
    color: var(--gray-51)
}

.card_price_product {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto
}

.card-filter-dstods {
    position: sticky;
    top: 120px;
    height: fit-content
}

.search-input-filter {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    stroke: var(--gray-C9)
}

.tv-search-input-tm::-webkit-input-placeholder {
    color: var(--gray-C9)
}

.Selection-item {
    padding: 6px 6px 0
}

.Selection-item > span {
    margin-left: 3%;
    color: #727272;
    line-height: 27px
}

.collapse-conversation, .tv-search-result-ul-tm {
    margin-top: 6px !important
}

.card_top_filter {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 12px
}

.btn-remove-filter {
    border: unset;
    background-color: #fff;
    padding-left: 0
}

.card-tags-dstods {
    padding: 6px;
    margin: 10px 0
}

.line-tags {
    width: 100%;
    margin: 5px 0;
    color: var(--gray-E7)
}

.card-all-tags > a {
    color: var(--color-33);
    border-radius: 2px;
    line-height: 24px;
    margin: 3px
}

.swiper-category .swiper-slide {
    width: auto
}

.list-all-supplier > li {
    padding-right: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.arrow-category {
    width: 9px;
    height: 9px
}

.card-item-supplier-dstods, .card-main-golden-padding {
    padding: 15px
}

.card-item-supplier-dstods {
    border: 1px solid var(--gray-A8);
    border-right: unset !important;
    border-top: unset !important
}

.name-product-supplier, .price-product-supplier {
    margin: 3px 0
}

.img-product-supplier {
    border: 1px solid var(--gray-F8);
    margin-bottom: 2px;
    max-width: 142px;
    max-height: 142px
}

.swiper-product-supplier .swiper-slide {
    height: auto
}

.link-product-supplier {
    padding: 5px
}

.swiper-product-supplier .swiper-wrapper {
    padding-bottom: 1.1rem
}

.swiper-organization .swiper-pagination-bullet, .swiper-product-supplier .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 6px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 6px)) !important
}

.swiper-organization.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-organization > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-product-supplier.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-product-supplier > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important
}

.card-category-join > span, .category-color {
    color: var(--gray-55)
}

.card-category-join > span:first-child:after, .category-color::after {
    content: "";
    display: inline-block;
    background-color: var(--gray-55);
    width: 1px;
    height: 13px;
    margin: 0 6px
}

.name-supplier-dstods > a {
    width: auto;
    white-space: pre-line !important
}

.name-supplier-dstods {
    margin-bottom: 6px
}

.card-information-product-supplier {
    margin-bottom: 20px
}

.card-information-suuplier > a {
    color: var(--gray-20)
}

.card-information-suuplier > a:first-child:after {
    content: "";
    display: inline-block;
    background-color: var(--gray-20);
    width: 1px;
    height: 13px;
    margin: 0 6px
}

.logo-supplier-dsods {
    width: 100%;
    height: 100%;
    border: 1px solid var(--gray-F3);
    border-radius: 3px
}

.link-logo-supplier-dsods {
    max-width: 50%;
    height: 52px;
    min-width: 67px
}

.card-logo-information-supplier {
    margin: 12px 0;
    height: fit-content
}

.card-all-item-supplier-dstods-space {
    padding-right: 1%
}

.arrow-left-slider > svg, .arrow-right-slider > svg {
    width: 14px;
    height: 14px;
    display: inline-block;
    fill: var(--gray_9F)
}

.arrow-left-slider, .arrow-right-slider {
    position: absolute;
    top: 50%;
    transform: translate(0, -265%);
    z-index: 2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arrow-left-slider {
    left: -16px
}

.arrow-right-slider {
    right: -16px
}

.card-swiper-product-supplier {
    max-width: 97%;
    margin: auto;
    height: max-content
}

.show-item-hover {
    position: relative;
    top: 0
}

.discount {
    z-index: 1;
    background-color: var(--color_discount);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 5px;
    border-radius: 100%
}

.discount > span {
    color: #fff;
    line-height: 1
}

.initial_price {
    color: var(--color_initial_price);
    position: absolute;
    bottom: -17px;
    left: 0;
    text-align: left
}

.back-video-play, .btn-play-video {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.line-through {
    text-decoration: line-through
}

.gallery-golden {
    margin-left: 0 !important
}

.information-product-supplier-golden {
    max-width: 100%;
    margin-right: 10px
}

.golden-organization-img {
    border: 1px solid var(--gray-F8);
    border-radius: 4px
}

.swiper-organization > .swiper-wrapper {
    padding-bottom: 1.5rem
}

.card-swiper-product-supplier-golden {
    max-width: 90%;
    margin: 22px auto auto
}

.card-all-item-supplier-dstods > .row:first-child > .card-main-golden-padding, .swiper-product-supplier .link-product-supplier {
    padding-top: 0 !important
}

.list-ability > li {
    list-style: disc;
    margin: 5px 0
}

.list-ability li::marker {
    color: var(--gray-D9)
}

.list-ability {
    margin-right: 18px
}

.card-all-item-supplier-dstods .card-main-golden {
    border-bottom: 1px solid var(--gray-A8)
}

.video-modal {
    cursor: pointer
}

.btn-play-video {
    position: absolute;
    z-index: 2;
    width: 35px;
    height: 35px
}

.back-video-play {
    display: inline-block;
    position: absolute !important;
    background-color: #000;
    opacity: .5;
    border-radius: 4px
}

.btn-close-modal {
    position: absolute;
    left: 10px;
    top: 10px
}

.card-swiper-product-supplier-golden .left_arrow_product-supplier, .category-close {
    left: 5px !important
}

.btn-close-modal, .btn-close-modal:active, .btn-close-modal:hover {
    border: unset !important;
    outline: 0 !important;
    box-shadow: unset !important
}

.video-modal-style {
    border-radius: 4px
}

.card-swiper-product-supplier-golden .left_arrow_product-supplier, .card-swiper-product-supplier-golden .right_arrow_product-supplier {
    top: -22px !important;
    transform: unset !important
}

.card-swiper-product-supplier-golden .right_arrow_product-supplier {
    left: 30px !important;
    right: unset !important
}

.silver-logo {
    width: 21px;
    height: 21px;
    margin-right: 5px
}

.card-logo-information-supplier-golden > div:first-child {
    max-width: 70%;
    width: 100%
}

.card-logo-information-supplier-golden > div:last-child {
    max-width: 30%;
    width: 100%
}

.information-product-supplier-golden > .name-supplier-dstods > a {
    max-width: 600px
}

.left_arrow_organization, .right_arrow_organization {
    transform: translate(0, -50%) !important
}

.card-all-item-supplier-dstods-bronze .card-item-supplier-dstods {
    display: grid
}

.link-logo-supplier-dsods-bronze {
    max-width: 24%;
    height: 52px
}

.btn-close {
    z-index: 55;
    font-size: .8rem !important
}

.mobile-category .category-nav-pills {
    border-left: 0;
    padding-left: 0
}

.category-nav-pills .nav-link {
    padding: .4rem 1rem;
    width: 100%
}

.item-modal-multi-level .name-item-checkbox {
    color: #000;
    margin-right: 2px
}

.category-close {
    opacity: 1 !important;
    top: unset !important;
    position: relative !important
}

.item-modal-multi-level > svg {
    width: 11px;
    height: 11px
}

.top-categroy > svg {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    cursor: pointer
}

.pagination {
    list-style: none;
    padding: 0;
    justify-content: center
}

.pagination li {
    display: inline;
    margin: 0 6px;
    cursor: pointer
}

.pagination .a-custom {
    float: left;
    display: block;
    padding: 5px 0;
    color: var(--gray_9F);
    margin-left: -1px;
    line-height: 1.5
}

.modal-3 .a-custom:hover {
    border: 1px solid var(--main-color-orange);
    color: var(--main-color-orange)
}

.pagination a.active {
    cursor: default
}

.modal-3 a {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: var(--gray_9F);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    text-decoration-line: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-3 .a-custom:active, .modal-3 a.active {
    background-color: var(--main-color-orange);
    color: #fff !important
}

.after-before-icon {
    width: 13px;
    height: 13px;
    fill: var(--gray_9F)
}

.active-seller {
    font-weight: 700;
    font-size: 15px !important
}

input[type=radio] {
    display: grid;
    place-content: center
}

input[type=radio]::before {
    content: "";
    width: .65em;
    height: .65em;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 120ms ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color)
}

input[type=radio]:checked::before {
    transform: scale(1)
}

.activeLevel a {
    color: #ff9600 !important
}

.swiper-button-next, .swiper-button-prev {
    z-index: 1 !important
}

#modal_category .modal-content, #modal_filter .modal-content, #select-field .modal-content, #select-state .modal-content {
    max-height: 525px;
    overflow-y: scroll
}

.mobile-category {
    overflow-y: scroll
}

.swiper-baner-dstods .swiper-slide img {
    object-fit: fill;
    max-height: 510px
}

.card__centers nav > .pagination {
    margin-top: 30px
}

.card__centers nav > .pagination > .page-item > .page-link {
    color: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: unset !important;
    font-size: 15px
}

.card__centers nav > .pagination > .page-item {
    width: 34px;
    height: 34px;
    margin: 0 3px
}

.card__centers nav > .pagination > .page-item.active .page-link {
    background-color: unset;
    border: unset;
    border-radius: 0%;
    border-bottom: 1px solid;
    color: var(--main-color-orange);
    line-height: normal
}

.card__centers nav > .pagination > .page-item .page-link:hover {
    background-color: #fff;
    border: 1px solid var(--main-color-orange);
    color: var(--main-color-orange)
}

.card__centers .page-item.disabled .page-link {
    border: unset
}

.card__centers nav > .pagination > .page-item:first-child > .page-link, .card__centers nav > .pagination > .page-item:last-child > .page-link {
    font-size: 20px !important
}

.card__centers nav > .pagination > .page-item:first-child svg, .card__centers nav > .pagination > .page-item:last-child svg {
    width: 40%
}

.input-email-footer {
    margin-bottom: 13px
}

.empty__seller > img {
    width: auto;
    height: auto;
    max-width: 90%
}

.empty__seller {
    border-radius: 4px;
    border: 1px solid var(--gray-E7)
}

.nb-spinner {
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin;
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card-main-loader::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    opacity: .5;
    z-index: 2000;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

@media (min-width: 760px) {
    .input-email-footer input {
        width: 100%
    }

    .footer-desktop {
        padding-right: 22px;
        padding-left: 22px;
        padding-top: 22px
    }
}

@media (min-width: 1100px) {
    .footer-desktop {
        padding: 25px 40px 10px
    }

    .top-footer p {
        font-size: 14px
    }

    .middle-footer .header-title {
        font-size: 15px;
        margin-bottom: 15px !important
    }

    .middle-footer li a {
        font-size: 14px;
        margin-bottom: 11px;
        display: table
    }

    .input-email-footer input {
        height: 41px;
        width: 67%
    }

    .input-email-footer button {
        height: 41px;
        font-size: 14px;
        padding: 0 14px
    }

    .email-sub {
        font-size: 10px
    }

    .enamds-icons {
        margin-top: 18px !important
    }
}

@media (max-width: 1099px) {
    .enamds-icons {
        margin-top: 16px !important
    }
}

@media (max-width: 1200px) {
    .bottom-footer {
        margin-top: 10px
    }

    .max-width-index {
        padding: 0 25px
    }

    .card-user-profile {
        width: 47%
    }

    .icon_trash_header {
        width: 16px;
        height: 16px
    }

    .icon_search_header {
        width: 17px;
        height: 17px;
        right: 1%
    }

    .organ > h6 {
        font-size: 14px !important
    }

    .item-card-Suppliers {
        height: 5rem
    }

    .card_scroll_search_header {
        height: 25.4rem
    }

    .card-image-big {
        padding: 0 8%
    }

    .reason-purchase img {
        max-width: 37px;
        max-height: 37px
    }

    .icon-tool-image > a > svg, .icon-tool-image > svg {
        width: 18px;
        height: 18px;
        margin: 7px 0
    }

    .custom-number-input > div {
        padding: 7px 11px
    }

    .checkmark-city {
        width: 15px;
        height: 15px
    }

    .list-all-supplier > li > img {
        width: 20px;
        height: 20px
    }

    .card-category-supplier {
        grid-template-columns:55% 40%
    }

    .card-filter-dstods {
        top: 113px
    }

    .checkbox-lable-city .checkmark-city:after {
        right: 45%;
        top: 45%
    }

    .link-logo-supplier-dsods {
        max-width: 40%
    }

    .tv-search-input-tm {
        font-size: 12px;
        padding: 5px 30px 5px 5px
    }

    .search-input-filter {
        width: 18px;
        height: 18px
    }

    .discount {
        width: 30px;
        height: 30px
    }

    .arrow-left-slider, .arrow-right-slider {
        transform: translate(0, -280%)
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 480px
    }

    .card-logo-information-supplier-bronze {
        flex-direction: column-reverse
    }

    .link-logo-supplier-dsods-bronze {
        max-width: 70%
    }

    .card-logo-information-supplier-bronze .card-information-suuplier {
        margin-bottom: 15px;
        width: 100%;
        justify-content: flex-end
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(3n+0) {
        border-left: 1px solid var(--gray-A8) !important
    }

    .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(2n+0) {
        border-left: unset !important
    }

    .card-all-item-supplier-dstods-bronze .img-product-supplier {
        max-width: 194px;
        max-height: 194px
    }
}

@media (max-width: 1146px) {
    .card-user-profile {
        width: 50%
    }

    .icon-tab-header {
        font-size: 12px
    }

    .icon_arrow_left {
        font-size: 8px
    }

    .card_scroll_search_header {
        height: 25rem
    }

    .font_txt_header {
        font-size: .8rem
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 460px
    }
}

@media (max-width: 1090px) {
    .input_search_header {
        padding: 1.8% 8% 1.8% 4%
    }

    .sticky_nav {
        padding-top: 7.4%
    }

    .card-user-profile {
        width: 59%;
        padding: 3%
    }

    .card_main_header {
        grid-template-columns:14% 50% 36%;
        padding: 1% 2%
    }

    .card_main_header_center {
        padding: 1% 2%
    }

    .logo_dstods_header {
        padding-left: 9%
    }

    .logo_dstods_header_center {
        padding-left: 8%
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 420px
    }
}

@media (max-width: 1024px) {
    .item-card-Suppliers_center {
        height: 4.5rem !important
    }

    .sticky_nav {
        padding-top: 7.2%;
        padding-bottom: .5%
    }

    .card-hover-header {
        top: 92%
    }

    .logo_dstods_header {
        padding-left: 13%
    }

    .logo_dstods_header_center {
        padding-left: 3%
    }

    .item-card-Suppliers {
        height: 4.5rem
    }

    .card_scroll_search_header {
        height: 23.9rem
    }

    .icon-tab-header {
        font-size: 11px
    }

    .title-tab-header {
        font-size: 14px
    }

    .img-tab-header {
        width: 21px
    }

    .nav-item-header {
        padding: 0 !important
    }

    .discount {
        width: 26px;
        height: 26px;
        left: 12px;
        top: 12px
    }

    .card-all-item-supplier-dstods-bronze .img-product-supplier {
        max-width: 166px;
        max-height: 166px
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 515px
    }
}

@media (max-width: 991px) {
    .font-9 {
        font-size: 8px
    }

    .font-10 {
        font-size: 9px
    }

    .font-11 {
        font-size: 10px
    }

    .font-12 {
        font-size: 11px
    }

    .font-13 {
        font-size: 12px
    }

    .font-14 {
        font-size: 13px
    }

    .font-15 {
        font-size: 14px
    }

    .line-height-25 {
        line-height: 23px
    }

    .line-height-31 {
        line-height: 29px
    }

    .line-height-32 {
        line-height: 30px
    }

    .h5, h5 {
        font-size: 1.2rem !important
    }

    .card-user-profile {
        width: 65%;
        left: 11%;
        top: 22px
    }

    .line-user-profile, .margin_item_header {
        margin: 5% 0
    }

    .icon_search_header {
        width: 16px;
        height: 16px;
        right: .5%
    }

    .card_login_cart_header > a, .card_login_cart_header > div {
        margin-right: 5%
    }

    .card_scroll_search_header {
        height: 23rem
    }

    .swiper-button-next.arrow-baner-control {
        right: 30px
    }

    .swiper-button-prev.arrow-baner-control {
        right: 80px
    }

    .arrow-baner-control {
        height: 38px;
        width: 38px;
        bottom: 50px
    }

    .arrow-baner-control > svg, .checkmark-city {
        width: 14px;
        height: 14px
    }

    .card-all-category > .card-Selection-discourse:first-child {
        margin-top: 0 !important
    }

    .card-all-category > .card-Selection-discourse > .collapse-conversation {
        margin-top: 15px !important
    }

    .card-Selection-discourse {
        padding: 5px 0
    }

    .category-res-level-three {
        border-bottom: 1px solid #d3d3d3
    }

    .category-res > li {
        margin: 7px 0
    }

    .all-category, .all-category:hover {
        color: var(--gray-9e)
    }

    .all-category > svg {
        width: 10px;
        height: 10px;
        fill: var(--gray-9e);
        display: inline-block
    }

    .category-res > li > a, .category-res > li > a:hover {
        color: #000
    }

    .active-category, .active-category:hover {
        color: var(--main-color-orange) !important
    }

    .active-category svg {
        stroke: var(--main-color-orange) !important
    }

    .container-search-res {
        background-color: var(--gray-f1);
        padding: 10px;
        border-radius: 3px
    }

    .tv-search-result-ul-tm {
        padding: 5px 13px !important
    }

    .card-right-category > svg {
        width: 17px;
        height: 17px;
        margin-left: 6px
    }

    .navbar-toggler-category:active, .navbar-toggler-category:focus, .navbar-toggler-category:hover {
        outline: unset !important;
        box-shadow: unset !important
    }

    .navbar-toggler-category {
        color: #000 !important;
        width: 100%;
        background-color: unset;
        border: unset
    }

    .navbar-toggler-category > svg {
        width: 13px;
        height: 13px;
        cursor: pointer
    }

    .card-category {
        display: none
    }

    .card-category-res {
        display: block;
        margin: 1.5% 0
    }

    .card-all-item-supplier-dstods-space, .card-baner-dstods {
        padding-right: 0
    }

    .card-baner-category-dstods {
        height: 100%
    }

    .card_all_product {
        grid-template-columns:repeat(3, 1fr)
    }

    .list-ability, .list-all-supplier {
        grid-template-columns:repeat(2, 1fr)
    }

    .card_all_product > .item_product:nth-child(2n+0) {
        border-left: 1px solid var(--color-border) !important
    }

    .link-logo-supplier-dsods {
        max-width: 47%
    }

    #modal_filter .font-14, .active-seller {
        font-size: 14px !important
    }

    .card-all-supplier {
        display: none !important
    }

    .card-category-supplier {
        justify-content: flex-start !important;
        display: flex;
        margin: 0 0 2px
    }

    .show-item-hover .left_arrow_product-supplier, .show-item-hover .right_arrow_product-supplier, .show-item-hover .swiper-pagination {
        display: block !important
    }

    .show-item-hover:hover .left_arrow_product-supplier, .show-item-hover:hover .right_arrow_product-supplier, .show-item-hover:hover .swiper-pagination {
        display: unset
    }

    .silver-logo {
        width: 19px;
        height: 19px
    }

    .discount {
        width: 31px;
        height: 31px;
        left: 16px;
        top: 16px
    }

    .arrow-left-slider, .arrow-right-slider {
        transform: translate(0, -230%)
    }

    .card-item-golden > div {
        height: fit-content
    }

    .card-item-golden > div:first-child {
        margin-bottom: 4%
    }

    .img-product-supplier {
        max-width: 215px;
        max-height: 215px
    }

    .card-swiper-product-supplier-golden {
        max-width: 100%
    }

    .golden-organization-img {
        max-height: 300px
    }

    .card-swiper-product-supplier {
        max-width: 90%;
        margin: auto
    }

    .card-item-golden {
        margin-top: 5px
    }

    .list-ability {
        display: grid
    }

    .list-ability > li {
        margin: 2px 0
    }

    .list-ability > li:nth-child(odd) {
        padding-left: 25px
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 450px
    }

    .btn-filter {
        background: unset;
        border: 1px solid #eee;
        display: inline-block;
        width: fit-content;
        margin: 9px 0px !important;
        border-radius: 4px;
        padding: 5px 15px;
    }

    .icon_filter_sort {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-left: 1px;
        fill: var(--gray-52)
    }

    .card-filter-dstods {
        top: 0;
        padding: 3%
    }

    .card-all-category-modal, .card-filter-dstods {
        margin-top: 35px
    }

    .subset-card-right {
        border: unset !important
    }

    .tv-search-input-tm {
        padding: 10px 35px 10px 5px;
        background-color: var(--gray-F2);
        border: unset
    }

    .tv-search-input-tm::-webkit-input-placeholder {
        color: var(--gray-79)
    }

    .card-body-tags, .checkbox-lable-city {
        margin: 5px 0
    }

    .search-input-filter {
        fill: var(--gray-79)
    }

    #modal_filter .font-13 {
        font-size: 13px !important
    }

    #modal_filter .font-12 {
        font-size: 12px !important
    }

    .category-nav-pills .nav-link {
        padding: 0 1rem
    }

    .item-modal-multi-level > svg {
        width: 10px;
        height: 10px
    }

    .card-main-address {
        margin-bottom: 10px
    }

    .list-all-supplier {
        display: grid;
        gap: 10px
    }

    .list-all-supplier > li > a {
        display: flex;
        align-items: center;
        width: fit-content
    }

    .list-all-supplier > li > a > label {
        margin-right: 6px
    }

    .list-all-supplier > li {
        padding-right: 0;
        margin: 0 0 3px
    }

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

@media (max-width: 900px) {
    .card-user-profile {
        width: 82%;
        left: 13%
    }

    .line-user-profile {
        margin: 4.5% 0
    }

    .card_main_header, .card_main_header_center {
        grid-template-columns:17% 54% 29%;
        padding: 1.4% 2%
    }

    .logo_dstods_header, .logo_dstods_header_center {
        padding-left: 13%
    }

    .card_login_cart_header > a, .card_login_cart_header > div {
        margin-right: 22px
    }

    .search-box-list {
        top: 30px
    }

    .item-card-product-search {
        border-radius: 4px
    }

    .card_scroll_search_header {
        height: 24.3rem
    }

    .link-logo-supplier-dsods {
        max-width: 40%
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 600px
    }
}

@media (max-width: 820px) {
    .card-user-profile {
        width: 100%;
        padding: 4%;
        left: 16%
    }

    .card_main_header {
        grid-template-columns:16% 56% 28%;
        padding: 1.4% 1.9%
    }

    .logo_dstods_header, .logo_dstods_header_center {
        padding-left: 12%
    }

    .font_txt_header {
        font-size: .75rem
    }

    .card_login_cart_header > a, .card_login_cart_header > div {
        margin-right: 24px
    }

    .item-card-Suppliers {
        height: 4.1rem
    }

    .card_scroll_search_header {
        height: 23.3rem
    }

    .card-logo-information-supplier {
        flex-direction: column-reverse
    }

    .card-information-suuplier {
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 2%
    }

    .link-logo-supplier-dsods {
        max-width: 65%
    }

    .card-logo-information-supplier {
        margin: 10px 0
    }

    .card-logo-information-supplier-golden > div:first-child, .card-logo-information-supplier-golden > div:last-child {
        max-width: 100%
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 565px
    }
}

@media (max-width: 768px) {
    .card-all-btn-filter {
        display: flex;
        align-items: center
    }

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

    .result-product .item p, .result-product-search .item p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #595959
    }

    .name-product .item, .result-product .item p, .result-product-search .item p {
        text-overflow: ellipsis;
        overflow: hidden
    }

    #popupSearchHeader .close, #search-box-input .close {
        width: 21px;
        height: 21px;
        position: absolute;
        left: 2%;
        top: 7px
    }

    .Supplier, .border-right-title, .card__centers nav > .pagination > .page-item > .page-link {
        font-size: 14px
    }

    .line-height-30 {
        line-height: 29px
    }

    .arrow-left > svg, .arrow-right > svg {
        width: 12px;
        height: 12px
    }

    .arrow-left {
        left: -2px
    }

    .arrow-right {
        right: -2px
    }

    .img_dstods_header_ph {
        width: 100%;
        height: 100%
    }

    .parent-header {
        display: flex !important;
        justify-content: space-between;
        border-bottom: var(--border-gray);
        align-items: center;
        background-color: #fff;
        box-shadow: -5px -3px 16px -5px rgb(0 0 0 / 16%);
        position: relative;
        z-index: 2
    }

    .basket-tablet, .card-search, .card_main_header, .card_nav_header, .input-search, .nav-desktop, .search-tablet, .user-search, .username-tablet {
        display: none
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1111111;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: .5s;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: 1px solid var(--border-gray)
    }

    .active-side-bar {
        position: absolute;
        opacity: .5;
        background-color: #000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5556
    }

    .sidenav > a, .sidenav_menu > p {
        padding: 15px 17px;
        text-decoration: none;
        color: #0f2e57;
        display: block;
        transition: .3s
    }

    .sidenav_menu > .section_category, .sidenav_menu > a, .sidenav_menu > p {
        color: #000 !important;
        padding: 10px 17px !important
    }

    .sidenav hr {
        background: #e1e1e1;
        opacity: 1;
        margin: 5px auto
    }

    .sidenav_menu > a > svg {
        margin-left: 4px !important;
        width: 19px !important;
        height: 19px !important
    }

    .sidenav svg {
        margin-left: 11px;
        width: 25px;
        height: 25px
    }

    .sidenav .arrow {
        width: 6px !important;
        margin-right: 4px
    }

    .sidenav .close {
        width: 14px;
        float: left;
        z-index: 5
    }

    .sidenav .active, .sidenav > a:hover {
        background: #f3f3f3
    }

    .sidenav .closebtn {
        position: absolute;
        top: 11px;
        left: -26px;
        font-size: 24px;
        margin-left: 50px
    }

    .padding-right {
        padding-right: 0 !important
    }

    #search-header-mobile input {
        border: var(--border-gray);
        color: #595959;
        padding: 13px 45px 13px 18px;
        outline: 0
    }

    #popupSearchHeader .delete {
        width: 18px;
        height: 18px
    }

    #popupSearchHeader .time {
        width: 17px;
        height: 17px
    }

    #search-header-mobile {
        padding: 1rem 20px
    }

    #search-header-mobile .icon-search {
        position: absolute;
        right: 35px;
        transform: translateY(50%);
        bottom: 50%;
        width: 25px
    }

    .parent-result-search {
        display: flex;
        justify-content: space-between;
        padding-left: 33px
    }

    .result-product .item, .result-product-search .item, .result-supplier .item {
        border: var(--border-gray);
        box-shadow: 0 4px 4px rgba(215, 215, 215, .25)
    }

    .name-product:not(.name-product-single), .result-product, .result-product-search, .result-supplier {
        padding-bottom: 6px !important
    }

    .result-product .item p {
        margin-bottom: 0
    }

    .result-product-search .item p {
        margin-bottom: 10px
    }

    .result-product .item img, .result-product-search .item img {
        border-radius: 3px
    }

    .icon-supplier {
        position: absolute;
        transform: translateX(50%);
        right: 50%;
        bottom: -5px;
        width: 15px
    }

    .name-product .item {
        border: var(--border-gray);
        box-shadow: 0 4px 4px rgba(215, 215, 215, .25);
        white-space: nowrap
    }

    #popupSearchHeader hr {
        margin: 0 auto;
        background: #f3f3f3;
        opacity: 1;
        width: 94.666667%
    }

    .result-category > li > a {
        color: #000 !important
    }

    .result-category li::before {
        content: "\2022";
        color: #d9d9d9;
        font-weight: 700;
        display: inline-block;
        margin-left: 0;
        font-size: 18px;
        transform: translateY(3px)
    }

    .result-search li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 3px
    }

    .result-search-name li {
        margin-bottom: 19px
    }

    .result-category-search li {
        margin-bottom: 18px
    }

    .result-search .category-name {
        color: var(--search)
    }

    .result-category-search svg, .result-search svg, .result-search-name svg {
        width: 22px
    }

    .name-product-search .item {
        border: var(--border-gray);
        border-radius: 5px
    }

    .result-category-search, .result-search {
        padding-right: 14px
    }

    .result-search-name {
        padding: 29px 14px
    }

    .recently-search {
        padding-right: 14px;
        padding-left: 14px
    }

    .name-product-search {
        padding-right: 21px
    }

    .name-product-search svg {
        width: 10px
    }

    .card_swiper-baner_header {
        padding: 0 2.8%
    }

    .item > p {
        color: #000
    }

    .parent-slider-omde-height {
        padding: 0 2.1% 0 1.5%
    }

    .padding_item_suppliers {
        padding: 2% 15% !important
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -19%;
        margin-top: 21%
    }

    .div-video-modal {
        padding: 0 11%
    }

    .img-about-tamin-card .circle {
        width: 15.5px;
        height: 15.5px;
        right: 20%;
        top: 7%
    }

    .height-header-phone {
        padding-bottom: 11% !important
    }

    .search-box-header {
        position: absolute;
        background: #fff;
        left: 0;
        right: 32px;
        top: 27px;
        z-index: 3;
        overflow: hidden;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 8px 8px 0 rgb(0 0 0 / 10%);
        padding: 25px 11px 5px;
        border: 2px solid #f48c09;
        border-top: none !important;
        width: 81.2%;
        display: none
    }

    .name-product-search > p {
        font-size: 10px
    }

    .card-history-search-t {
        direction: rtl
    }

    .icon-trash-tablet {
        float: left !important
    }

    .nav-tablet {
        display: block !important
    }

    .section-menu-input {
        position: absolute;
        left: 12%;
        bottom: 8px;
        direction: rtl;
        height: 100%
    }

    .section-menu-input-tablet {
        bottom: -15px !important
    }

    .icon-dstods {
        float: right;
        width: 30%;
        position: relative;
        right: 2%;
        top: 14px
    }

    .item-menu-tablet {
        position: absolute;
        right: 19%;
        margin-top: 3%;
        text-align: right
    }

    .btn-close-search {
        position: absolute;
        left: 15%;
        top: 12%
    }

    .input-search-tablet {
        margin-right: 7%;
        margin-top: -6%;
        border-radius: 30px;
        background-color: #fff;
        border: 2px solid #f48c09;
        font-size: 13px;
        position: relative;
        bottom: 2px;
        text-align: right;
        width: 81%;
        padding: 1.7% 5% 1.7% 2%;
        direction: rtl
    }

    .card-search-tablet {
        position: absolute;
        z-index: 66;
        direction: rtl
    }

    .icon-basket {
        display: inline-block;
        margin-right: 8%;
        width: 59%;
        margin-top: 6px
    }

    .icon-search-tablet {
        margin-left: 3%;
        position: relative;
        top: 21px
    }

    .nav-right {
        float: right;
        background-color: #028e9b;
        border-bottom-left-radius: 45px;
        position: relative;
        padding-bottom: 5%
    }

    .menu-text {
        font-size: 13px;
        color: #fff;
        margin-right: 4%
    }

    .color-text-tablet {
        color: #028e9b !important
    }

    .menu-top {
        background-color: #fff
    }

    .icon-menu {
        width: 14%;
        position: relative;
        float: right;
        right: 8%;
        top: 31px
    }

    .Supplier-menu {
        position: relative;
        left: 29%;
        top: -3px !important
    }

    .Supplier-line {
        width: 15%;
        left: 7%;
        margin: 1% 0 0 30%
    }

    .icon-most-search-header {
        width: 21px;
        float: left;
        margin-left: 0
    }

    .card-category-supplier {
        margin: 7px 0 3px
    }

    .discount {
        width: 27px;
        height: 27px;
        left: 14px;
        top: 14px
    }

    .card-swiper-product-supplier {
        max-width: 90%
    }

    .card-item-golden > div:first-child {
        margin-bottom: 5%
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 380px
    }

    .card-category-res {
        margin: 2% 0
    }

    .enamds-icons {
        margin-top: 20px !important
    }
}

@media (max-width: 767px) {
    .footer-desktop {
        padding-bottom: 112px
    }

    .card-all-item-supplier-dstods-bronze .img-product-supplier {
        max-width: 145px;
        max-height: 145px
    }

    .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(3n+0) {
        border-left: 1px solid var(--gray-A8) !important
    }

    .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(2n+0) {
        border-left: unset !important
    }

    .card-logo-information-supplier-bronze .card-information-suuplier {
        margin-bottom: 13px;
        display: none !important;
    }

    #modal_category .modal-content, #modal_filter .modal-content, #select-field .modal-content, #select-state .modal-content {
        max-height: 100%
    }

    .card-all-category-modal, .card-filter-dstods {
        width: 100%
    }
}

@media (max-width: 575px) {
    .font-9 {
        font-size: 7px
    }

    .font-10 {
        font-size: 8px
    }

    .font-11 {
        font-size: 9px
    }

    .font-12 {
        font-size: 10px
    }

    .font-13 {
        font-size: 11px
    }

    .font-14 {
        font-size: 12px
    }

    .card__centers nav > .pagination > .page-item > .page-link, .font-15 {
        font-size: 13px
    }

    .line-height-30 {
        line-height: 27px
    }

    .swiper-button-prev.arrow-baner-control {
        right: 75px
    }

    .arrow-baner-control > svg {
        width: 12px;
        height: 11px
    }

    .arrow-baner-control {
        height: 34px;
        width: 34px;
        bottom: 46px
    }

    #modal_filter .font-14, .active-seller {
        font-size: 13px !important
    }

    .card-information-suuplier > a, .card-information-suuplier > a:hover {
        border: 1px solid var(--btn-seller);
        color: var(--btn-seller)
    }

    .card-information-suuplier > a {
        width: 120px;
        text-align: center;
        justify-content: center;
        padding: 5px;
        border-radius: 2px
    }

    .card-information-suuplier > a:first-child {
        margin-bottom: 9px
    }

    .card-category-supplier {
        margin: 12px 0 2px
    }

    .card-main-address {
        margin-bottom: 13px
    }

    .discount {
        width: 30px;
        height: 30px;
        left: 15px;
        top: 15px
    }

    .card-information-suuplier {
        margin-bottom: 0;
        flex-direction: column;
        width: auto
    }

    .card-all-item-supplier-dstods-bronze > .card-item-supplier-dstods:nth-child(3n+0), .card-item-supplier-dstods {
        border-left: unset !important
    }

    .card-logo-information-supplier {
        margin: 5px 0 10px;
        flex-direction: row
    }

    .card-information-suuplier > a:first-child:after {
        display: none
    }

    .card-all-item-supplier-dstods-bronze .img-product-supplier {
        max-width: 229px;
        max-height: 229px
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 195px
    }

    .gallery-golden {
        margin-left: auto !important
    }

    .card-item-golden {
        margin-top: 10px
    }

    .card-swiper-product-supplier {
        max-width: 100%
    }

    .golden-organization-img {
        max-height: 100%
    }

    .btn-play-video {
        width: 40px;
        height: 40px
    }

    .card-item-golden > div {
        margin: 3% 0;
        top: 0
    }

    .card-swiper-product-supplier-golden {
        margin: auto
    }

    .img-product-supplier {
        max-width: 235px;
        max-height: 235px
    }

    .list-ability {
        grid-template-columns:repeat(1, 1fr)
    }

    .list-ability > li {
        margin: 3px 0
    }

    .checkmark-city {
        width: 14px;
        height: 14px
    }

    #modal_filter .font-13 {
        font-size: 12px !important
    }

    #modal_filter .font-12 {
        font-size: 11px !important
    }

    .card-category-res {
        margin: 2.5% 0
    }

    .modal-3 a {
        width: 28px;
        height: 28px
    }

    .pagination li {
        margin: 0 4px
    }

    .after-before-icon {
        width: 12px;
        height: 12px
    }

    .card__centers nav > .pagination > .page-item {
        width: 30px;
        height: 17px;
        margin: 0 4px
    }

    .nb-spinner > img {
        width: 270px;
        height: auto
    }
}

@media (max-width: 390px) {
    .card-information-suuplier > a {
        width: 115px
    }

    .discount {
        width: 28px;
        height: 28px;
        left: 14px;
        top: 14px
    }

    .card-all-item-supplier-dstods-bronze .img-product-supplier {
        max-width: 137px;
        max-height: 137px
    }

    .card-item-golden > div:first-child {
        margin-bottom: 8%
    }

    .btn-play-video {
        width: 34px;
        height: 34px
    }

    .information-product-supplier-golden > .name-supplier-dstods > a {
        max-width: 160px
    }
}

@supports (-webkit-touch-callout:none) {
    .swiper-baner-dstods .swiper-slide img {
        max-height: 230px;
        object-fit: cover
    }
}

@media only screen and (device-aspect-ratio: 40/71) {
    .swiper-baner-dstods .swiper-slide img {
        max-height: 230px;
        object-fit: cover
    }
}