.five-line, .four-line, .three-line, .three_line, .two-line, .two_line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.btns-share-scroll > button, .input-form-contact:focus, .input-share, .input_search_nav_supplier_header:focus {
    outline: unset
}

.page-item.active .page-link, .page-link:hover {
    background-color: #f48c09;
    border-color: #f48c09
}

.card-app, .input-share, .ltr {
    direction: ltr
}

.eight_line, .five-line, .four-line, .three-line, .three_line, .two-line, .two_line {
    -webkit-box-orient: vertical
}

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

:root {
    --gray_F8: #F8F8F8;
    --orange-sazman: #F48C09FF;
    --orange-sazman-low: #FFE2BF;
    --gradient-khor-omde-video: #FFCA7AFF;
    --panel-omde-sazman: #730100;
    --panel-omde-sazman-low: #C08D8D;
    --search: #1B9C90;
    --color-orange: #f48c09;
    --font-family: IRANSans;
    --gray_icons_search: #393939;
    --border-gray: 1px solid #fafafa;
    --gray_FA: #FAFAFA;
    --height_baner_header: 3rem;
    --border_header_gray: #ececec57;
    --color_51: #515151;
    --light_blue: #E6EFF5;
    --dark_blue: #829EB8;
    --color_E6: #E6EFF5;
    --color_3A: #3A3A3A;
    --gray_E8: #E8E8E8;
    --gray_F3: #F3F3F3;
    --gray_FB: #FBFBFB;
    --color_green_dark: #167C72;
    --gray_9F: #898989;
    --gray_28: #282828;
    --gray_AB: #ABABAB;
    --orange_FF: #FF9600;
    --gray_D8: #D8D8D8;
    --gray_E0: #E0E0E0;
    --blue_F47: #F4F7FB;
    --blue_21: #2162E1;
    --gray_41: #909090;
    --gray_disable: #E3E1DF;
    --gray_D7: #E3E1DF;
    --light_brown: #C7896E;
    --blue_14: #145FD2;
    --gray_D0: #D0D0D0;
    --gray_E6: #e0e0e6;
    --light_orange: #FCCA95;
    --dark_red: #B92D3E;
    --gray_disable_arrow: #B1B1B1;
    --blue_F4: #F4F6FA;
    --lazy-load: #f1f1f1;
    --graay-78: #787878;
    --gray-66: #666666;
    --red-F8: #F87272;
    --radius-default: 6px;
    --gray-75: #757575;
    --gray-9D: #9D9D9D;
    --gray-c3: #c3c3c3;
    --gray-88: #888888;
    --gray-60: #606060;
    --gray-4E: #4E545C;
    --gray-B2: #B2B2B2;
    --gray-CC: #CCCCCC;
    --gray-5B: #5B5B5B;
    --index-orange: #FF9600;
    --red-light-FF: #FFF1F1;
    --gray-67: #676767;
    --red-FF: #FF6D6D;
    --gray-A5: #A5A5A5;
    --red-EC: #EC6464;
    --gray-54: #545454;
    --gray-F2: #F2F2F2;
    --gray-C7: #C7C7C7;
    --score: #D9D9D9;
    --gray-BD: #BDBDBD;
    --gray-99: #999;
    --gray-E3: #E3E3E3;
    --default-shadow: 0px 4px 11px 0px rgba(185, 185, 185, 0.25);
    --gray-E9: #E9E9E9;
    --gray-92: #929292;
    --red-BA: #BA3D3D;
    --btn-scroll: #A0A2AD;
    --orange-index: #FF9600;
    --border-share: #B7B7B7;
    --placeholder-share: #C0C2C5;
    --border-header-modal: #E0E0E0;
    --whatsapp: #40C351;
    --eita: #EE7F22;
    --telegram: #199BDF;
    --instagram: #E9496A
}

img[data-src] {
    height: 150px !important;
    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
}

.two-line, .two_line {
    -webkit-line-clamp: 2
}

.three-line, .three_line {
    -webkit-line-clamp: 3
}

.four-line {
    -webkit-line-clamp: 4
}

.five-line {
    -webkit-line-clamp: 5
}

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

.card-sellers .text, .card-sellers p, .font-10, .product-section-top .text {
    font-size: 10px
}

.card-price-modal > span, .font-13, .icon-tab-header {
    font-size: 13px
}

.attr-val-style, .font-14, .font-main, .font-normal-14 {
    font-size: 14px
}

.category-close, .font-15 {
    font-size: 15px
}

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

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

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

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

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

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

.line-height-normal {
    line-height: normal
}

.card_nav_header, .fluid-main > .main-body > .row.border-bottom.clearfix, .h-100, .height-full, .nav__menu_center, .nav_item_menu__center, body, html {
    height: 100%
}

.padding-item-index {
    margin: 20px 0
}

body {
    background-color: #fff !important;
    font-family: IRANSans;
    overflow-x: hidden;
    position: relative
}

.one-line {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btns-share-scroll > button:first-child > svg, .icon_language_header > .cls-2 {
    fill: white
}

.btns-share-scroll > button:last-child > svg {
    stroke: white;
    fill: none
}

.btns-share-scroll > button:not(:hover,.active-btn-scroll-share) {
    background-color: var(--btn-scroll)
}

.active-btn-scroll-share, .btn-copied, .btns-share-scroll > button:hover {
    background-color: var(--orange-index)
}

.btns-share-scroll svg {
    width: 20px;
    height: 20px
}

.btns-share-scroll {
    bottom: 10px;
    right: 15px;
    z-index: 300;
    max-width: 63px;
}

.left-bottom-swiper-album, .left-bottom-swiper-news {
    position: absolute;
    bottom: 50%;
    transform: translatey(-50%);
    left: -10px
}

.btn-close {
    opacity: 1;
    box-shadow: unset !important
}

.btn-copied svg {
    width: 18px;
    height: 18px;
    fill: white
}

.input-share {
    border: 1px solid var(--border-share);
    color: var(--placeholder-share)
}

#modal-share .modal-body {
    max-width: 70%
}

#modal-share .modal-dialog {
    max-width: 410px
}

#modal-share .modal-header {
    border-bottom: 1px solid var(--border-header-modal)
}

.icons-social-media-share > a {
    height: 40px;
    text-decoration: none
}

.grid2, .icons-social-media-share {
    grid-template-columns:repeat(2, 1fr)
}

.whatsapp-share {
    background-color: var(--whatsapp)
}

.eita-share {
    background-color: var(--eita)
}

.telegram-share {
    background-color: var(--telegram)
}

.instagram-share {
    background-color: var(--instagram)
}

.full__header {
    background-color: #fff;
    box-shadow: -5px -3px 13px -5px rgb(0 0 0 / 16%);
    border-bottom: 1px solid var(--border_header_gray)
}

.page-link {
    padding: 5px;
    font-size: 14px;
    border-radius: 50%;
    border-color: white;
    line-height: normal;
    color: black;
    margin: 0px 3px!important;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}
.page-item.disabled .page-link {
    color: black;
    background-color: white;
    border: 1px solid white;
}
.pagination>li:first-child>.page-link>svg,.pagination>li:last-child>.page-link>svg {width: 0.8rem;height: 0.8rem;}
.left-bottom-swiper, .left-bottom-swiper-news, .right-bottom-swiper, .right-bottom-swiper-album, .right-bottom-swiper-news {
    display: block !important
}

.page-item.active .page-link {
    padding: 9px 13px 5px;
    color: #fff
}

.page-link:hover {
    color: #fff
}

.swiper-pagination-bullet-active {
    background: var(--gray_28) !important
}

.swiper-pagination-bullet {
    background: var(--gray_9F);
    opacity: unset !important
}

.slider-card-omde .swiper-pagination-bullet {
    background: var(--panel-omde-sazman)
}

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

.background-behind-video-Supplier-omde {
    background: linear-gradient(180deg, var(--panel-omde-sazman) 0, var(--panel-omde-sazman-low) 38%, #fff 100%) !important;
    height: 18rem !important;
    margin-bottom: 1.25rem !important
}

.omde-banner-bullet .swiper-pagination-bullet {
    background: var(--panel-omde-sazman) !important
}

.max-with-index {
    max-width: 1304px !important;
    margin: auto;
    width: 100%;
    padding: 0 20px !important
}

textarea {
    resize: none;
    padding: 10px;
    resize: none
}

.like-red {
    fill: red !important
}

.like-red > path {
    stroke: red !important
}

.border-bottom {
    border-bottom: 1px solid #eee !important
}

.left-bottom-swiper {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: -10px
}

.left-bottom-swiper-album {
    content: url("../icon/arrow-left-swiper.svg");
    display: block !important
}

.left-bottom-swiper-about-company {
    content: url("../icon/arrow-left-swiper.svg");
    position: absolute;
    bottom: 50%;
    transform: translatey(-50%);
    left: -10px
}

.right-bottom-swiper-about-company, .right-bottom-swiper-album {
    position: absolute;
    content: url("../icon/arrow-right-swiper.svg");
    bottom: 50%;
    transform: translatey(-50%);
    right: -10px
}

.left-bottom-swiper-learn {
    position: absolute;
    bottom: 50%;
    transform: translatey(-50%);
    left: -10px
}

.right-bottom-swiper {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: -10px
}

.right-bottom-swiper-learn, .right-bottom-swiper-news {
    position: absolute;
    bottom: 50%;
    transform: translatey(-50%);
    right: -10px
}

.div-border {
    border: 1px solid #fbf9f9
}

.div-border-bottom {
    border-bottom: 1px solid #f7f7f7
}

.font-normal-18, .view span {
    font-size: 18px
}

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

.text-justify {
    text-align: justify
}

.back-icon-call {
    border: 1px solid #1d9d90;
    border-radius: 100%;
    margin-left: 10px;
    justify-content: center;
    display: flex;
    width: 34px;
    height: 34px
}

.shadow2 {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 7%), 0 -2px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%)
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #000
}

::placeholder {
    padding-top: 10px
}

.background-white {
    background: #fff
}

.main-body {
    height: 100%;
    background: #fefefe;
    position: relative;
    float: left;
    box-shadow: 0 0 11px 7px rgb(255 255 255 / 19%);
    padding-bottom: 0
}

.border-right-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.border-right-title::before {
    content: "";
    display: block;
    width: 2px;
    margin-left: 10px;
    height: 18px;
    background-color: var(--orange-sazman)
}

.logo-scroll {
    padding: 10px 0;
    display: none
}

.full__header_nav.sticky {
    height: 85px
}

.full__header_nav.sticky .logo-scroll {
    display: flex !important
}

.all-div-back-omde-responsive, .blog-slider__item, .card-top-user-profile, .card_text_modal_select_city, .description_footer, .description_footer > hr, .description_footer > span, .item-card-product-search > a, .swiper-product_header .swiper-slide > a {
    display: flex;
    align-items: center
}

.icon_item_user {
    width: 10%;
    height: 10%
}

.item_card_profile {
    color: #000;
    margin-right: 2%
}

.card_conversation_favorites > span > a:hover, .dp-link:hover, .item-menu-desktop:hover > .item_header_supplier, .item_card_profile:hover, .other-text p, .other-text span, .title-tab-header:hover, .type-title-2:hover {
    color: #000 !important
}

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

.Micro-Supplier-Panel-Tutorial .View-course:hover, .basket-item-props, .btns_header_supplier, .btns_header_supplier:hover, .img-user-comment p, .item_card_background_half:hover, .name_supplier_header:hover, .organ > h6, .organ > h6:hover, .text-comment-user, .text-tab-header:hover {
    color: #000
}

.tab-pane {
    display: none
}

.active_tab_header {
    display: inline-block !important
}

.card-hover-header {
    position: absolute;
    z-index: 5;
    background-color: #fff;
    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-paroduct-tab-header {
    height: 12rem;
    overflow-x: hidden !important;
    margin: 1% 0
}

.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, .active-item, .card-hover-header:hover, .container-2:hover .search_box_header, .item-menu-desktop:hover > .card-hover-header, .show_input_search {
    display: block !important
}

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

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

.swiper-tabs-nav-service-steps .swiper-slide.swiper-slide-thumb-active > p, .ul_nav_header-info > li > a:hover {
    color: #fff !important
}

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

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

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

.background_header_supplier, .container-2:hover, .item-slider-Organizations-header > img, .leaflet-popup-content-wrapper, .section-size-modal, .span-loader {
    width: 100%
}

.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
}

.btn-see-user-profile:hover, .item-menu-text:hover {
    color: #028e9b
}

.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-footer-desktop {
    background-color: #fcfcfc
}

.card-footer-desktop > .footer-desktop, .card_main_header, .card_main_header_center, .card_nav_header, .card_nav_header__center {
    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%
}

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

.input_search_header:focus, .input_search_header_center:focus, .search_information: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%)
}

.card_search_nav_supplier_header, .discount_price, .dp-item, .read-more, .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 {
    color: #fff;
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 13px
}

.text-builder {
    white-space: pre-line
}

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

.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
}

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

#card-basket, .card-user-profile {
    top: 21px;
    box-shadow: 0 2px 7px -3px #d3d3d3
}

.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
}

.card_agency_office_information_center > div > svg, .card_phone_seller, .f-right {
    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, .blog-slider__button, .btn-see-user-profile, .card-ul-footer > h6, .dp-link, .item-text-footer > li > a {
    text-decoration: none
}

.basket-item-image img, .card_crooky_seller > img, .card_image > img, .card_image_header_top > a > img, .card_level_header_supplier > img, .div-back-icon-sidbar-tamin > a > img, .div-back-icon-sidbar-tamin > img, .icon-delete-basket img, .image-in-modal-qrcode, .img-product-search img, .img-slider-clothing-modal img, .img-suppliers-header img, .item-card-Suppliers > a, .item_card_background_half > img, .product-view > img, .slider-top-Supplier-panel .swiper-slide img, .swiper_wrapper_suppliers_ph > .swiper-slide > a > img:first-child, .time-header img {
    width: 100%;
    height: 100%
}

.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
}

.basket-item-props > span, .error, .font-12, .level-2 > .dp-item > a, .location-modal > span {
    font-size: 12px
}

.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%
}

.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%;
    z-index: 55;
    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
}

.card-user-profile, .search-box-list {
    position: absolute;
    z-index: 55;
    display: none
}

.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%
}

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

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

.basket-submit:hover, .btn_active_or_disable > a, .btn_card_seller > a, .card-discount-percent > span, .popup-youtube:hover {
    color: #fff
}

.card-user-profile {
    width: 43%;
    height: auto;
    left: 10%;
    border-radius: 12px;
    background-color: #fff;
    padding: 2%;
    direction: rtl
}

.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
}

.section-price, .table_agent ul > li > span:last-child {
    text-align: left
}

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

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

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

.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, .slider-top-Supplier-panel .swiper-slide {
    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
}

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

.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;
    right: unset !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, .form-contact > div > .card-item-contact: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
}

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

.card_title_result_search_header {
    padding-right: 34px
}

#sidebar {
    height: auto !important;
    bottom: 1.2%
}

.sidebar-right {
    border-radius: 2px 50px 2px 2px
}

/*.slider-top-Supplier-panel {*/
/*    padding-bottom: 2rem*/
/*}*/

.all-div-back-sidbar-tamin {
    margin: 22px auto 0;
    width: 100%;
    display: flex;
    justify-content: center
}

.div-back-icon-sidbar-tamin {
    margin: 0 3.5%;
    width: 19px;
    height: 19px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 0 !important
}

.div-back-icon-sidbar-tamin svg {
    width: 21px;
    height: 21px
}

.body-mian {
    background: #fff;
    padding: 0;
    border-radius: 2px
}

.icon-type-tamin-next-title {
    background: url(../icon/gold.svg) 0/15px no-repeat;
    margin: 0;
    padding: 0 11px 0 21px
}

.icon-next-tamin-in-sidebar {
    width: 15px;
    height: 15px;
    margin-right: 2%;
    font-family: IRANSans
}

.behind-circle-for-logo {
    height: 12rem;
    border-top-right-radius: 50px;
    border-bottom: 1px solid #eee
}

.circle-for-logo {
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    border: 1px solid #eee;
    padding: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 5;
    background-color: #fff;
    bottom: 6%
}

.arrow-left-slider, .arrow-right-slider {
    z-index: 55;
    top: 140px;
    position: absolute;
    width: 20px
}

.margin-p-custom {
    margin-top: -9px
}

.circle-for-logo img, .circle-for-logo-omde img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.arrow-left-slider {
    content: url("../icon/arrow-left-owl-orange.svg");
    left: 37px
}

.arrow-right-slider {
    content: url("../icon/arrow-orange-right.svg");
    right: 37px
}

.card_logo_title_header_supplier > div, .information-about-supply-in-pamel-khord, .padding-information-brand {
    padding: 1%
}

.information-about-supply-in-pamel-khord .imgs-information {
    padding: 1rem 4rem 1rem 4.5rem
}

.Supplier-Management-Banner {
    border-radius: 7px;
    border: 2px solid var(--orange-sazman-low);
    margin: 2.5% auto;
    display: flex;
    align-items: center
}

.img-about-tamin {
    padding: 5px
}

.img-about-tamin > img {
    height: auto;
    max-height: 302px
}

.img-about-tamin-card {
    height: 100%;
    position: relative;
    padding: 4%
}

.img-about-tamin-card::after {
    content: url(../img/Repeat-tamin-koonande-khord.svg);
    position: absolute;
    top: 9px;
    left: 8px;
    z-index: 0
}

.img-about-tamin-card::before {
    content: url("../img/Repeat-tamin-koonande-khord.svg");
    position: absolute;
    bottom: -3px;
    right: 7px
}

.img-about-tamin-card img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    float: right;
    z-index: 45;
    position: relative
}

.img-about-tamin img {
    border-radius: 5px;
    object-fit: cover
}

.slider-next-text-Brand-introduction {
    height: auto;
    border-radius: 7px
}

.slider-next-text-Brand-introduction img {
    width: 100%;
    height: auto;
    max-height: 300px;
    border-radius: 5px
}

.background-behind-video-Supplier-khord {
    height: auto;
    margin-top: 17%;
    margin-bottom: -15.3%;
    float: right;
    background: #ffc97a;
    background: linear-gradient(180deg, var(--gradient-khor-omde-video) 13%, hsl(0deg 0% 100%) 51%, hsl(0deg 0% 100%) 100%)
}

.background-behind-video-Supplier-khord .pelum-video-area {
    position: relative;
    height: 100%;
    bottom: 13.5rem;
    display: inline-block;
    width: 100%
}

.pelum-video-area:before, .video-box:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.div-video-modal {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 13%
}

.pelum-video-area:before {
    content: ""
}

.video-box:after {
    content: '';
    background: #4777f4;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
    border-radius: 30px
}

.popup-youtube:after, .popup-youtube:before {
    position: absolute;
    border-radius: 50%;
    content: ''
}

.video-inn {
    padding: 50px;
    background: #fff;
    border-radius: 50px;
    text-align: center
}

.flaticon-play {
    margin-left: 5px
}

.popup-youtube {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    position: relative;
    background: 0 0;
    z-index: 1
}

.popup-youtube:before {
    width: 71px;
    height: 71px;
    z-index: -1
}

.popup-youtube:after {
    width: 60px;
    height: 60px;
    background-color: rgb(0 0 0 / 62%) !important;
    z-index: 0;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%
}

.flaticon-play:before {
    margin-left: 0;
    font-size: 27px
}

.image-in-video {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 7px
}

.parent-div-video {
    height: 21rem
}

.icon-video {
    transform: translate(65%, -50%);
    position: absolute;
    right: 50%;
    top: 50%;
    z-index: 45
}

.other-ic-star-modal {
    float: left;
    width: 13px;
    position: relative;
    left: 4px;
    top: 35px
}

.shape, .t-shape, .t-shape span {
    position: absolute
}

.other-ic-star-modal img {
    width: 13px !important;
    height: 13px;
    margin-bottom: 4px
}

.title-Clothing {
    margin: 2.5% 1.5% 1% 0
}

.title-Clothing img {
    width: 4.5%;
    height: .3%;
    position: absolute
}

.img-slider-clothing-modal {
    border-radius: 10px;
    height: auto;
    max-height: 250px;
    display: flex;
    margin: 0 auto
}

.other-text del:nth-child(3) {
    color: #ea1648
}

.price-product {
    margin: 7% 0 4% !important
}

.shape {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    left: -7px;
    top: 6.5%;
    border-bottom: 6px solid #e90037
}

.t-shape {
    width: 16%;
    height: 7.5%;
    background-color: #e90037;
    z-index: 2;
    top: 8%;
    right: 87.5%;
    border-radius: 3px;
    font-size: 11px;
    color: #fff
}

.t-shape span {
    top: 22%;
    left: 23%
}

.new-product-slider {
    margin-right: 3.2%
}

.color {
    width: 19px;
    float: right
}

.circle-color {
    border-radius: 30px;
    border: 1px solid gray;
    width: 18px;
    height: 18px;
    margin-bottom: 6px;
    font-size: 10px
}

.circle-color img {
    position: relative;
    bottom: 19%;
    right: 13%;
    width: .7rem
}

.circle-color span {
    position: relative;
    right: 3px;
    top: 4px
}

.size span {
    font-size: 15px;
    position: relative;
    top: 7px;
    right: 11px
}

.product-section-top {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: relative;
    border: 1px solid #e0e0e275;
    border-radius: 5px;
    cursor: pointer;
    padding-bottom: .5rem;
    padding-top: 16px
}

.icon-bottom {
    margin-right: 9px;
    font-size: 12px;
    margin-bottom: 17px
}

.arrow-black, .product-section-top .icon-type-supply {
    width: 4.5%
}

#myTab li button {
    color: #000;
    background: 0 0
}

.section-sellers {
    direction: rtl;
    position: relative
}

.list-product-text {
    text-align: right;
    margin: 35px 60px 0 11px;
    position: relative;
    left: 1%;
    z-index: 3
}

.back-title {
    width: 42.7%;
    float: right;
    height: 21px;
    position: absolute;
    z-index: 1;
    right: 1.7%;
    top: 1px
}

.list-product-box, .list-product-orange {
    box-shadow: 1px 1px 13px -6px #d3d3d3;
    border-radius: 8px;
    right: 4%;
    top: 16px;
    position: relative
}

.list-product-box {
    cursor: pointer;
    padding: 0 5% 8%
}

.list-product-orange {
    background-color: #f48c09;
    width: 100%;
    height: 11.5rem
}

.btn-sort {
    background: 0 0;
    border: none;
    margin-right: 36%
}

.btn-sort img {
    width: 7%;
    margin-right: 2%;
    margin-top: 1%
}

.carousel-sellers .owl-stage-outer {
    width: 94%;
    position: relative;
    overflow: hidden
}

.carousel-sellers {
    padding-left: 1%;
    margin-right: 2.4%
}

.carousel-sellers .owl-dots, .carousel-sellers.owl-theme .owl-nav, .text-toggle {
    display: none
}

.circle {
    width: 6%;
    height: 27px;
    border-radius: 30px;
    border: 1px solid gray
}

.card-sellers {
    position: relative;
    right: 29px;
    top: 9px
}

.box-like {
    height: 28px;
    position: relative;
    left: 8%
}

.product-icon-like {
    width: 44px !important;
    position: absolute;
    left: -4px;
    z-index: 8
}

.text span {
    color: #000;
    display: contents
}

.product-icon-star {
    position: relative;
    right: 7px;
    width: 14%;
    margin-left: -2%
}

.view {
    margin-top: 17px
}

.view-Product {
    position: relative;
    border: none;
    background-color: #f48c09;
    color: #fff;
    font-size: 10px;
    text-align: center;
    left: 20%;
    border-radius: 30px;
    padding: 4px 1px;
    top: 4%
}

.guarantee {
    margin-top: 16px;
    color: #fff
}

.orange-text p {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.orange-text span {
    font-size: 29px !important
}

.orange-text {
    position: relative;
    right: 16%;
    top: 26px;
    width: 67%
}

.orange-text2 {
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 41px
}

.line-orange {
    position: relative;
    top: 39px;
    width: 66%;
    right: 17%;
    color: #fff;
    height: 1%;
    background-color: #fff
}

.shipped img {
    width: 44px !important;
    height: 20px;
    position: relative;
    right: 7px
}

.price-tag img {
    width: 41px !important;
    height: 15px;
    margin-left: -7px
}

.carousel-sellers.owl-carousel .owl-stage {
    height: 15rem
}

.row-sellers {
    margin-top: 3%;
    margin-right: .2%;
    background-color: #fff
}

.nav-tabs .btn-tab.active, .nav-tabs .nav-item.show .btn-tab {
    background: 0 0;
    border: none;
    border-bottom: 2px solid #f7951d
}

#toggle, .btn-tab, .btn-toggle-more, .nav-tabs .btn-tab:focus, .nav-tabs .btn-tab:hover {
    background: 0 0;
    border: none
}

.other-text p:first-child {
    margin-top: 5%;
    margin-bottom: 3%;
    position: relative;
    margin-right: 1px;
    padding-left: 17px;
    padding-right: 10px
}

.other-text p:nth-child(2) {
    font-size: 13px;
    position: relative;
    color: #3a3737;
    margin-bottom: 3%
}

.product-section-top .icon-type-tamin {
    width: 5%
}

.other-text del:nth-child(3) {
    font-size: 10px;
    margin-top: 7%;
    margin-bottom: -2%
}

.other-text div {
    position: relative;
    margin-left: 6px;
    margin-bottom: 8px;
    font-size: 13px
}

.border-three-dot-front-title {
    color: #f48c09;
    border-radius: 3px;
    border: 1px solid #f48c09;
    width: 24px;
    padding: 1px;
    margin: 0;
    height: 18px;
    position: absolute;
    left: 1.9%
}

.border-three-dot-front-title p {
    margin: 0;
    transform: translate(-3px, -8px)
}

.Micro-Supplier-Panel-Tutorial .View-course {
    margin-left: 8px;
    color: #000;
    position: relative;
    bottom: 2px
}

.a-white, .btn-container span, .buttom-under-product-panel-khord:hover {
    color: var(--orange-sazman)
}

.div-on-veiw-micro-slider {
    position: absolute;
    height: 1.5rem;
    border-radius: 3px;
    background-color: var(--orange-sazman-low);
    right: 125px;
    bottom: 9px;
    z-index: 0;
    width: 2.25rem;
    animation-name: example;
    animation-duration: 1s
}

.div-on-veiw-micro-slider-hover {
    width: 6.5rem;
    transition: width .4s
}

.offer {
    position: absolute;
    max-height: 36px;
    width: auto !important;
    bottom: 5px !important;
    right: 0;
    border: unset !important
}

.discount_price:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: red;
    transform: rotate(11deg);
    top: 8px;
    opacity: .5
}

@keyframes example {
    from {
        width: 2rem
    }
    to {
        width: 100%
    }
}

.Micro-Supplier-Panel-Tutorial .View-course img {
    width: 16% !important;
    margin-right: 5px;
    margin-top: 3px
}

.Supplier-Panel-Tutorial .swiper-slide:before {
    content: url("../img/dore-khord.png");
    position: absolute;
    top: 8.5rem;
    left: 3px;
    display: none
}

.other-hover-icons {
    bottom: -11px;
    width: 54%;
    position: absolute;
    margin-bottom: -5%
}

.hover-ic {
    width: 31px !important;
    height: 30px;
    background-color: #f48c09;
    border-radius: 100%;
    position: relative;
    display: inline-block
}

.hover-ic img {
    z-index: 0;
    position: absolute;
    width: 51% !important
}

.ic-1 {
    top: 6.5px !important;
    right: 7.75px !important
}

.ic-2 {
    top: 8px !important;
    left: 8px !important
}

.ic-3 {
    right: 9px !important;
    top: 7px !important
}

.a-white {
    border: 2px solid var(--orange-sazman);
    padding: 4px 14px;
    border-radius: 3px
}

.div-News-responsive {
    border: 1px solid #bdbdbd45;
    border-radius: 5px;
    position: relative
}

.Micro-Supplier-Panel-Tutorial {
    padding-bottom: 36px
}

.Micro-Supplier-Panel-Tutorial .swiper-slide img {
    width: 100%;
    height: auto;
    max-height: 288px;
    z-index: 2;
    position: relative;
    border-radius: 5px
}

.Micro-Supplier-Panel-Tutorial .swiper-slide {
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: -2px 2px 4px #f3f0f0bf
}

.buttom-under-product-panel-khord {
    margin: .5% auto;
    color: var(--orange-sazman);
    border-radius: 5px;
    border: 1px solid var(--orange-sazman);
    padding: 7px 10px;
    cursor: pointer;
    width: auto !important
}

.a-color-blue, .a-color-blue:hover, .div-form-bottom-khoshe .title-inputs span {
    color: #1b9c90
}

.about-company {
    height: 16.25rem !important;
    width: 97%
}

.about-company .swiper-slide img, .blog-slider img, .img-height-omde-under-video img, .slider-next-text-Brand-introduction-omde img, .swiper_seller-slider img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.form-control-custom-give {
    width: 100%;
    border-bottom: 2px solid #8fccc6;
    border-top: 1px solid #fbfbfd;
    border-right: 1px solid #fbfbfd;
    border-left: 1px solid #fbfbfd;
    height: 43px;
    background: #fff;
    display: block;
    border-radius: 4px;
    outline: 0;
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    position: relative
}

.form-group-give {
    display: inline-block;
    direction: rtl;
    margin-bottom: 4%;
    position: relative;
    padding: 0 12px;
    float: right
}

.card-txt-img-about-us > div:first-child, .card_agency_office_information > div:first-child, .card_form > div > div:first-child, .form_supplier_center > div:first-child, .form_supplier_center > div:nth-child(3), .nav__center > li:first-child > a, .ul_nav_header_supplier > .item-menu-tab-header:first-child > a {
    padding-right: 0 !important
}

.card-txt-img-about-us > div:last-child, .card_form > div > div:last-child, .form_supplier_center > div:nth-child(2), .form_supplier_center > div:nth-child(4) {
    padding-left: 0 !important
}

.form_supplier_center > div:nth-child(5) {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.div-form-bottom-khoshe .title-inputs {
    position: absolute;
    top: -9px;
    right: 12px;
    z-index: 1;
    background-color: #fff
}

.map-panel-supply-khord {
    height: 100%;
    width: 100%;
    border-radius: 3px
}

.form-group-give-padding {
    margin-bottom: 3%;
    margin-top: 2%
}

.form-group-give-padding textarea {
    height: 10em;
    padding-top: 1.25rem
}

.container {
    top: 0;
    display: inline;
    height: 15px;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5%
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.a-color-blue {
    border: 1px solid #1b9c90 !important;
    border-radius: 5px;
    padding: 6px;
    width: 12%;
    margin: 5% auto 1.5%;
    background-color: #fff
}

.checkmark {
    position: absolute;
    top: 3px;
    right: 0;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    border: 1px solid #1b9c90;
    background-color: #fff
}

.container:hover input ~ .checkmark {
    background-color: #ccc
}

.container input:checked ~ .checkmark {
    background-color: #1b9c90
}

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

.container input:checked ~ .checkmark:after {
    display: block
}

.container .checkmark:after {
    left: 4px;
    top: 0;
    width: 6px;
    height: 11px;
    border: 0 solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.banner-sidbar-panel-khord, .border-left {
    border-left: 1px solid #eee
}

.banner-sidbar-panel-khord, .border-right {
    border-right: 1px solid #eee
}

table th, table tr {
    font-size: 14px;
    font-weight: 400
}

.table > :not(caption) > * > * {
    background-color: #f3f3f3;
    border-bottom: none
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(255 255 255)
}

table {
    border: 1px solid #f5f3f3;
    border-radius: 5px
}

.border-icon-sidebar-circle {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.border-icon-sidebar-circle img, .border-icon-sidebar-circle-omde img {
    width: 66%
}

.banner-sidbar-panel-khord {
    height: 8rem;
    margin-top: 9px;
    margin-bottom: 8px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative
}

.border-top {
    border-top: 1px solid #eee
}

.banner-sidbar-panel-khord .icon-share {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 4.5%;
    z-index: 45;
    cursor: pointer
}

.about-company .swiper-slide {
    height: 14rem
}

.name-city-modal::after {
    content: url("../icon/arrow-left-black.png")
}

.card-modal-details {
    padding: 0 16%;
    max-width: 100%
}

.btn-close-modal {
    border: none;
    float: left;
    font-size: 16px;
    left: 3px;
    top: -6px;
    z-index: 55
}

.btn-close:focus {
    box-shadow: none
}

.name-product-modal {
    font-size: 15px;
    z-index: 55;
    position: relative
}

.card-right-modal {
    padding-left: 3%
}

.icon-brand-modal {
    background: url(/icon/golden.svg) 0/13px no-repeat
}

.name-suppliers-modal {
    padding-left: 5%
}

.c1 {
    background-color: #ff0
}

.c2 {
    background-color: pink
}

.c3 {
    background-color: red
}

.c4 {
    background-color: #00008b
}

.circle-color-modal {
    width: 28px;
    height: 28px;
    float: right;
    margin-left: 4%;
    box-shadow: 0 1px 7px -5px gray;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    padding: 3px;
    font-size: 14px
}

.name-item-product {
    font-size: 15px;
    padding-left: 3%
}

.card-item-modal {
    display: flex;
    align-items: center;
    width: 100%
}

.modal-shop-basket {
    position: relative;
    border: none;
    background-color: var(--orange-color);
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 21%;
    height: 26px;
    border-radius: 30px;
    padding: 1px 1px 0;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-shop-basket > input {
    background: var(--orange-color);
    border: none;
    color: #fff;
    text-align: center;
    width: 40%
}

.card-price-modal {
    padding: 0 7%
}

.icon-basket-modal {
    height: 10px;
    width: 10px
}

.btn-more-details-modal {
    background: 0 0;
    border: none;
    font-size: 13px
}

.btn-see-more-details-modal {
    background-color: #fff;
    color: var(--orange-color);
    border-radius: 5px;
    border: 2px solid var(--orange-color);
    font-size: 15px;
    padding: 5px 11px 5px 12px;
    text-align: center;
    float: left
}

.t-shape-in-modal, .t-shape-modal {
    background-color: #e90037;
    color: #fff
}

.score-modal > img {
    display: block;
    margin-bottom: 7px
}

.icon-chat-green-modal {
    width: 16px;
    margin-top: 9px
}

.icon-left-modal {
    position: absolute;
    z-index: 5;
    top: 15%;
    left: 2.8%
}

.item-Height-modal > li {
    list-style: none;
    float: right;
    font-size: 14px;
    border: 1px solid #f8f8f8;
    padding: 2% 6%;
    margin: 0 5px 11px;
    border-radius: 4px
}

.t-shape-in-modal, .t-shape-modal span {
    font-size: 12px;
    text-align: center;
    justify-content: center;
    display: flex
}

.carousel-product-modal {
    box-shadow: 0 0 14px -8px #d3d3d3;
    height: 94%
}

.t-shape-modal {
    width: 48px !important;
    height: 27px !important;
    border-radius: 4px;
    left: 5%;
    position: relative
}

.shape-in-modal, .shape-modal {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    position: absolute;
    left: 4px !important;
    top: -6px;
    border-bottom: 6px solid #e90037
}

.back-title-modal, .pagination > li:first-child > img {
    height: 18px;
    width: 18px
}

.t-shape-in-modal {
    border-radius: 3px;
    padding: 2.5px 11px;
    position: relative;
    top: -1px;
    left: 9%
}

.group-shape-in-modal {
    position: absolute;
    left: -13px;
    top: 19px;
    z-index: 88
}

.btn-Notify-when-available {
    transform: translate(50%, 50%);
    margin-bottom: 5.5% !important;
    border: none;
    background-color: #3f3b3b;
    opacity: .75;
    font-size: 11px;
    color: #fff;
    padding: 5% 6% 4.5%;
    border-radius: 4px;
    position: absolute;
    right: 50%;
    top: 14%
}

.t-shape-modal span {
    padding-top: 10%
}

.group-shape-modal {
    position: absolute;
    left: -16px;
    top: 19px;
    z-index: 88
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--green-color);
    width: 9.5px;
    height: 9.5px
}

.owl-theme .owl-dots .owl-dot span {
    background-color: var(--lightgreen);
    width: 9px;
    height: 9px;
    margin: 0 2.8px
}

.carousel-product-modal.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
    position: relative;
    top: 3%
}

.card-left-modal {
    padding-bottom: 1%
}

.product-view {
    padding: 3%
}

.active-item-modal {
    border: 1px solid var(--lightgreen) !important
}

.modal-product {
    padding: 2% 3% 0 13%
}

.back-title-modal {
    background-color: var(--lightgreen);
    position: absolute;
    z-index: 0;
    transform: rotateZ(45deg);
    border-radius: 3px;
    right: 16px
}

.item-details-modal {
    cursor: pointer;
    border: 1px solid #f8f8f8
}

.card-item-size-modal {
    display: flow-root
}

.max-height-modal {
    height: 16.7rem;
    overflow-y: hidden
}

.like-modal {
    position: absolute;
    z-index: 55;
    width: 11%;
    right: 14px
}

.circle-color-dots {
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb
}

.modal-share {
    height: auto !important;
    position: absolute;
    left: 30.5rem;
    border-radius: 10px
}

.title-share {
    padding-top: 7%;
    margin-right: 7%
}

.title-share h6 {
    position: relative;
    z-index: 5;
    top: 1px
}

.back-title-share {
    background-color: #d1ece7;
    border-radius: 3px;
    width: 24px;
    position: absolute;
    height: 23px;
    transform: rotate(45deg);
    z-index: 0;
    margin-top: -6.5%;
    right: 5.6%
}

.copied, .icon-share-modal, .input-email {
    background-color: #fff
}

.icon-share-modal {
    border: 1px solid #d3d3d3;
    margin: 10px 12px;
    height: 53px;
    width: 55px
}

.Your-permission, .invite-friends {
    padding-top: 1%;
    margin-right: 1%
}

.icon-share-modal img {
    width: 29px;
    height: 29px;
    position: relative;
    top: 21%;
    right: 0;
    cursor: pointer
}

.group-icon-share {
    justify-content: center;
    display: flex
}

.copied, .enter-email, .tick-copy {
    display: none
}

.invite-friends {
    font-size: 13.5px
}

.input-copy {
    border-radius: 33px;
    border: 1px solid #d3d3d3;
    font-size: 13px;
    text-align: left;
    padding: 6px 38px 6px 9px;
    color: gray;
    width: 100%
}

.input-copy:hover {
    cursor: pointer;
    border: 1px solid #d3d3d3
}

.input-copy:focus {
    border: 1px solid #d3d3d3 !important
}

.successfully-copied {
    margin: 6% auto 10%;
    width: 32%;
    position: relative
}

.successfully-copied img {
    width: 11% !important;
    position: absolute;
    right: 10px;
    top: 10px
}

.copied, .copied span, .enter-email, .input-email {
    position: relative
}

.copied {
    border-radius: 33px;
    border: 1px solid #1b9c90;
    font-size: 13px;
    text-align: right;
    color: #1b9c90;
    z-index: 10;
    padding-bottom: 1.5%;
    padding-top: 1.5%;
    margin: 6% 26% 10% 0;
    width: 39.3%
}

.copied span {
    padding-right: 13%;
    top: 1px
}

.copied img {
    width: 10% !important;
    top: 1px !important;
    right: 7% !important
}

.arrow-email img {
    width: 59%;
    height: 57%;
    position: absolute;
    z-index: 10;
    left: 19%;
    top: 21%
}

.input-email {
    border-radius: 33px;
    border: 1px solid #1b9c90;
    font-size: 13px;
    padding: 2.5% 3% 2% 0;
    width: 100%
}

.input-email :focus, .tick-copy {
    border: 1px solid #1b9c90
}

.enter-email {
    margin: 4% auto
}

.arrow-email {
    background-color: #1b9c90;
    width: 37px;
    height: 37px;
    position: absolute;
    bottom: top;
    left: 0;
    top: 0;
    z-index: 5
}

.warning-modal {
    font-size: 9px;
    margin-right: 4%;
    margin-top: 1.2%
}

.card-modal-shre {
    right: 12.5%;
    z-index: 2020
}

.icon-in-circle-panel-khord, .title_text {
    margin-bottom: 3%
}

.title-name-icon-p {
    width: 21%;
    padding-left: 0;
    margin-left: 0
}

.negative-custom {
    top: -5px !important
}

.toggle-icon {
    position: relative;
    top: 1px;
    color: var(--orange-sazman);
    cursor: pointer
}

.padding-panel-supply-khord {
    padding: 1rem 1%
}

.img-about-tamin:hover {
    position: relative;
    top: -15px
}

.about-company .swiper-slide:hover:before {
    content: '';
    background: #000;
    opacity: .75;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px
}

.js-hover-about-compony {
    position: absolute;
    top: 63px;
    text-align: center;
    color: #fff;
    padding: 0 1rem
}

.table-size {
    width: 32.25%;
    margin-bottom: 2.5%;
    margin-top: 2.25%
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

#sidebar .sidebar__inner {
    position: relative;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform
}

.panel-omde-tile-logo-icons {
    border-radius: 5px;
    margin: 0 auto;
    padding: 0
}

.icon-in-circle-panel-omde {
    width: 33%;
    padding: 0;
    margin: auto -10px
}

.border-icon-sidebar-circle-omde {
    border-radius: 100%;
    width: 46px;
    height: 46px;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.card-line-footer, .class-inner-icons, .row-search-footer {
    display: flex;
    justify-content: center
}

.vertical-slider-omde img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-on-swiper-slider:before {
    content: url(../img/Repeat-Grid-omde.png);
    position: absolute;
    top: -64px;
    left: 20px;
    z-index: 2
}

.box-on-swiper-slider {
    position: absolute;
    top: 97px;
    height: 15rem;
    left: 4px;
    background: -webkit-linear-gradient(180deg, #f9f9f9 0, #fff 32%);
    box-shadow: inset 2px -2px 11px #f1f1f1;
    z-index: 50;
    border-radius: 5px;
    padding: 1rem;
    display: flex;
    align-items: center
}

.div-back-verticla-slider-omde {
    margin-right: 6%
}

.img-height-omde-under-video {
    height: 15rem;
    margin-top: 1.5rem
}

.div-back-image-in-modal-qrcode, .div-back-slider-one-show-omde {
    margin: 0 auto
}

.circle-for-logo-omde {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    border: 1px solid #eee;
    padding: 4px;
    margin: 0 auto
}

.imgs-information-omde {
    padding: 0 5rem !important
}

.imgs-information-omde .img-about-tamin {
    height: 16rem;
    padding: 5px
}

.padding-img-next-text-omde {
    padding: 0 7rem
}

.slider-top-Supplier-panel .back-img, .swiper_seller-slider .swiper-slide {
    height: auto
}

.div-video-modal-omde {
    height: 24rem;
    width: 60%;
    margin: 0 auto
}

.shadow-for-div-top-omde {
    border-top: 1px solid #f7f7f3;
    border-right: 1px solid #f7f7f3;
    box-shadow: -3px 3px 5px #f7f7f7
}

.border-radius-5, .radius-5 {
    border-radius: 5px
}

.all-div-back-omde-responsive {
    display: flex;
    justify-content: center;
    margin: 0 !important;
    padding-left: 0 !important;
    align-items: center;
    width: 35.5% !important
}

.slider-one-show-omde .swiper-pagination-bullet {
    background-color: var(--panel-omde-sazman) !important
}

.slider-one-show-omde {
    height: 29rem;
    padding-bottom: 2rem
}

.slider-one-show-omde img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper-button-next-blog {
    top: 2rem;
    position: absolute;
    right: 1rem
}

.swiper-button-prev-blog {
    top: 3.5rem;
    position: absolute;
    right: 1rem
}

.parent-slider-omde-height .swiper-button-prev-blog {
    content: url("../icon/arrow-left-color-tamin.svg") !important
}

.parent-slider-omde-height .swiper-button-next-blog {
    content: url("../icon/arrow-right-color-tamin.svg") !important
}

.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    padding: 25px;
    border-radius: 25px;
    height: 23rem;
    transition: .3s
}

.close-menu-style {
    top: 7px !important;
    position: relative;
    left: 6px
}

#menu > a:nth-child(2) {
    padding-left: 45px !important
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :first-child {
    transition-delay: 0.3s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(2) {
    transition-delay: 0.4s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(3) {
    transition-delay: 0.5s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(4) {
    transition-delay: 0.6s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(5) {
    transition-delay: 0.7s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(6) {
    transition-delay: 0.8s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(7) {
    transition-delay: 0.9s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(8) {
    transition-delay: 1s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(9) {
    transition-delay: 1.1s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(10) {
    transition-delay: 1.2s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(11) {
    transition-delay: 1.3s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(12) {
    transition-delay: 1.4s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(13) {
    transition-delay: 1.5s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(14) {
    transition-delay: 1.6s
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(15) {
    transition-delay: 1.7s
}

.blog-slider__img {
    width: 17rem;
    flex-shrink: 0;
    height: 16rem;
    background: #fff;
    background: -webkit-linear-gradient(359deg, hsl(0deg 0% 100%) 48%, hsl(0deg 8% 95%) 72%);
    box-shadow: inset 0 0 11px #ebebeb5c;
    border-radius: 4px;
    transform: translateX(-212px);
    overflow: hidden;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.blog-slider__img:after {
    /*content: "";*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    opacity: .8
}

.blog-slider .IMG-dots {
    position: absolute;
    top: 9%;
    height: 17%;
    left: -10rem;
    width: 10%;
    z-index: 100
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: .3s
}
.arrow-el-slider{transform: unset!important;}
@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column
    }

    .btns-share-scroll {
        bottom: 125px !important
    }

    .blog-slider__img {
        transform: translateY(162%);
        width: 90%;
        height: 157px
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px
    }

    .blog-slider__img {
        height: 270px
    }
}

.blog-slider__content {
    padding-right: 25px;
    position: absolute;
    width: 100%;
    height: 100%
}

.blog-slider__content > * {
    opacity: 0;
    transform: translateY(25px);
    transition: .4s
}

.blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px
}

.blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em
}

.blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0 14px 80px rgba(252, 56, 56, .4);
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%
    }

    .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
    }

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

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

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

    .line-height-26 {
        line-height: 24px
    }

    #modal-share .modal-dialog {
        max-width: 100%
    }

    #modal-share .modal-body {
        max-width: 275px
    }

    .blog-slider__content {
        padding: 0
    }

    .blog-slider__button {
        width: 100%
    }
}

.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%)
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: .2;
    transition: .3s
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 8px;
    box-shadow: 0 0 20px rgba(252, 56, 56, .3)
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
    }

    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px
    }
}

.slider-card-omde .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover
}

.title-name-icon-omde {
    margin: auto 0
}

.archive {
    max-width: 400px;
    margin: 0 auto
}

.max-height {
    height: 20rem;
    overflow: hidden
}

.read-more > .read-more__content {
    z-index: 0;
    overflow: hidden
}

.read-more > .read-more__content > .read-more__content__container {
    position: relative;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    transition: .8s;
    max-height: 2000px
}

.read-more > .read-more__content > .read-more__content__container:before {
    z-index: 5;
    display: block;
    content: "";
    position: absolute;
    bottom: -103px;
    left: 0;
    right: 0;
    top: auto;
    height: 108px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(rgb(255 255 255 / 72%), #fff);
    opacity: 0;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    transition: opacity .8s
}

.read-more.collapsed .read-more__content > .read-more__content__container {
    text-overflow: ellipsis;
    max-height: 223px
}

.read-more.collapsed .read-more__content > .read-more__content__container:before {
    opacity: 1
}

.read-more > .read-more__expand {
    z-index: 10;
    padding: 0;
    color: #000 !important;
    background: 0 0;
    border: none
}

.text-next-mid-responsie {
    padding: 6px 20px !important
}

.btn-primary, .btn-primary:hover {
    color: #000 !important;
    font-size: 14px;
    background: 0 0;
    border: none
}

.img-icon-more-read {
    width: 15px
}

.negateive-more-read {
    content: url("../icon/arrow-blog-slider-top.svg") !important;
    width: 15px
}

.parent-slider-about-compony .left-bottom-swiper, .parent-slider-omde-height .left-bottom-swiper {
    left: -2px
}

.parent-slider-omde-height .right-bottom-swiper {
    right: -22px
}
.btns-style-cv {
    text-align: left
}

.parent-slider-omde-height .swiper_seller-slider {
    padding-bottom: 2rem;
    width: 100%
}

.parent-slider-about-compony .right-bottom-swiper {
    right: -2px
}

.parent-Micro-Supplier-Panel-Tutorial .right-bottom-swiper {
    right: -12px
}

.parent-Micro-Supplier-Panel-Tutorial .left-bottom-swiper {
    left: -12px
}

.padding-for-slider-card {
    padding-right: 1rem;
    padding-left: 2rem
}

.slider-card-omde {
    height: 15rem;
    padding-bottom: 2rem
}

.height-4rem {
    padding: 4px
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out
}

.one_line {
    overflow: hidden;
    width: 100%
}

.description_modal, .eight_line, .height_btn_more {
    white-space: pre-line
}

.container-s {
    position: relative;
    padding-bottom: 2% !important
}

.card_icons_right {
    display: flex;
    justify-content: center;
    margin: 0 auto !important
}

.card_all_products {
    display: grid !important;
    grid-template-columns:repeat(4, 1fr);
    gap: 22px;
    padding: 0 2.1%
}

.pagination > li:first-child {
    margin-left: 2% !important
}

.pagination > li:last-child > a > img {
    width: 18px
}

#map {
    border-radius: 10px !important;
    height: 55vh
}

.btn_all, .btn_more {
    border: none;
    background-color: unset
}

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

.padding_sliders {
    padding: 0 1.2%
}

.card_all_description {
    display: flex;
    flex-wrap: nowrap
}

.card_main_left {
    padding-right: .6%
}

#products > nav {
    margin-top: 2.5%
}

.card_sliders_suppliers {
    padding-left: 1% !important
}

.text_slider_album {
    padding-right: 3% !important;
    padding-left: 3% !important;
    color: #000
}

#products > nav > div > .pagination {
    justify-content: center !important
}

.page-item.active .page-link, .page-link:focus {
    box-shadow: unset !important
}

.swiper_suppliers {
    padding-bottom: 3%
}

.imgs-information {
    padding-right: 2.2% !important;
    padding-left: 2.2% !important
}

.btn_more {
    color: #f48c09;
    display: flex;
    align-items: center;
    padding-right: 0;
    margin-top: 10px;
    padding-left: 15px !important;
    float: right
}

.card_btn_more {
    margin: -1% 0 1%;
    display: inline-block
}

.font_icon_arrow, .font_icon_btn_all {
    margin-right: 5px
}

.font_icon_arrow {
    font-size: 12px;
    float: right;
    color: var(--orange-sazman)
}

.btn_close_modal {
    position: absolute;
    left: 13px;
    top: 13px;
    cursor: pointer;
    z-index: 5
}

.body_modal_description {
    padding: 4%
}

.description_modal {
    line-height: 2rem
}

.height_btn_more {
    display: inline-block;
    max-height: 11.5rem;
    height: auto;
    overflow-y: hidden;
    width: 100%
}

.height_description_video > p {
    width: 100%;
    font-size: 15px
}

.card_btn_more_video {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: .5% !important
}

.btn_more_video {
    padding-left: 4px !important
}

.eight_line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8
}

.card_btn_all {
    width: auto;
    position: absolute;
    left: 0
}

.btn_all {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 !important;
    z-index: 5;
    color: #000 !important
}

.back_btn_all {
    position: absolute;
    background-color: var(--orange-sazman);
    width: 19px;
    height: 17px;
    opacity: .3;
    border-radius: 2.5px;
    right: -5px;
    top: 50%;
    transform: translate(-50%, -50%)
}

#language::-ms-expand {
    display: none
}

#language {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: none;
    border: none;
    outline: 0;
    background-color: unset
}

#language option {
    background: #fff;
    color: #000;
    padding: 20%;
    font-size: 13px
}

.form-select:focus {
    border-color: unset;
    outline: unset;
    box-shadow: unset
}

.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
}

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

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

.active_footer {
    color: var(--search) !important
}

.card_image_header_top, .card_main_header_supplier, .close-item, .d_none_desktop, .d_none_line, .footer-ph, .lvl-2, .lvl-3, .lvl-4, .lvl-5, .mobile-nav, .title-label {
    display: none
}

.card_image_header_top > a {
    display: inline-block;
    width: 100%;
    height: var(--height_baner_header)
}

.modal {
    z-index: 41060 !important
}

.modal-backdrop {
    z-index: 41040 !important
}

.blog-slider__img > p {
    direction: rtl
}

.popup-youtube > img:nth-child(2) {
    width: 100%;
    height: auto;
    max-height: 965px
}

.sticky_nav {
    position: fixed;
    padding-top: 5.7%;
    width: 100%;
    z-index: 555
}

.description_features {
    margin: 5% 0 0;
    text-align: center
}

.mfp-bg {
    z-index: 55555 !important
}

.mfp-wrap {
    z-index: 111111 !important
}

.name-tab-header {
    color: #000 !important;
    display: block !important
}

.text-top {
    color: #fff;
    font-size: 13.5px
}

.card-search-footer {
    display: flex;
    justify-content: center;
    position: relative
}

.input-search-footer {
    width: 100%;
    border-radius: 32px;
    padding: 8px 15px;
    font-size: 14px;
    position: relative;
    border: none
}

.card-icon-search {
    background-color: #f48c09;
    position: absolute;
    height: 37px;
    width: 37px;
    left: 6px
}

.card-icon-search img {
    width: 100%;
    height: 100%;
    padding: 18%
}

.text-bottom-search {
    color: #fff;
    font-size: 8.5px;
    text-align: center;
    padding-left: 14%;
    padding-top: 6px
}

.item-text-footer > li > a {
    color: #fff;
    text-align: justify
}

.card-ul-footer > h6 {
    color: #fff;
    text-align: justify;
    line-height: 40px
}

.item-text-footer > li::marker {
    color: #fff;
    background-color: #fff;
    font-size: 9px
}

.item-text-footer > li {
    font-size: 12px;
    line-height: 28px;
    text-align: justify
}

.card-links {
    margin-bottom: 1.5%;
    padding-right: 8%;
    padding-left: 8%
}

.group-img .col-md-12 {
    float: right;
    display: flex
}

.group-img .col-md-4 {
    width: 31%;
    margin-left: 1px
}

.img_logo_footer {
    background: #fafafa;
    border-radius: 4px;
    width: 100%;
    height: 6rem !important;
    object-fit: contain
}

.group-img > img:nth-child(2) {
    margin-right: 5%;
    margin-left: 5%
}

.line-footer {
    background-color: #fff;
    color: #fff;
    width: 74%
}

.icon_social_networks_footer > a {
    margin-right: 17px
}

.card-app > a:last-child {
    margin-left: 6%
}

.card-app > a > img {
    width: 30%
}

.section-icon-footer {
    padding-right: 12%;
    padding-left: 12%
}

.Protection-intellectual-property {
    color: #fff;
    margin-top: 2.5%;
    font-size: 12px
}

.Copyright {
    color: #fff;
    font-size: 12px
}

.card-ul-footer {
    padding-left: 4%;
    padding-right: 4%
}

.icon_search__footer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card-icon {
    justify-content: space-between;
    align-items: center
}

.description_footer_line {
    width: 22px;
    height: 2px;
    color: #fff;
    transform: rotate(90deg)
}

.card_main_logo_footer {
    margin: 0 auto;
    width: 100%;
    padding: 0 3%
}

.header_supplier {
    padding: 1% 1.5%;
    width: 100%;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    max-width: 1348px;
    margin: auto
}

.header_supplier > div {
    width: auto;
    display: flex;
    align-items: center
}

.membership_header_supplier {
    font-size: 12px;
    color: var(--color_3A);
    margin-left: 10px
}

.header_supplier_location {
    font-size: 14px;
    color: var(--color_3A);
    padding-right: 3px
}

.btn_header_supplier > a {
    font-size: 11px;
    color: #000;
    background-color: #fff;
    padding: .3rem .6rem;
    border-radius: 3px;
    border-right: 3px solid var(--dark_blue);
    margin-left: .22rem;
    cursor: pointer
}

.card_center_header_supplier > div, .card_center_header_supplier > h6 {
    margin: 11px 0
}

.card_center_header_supplier > .card_group_name_supplier > h6, .level-1 > .dp-item > a {
    font-weight: 700
}

.logo_header_supplier {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: auto;
    padding: 0 !important
}

.logo_header_supplier > img {
    width: 100%;
    height: 100%;
    max-height: 8.4rem
}

.card-left_header_supplier {
    display: inline-block;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    padding-right: 1%;
    width: auto
}

.card-left_header_supplier > div {
    margin: 0 1%
}

.line_header_supplier {
    height: 5.5rem;
    border: 1px dashed #000
}

.icon_left_header_supplier > svg {
    margin: 0 4px;
    cursor: pointer
}

.card_level_header_supplier {
    width: 1.3rem;
    height: 1.3rem
}

.icon_left_header_supplier {
    margin: 0 8% !important
}

.card_logo_title_header_supplier {
    display: flex;
    align-items: center;
    flex: auto
}

.icon_like_fill {
    fill: red
}

.icon_like_fill path {
    stroke: red
}

.name_supplier_header {
    max-width: 100%;
    width: auto !important
}

.card_group_name_supplier {
    display: flex;
    width: 100%;
    align-items: center
}

.card_type_company {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important
}

.btns_header_supplier {
    background-color: #fff;
    font-size: 12px;
    box-shadow: 0 4px 4px rgb(123 123 123 / 24%);
    border: unset;
    border-radius: 4px;
    margin: 7px 0;
    padding: 5px 15px;
    width: 115px;
    text-align: center;
    display: block
}

.btn_favorites_header_supplier {
    background-color: unset !important;
    box-shadow: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.icon_favorites {
    width: 11px;
    height: 11px;
    margin-left: 5px
}

.item_header_supplier {
    font-size: 15px;
    color: #000 !important;
    padding-left: 10px
}

.ul_nav_header_supplier {
    margin-right: 1.5%
}

.btn_search__header {
    position: relative;
    z-index: 5
}

.container-2 {
    vertical-align: middle;
    position: relative
}

.container-2 input.input_search_header_center:active, .container-2 input.input_search_header_center:focus {
    outline: 0;
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #bebebe !important
}

.container-2 input.input_search_header_center {
    width: 0 !important;
    height: 0 !important;
    float: left;
    -webkit-transition: width .55s;
    -moz-transition: width .55s;
    -ms-transition: width .55s;
    -o-transition: width .55s;
    transition: width .55s
}

.container-2 .icon_btn_search__header {
    z-index: 5;
    position: relative;
    stroke: black
}

.container-2:hover input.input_search_header_center {
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #bebebe !important
}

.input_search_nav_supplier_header {
    font-size: 10px;
    padding: 7px 10px 7px 35px;
    border: 1px solid var(--gray_E8);
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
    height: 36px
}

.icon_search_nav_header_supplier {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-40%, -50%);
    left: 5%;
    cursor: pointer
}

.btn__share {
    background-color: var(--search);
    border-radius: 100%;
    padding: 7px;
    left: 1%;
    position: fixed;
    top: 50%;
    z-index: 551;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.btn__share > svg {
    width: 24px;
    height: 24px
}

.card_group_name_supplier {
    margin-bottom: 2px !important
}

.card_center_header_supplier {
    padding-right: 1.5%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.card_nav_header_center {
    display: grid !important
}

.logo-scroll > .logo_header_supplier > img {
    max-height: 70px !important;
    max-width: 280px !important
}

.card_search_nav_supplier_header, .nav__center > li > a, .nav_link_menu__center {
    padding-top: 6px;
    padding-bottom: 6px
}

.dp-link {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    transition: .25s;
    font-size: 13px;
    line-height: 24px
}

.nav_item_menu__center .active, .nav_item_menu__center:hover {
    background-color: var(--color_green_dark);
    color: #fff
}

.nav_link_menu__center {
    color: #fff !important;
    background-color: unset !important
}

.level-1, .level-2 {
    display: none;
    max-width: 275px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(216, 216, 216, .4);
    border-radius: 4px
}

.dp-menu {
    list-style: none;
    padding: 6px 0;
    position: absolute;
    z-index: 2
}

.dp-item:hover, .dp-item:hover > .dp-link {
    background-color: var(--gray_F8)
}

.level-1 {
    width: auto
}

.level-2 {
    width: max-content;
    top: 0;
    right: 100%;
    font-size: .9rem
}

.collapsed > .title-label, .dp-item:hover > .level-2, .nav_item_menu__center:hover > .level-1, table tr {
    display: block
}

.icon_arrow_menu__center {
    font-size: 12px;
    margin-right: 7px
}

.last_input_form {
    margin-bottom: 6% !important
}

.fixed_center {
    position: fixed;
    z-index: 401;
    top: 0;
    padding-top: 5.32%
}

.lg-backdrop, .lg-outer {
    z-index: 555555555555559 !important
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--orange-sazman) !important
}

.lg-components {
    left: 0 !important;
    right: unset !important
}

.left-bottom-swiper-learn > svg, .left-bottom-swiper-news > svg, .left-bottom-swiper > svg, .right-bottom-swiper-learn > svg, .right-bottom-swiper-news > svg, .right-bottom-swiper > svg, .swiper-button-next-blog > svg, .swiper-button-prev-blog > svg {
    width: 16px;
    height: 16px
}

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

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

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

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

.max_width_slider {
    max-width: 1920px;
    margin: auto
}

.bottom_arrow_half_background {
    bottom: 45% !important
}

.background_card:before {
    content: '';
    display: block;
    width: 100%;
    background-color: red;
    position: absolute;
    top: 0;
    z-index: 0;
    right: 0
}

.card_main_background_half_padding_top_bottom {
    padding-top: 4%;
    padding-bottom: 1%
}

.background_card_swiper.background_card:before, .grid4.background_card:before {
    height: 250px
}

.grid1.background_card:before {
    height: 960px
}

.grid2.background_card:before {
    height: 490px
}

.grid3.background_card:before {
    height: 330px
}

.grid5.background_card:before {
    height: 210px
}

.grid6.background_card:before {
    height: 185px
}

.grid7.background_card:before {
    height: 160px
}

.grid8.background_card:before {
    height: 150px
}

.grid9.background_card:before {
    height: 132px
}

.grid10.background_card:before {
    height: 120px
}

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

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

.grid4 {
    grid-template-columns:repeat(4, 1fr)
}

.grid5 {
    grid-template-columns:repeat(5, 1fr)
}

.grid6 {
    grid-template-columns:repeat(6, 1fr)
}

.grid7 {
    grid-template-columns:repeat(7, 1fr)
}

.grid8 {
    grid-template-columns:repeat(8, 1fr)
}

.grid9 {
    grid-template-columns:repeat(9, 1fr)
}

.grid10 {
    grid-template-columns:repeat(10, 1fr)
}

.item_card_background_half {
    z-index: 1;
    position: relative
}

.card_main_background_half {
    display: grid;
    gap: 30px
}

.border_card {
    border: 1px solid var(--gray_F4);
    border-radius: 6px !important
}

.border_card > img {
    border-radius: 6px !important
}

.card_text_modal_select_city > p, .card_text_on_background > p {
    margin-bottom: 0
}

.card.is-loading .link_logo_header_supplier, .card_text_on_background {
    width: 50%
}

.padding_item_seller {
    padding: 2% 0
}

.background_images {
    background-repeat: no-repeat;
    border-radius: 6px
}

.right_direction {
    margin-left: auto
}

.left_direction {
    margin-right: auto
}

.center_direction {
    margin: auto
}

.right_direction_btn {
    margin-right: 0 !important
}

.left_direction_btn {
    margin-left: 0 !important
}

.center_direction_btn {
    margin-right: auto !important;
    margin-left: auto !important
}

.btn_card_seller {
    background-color: var(--orange-sazman);
    margin: 3% auto 3% 0;
    padding: 7px 13px
}

.btn_active_or_disable, .btn_card_seller {
    width: auto;
    border: unset;
    border-radius: 5px;
    color: #fff;
    display: flex
}

.card_image, .swiper-slide > a {
    display: inline-block
}

.border_radius {
    border-radius: 6px
}

.card_background_image_top {
    padding-top: 15px;
    padding-bottom: 15px
}

.btn_active_or_disable {
    margin: 25px auto 10px;
    padding: 10px 25px
}

.btn_active_or_disable_color {
    background-color: var(--blue_14)
}

.card_main_background_padding_top_bottom {
    padding-bottom: 30px;
    padding-top: 30px
}

.btn_active_or_disable_color_brown {
    background-color: var(--light_brown)
}

.background_color {
    background-color: var(--dark_red)
}

.right_swiper_seller {
    right: 7px !important
}

.left_swiper_seller {
    left: 7px !important
}

.left_swiper_seller_product {
    left: 8px !important
}

.right_swiper_seller_product {
    right: 8px !important
}

.table_agent_seller ul > li > span:first-child, .table_agent_seller > .header_table > div:first-child {
    width: 3.5% !important
}

.table_agent_seller ul > li > span, .table_agent_seller > .header_table > div {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.dataTables_wrapper table tr:nth-child(odd), .table_agent_seller ul li:nth-child(odd) span, .table_agent_seller ul > li:nth-child(odd) {
    background-color: var(--blue_F4) !important
}

.table_agent_seller .header_table {
    padding-right: 8px;
    padding-left: 8px
}

.btn_select_city_seller {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid var(--gar_EO);
    padding: 9px 12px;
    margin-right: 8px;
    white-space: nowrap
}

.search_information::placeholder {
    color: #d1d1d1
}

.card_agency_office_information {
    display: grid;
    grid-template-columns:25% 50% 25%;
    border: 1px solid var(--gray_E0);
    box-shadow: 0 4px 4px rgba(214, 214, 214, .25);
    border-radius: 5px;
    padding: 3%;
    margin-bottom: 15px
}

.card_agency_office_information > div {
    border-left: 1px solid var(--gray_D8);
    padding: 0 5%
}

.card_agency_office_information > div:last-child {
    border-left: unset !important;
    padding-left: 0 !important
}

.orange_chat {
    width: 13px;
    height: 13px;
    margin-left: 5px
}

.card_agency_office_information_right > a, .card_agency_office_information_right > p {
    margin: 5% 0;
    text-align: center
}

.card_agency_office_information_right > p:first-child {
    margin-top: 0 !important
}

.ticket_seller, .ticket_seller:hover {
    font-size: 15px;
    color: var(--gray_B5)
}

.icon_size {
    width: 14px;
    height: 14px;
    margin-left: 10px
}

.card_agency_office_information_center > div {
    display: flex;
    width: 100%
}

.icon_phone_seller {
    float: right;
    position: relative;
    top: 8px
}

.btn_card_agency_office_information {
    padding: 6px 17px;
    border-radius: 3px;
    margin-right: 10px
}

.btn_talk_supplier, .btn_talk_supplier:hover {
    background-color: #fff;
    color: var(--orange_FF);
    border: 1px solid var(--orange_FF)
}

.btn_supplier_booth_seller, .btn_supplier_booth_seller:hover {
    background-color: var(--orange_FF);
    color: #fff;
    border: 1px solid var(--orange_FF)
}

.group_btn_card_agency_office_information {
    display: flex !important;
    justify-content: flex-end;
    margin-top: 8%
}

.btn_routing_seller, .group_btn_card_agency_office_information {
    margin-bottom: -16px
}

.card_agency_office_information_right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.card_agency_office_information_left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 40px !important
}

.btn_routing_seller, .btn_routing_seller:hover {
    background-color: #fff;
    color: var(--gray_41);
    border: 1px solid var(--gray_D7);
    width: fit-content;
    padding-right: 25px !important;
    padding-left: 25px !important;
    margin-top: 15px;
    margin-right: auto
}

.btn_routing_seller_disable, .btn_routing_seller_disable:hover {
    background-color: var(--gray_disable) !important;
    border: unset !important
}

.see_details_seller {
    background-color: var(--blue_F47);
    height: 131px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 5px
}

.see_details_seller > a, .see_details_seller > a:hover {
    color: var(--blue_21)
}

.card_details_agency_office_information {
    display: flex !important;
    flex-direction: row
}

.card_icon_details {
    width: min-content;
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 7%
}

.blue_map_seller {
    filter: blur(2px)
}

.card_crooky_seller, .map_seller {
    height: 206px
}

.margin_item_seller {
    margin: 1.5% auto
}

.dataTables_wrapper table tr, .icon_edit, .top-categroy {
    cursor: pointer
}

.btn_close_modal_seller {
    position: absolute;
    left: 9px;
    top: 9px;
    z-index: 5;
    font-size: 14px
}

.modal_body_seller {
    padding-top: 4%
}

.card_center_ways_communication {
    padding: 3% 0
}

.line_ways_communication {
    color: var(--gray_D0);
    opacity: 1;
    width: 85%;
    margin: 4% auto
}

.informaion_ceo {
    flex-direction: column
}

.informaion_ceo > div {
    display: flex;
    align-items: center;
    margin: .5% 0
}

.card_map_crooky {
    display: grid !important;
    grid-template-columns:56% 42%;
    gap: 10px
}

.card_image_crooky > img {
    width: 100%;
    height: auto
}

.group_btn_modal_ways_communication, .product-section-top > a > .row {
    justify-content: center
}

.mb_modal_seller {
    margin-bottom: 1rem
}

.mb_details_seller {
    margin-bottom: 2%
}

.modal_header_select_city {
    border-bottom: 1px solid #f5f5f5;
    box-shadow: 0 2px 2px 0 #f7f7f7
}

.card-contact-us-service, .item-service, .item-service-feature, .item-slider-service-steps, .item-statues, .list-question-dstods > li > div {
    box-shadow: var(--default-shadow)
}

.icon_modal_select_city {
    width: 14px;
    height: 14px;
    margin-left: 9px
}

.item_modal_select_city {
    margin: 1% 0;
    color: #000;
    width: 100%
}

.top-categroy svg {
    width: 20px;
    height: 20px;
    margin-left: 5px
}

.item_modal_select_city > div > i {
    width: 15px;
    height: 15px
}

.dataTables_wrapper {
    display: inline-block;
    margin: 0 15px 15px
}

.dataTables_wrapper table {
    border: unset;
    background-color: #fff;
    border-radius: 5px;
    width: 100%
}

.dataTables_wrapper table thead th {
    background-color: #fff
}

.dataTables_wrapper table tr td, .dataTables_wrapper table tr th {
    text-align: right;
    padding: 16px 18px;
    white-space: pre-line
}

.dataTables_wrapper .load-more {
    margin-top: 32px
}

table tr.active {
    display: table-row
}

.spotify-table tbody > tr > td:first-child, .spotify-table > thead > tr > th:first-child {
    width: auto !important;
    padding-right: 12px;
    padding-left: 0
}

.spotify-table tbody > tr > td:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.spotify-table tbody > tr > td:last-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.card_btn_more_blank {
    margin: 2% auto !important
}

.modal-dialog-all-filter {
    max-width: 55%
}

.modal-dialog-all-filter .modal_body_seller {
    padding-right: 4%;
    padding-left: 4%
}

.margin_item_seller ::-webkit-scrollbar {
    max-height: 3px;
    height: 3px
}

.email_seller {
    align-items: center
}

.card_information_user {
    position: relative;
    width: 100%
}

.icon_info_style {
    width: 19px;
    height: 19px
}

.card-image-header-seller {
    border-left: 1px solid var(--gray_AB);
    padding-left: 22px
}

.card-left-header-seller > div {
    margin: 0 15px
}

.card-image-header-seller > div > a > img, .img-header-seller-loader {
    width: 37px !important;
    height: 37px !important
}

.link_name_seller_header {
    max-width: 400px
}

.link_logo_header_supplier {
    margin-left: 2%
}

.card-image-header-seller > div {
    padding: 0 8px;
    float: right
}

.card-left-header-seller {
    justify-content: flex-end
}

.arrow_left_header_style, .arrow_right_header_style {
    z-index: 3;
    transform: translatey(-50%) !important;
    position: absolute;
    top: 50%;
    display: block !important
}

.arrow_left_header_style > svg, .arrow_right_header_style > svg {
    position: relative;
    z-index: 3;
    width: 18px !important;
    height: 18px !important;
    transform: translate(-85%, -60%) !important;
    left: 50%;
    top: 50%
}

.arrow_right_header_style {
    right: 0 !important
}

.arrow_left_header_style {
    left: 0 !important
}

.arrow_left_header_style:before, .arrow_right_header_style:before {
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    background-color: #fff;
    top: 50%;
    transform: translate(0, -50%);
    border: 1px solid var(--gray_E6);
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%)
}

.arrow_left_header_style, .arrow_left_header_style:before, .arrow_right_header_style, .arrow_right_header_style:before {
    width: 25px;
    height: 25px;
    border-radius: 100%
}

.arrow_width_button {
    bottom: 55% !important
}

.swiper-button-disabled > svg {
    fill: var(--gray_disable_arrow) !important
}

.arrow_width_button > svg, .left-bottom-swiper > svg, .right-bottom-swiper > svg {
    fill: var(--gray_9F)
}

.background_image_slider {
    background-image: url('../../template/img/backgrounds.png');
    margin: 2% 0
}

.text_left_number {
    text-align: left !important;
    direction: ltr
}

.left-bottom-swiper, .right-bottom-swiper {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pagination {
    margin: 25px 0 0
}

.slider-product-display {
    display: flex
}

.card-discount-percent {
    z-index: 1;
    background-color: var(--orange_FF);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 7px;
    top: 16px;
    padding: 5px
}

.arrow-left-style, .type-title-2::after {
    left: 0
}

.right_arrow_product {
    right: -2px !important
}

.grid-sliders-style {
    display: grid;
    grid-template-columns:17% 83%
}

.selling_special_products_blank {
    height: fit-content
}

.margin-btn_active_or_disable {
    margin-bottom: -4px !important
}

.btn_see_all_blank_style {
    border: 1px solid;
    padding: 5px;
    border-radius: 3px;
    background-color: unset
}
@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0;
        background-position-x: -200%
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
        background-position-x: -200%
    }
}

.card.is-loading .blog-slider__img, .card.is-loading .image, .card.is-loading .txt-loader, .card.is-loading button, .card.is-loading h1, .card.is-loading h2, .card.is-loading h3, .card.is-loading h4, .card.is-loading h5, .card.is-loading h6, .card.is-loading p, .card.is-loading span, .discount-percent-loader, .form-loader .input-loader, .map-loader {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s linear infinite shine;
    animation: 1.5s linear infinite shine
}

.card.is-loading .image {
    height: 200px;
    width: 100%
}

.card.is-loading h1 {
    height: 33px
}

.card.is-loading h2 {
    height: 30px
}

.card.is-loading h3 {
    height: 28px
}

.card.is-loading h4 {
    height: 26px
}

.card.is-loading h5 {
    height: 24px
}

.card.is-loading h6 {
    height: 22px
}

.card.is-loading p {
    height: 70px
}

.card.is-loading span {
    height: 20px
}

.txt-loader {
    height: 30px !important
}

.map-loader {
    height: 400px
}

.input-loader {
    height: 43px
}

.textarea-loader {
    height: 125px !important
}

.image-slider-loader {
    height: 245px !important
}

.card.is-loading button {
    border: unset !important;
    height: 33px;
    width: 85px
}

.card.is-loading .blog-slider__content > .image {
    height: 410px !important
}

.img-lazyload {
    background: #f1f1fa
}

.imgSliderTitle {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px
}

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

.type-title-2, .type-title-3 {
    bottom: 17px;
    max-width: 84%;
    right: 50%;
    transform: translateX(50%);
    margin: 0 auto;
    z-index: 2
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: var(--lazy-load)
}

.swiper-lazy {
    min-height: 200px
}

.clearfix.row-main {
    padding-bottom: 30px !important
}

.list-question-service > .list-question-dstods button, .list-question-service > li button {
    color: var(--gray-66);
    border: unset !important
}

.type-title-2::after, .type-title-2::before {
    height: 100%;
    width: 14px;
    top: 0;
    border-radius: 20px;
    background-color: var(--red-F8);
    content: "";
    display: block;
    position: absolute
}

.list-question-service > .list-question-dstods > div, .list-question-service > li {
    box-shadow: 0 2px 10px 0 rgba(144, 144, 144, .15)
}

.list-question-service > .list-question-dstods button > svg, .list-question-service > li button > svg {
    fill: var(--gray-66);
    width: 16px;
    height: 16px;
    margin: 0 3px
}

.type-title-2 {
    border-radius: 10px;
    position: absolute;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 26px
}

.type-title-2::before {
    right: 0
}

.list-question-service {
    border: unset !important
}

.type-title-3 {
    border-radius: 10px;
    position: absolute;
    padding: 5px 10px;
    border-bottom: 1px solid var(--red-BA);
    display: flex;
    flex-direction: column
}

.type-title-3 > p > :last-child {
    color: var(--gray-92)
}

.slider-max-width {
    max-width: 95%
}

.btn-more-slider-service {
    background-color: var(--red-F8);
    border-radius: var(--radius-default) var(--radius-default) 0 0;
    border: unset;
    width: fit-content
}

.description-service {
    color: var(--gray-75);
    line-height: normal
}

.title-service {
    color: var(--red-F8)
}

.img-slider-service {
    border-radius: 0 0 var(--radius-default) var(--radius-default);
    max-height: 300px
}

.arrow-left-style, .arrow-right-style {
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2
}

.arrow-left-style > svg, .arrow-right-style > svg {
    width: 16px;
    height: 16px;
    fill: var(--gray_9F)
}

.arrow-right-style {
    right: 0
}

.swiper-pagination-style {
    bottom: -15px !important
}

.card-price-tariffs > span {
    font-weight: 100;
    color: var(--gray-c3)
}

.item-list-tariffs > svg {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px
}

.item-list-tariffs {
    color: var(--gray-9D)
}

.img-slider-tariffs {
    border-radius: var(--radius-default);
    max-width: 40%
}

.swiper-tariffs {
    max-width: 80%
}

.list-tariffs > li:first-of-type {
    margin-top: 0
}

.title-tariffs {
    color: var(--gray-88)
}

.card-price-tariffs {
    color: var(--gray-60)
}

.swiper-tariffs .swiper-slide:hover > div {
    box-shadow: 0 2px 13px 2px rgba(255, 132, 132, .25) !important
}

.card-img-contact-us {
    max-width: 58%
}

.card-img-contact-us img {
    min-height: 470px;
    border-radius: 12px
}

.card-item-contact {
    margin-bottom: 20px
}

.card-item-contact svg {
    width: 16px;
    height: 16px;
    right: 17px
}

.card-contact-us-service {
    z-index: 2;
    max-width: 58%;
    border-radius: var(--radius-default);
    right: 0;
    position: absolute
}

.icon-service-feature {
    background-color: var(--red-light-FF);
    fill: #F87272
}

.item-service-feature p {
    color: var(--gray-67);
    margin-top: 13px
}

.service-feature {
    grid-template-columns:repeat(4, 1fr);
    gap: 20px
}

.card-img-service-steps, .swiper-tabs-nav-service-steps, .swiper-tabs-nav-service-steps .swiper-slide, .swiper-tabs-nav-service-steps .swiper-slide > p {
    width: fit-content
}

.swiper-tabs-nav-service-steps .swiper-slide > p {
    color: var(--red-FF)
}

.swiper-tabs-nav-service-steps .swiper-slide {
    border: 1px solid var(--red-FF);
    min-width: 100px;
    background-color: #fff;
    cursor: pointer;
    min-height: 30px
}

.swiper-tabs-nav-service-steps .swiper-slide.swiper-slide-thumb-active {
    background-color: var(--red-FF) !important
}

.answer-dstods-question, .img-product-comment > a > p, .item-slider-service-steps > p {
    color: var(--gray-A5)
}

.item-slider-service-steps > h6 {
    color: var(--red-EC)
}

.number-step {
    background-color: var(--red-FF);
    height: 22px;
    width: 22px;
    padding: 2px;
    z-index: 1;
    right: -25px;
    top: -1rem;
    line-height: normal
}

.card-img-service-steps::before {
    content: "";
    display: block;
    width: 148px;
    height: 108px;
    background-color: #fff;
    border: 2px dotted var(--red-FF);
    position: absolute;
    z-index: 0;
    top: 50%;
    border-radius: 73px;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%
}

.card-img-service-steps > img {
    z-index: 1;
    border-radius: 87px
}

.card-all-column-step-service {
    grid-template-columns:repeat(4, 1fr);
    gap: 22px
}

.icon-service-feature > svg {
    width: 40px;
    height: 40px
}

.icon-service-feature {
    width: 65px;
    height: 65px
}

.swiper-tabs-content-service-steps > .swiper-wrapper {
    height: fit-content !important
}

.card-txt-img-about-us > div {
    padding: 0 15px
}

#video video, .card-txt-img-about-us > div img, .item-statues, .item-statues > img {
    border-radius: var(--radius-default)
}

.item-statues {
    background-color: var(--gray-54)
}

.btn-play-video-about-us {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    fill: white;
    width: 50px;
    height: 50px;
    padding: 5px;
    border: 1px solid #fff;
    cursor: pointer
}

.card-video-about-us::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: absolute;
    z-index: 1
}

.card-video-about-us img, .card-video-about-us::before {
    border-radius: var(--radius-default);
    cursor: pointer
}

.img-product-comment > a > img {
    width: 55px;
    height: 55px
}

.item-customers-comments {
    box-shadow: 0 3px 12px 3px rgba(185, 185, 185, .25)
}

.price-product-comment > span {
    font-weight: 100
}

.price-img-product-comment {
    border-bottom: 1px solid var(--gray-F2)
}

.date-comment {
    white-space: nowrap;
    color: var(--gray-C7)
}

.item-customers-comments > a, .item-customers-comments > div {
    padding: 10px 15px
}

.card-score-comment svg {
    width: 13px;
    height: 13px;
    margin-left: 3px;
    fill: var(--score)
}

.img-user-comment img {
    width: 45px;
    height: 45px
}

.active-score {
    fill: var(--red-F8) !important
}

.card-score-comment {
    margin-top: 2px
}

.text-comment-user {
    margin: 15px 0
}

.name-user-comment {
    max-width: 330px
}

.item-information-dstods > p, .our-values-description {
    color: var(--gray-B2)
}

.input-form-contact {
    border: 1px solid var(--gray-BD)
}

.input-form-contact::placeholder {
    color: var(--gray-99)
}

.form-contact label {
    color: var(--gray-BD);
    top: -10px;
    right: 10px
}

.btn-send-form-contact {
    background-color: var(--red-FF);
    padding: 11px
}

.item-information-dstods > svg {
    width: 25px;
    height: 25px;
    fill: var(--red-FF)
}

.item-information-dstods > div {
    margin-bottom: 10px
}

.item-information-dstods {
    border: 1px solid var(--gray-E3);
    border-radius: var(--radius-default)
}

.card-main-information {
    grid-template-columns:repeat(3, 1fr);
    gap: 15px
}

.leaflet-control-attribution.leaflet-control > a {
    display: none !important
}

.error {
    color: red
}

.is-invalid input, .is-invalid textarea {
    border-color: red !important
}

.is-invalid label {
    color: red !important
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    transition: background-color 600000s
}

.card-description-dstods, .card-form-contact-us-dstods {
    box-shadow: var(--default-shadow);
    border-radius: var(--radius-default)
}

.btn-question-dstods {
    border: 1px solid var(--gray-E9)
}

.list-question-dstods > li {
    height: fit-content;
    box-shadow: unset !important
}

.list-question-dstods > li > div, .list-question-dstods > li > div > button {
    border-radius: 4px
}

.background_images img, table img {
    max-width: 100%;
    max-height: 100%
}

.card_txt_video h1, .card_txt_video h2, .card_txt_video h3, .card_txt_video h4, .card_txt_video h5, .card_txt_video h6, .card_txt_video p, .card_txt_video span, .gloss h1, .gloss h2, .gloss h3, .gloss h4, .gloss h5, .gloss h6, .gloss p, .gloss span, .height_description_video, .text-description-beforeو.description {
    white-space: pre-wrap
}

@media (min-width: 1900px) {
    .fixed_center {
        padding-top: 5.78rem
    }
}

@media (min-width: 1750px) {
    .f-ixed_center {
        padding-top: 5.6rem
    }
}

@media (min-width: 1440px) {
    .swiper_suppliers {
        padding-bottom: 2%
    }

    .padding-panel-supply-khord {
        padding: 1rem 2.25rem 1rem 2.4rem
    }

    .padding_sliders {
        padding: 0 1.4% !important
    }

    .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -13px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -13px
    }

    .other-hover-icons {
        bottom: -11px;
        width: 52%
    }

    .all-div-back-omde-responsive {
        width: 34.5% !important
    }

    .hover-ic {
        width: 33px !important;
        height: 32px
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 9rem
    }

    .shape-in-modal {
        left: 6px !important
    }

    .t-shape-in-modal {
        left: 13%;
        padding: 3px 11px
    }

    .modal-shop-basket {
        position: relative;
        border: none;
        background-color: var(--orange-color);
        color: #fff;
        font-size: 14px;
        text-align: center;
        width: 21%;
        height: 28px
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -6%
    }

    .group-shape-in-modal {
        left: -16px
    }

    .all-div-back-sidbar-tamin {
        margin-bottom: 1% !important
    }

    .div-back-icon-sidbar-tamin {
        margin: 0 3%
    }

    .circle > p {
        margin-top: -6px !important
    }
}

@media (max-width: 1400px) {
    .imgs-information {
        padding-right: 2%;
        padding-left: 2%
    }

    .blog-slider .IMG-dots {
        top: 9%
    }

    .padding-panel-supply-khord {
        padding: 1rem 2.25rem 1rem 2.4rem
    }

    .Supplier-Management-Banner {
        margin: 2% auto
    }

    .information-about-supply-in-pamel-khord {
        padding: 1.4%
    }

    .circle > p {
        margin-top: -6px !important
    }

    .other-text p:nth-child(2) {
        margin-bottom: 4%
    }

    .t-shape-in-modal > span {
        margin-top: 8%
    }

    .pagination > li:first-child {
        margin-left: 2.5% !important
    }
}

@media (max-width: 1362px) {
    .parent-slider-omde-height {
        padding: 0 1.3%
    }

    .btn_more_video {
        padding-left: 0 !important
    }

    .font_icon_arrow {
        margin-right: 8px
    }

    .t-shape-in-modal > span {
        font-size: 12px;
        margin-top: 8%
    }

    .other-text p:nth-child(2) {
        margin-bottom: 4.5%
    }

    .border-three-dot-front-title p {
        transform: translate(-3px, -8.5px)
    }

    .card_all_description {
        padding-right: 1.6%
    }
}

@media (min-width: 1354px) {
    .all-div-back-omde-responsive {
        width: 34.5% !important
    }

    .imgs-information {
        padding-right: 2.2% !important;
        padding-left: 2.2% !important
    }
}

@media (max-width: 1321px) {
    .icon-in-circle-panel-khord {
        padding: 0 1% !important
    }
}

@media (max-width: 1260px) {
    .link_name_seller_header {
        max-width: 350px
    }

    .padding-information-brand {
        padding: 1% 2.6%
    }

    .right_arrow_product {
        right: -16px !important
    }

    .parent-slider-omde-height .right-bottom-swiper, .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -16px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news, .parent-slider-omde-height .left-bottom-swiper {
        left: -16px
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -15.2%
    }

    .imgs-information {
        padding-right: 1.7%;
        padding-left: 1.7%
    }

    .div-back-verticla-slider-omde {
        margin-right: 5%
    }
}

@media (max-width: 1201px) {
    .grid-sliders-style {
        grid-template-columns:20% 80%
    }

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

    .card-discount-percent {
        width: 30px;
        height: 30px
    }

    .grid10.background_card:before {
        height: 111px
    }

    .grid9.background_card:before {
        height: 120px
    }

    .grid8.background_card:before {
        height: 135px
    }

    .grid7.background_card:before {
        height: 150px
    }

    .grid6.background_card:before {
        height: 170px
    }

    .grid5.background_card:before {
        height: 200px
    }

    .grid3.background_card:before {
        height: 300px
    }

    .grid2.background_card:before {
        height: 460px
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 190px
    }

    .grid1.background_card:before {
        height: 900px
    }

    .card_crooky_seller {
        height: 196px
    }

    .card_agency_office_information_left {
        padding-right: 35px !important
    }

    .row_item_seller {
        padding: 0 3%
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 12.5rem
    }

    .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
    }

    .padding-information-brand {
        padding: 1% 2.8%
    }

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

    .background-behind-video-Supplier-khord {
        margin-bottom: -15.5%
    }

    .card_sliders_suppliers {
        padding-left: 1% !important
    }

    .blog-slider {
        height: 21rem
    }

    .blog-slider__img {
        width: 17rem;
        height: 18rem;
        transform: translateX(-191px)
    }

    .blog-slider .IMG-dots {
        top: 11%;
        height: 4rem;
        left: -9rem;
        width: 4rem
    }

    .box-icon-search {
        background-color: #f48c09;
        border-radius: 60%;
        position: absolute;
        right: 83.5%;
        height: 37.5px;
        top: 45px;
        width: 37.5px;
        z-index: 2
    }

    .section-menu-input {
        position: absolute;
        left: 16%;
        z-index: 55;
        bottom: 3px
    }

    .icon-basket {
        width: 53%
    }

    .basket {
        height: 32px
    }

    .username {
        font-size: 12px;
        height: 35px;
        width: 15%;
        top: 20px;
        padding-right: 1%
    }

    .username span {
        position: relative;
        top: 1px;
        font-size: 12px !important;
        margin-right: 4%
    }

    .icon-user {
        position: relative;
        float: right;
        width: 23px;
        top: 2px
    }

    .nav-right {
        padding-bottom: 1.6%
    }

    .icon-phone span {
        font-size: 11px;
        color: #fff;
        position: absolute;
        top: 62%;
        right: 8%
    }

    .border-icon-sidebar-circle {
        width: 48px;
        height: 48px
    }

    .img-about-tamin {
        margin-bottom: 1.5rem
    }

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

    .other-hover-icons {
        width: 57%
    }

    .hover-ic {
        width: 29px !important;
        height: 28px
    }

    .modal-shop-basket {
        position: relative;
        border: none;
        background-color: var(--orange-color);
        color: #fff;
        font-size: 14px;
        text-align: center;
        width: 23%
    }

    .class-inner-icons {
        width: 100%
    }

    .imgs-information-omde .img-about-tamin {
        height: 12rem
    }

    .other-ic-star-modal {
        left: 2px
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 7.25rem
    }

    .table-size {
        width: 32%
    }

    .icon-in-circle-panel-omde {
        margin: auto -7px
    }

    .blog-slider__img p {
        overflow: hidden
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 48%
    }

    .div-on-veiw-micro-slider {
        right: 100px
    }

    .div-video-modal-omde {
        width: 74%
    }

    .read-more-text-left {
        margin-right: 22px
    }

    .card_all_description {
        padding-right: 1.7%
    }

    .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -13px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -13px
    }

    .img_logo_footer {
        height: 7rem !important
    }

    .section-icon-footer {
        padding-right: 10.5%;
        padding-left: 10.5%
    }

    .card-menu {
        position: absolute;
        bottom: 6%
    }

    .card-ul-footer {
        padding-left: 2%;
        padding-right: 2%
    }

    .icon_left_header_supplier {
        margin: 0 2% !important
    }

    .card-left_header_supplier > div {
        margin: 0 2%
    }

    .card-left_header_supplier {
        justify-content: space-around
    }

    .line_header_supplier {
        height: 4rem
    }

    .item_header_supplier {
        font-size: 14px
    }

    .card_nav_header, .card_nav_header__center {
        padding: 0 2.5%;
        grid-template-columns:73% 27%
    }

    .btn__share {
        top: 58%
    }

    .name-user-comment {
        max-width: 14rem
    }
}

@media (max-width: 1199px) {
    .form-group-give {
        margin-bottom: 6%
    }

    .form-group-give-padding {
        margin-top: 0
    }

    .form_supplier_center {
        margin-top: 3%
    }

    .div-form-bottom-khoshe .title-inputs {
        right: 10px
    }

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

    .padding_item_suppliers {
        padding: 3% 17% !important
    }

    .eight_line {
        -webkit-line-clamp: 8
    }

    .card_btn_more {
        margin: -1% 0 1.5%
    }

    .body_modal_description {
        padding: 6% 7%
    }

    .Micro-Supplier-Panel-Tutorial .swiper-slide img {
        max-height: 350px
    }

    .information-about-supply-in-pamel-khord::before {
        right: -4.5%
    }

    .card_sliders_suppliers {
        padding-left: 1.9% !important;
        padding-right: 1.9% !important
    }

    .padding_sliders {
        padding: 0 1.5% !important
    }
}

@media (max-width: 1146px) {
    .card-image-header-seller {
        padding-left: 20px
    }

    .card-image-header-seller > div {
        padding: 0 6px
    }

    .btns_header_supplier {
        width: 110px
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 12rem
    }

    .ul_nav_header_supplier > li > a {
        padding: 0 10px !important
    }

    .card_center_header_supplier {
        padding-right: 3% !important
    }

    .item_header_supplier {
        font-size: 13px;
        padding-left: 9px
    }

    .card_main_header_center {
        grid-template-columns:13% 38% 49%
    }

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

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

    .icon_arrow_left {
        font-size: 8px
    }

    .card_scroll_search_header {
        height: 25rem
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -15.3%
    }

    .imgs-information {
        padding-right: 2.4% !important;
        padding-left: 2.4% !important
    }

    .blog-slider {
        width: 100%
    }

    .Supplier-Management-Banner {
        height: 10.5rem
    }

    .div-back-verticla-slider-omde {
        margin-right: 4%
    }

    .buttom-under-product-panel-khord {
        padding: 7px 13px;
        width: auto !important
    }

    .border-icon-sidebar-circle img {
        width: 60%
    }

    .information-about-supply-in-pamel-khord::before {
        transform: scale(.8);
        right: -5.5%
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .text-bottom-search {
        padding-left: 18% !important
    }
}

@media (max-width: 1090px) {
    .card-discount-percent {
        left: 6px;
        top: 15px
    }

    .fixed_center {
        padding-top: 6.4%
    }

    .a-color-blue {
        width: max-content;
        padding: 8px 16px
    }

    .card_nav_header, .card_nav_header__center {
        grid-template-columns:70% 30%
    }

    .card-links {
        padding-right: 5%;
        padding-left: 5%
    }

    .section-icon-footer {
        padding-right: 8%;
        padding-left: 8%
    }

    .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%;
        grid-template-columns:13% 37% 50%
    }

    .logo_dstods_header {
        padding-left: 9%
    }

    .logo_dstods_header_center {
        padding-left: 8%
    }

    .padding-information-brand {
        padding: 1% 3%
    }

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

    .card_btn_more {
        margin: -1% 0 1%
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -15.8%;
        margin-top: 18%
    }

    .imgs-information {
        padding-right: 2.7%;
        padding-left: 2.7%
    }

    .t-shape-in-modal {
        padding: 2px 10px
    }

    .t-shape-in-modal > span {
        font-size: 11px
    }

    .swiper_suppliers {
        padding-bottom: 2.6%
    }

    .blog-slider {
        width: 111%
    }

    .div-back-verticla-slider-omde {
        margin-right: 6%
    }

    .border-icon-sidebar-circle {
        width: 45px;
        height: 45px
    }

    .icon-in-circle-panel-khord {
        padding: 0 .5% !important
    }

    .card_login_cart_header > a > svg, .card_login_cart_header > div > svg {
        width: 21px;
        height: 21px;
        stroke: black
    }

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

    .item_header_supplier {
        padding-left: 2.6px;
        font-size: 12px
    }

    .ul_nav_header_supplier {
        margin-right: 3%
    }

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

@media (max-width: 1058px) {
    .bottom_arrow_half_background {
        bottom: 43% !important
    }

    .form-group-give {
        margin-bottom: 7%
    }

    .div-form-bottom-khoshe .title-inputs {
        right: 7px
    }

    .form_supplier_center {
        margin-top: 4%
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -16.5%
    }

    .card_all_description {
        padding-right: 2%
    }

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

    .border-icon-sidebar-circle {
        width: 42px;
        height: 42px
    }

    .padding_sliders {
        padding: 0 1.8% !important
    }

    #products > nav > div {
        margin-top: 1% !important
    }

    .pagination > li:first-child {
        margin-left: 2.4% !important
    }

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

@media (max-width: 1024px) {
    .card-discount-percent {
        width: 33px;
        height: 33px;
        left: 9px
    }

    .arrow_left_header_style > svg, .arrow_right_header_style > svg {
        width: 16px !important;
        height: 16px !important;
        transform: translate(-97%, -68%) !important
    }

    .arrow_left_header_style, .arrow_left_header_style:before, .arrow_right_header_style, .arrow_right_header_style:before {
        width: 23px;
        height: 23px
    }

    .bottom_arrow_half_background {
        bottom: 42% !important
    }

    .grid10.background_card:before {
        height: 90px
    }

    .grid9.background_card:before {
        height: 100px
    }

    .grid8.background_card:before {
        height: 110px
    }

    .grid7.background_card:before {
        height: 125px
    }

    .grid6.background_card:before {
        height: 140px
    }

    .grid5.background_card:before {
        height: 165px
    }

    .grid3.background_card:before {
        height: 260px
    }

    .grid2.background_card:before {
        height: 400px
    }

    .grid1.background_card:before {
        height: 800px
    }

    .card_agency_office_information_left {
        padding-right: 13% !important
    }

    .mb_details_seller {
        margin-bottom: 4%
    }

    .card_search_table {
        width: 45% !important
    }

    .table_agent_seller ul > li > span:first-child, .table_agent_seller > .header_table > div:first-child {
        min-width: 3.5% !important
    }

    .card-image-header-seller > div {
        padding: 0
    }

    .header_supplier {
        grid-template-columns:60% 40%
    }

    .link_name_seller_header {
        max-width: 300px
    }

    .card-image-header-seller {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 15px;
        margin-top: 2% !important;
        margin-bottom: 2% !important
    }

    .fixed_center {
        padding-top: 6.6%
    }

    .btn__share {
        top: 53%
    }

    .logo_header_supplier > img {
        max-height: 8rem
    }

    .input_search_header_center {
        padding: 1.8% 3.5% 1.8% 8%
    }

    .Protection-intellectual-property, .icon-tab-header {
        font-size: 11px
    }

    .card-links {
        padding-right: 7%;
        padding-left: 7%
    }

    .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%
    }

    .card_scroll_search_header {
        height: 23.9rem
    }

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

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

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

    .swiper_suppliers {
        padding-bottom: 3%
    }

    .padding_item_suppliers {
        padding: 3% 13% !important
    }

    .popup-youtube:after {
        width: 56px;
        height: 56px
    }

    .t-shape-in-modal {
        padding: 2.5px 11px
    }

    .card_all_products {
        grid-template-columns:repeat(3, 1fr);
        gap: 17px
    }

    .img-about-tamin-card {
        padding: 4%
    }

    .blog-slider .IMG-dots {
        top: 13%;
        height: 3.5rem;
        left: -8rem;
        width: 3.5rem
    }

    .blog-slider {
        width: 118%
    }

    .blog-slider__img {
        width: 16rem;
        height: 15rem;
        transform: translateX(-172px)
    }

    .about-company .swiper-slide:hover:before {
        background: rgba(255, 255, 255, 0)
    }

    .search {
        position: relative;
        right: 46%;
        bottom: 1.2rem;
        direction: rtl
    }

    .input-search {
        background-color: #fff;
        border-radius: 30px;
        border: 2px solid #f48c09;
        font-size: 13px;
        padding: 2.7% 5% 1.7% 0;
        z-index: 1;
        position: relative
    }

    .card-menu > a > span, .username {
        font-size: 12px
    }

    .box-icon-search {
        background-color: #f48c09;
        border-radius: 60%;
        position: absolute;
        right: 90.5%;
        height: 38.5px;
        top: 38.5px;
        width: 38.5px;
        z-index: 2
    }

    .section-menu-input {
        position: absolute;
        left: 9%;
        z-index: 55;
        bottom: 3px
    }

    .icon-basket {
        width: 70%
    }

    .username {
        height: 35px;
        width: 16%;
        top: 20px;
        padding-right: 1%;
        padding-left: 1%
    }

    .Supplier-menu {
        position: relative;
        top: 25px
    }

    .nav-right {
        padding-bottom: 2%
    }

    .card-menu {
        position: absolute;
        bottom: 3%
    }

    .dropdown-toggle::after {
        top: 34%
    }

    .card-menu a {
        text-decoration: none;
        margin-left: 3.2%;
        position: relative
    }

    .line-title {
        margin: 8px 7%
    }

    .card-img-Description-article > img {
        width: 225px;
        height: 155px;
        margin: 0 7px
    }

    .section-Comments {
        padding: 16px 20px 0
    }

    .card-Your-view {
        margin-top: 17px
    }

    .card-left-article {
        border-top: none !important;
        padding: 16px 20px 26px !important
    }

    .card-main-Related-posts {
        margin-top: 6%
    }

    .item-Related-posts {
        display: flex !important;
        margin: 0 15% 2%
    }

    .Description-Related-posts {
        height: 86px
    }

    .card-Disclaimer {
        padding: 16px 20px 9px !important
    }

    .card-slider-Offers {
        padding: 0 8%;
        margin-top: 4%
    }

    .card-related-posts {
        width: 100%;
        margin-top: 4% !important
    }

    .card-left-Related-posts {
        padding: 10px
    }

    .name-suppliers-product {
        padding-left: 5%;
        font-size: 14px;
        line-height: 28px
    }

    .modal-dialog-Your-view {
        max-width: 71%
    }

    .card-right-article {
        border-radius: 0;
        border-top-right-radius: 52px !important;
        margin-right: 0
    }

    .div-on-veiw-micro-slider, .information-about-supply-in-pamel-khord::before, .js-hover-about-compony {
        display: none
    }

    .icon-type-tamin-next-title {
        background-size: 12px
    }

    .title-name-icon-p {
        width: 26%
    }

    .information-about-supply-in-pamel-khord .imgs-information {
        padding: 1rem .65rem 1rem .85rem
    }

    .other-hover-icons {
        display: block !important;
        width: 47%
    }

    .banner-custom-khord {
        width: 99% !important;
        margin-bottom: -.5rem !important;
        margin-top: 5px !important
    }

    .banner-custom-khord .icon-share {
        width: 5% !important
    }

    .hover-ic {
        width: 32px !important;
        height: 32px;
        margin-right: 2px
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 7.6rem;
        left: 4px
    }

    .about-company {
        width: 95%;
        height: 13rem !important
    }

    .about-company .swiper-slide {
        height: 11rem
    }

    .form-group-give {
        margin-bottom: 8%
    }

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

    .negative-custom {
        top: -4px !important
    }

    .card-modal-details {
        padding: 0 10%;
        max-width: 100%
    }

    .shape-modal {
        top: -5px
    }

    .table-size {
        width: 31.85%
    }

    .imgs-information-omde {
        padding: 0 1rem !important
    }

    .circle-for-logo-omde {
        width: 5rem;
        height: 5rem
    }

    .class-inner-icons {
        margin: 1rem auto auto;
        width: 104%
    }

    .padding-img-next-text-omde {
        padding: 0 4rem
    }

    .banner-sidbar-panel-khord {
        display: inline-block;
        width: 48%;
        margin-right: 1.17%;
        margin-bottom: 1.5rem;
        margin-top: 0
    }

    .banner-sidbar-panel-khord .icon-share {
        width: 3.5%
    }

    .div-back-verticla-slider-omde {
        margin-right: 9%
    }

    .max-height {
        height: 15rem
    }

    .read-more > .read-more__expand {
        padding: 10px 1px 10px 10px
    }

    .text-next-mid-responsie {
        padding-right: 23px !important
    }

    .slider-card-omde {
        height: 12rem
    }

    .padding-for-slider-card {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .parent-Micro-Supplier-Panel-Tutorial .right-bottom-swiper {
        right: -9px
    }

    .parent-Micro-Supplier-Panel-Tutorial .left-bottom-swiper, .parent-slider-about-compony .left-bottom-swiper {
        left: -9px
    }

    .parent-slider-omde-height .right-bottom-swiper {
        right: -14px
    }

    .parent-slider-omde-height .left-bottom-swiper {
        left: -14px
    }

    .right_arrow_product {
        right: -14px !important
    }

    .img-about-tamin:hover {
        position: relative;
        top: 0
    }

    .circle-for-logo {
        width: 7.5rem;
        height: 7.5rem
    }

    .behind-circle-for-logo {
        height: 11.5rem
    }

    .img_logo_footer {
        height: 6.5rem !important
    }

    .section-icon-footer {
        padding-right: 9%;
        padding-left: 9%
    }

    .icon_social_networks_footer {
        direction: ltr
    }

    .icon_social_networks_footer > a > svg {
        width: 13%
    }

    .icon_social_networks_footer > a {
        margin-right: 18px
    }

    .card-ul-footer {
        padding-left: 1%;
        padding-right: 1%
    }

    .item_header_supplier {
        padding-left: 6.6px
    }

    .card_main_header_center {
        grid-template-columns:13% 38% 49%
    }

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

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

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

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

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

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

    .btn_more_blank, .font-14, .font-normal-14, .font-size-14, .header_supplier_location, .table_agent ul > li > span {
        font-size: 13px
    }

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

    .card_center_header_supplier > h6, .font-16, .font-size-16 {
        font-size: 15px
    }

    .card_center_header_supplier > .card_group_name_supplier > h6, h6 {
        font-size: 15px !important
    }

    h5 {
        font-size: 18px !important
    }

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

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

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

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

    .padding-item-index {
        margin: 30px 0
    }

    .dataTables_wrapper table tr td, .dataTables_wrapper table tr th {
        white-space: nowrap
    }

    .card_table_btn_blank {
        overflow-x: auto
    }

    .card-discount-percent {
        width: 30px;
        height: 30px;
        left: 4%
    }

    .card_form > div > div {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .bottom_arrow_half_background {
        bottom: 41% !important
    }

    .card_crooky_seller {
        height: 180px
    }

    .btn_more_blank {
        font-size: 13px !important
    }

    .table_agent {
        padding: 12px 12px 0
    }

    .card_main_background_half {
        gap: 20px
    }

    .line-height-custom {
        line-height: 28px
    }

    .fixed_center {
        padding-top: 6.65%
    }

    .form-group-give {
        padding: 0 15px;
        margin-bottom: 5%
    }

    .div-form-bottom-khoshe .title-inputs {
        right: 24px
    }

    .description__footer {
        margin-top: 4% !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, .ul_nav_header_supplier {
        margin-right: 5%
    }

    .card_scroll_search_header {
        height: 23rem
    }

    .parent-slider-omde-height {
        padding: 0 1.7% 0 1.3%
    }

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

    .body_modal_description {
        padding: 4.5% 7%
    }

    .modal-dialog_description {
        max-width: 100% !important;
        padding: 0 9%
    }

    .blog-slider, .logo_header_supplier {
        max-width: 100%
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -17.5%
    }

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

    .Micro-Supplier-Panel-Tutorial .swiper-slide img {
        max-height: 290px
    }

    .imgs-information {
        padding-right: 2% !important;
        padding-left: 1% !important
    }

    .swiper_suppliers {
        padding-bottom: 2.2%
    }

    .logo_dstods_header {
        padding-left: 16%
    }

    .Supplier-Management-Banner {
        height: auto
    }

    .blog-slider {
        width: 84%
    }

    .div-back-verticla-slider-omde {
        margin-right: -5%
    }

    .icon-in-circle-panel-khord {
        padding: 0 0 0 6% !important
    }

    .icon-in-circle-panel-khord > p {
        font-size: 12px;
        margin-top: 6%
    }

    .circle-for-logo {
        right: 0;
        left: unset;
        top: 6%;
        position: relative;
        width: 8rem;
        height: 8rem
    }

    .card_all_description {
        display: unset;
        padding-right: 0
    }

    .card_top_tablet {
        display: flex;
        align-items: center
    }

    .card_logo_suppliers {
        padding-top: 0 !important
    }

    .all-div-back-sidbar-tamin {
        position: absolute;
        bottom: 24%;
        left: 4% !important;
        justify-content: flex-end
    }

    .card_icon_code {
        display: flex !important;
        border-top: 1px solid #eee !important
    }

    .border-icon-sidebar-circle img {
        width: 68%
    }

    .padding_sliders {
        padding: 0 1.5% !important
    }

    .padding-information-brand {
        padding: 1% 3%
    }

    .card_sliders_suppliers {
        padding-top: 1%
    }

    .card_all_products {
        grid-template-columns:repeat(4, 1fr);
        gap: 14px;
        grid-template-rows:auto;
        padding: 0 3.3%
    }

    #products > nav {
        margin-top: .5%
    }

    #map {
        min-height: 25rem !important;
        margin-top: 3%
    }

    .card_contact, .height-for-div-map-in-panel-khord {
        padding: 1.5%
    }

    #products > nav > div {
        margin-top: 3% !important
    }

    .buttom-under-product-panel-khord {
        margin-bottom: 2% !important
    }

    .pagination > li:first-child {
        margin-left: 2.3% !important
    }

    .padding-panel-supply-khord {
        padding: 1% 4%
    }

    .btn_header_supplier > a {
        padding: .22rem .58rem;
        font-size: 10px
    }

    .logo_header_supplier > img {
        max-height: 140px
    }

    .line_header_supplier {
        height: 3.5rem
    }

    .icon_left_header_supplier {
        margin: 0 1% !important
    }

    .card-left_header_supplier {
        border-radius: 15px;
        justify-content: space-around;
        margin: 1% auto
    }

    .icon_favorites {
        margin-left: 7px
    }

    .btns_header_supplier {
        padding: 6px 19px;
        font-size: 11px
    }

    .card_level_header_supplier {
        width: 1.2rem;
        height: 1.2rem
    }

    .card_nav_header, .card_nav_header__center {
        padding: 0 2.5%;
        grid-template-columns:65% 35%
    }

    .card_center_header_supplier > div, .card_center_header_supplier > h6 {
        margin: 8px 0
    }

    .card_group_name_supplier {
        margin-bottom: 5px !important
    }

    .card_login_cart_header > a > svg, .card_login_cart_header > div > svg {
        width: 20px;
        height: 20px
    }

    .slider-max-width, .swiper-tariffs {
        max-width: 93%
    }

    .list-question-service > .list-question-dstods button > svg, .list-question-service > li button > svg {
        width: 15px;
        height: 15px
    }

    .img-slider-tariffs {
        max-width: 50%
    }

    .type-title-2, .type-title-3 {
        border-radius: 7px;
        bottom: 12px
    }

    .type-title-2 {
        padding: 2px 20px;
        font-size: 13px
    }

    .type-title-2::after, .type-title-2::before {
        width: 13px
    }

    .card-img-contact-us img {
        min-height: unset
    }

    .card-img-contact-us {
        max-width: 100%;
        position: relative
    }

    .card-form-contact-us {
        margin: -61px 0 0 !important;
        position: relative;
        max-width: 93%
    }

    .btn-send-form-contact {
        width: 115px !important
    }

    .form-contact input {
        height: 43px
    }

    .card-all-column-step-service {
        grid-template-columns:repeat(3, 1fr)
    }

    .btn-play-video-about-us {
        width: 47px;
        height: 47px
    }

    .name-user-comment {
        max-width: 9rem
    }

    .item-information-dstods > svg {
        width: 23px;
        height: 23px
    }
}

@media (min-width: 970px) and (max-width: 990px) {
    .text-bottom-search {
        padding-left: 24%
    }
}

@media (max-width: 970px) {
    .fixed_center {
        padding-top: 7%
    }

    .display_none, .display_none_item_header {
        display: none !important
    }

    .card_main_header_center {
        grid-template-columns:14% 50% 36%
    }

    .active_search_input {
        grid-template-columns:14% 86% !important
    }

    .active_search_input > .card_login_cart_header {
        padding-right: 34%
    }

    .logo_header_supplier > img {
        max-height: 130px
    }
}

@media (max-width: 900px) {
    .card_right_special_sale {
        padding: 1% .5% 1% 16% !important
    }

    .grid-sliders-style {
        grid-template-columns:22% 78%
    }

    .bottom_arrow_half_background {
        bottom: 45% !important
    }

    .group_btn_modal_ways_communication {
        margin: 5% auto 0 !important
    }

    .modal-dialog-all-filter {
        max-width: 75%
    }

    .card_agency_office_information {
        display: flex;
        flex-direction: column
    }

    .card_agency_office_information_right > a, .card_agency_office_information_right > p {
        margin: 1% 0
    }

    .d_none_line {
        display: block
    }

    .card_agency_office_information > div {
        border-left: unset;
        padding: 0
    }

    .mb_details_seller {
        margin-bottom: 3%
    }

    .btn_routing_seller, .group_btn_card_agency_office_information {
        margin-bottom: 4%
    }

    .group_btn_card_agency_office_information {
        margin-top: 2%
    }

    .card_agency_office_information_left {
        padding-right: 0 !important
    }

    .card_agency_office_information_right {
        padding-left: 0 !important
    }

    .card_agency_office_information > div:last-child {
        padding-left: 10% !important;
        padding-right: 10% !important
    }

    .card_crooky_seller {
        height: 500px
    }

    .btn_routing_seller {
        margin: 5% auto 1% -12.5% !important
    }

    .card_search_table {
        width: 55% !important
    }

    .see_details_seller {
        height: 300px;
        margin-bottom: 10px
    }

    .card_icon_details {
        padding-bottom: 18%
    }

    .card-image-header-seller {
        padding-left: 15px
    }

    .card-left-header-seller > div {
        margin: 0 10px
    }

    .card-image-header-seller > div > a > img, .img-header-seller-loader {
        width: 33px !important;
        height: 33px !important
    }

    .fixed_center {
        padding-top: 8.2%
    }

    .active_search_input {
        grid-template-columns:17% 83% !important
    }

    .active_search_input > .card_login_cart_header {
        padding-right: 25%
    }

    .header_supplier {
        padding: .5% 1.5%
    }

    .logo_header_supplier > img {
        max-height: 122px
    }

    .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
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -17.5%;
        margin-top: 20%
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 11rem
    }

    .div-back-verticla-slider-omde {
        margin-right: -6%
    }

    .card_all_products {
        padding: 0 3.5%;
        gap: 20px
    }

    .t-shape-in-modal {
        padding: 2px 11px
    }
}

@media (max-width: 870px) {
    .text-bottom-search {
        padding-left: 21%
    }

    .card_main_logo_footer {
        padding: 0
    }
}

@media (max-width: 820px) {
    .arrow-left-style > svg, .arrow-right-style > svg, .card_search_table svg, .left-bottom-swiper-learn > svg, .left-bottom-swiper-news > svg, .left-bottom-swiper > svg, .right-bottom-swiper-learn > svg, .right-bottom-swiper-news > svg, .right-bottom-swiper > svg, .swiper-button-next-blog > svg, .swiper-button-prev-blog > svg {
        width: 15px;
        height: 15px
    }

    .card_crooky_seller {
        height: 400px
    }

    .see_details_seller {
        height: 250px
    }

    .bottom_arrow_half_background {
        bottom: 39% !important
    }

    .grid10.background_card:before {
        height: 76px
    }

    .grid9.background_card:before {
        height: 80px
    }

    .grid8.background_card:before {
        height: 90px
    }

    .grid7.background_card:before {
        height: 100px
    }

    .grid6.background_card:before {
        height: 115px
    }

    .grid5.background_card:before {
        height: 130px
    }

    .grid3.background_card:before {
        height: 210px
    }

    .grid1.background_card:before {
        height: 600px
    }

    .grid2.background_card:before {
        height: 320px
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 160px
    }

    .card_main_background_half {
        gap: 15px
    }

    .card_search_table svg {
        margin-left: 4px
    }

    .card_search_table {
        width: 55% !important
    }

    .padding-panel-supply-khord {
        padding: 2% 5%
    }

    .popup-youtube > img:nth-child(2) {
        max-height: 590px
    }

    .form_supplier_center {
        margin-top: 3%
    }

    .card_center_header_supplier {
        padding-right: 4% !important
    }

    .btns_header_supplier, .icon-in-circle-panel-omde p {
        font-size: 10px
    }

    .icon_favorites {
        width: 10px;
        height: 10px;
        margin-left: 5px
    }

    .img_logo_footer {
        height: 10rem !important
    }

    .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%
    }

    .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
    }

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

    .card_btn_more {
        margin: -1% 0 0
    }

    .modal-dialog_description {
        padding: 0 4%
    }

    .height_description_video > p {
        font-size: 14px !important
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 10rem
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -18%;
        margin-top: 20%
    }

    .imgs-information {
        padding-right: 2.5% !important;
        padding-left: 1.3% !important
    }

    .blog-slider, .body-mian, .table-size {
        width: 100%
    }

    .div-back-verticla-slider-omde {
        margin-right: 3%;
        margin-bottom: 12%
    }

    .blog-slider .IMG-dots {
        display: none
    }

    .shape-in-modal {
        border-left: 9px solid transparent;
        border-bottom: 7px solid #e90037
    }

    .t-shape-in-modal {
        padding: 3px 12px;
        top: 0
    }

    .circle > p {
        margin-top: -7px !important
    }

    .swiper_suppliers {
        padding-bottom: 2.8%
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 8rem;
        left: 4px
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 44%
    }

    .btn-Notify-when-available {
        padding: 4% 5% 3.5%
    }

    .other-ic-star-modal {
        left: -8px
    }

    .other-hover-icons {
        width: 53%
    }

    .hover-ic {
        width: 28px !important;
        height: 28px;
        margin-right: 2px
    }

    .border-icon-sidebar-circle {
        margin-bottom: 9px
    }

    .icon-in-circle-panel-khord p {
        text-align: center
    }

    .border-icon-sidebar-circle-omde {
        width: 41px;
        height: 41px
    }

    .all-div-back-omde-responsive {
        width: 25.5% !important;
        margin: 0 auto !important
    }

    .icon-in-circle-panel-omde {
        width: 40%
    }

    .class-inner-icons {
        margin: 20px
    }

    .blog-slider__img {
        width: 72%;
        height: 140px;
        transform: translate(72px, 172px);
        background: -webkit-linear-gradient(90deg, hsl(0deg 0% 100%) 48%, hsl(0deg 8% 95%) 72%)
    }

    .card_top_tablet {
        padding-right: 1.5%
    }

    .padding_sliders {
        padding: 0 1.9% !important
    }

    .padding-information-brand {
        padding: 1% 3.8%
    }

    .card_all_products {
        padding: 0 4%;
        grid-template-columns:repeat(3, 1fr);
        gap: 20px !important
    }

    #products > nav > div {
        margin-top: 2.5% !important
    }

    .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -10px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -10px
    }

    .card-links > div:first-child, .card-links > div:nth-child(4) {
        width: 50% !important
    }

    .card-links > div:nth-child(2), .card-links > div:nth-child(3), .card-links > div:nth-child(4) > h6, .card-links > div:nth-child(4) > ul {
        display: none !important
    }

    .card-links {
        padding-right: 8%;
        padding-left: 8%
    }
}

@media (max-width: 770px) {
    .textarea-loader {
        height: 120px !important
    }

    .map-loader {
        height: 300px
    }

    .card.is-loading p {
        height: 60px
    }

    .txt-loader {
        height: 20px !important
    }

    .card.is-loading .image {
        height: 160px
    }

    .bottom_arrow_half_background {
        bottom: 44% !important
    }

    .active_search_input > .card_login_cart_header {
        padding-right: 20%
    }

    .item_header_supplier {
        font-size: 13px
    }

    .logo_dstods_header, .logo_dstods_header_center {
        padding-left: 0
    }

    .ul_nav_header_supplier {
        margin-right: 5.5%
    }

    .card_login_cart_header > a > svg, .card_login_cart_header > div > svg {
        width: 20px;
        height: 20px
    }

    .image-slider-loader {
        height: 200px !important
    }
}

@media (max-width: 769px) {
    .btn-collapse, .card_left_nav_ph, .result-product .swiper-slide > a {
        align-items: center;
        display: flex
    }

    #header, .background_header_supplier, .basket-tablet, .card-header-desktop, .card-search, .full__header_nav, .header-supplier-main, .information-about-supply-in-pamel-khord::before, .input-search, .nav-desktop, .search-tablet, .user-search, .username-tablet {
        display: none
    }

    .card-footer-ph {
        padding-bottom: 83px;
        display: none
    }

    .card.is-loading {
        padding-bottom: 10%
    }

    .arrow_left_header_style > svg, .arrow_right_header_style > svg {
        width: 17px !important;
        height: 17px !important;
        transform: translate(-101%, -67%) !important
    }

    .arrow_left_header_style, .arrow_left_header_style:before, .arrow_right_header_style, .arrow_right_header_style:before {
        width: 26px !important;
        height: 26px !important
    }

    .card-main-header-seller-res .logo-seller-header-res > img {
        max-height: 60px !important
    }

    .card-main-header-seller-res .logo-seller-header-res {
        display: none;
        margin: 0 0 0 20px !important;
        max-width: 150px
    }

    #menu, #mySidenav, .card-main-header-seller-res.sticky .logo-seller-header-res, .footer, .nav-tablet {
        display: block !important
    }

    .result-supplier .swiper-slide > a {
        height: 100%
    }

    .product_inquiries > a {
        color: #fff;
        white-space: nowrap
    }

    .fixed_center {
        padding-top: 10%
    }

    .body-mian, .card_search_header_supplier_center > div, .full__header_nav_phone, .li-ph-arrow-left, .li-ph-arrow-right {
        width: 100%
    }

    .conversation_supplier_menu, .item > p {
        color: #000
    }

    #menu {
        padding-bottom: 5%
    }

    .category_subset {
        margin-top: 4px
    }

    .category_level_one {
        padding: 7px 8px
    }

    .ul__category {
        padding: 9px 27px 3px 5px
    }

    .item_category_level_two {
        padding: 10px 0 0
    }

    #mySidenav, .btn-collapse {
        padding: 0 !important
    }

    .background_gray {
        background-color: var(--gray_FB)
    }

    .icon_arrow_collapse {
        font-size: 14px;
        position: absolute;
        left: 16px
    }

    .icon_arrow_collapse_level2 {
        left: 36px !important
    }

    .btn-collapse {
        position: relative;
        width: 100%;
        text-align: right;
        background-color: unset;
        border: unset
    }

    .section_category > button {
        padding-left: 45px !important
    }

    .section_category > .category_subset {
        padding-left: 10px;
        padding-right: 10px
    }

    .card_name_type_supplier_ph > span, .font-main, .font_12, .year_supplier {
        font-size: 12px
    }

    .font-main_menu, .other-text p:nth-child(2) {
        font-size: 13px
    }

    .card_conversation_favorites > span {
        font-size: 11px;
        width: 100%;
        padding: 15px 17px;
        text-align: center
    }

    .card_conversation_favorites > span:first-child {
        border-left: 1px solid var(--gray_F3)
    }

    .like_favorite_menu {
        width: 12px !important;
        height: 12px !important;
        margin-left: 5px !important
    }

    .card_conversation_favorites {
        margin-bottom: 5px;
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%;
        border: 1px solid var(--gray_F3);
        padding: 0 !important
    }

    .btn__share {
        top: 66%
    }

    .card_main_header, .card_nav_header, .card_nav_header__center, .display_none_search {
        display: none !important
    }

    .card_search_header_supplier_center {
        background-color: #fff;
        display: flex;
        justify-content: center;
        padding: 9px 2.5%;
        align-items: center;
        position: absolute;
        width: 100%;
        z-index: 2
    }

    .parent-footer, .parent-header {
        justify-content: space-between
    }

    .input_search_nav_center, .input_search_nav_center:focus {
        background-color: var(--gray_FA);
        border-radius: 3px;
        border: unset;
        width: 100%;
        padding: 11px 13px 11px 45px;
        font-size: 11px;
        outline: unset
    }

    .icon_search__nav_center {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 22px;
        cursor: pointer
    }

    .icon-search-input-header-ph {
        width: 16px !important
    }

    .font-title-phone {
        font-size: 13px;
        font-weight: 700
    }

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

    .img_dstods_header_ph {
        padding-left: 6%;
        width: 120px
    }

    .parent-header {
        display: flex !important;
        border-bottom: var(--border-gray);
        align-items: center;
        background-color: #fff;
        box-shadow: -5px -3px 16px -5px rgb(0 0 0 / 16%)
    }

    .parent-header .icon-search {
        width: 40px;
        height: 40px;
        padding: 1% .5%
    }

    .icon_search_center {
        width: 24px;
        height: 24px;
        margin-right: 14px
    }

    .active-side-bar, .sidenav {
        position: fixed;
        top: 0;
        height: 100%
    }

    .parent-footer {
        border-top: var(--border-gray);
        display: flex;
        background: #fff
    }

    .parent-footer .item {
        margin: 0 13px
    }

    .parent-footer .item svg {
        width: 32px;
        height: 32px;
        display: flex;
        margin: 0 auto 8px
    }

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

    .footer {
        position: fixed;
        bottom: 0;
        z-index: 5555;
        width: 100%;
        left: 0
    }

    .sidenav {
        width: 0;
        z-index: 111111;
        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 {
        opacity: .5;
        background-color: #000;
        left: 0;
        width: 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
    }

    .card-image-header-seller > div:first-child, .padding-right, .title-name-icon-omde {
        padding-right: 0 !important
    }

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

    #popupSearchHeader .close {
        width: 21px;
        height: 21px;
        position: absolute;
        left: 2%;
        top: 7px
    }

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

    #popupSearchHeader .time, .div-back-icon-sidbar-tamin {
        width: 17px;
        height: 17px
    }

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

    #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, .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;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #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%
    }

    .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%
    }

    .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
    }

    .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 {
        font-size: 14px
    }

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

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

    .sidebar-right {
        margin-right: 0
    }

    .parent-slider-about-compony .right-bottom-swiper, .parent-slider-next-text-Brand-introduction .right-bottom-swiper {
        right: -10px
    }

    .parent-slider-about-compony .left-bottom-swiper, .parent-slider-next-text-Brand-introduction .left-bottom-swiper {
        left: -10px
    }

    .parent-slider-omde-height .left-bottom-swiper {
        left: -15px
    }

    .right_arrow_product {
        right: -15px !important
    }

    .parent-slider-omde-height .right-bottom-swiper {
        right: -15px
    }

    .slider-top-Supplier-panel {
        height: auto
    }

    .other-hover-icons {
        width: 61%
    }

    .table-size {
        width: 100.25%
    }

    .form-group-give {
        margin-bottom: 7%
    }

    .banner-sidbar-panel-khord {
        width: 48%;
        margin-bottom: 1.5rem;
        margin-top: 0
    }

    .buttom-under-product-panel-khord {
        font-size: 13px !important;
        margin: .5% auto 2%
    }

    .about-company .swiper-slide {
        height: 10rem
    }

    .about-company {
        height: 12.5rem !important;
        width: 95%
    }

    .border-icon-sidebar-circle {
        border-radius: 100%;
        width: 43px;
        height: 43px;
        margin-bottom: 4px !important
    }

    .hover-ic {
        width: 31px !important;
        height: 31px
    }

    .mb-2-custom {
        margin-bottom: 2.5rem
    }

    .banner-tablet-panel-khord {
        height: 27.75rem;
        background-color: #fdfbfd;
        float: left;
        width: 46.5% !important
    }

    .container {
        margin-right: 1.25%
    }

    .title-Clothing img {
        padding-left: 23%
    }

    .t-shape {
        width: 12.5%;
        height: 6%;
        background-color: #e90037;
        position: absolute;
        z-index: 2;
        top: 7.8%;
        right: 90%
    }

    .t-shape span {
        position: absolute;
        top: 21.2%;
        left: 26%;
        font-size: 10px
    }

    .img-slider-clothing {
        position: relative;
        right: 28%
    }

    .other-ic-star img {
        width: 13px !important;
        height: 13px;
        margin-bottom: 5.5px
    }

    .other-ic-star {
        position: absolute;
        top: 18%;
        left: 1%
    }

    .circle-color {
        width: 18px;
        height: 18px;
        position: relative;
        left: 9px;
        margin-bottom: 5px;
        font-size: 10px
    }

    .carousel-Clothing {
        width: 95.5%;
        height: 457px
    }

    .ic-2, .ic-3 {
        width: 46% !important
    }

    .other-text p:first-child {
        margin-top: 8%
    }

    .price-product {
        margin: 6.5% 7% 6.5% 0 !important
    }

    .other-text div > span {
        font-size: 13px !important
    }

    .icon-bottom span:first-child, .icon-bottom span:nth-child(3) {
        font-size: 11px
    }

    .icon-bottom img:nth-child(2) {
        width: 4%
    }

    .icon-bottom img:nth-child(4) {
        width: 5%;
        display: inline;
        margin-right: 1.5%;
        top: 6%;
        position: relative
    }

    .carousel-Clothing .owl-dots {
        bottom: 15%
    }

    .ic-1 {
        top: 7.5px !important;
        right: 7.5px !important
    }

    .ic-2 {
        top: 9px !important;
        left: 8px !important
    }

    .ic-3 {
        right: 8px !important;
        top: 7px !important
    }

    .price-range {
        color: #000 !important;
        margin: 7.5% 0 5.5% !important
    }

    .carousel-Clothing .owl-nav button:nth-child(2) {
        position: relative;
        left: 53.8%;
        top: 2px;
        width: 2.5%
    }

    .carousel-Clothing .owl-nav button:first-child {
        position: relative;
        right: 52%;
        top: 2px;
        width: 2.5%
    }

    .carousel-Clothing .owl-nav {
        position: relative;
        bottom: 58%;
        display: block !important
    }

    .btn-Notify-when-available {
        padding: 3% 3% 3.2%
    }

    .other-ic-star-modal {
        left: 1px;
        top: 28px
    }

    .color {
        position: relative;
        right: 6px
    }

    .item-with-warning {
        padding-top: 5% !important
    }

    .all-div-back-omde-responsive {
        width: 33% !important
    }

    .banner-sidbar-panel-omde-responsive {
        width: 48.25% !important;
        margin: 0 5px 1.5rem !important;
        display: inline-block !important
    }

    .img-about-tamin-omde-responsive {
        margin-bottom: 0 !important;
        height: 17rem !important
    }

    .div-video-modal-omde {
        width: 77%
    }

    .padding-img-next-text-omde {
        padding: 0 2rem
    }

    .banner-sidbar-panel-khord .icon-share {
        width: 4.5%
    }

    .width-cusom-panel-omde-responsive {
        width: 35%
    }

    .circle-for-logo-omde {
        width: 3.5rem;
        height: 3.5rem
    }

    .border-icon-sidebar-circle-omde {
        width: 40px;
        height: 40px
    }

    .icon-in-circle-panel-omde p {
        font-size: 9px !important
    }

    .max-height {
        height: 15rem;
        overflow: hidden
    }

    .blog-slider__img {
        background: -webkit-linear-gradient(90deg, hsl(0deg 0% 100%) 48%, hsl(0deg 8% 95%) 72%)
    }

    .icon-in-circle-panel-omde {
        margin: auto 0
    }

    .background-behind-video-Supplier-omde {
        height: 22rem !important;
        margin-bottom: -.75rem !important
    }

    .img-height-omde-under-video {
        height: 13.5rem;
        margin-top: 1.5rem
    }

    .read-more.collapsed .read-more__content > .read-more__content__container {
        max-height: 172px
    }

    .slider-next-text-Brand-omde-introduction .swiper-pagination-bullet {
        background: var(--panel-omde-sazman)
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 47%
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 7.5rem
    }

    .circle-for-logo {
        width: 7.5rem;
        height: 7.5rem
    }

    .div-back-icon-sidbar-tamin svg {
        width: 20px;
        height: 20px
    }

    .card_all_products {
        padding: 0 4.3%
    }

    #products > nav > div {
        margin-top: 4.5% !important
    }

    .page-link {
        width: 32px;
        height: 32px;
        font-size: 13px;
        margin: 0px 1px!important;
    }
    .pagination>li:first-child>.page-link>svg, .pagination>li:last-child>.page-link>svg {
        width: 0.7rem;
        height: 0.7rem;
    }

    .text_slider_album {
        padding-right: 5% !important;
        padding-left: 5% !important
    }

    .logo_header_supplier {
        margin: 1% auto;
        display: inline-block
    }

    .background_header_supplier_phone {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5%;
        background-size: 100% 60% !important;
        background-repeat: no-repeat !important
    }

    .year_supplier {
        padding: 0 20px
    }

    .logo_golden_ph {
        width: 1.6rem;
        height: 1.6rem
    }

    .card_main_header_supplier {
        width: 100%;
        display: inline-block;
        position: relative
    }

    .card_level_header_supplier_ph {
        padding: 1rem 1rem .9rem;
        justify-content: space-between;
        width: 100%;
        display: flex;
        align-items: center
    }

    .card_name_type_supplier_ph > span {
        padding-right: 12px
    }

    .card_name_type_supplier_ph, .card_year_logo_ph {
        display: flex;
        align-items: center;
        padding-left: 1%
    }

    .name_supplier_ph {
        font-size: 14px;
        line-height: 29px;
        font-weight: 700;
        text-align: center;
        margin-top: 2%
    }

    .card_name_supplier_ph {
        margin-top: 2.5%
    }

    .nav_header_supplier_ph {
        background-color: var(--search);
        padding: 11px 20px;
        display: flex;
        justify-content: space-between
    }

    .icon_menu_header_supplier {
        width: 17px;
        height: 17px;
        fill: white
    }

    .card_menu_header_ph {
        font-size: 14px;
        color: #fff;
        padding-right: 12px
    }

    .card_right_nav_ph {
        width: fit-content;
        display: flex;
        align-items: center
    }

    .icon_search_nav_ph {
        width: 22px;
        height: 22px;
        stroke: white;
        fill: white
    }

    .product_inquiries {
        font-size: 12px;
        color: #fff
    }

    .hr_nav_ph {
        transform: rotate(90deg);
        color: #fff;
        opacity: 1;
        height: 1px;
        width: 25px
    }

    .card_left_nav_ph > hr, .card_left_nav_ph > span, .card_left_nav_ph > svg {
        margin: 0 2px
    }

    .card_name_type_supplier_ph {
        padding-right: 3%
    }

    .card-image-header-seller {
        border-left: unset;
        display: inline-block;
        margin: 0 !important
    }

    .card-image-header-seller > div > a > img, .img-header-seller-loader, .levelCenter {
        width: 30px !important;
        height: 30px !important
    }

    .card-image-header-seller > div {
        padding: 0 6px
    }
}

@media (max-width: 768px) {
    .clearfix.row-main {
        padding-bottom: 100px !important
    }

    .background_images img {
        height: 100%;
        width: 100%
    }

    .grid-sliders-style {
        grid-template-columns:25% 75%
    }

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

    .card-discount-percent {
        width: 27px;
        height: 27px
    }

    .modal-dialog-all-filter {
        max-width: 100%
    }

    .grid9.background_card:before {
        height: 85px
    }

    .grid8.background_card:before {
        height: 95px
    }

    .grid7.background_card:before {
        height: 110px
    }

    .grid6.background_card:before {
        height: 125px
    }

    .grid5.background_card:before {
        height: 158px
    }

    .grid3.background_card:before {
        height: 200px
    }

    .grid2.background_card:before {
        height: 290px
    }

    .grid1.background_card:before {
        height: 500px
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 170px
    }

    .table_agent .header_table > div:first-child {
        padding: 15px !important
    }

    .table_agent ul > li > span {
        font-size: 13px !important
    }

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

    .grid5 {
        grid-template-columns:repeat(4, 1fr)
    }

    .grid6 {
        grid-template-columns:repeat(5, 1fr)
    }

    .grid7 {
        grid-template-columns:repeat(6, 1fr)
    }

    .grid8 {
        grid-template-columns:repeat(7, 1fr)
    }

    .grid9 {
        grid-template-columns:repeat(8, 1fr)
    }

    .grid10 {
        grid-template-columns:repeat(9, 1fr)
    }

    .card_text_on_background {
        width: 100%
    }

    .padding_item_seller {
        padding: 3% 0
    }

    .blog-slider__img {
        transform: translate(-13px, 236px)
    }

    .div-back-verticla-slider-omde {
        margin-right: 3.5%
    }

    .card_center_header_supplier > h6 {
        font-size: 15px
    }

    .membership_header_supplier {
        font-size: 11px
    }

    .header_supplier_location {
        font-size: 12px
    }

    .btn_header_supplier > a {
        font-size: 10px;
        padding: .28rem .55rem
    }

    .card_center_header_supplier, .logo_header_supplier {
        float: right !important
    }

    .line_header_supplier {
        height: 4rem
    }

    .icon_left_header_supplier {
        margin: 0 1% !important
    }

    .header_supplier {
        padding: 1.5%;
        display: inline-block
    }

    .card-left_header_supplier {
        border-radius: 15px;
        display: flex;
        margin: auto;
        justify-content: space-around
    }

    .header_supplier > div {
        float: unset
    }

    .card_logo_title_header_supplier {
        display: inline-block
    }
}

@media (max-width: 767px) {
    .div-back-verticla-slider-omde {
        margin-right: -1%
    }

    .slider-max-width, .swiper-tariffs {
        max-width: 90%
    }

    .type-title-2 {
        padding: 4px 20px
    }

    .card-all-column-step-service {
        grid-template-columns:repeat(2, 1fr)
    }

    .card-txt-img-about-us > div:first-child {
        margin-bottom: 12px
    }

    .card-txt-img-about-us > div:last-child {
        margin-top: 12px
    }

    .card-txt-img-about-us > div {
        padding: 0
    }

    .btn-play-video-about-us {
        width: 42px;
        height: 42px
    }

    .name-user-comment {
        max-width: 18rem
    }

    .text-comment-user {
        margin: 15px 0 5px
    }

    .btn-send-form-contact {
        padding: 10px
    }
}

@media (max-width: 721px) {
    .padding-panel-supply-khord {
        padding: 2% 5.5%
    }

    .fixed_center {
        padding-top: 4.7rem
    }

    .form-group-give {
        margin-bottom: 6%;
        padding: 0 13px
    }

    .img_logo_footer {
        height: 9rem !important
    }

    .parent-header .icon-search {
        width: 37px;
        height: 37px
    }

    .icon_search_center {
        width: 23px;
        height: 23px;
        margin-right: 15px
    }

    .parent-slider-omde-height {
        padding: 0 2.3% 0 2%
    }

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

    .background-behind-video-Supplier-khord {
        margin-bottom: -19.5%;
        margin-top: 22%
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -16px
    }

    .card_all_products {
        gap: 14px !important
    }

    .swiper_suppliers > .swiper-wrapper > .swiper-slide {
        padding: 0 !important
    }

    .img-about-tamin-card {
        padding: 4%
    }

    .swiper_suppliers {
        padding-bottom: 4%
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        left: 4px;
        top: 6.75rem
    }

    .other-hover-icons {
        width: 65%
    }

    .border-icon-sidebar-circle {
        border-radius: 100%;
        width: 43px;
        height: 43px
    }

    .modal-icons, .modal-star-icon {
        position: relative !important;
        height: 100px !important
    }

    .modal-star-icon {
        top: -221px !important;
        right: 97.5% !important
    }

    .modal-icons {
        top: -91px !important;
        right: 88% !important
    }

    .other-ic-star {
        position: absolute;
        top: 18%;
        left: 4%
    }

    .owl-carousel-4 {
        padding-left: 14%;
        left: 2%
    }

    .all-div-back-omde-responsive {
        width: 29% !important
    }

    .width-cusom-panel-omde-responsive-first {
        width: 37% !important
    }

    .shadow-for-div-top-omde {
        margin-bottom: 3rem
    }

    .max-height {
        height: 10rem
    }

    .banner-sidbar-panel-omde-responsive {
        width: 48.25% !important;
        margin-left: 0 !important;
        margin-right: 6px !important
    }

    .btn-Notify-when-available {
        padding: 3% 3% 3.2%;
        width: 52%
    }

    .div-back-verticla-slider-omde {
        margin-right: 0
    }

    .read-more.collapsed .read-more__content > .read-more__content__container {
        max-height: 163px
    }

    .img-height-omde-under-video {
        height: 12rem;
        margin-top: .5rem
    }

    .banner-tablet-panel-khord {
        height: 27.85rem
    }

    .margin-top-responsive-more-rea {
        margin-top: .25rem
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 52%
    }

    .background-behind-video-Supplier-omde {
        height: 20rem !important
    }

    .div-video-modal-omde {
        height: 22rem
    }

    .circle-for-logo {
        width: 7.2rem;
        height: 7.2rem
    }

    .padding_sliders {
        padding: 0 2% !important
    }

    .logo_header_supplier {
        max-width: 33%
    }
}

@media (max-width: 719px) {
    .bottom_arrow_half_background {
        bottom: 42% !important
    }

    .Supplier-Management-Banner {
        height: 10.5rem
    }

    .img-about-tamin-card {
        padding: 3.5%
    }
}

@media (max-width: 700px) {
    .card_crooky_seller {
        height: 350px
    }

    .see_details_seller {
        height: 230px
    }

    .card_search_table {
        align-self: flex-end;
        width: 70% !important;
        margin-top: 3%
    }

    .card_main_title_blank {
        align-items: flex-start;
        flex-direction: column
    }

    .table_agent_seller .read-more__content {
        overflow: unset !important
    }

    .card_btn_more_blank {
        margin: 2% auto !important
    }

    .table_agent ul > li > span, .table_agent > .header_table > div {
        min-width: 50% !important
    }

    .card_main_background_half {
        gap: 15px
    }

    .margin_item_seller {
        margin: 2% auto
    }

    .height_btn_more {
        max-height: 12.5rem
    }

    .body_modal_description {
        padding: 7%
    }

    .buttom-under-product-panel-khord {
        margin-bottom: 3% !important;
        margin: .5% auto 3%
    }

    #map {
        min-height: 23rem !important
    }

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

@media (max-width: 650px) {
    .padding-panel-supply-khord {
        padding: 2% 6.5%
    }

    .fixed_center {
        padding-top: 4.8rem
    }

    .img_dstods_header_ph {
        padding-left: 3%
    }

    .Supplier-Management-Banner {
        height: 9.5rem
    }

    .padding_item_suppliers {
        padding: 3% 10% !important
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -19.5%
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 9rem
    }

    #products > nav > div {
        margin-top: 5.5% !important
    }

    .pagination > li:first-child > img {
        width: 16px;
        height: 16px
    }

    .pagination > li:last-child > a > img {
        width: 16px
    }

    .page-link {
        font-size: 12px;
        width: 31px;
        height: 31px
    }

    .circle-for-logo {
        width: 6.9rem;
        height: 6.9rem
    }

    .div-back-icon-sidbar-tamin {
        margin: 0 4.5%
    }

    .all-div-back-sidbar-tamin {
        left: 6% !important
    }

    .padding-information-brand {
        padding: 1% 4.5%
    }
}

@media (max-width: 649px) {
    .div-form-bottom-khoshe .title-inputs {
        right: 19px
    }

    .form-group-give {
        margin-bottom: 7%;
        padding: 0 10px
    }

    .Protection-intellectual-property {
        font-size: 10px
    }

    .icon_social_networks_footer > a {
        margin-right: 15px
    }

    .description__footer {
        margin-top: 5% !important
    }
}

@media (max-width: 600px) {
    .card.is-loading {
        padding-bottom: 15%
    }

    .card.is-loading p {
        height: 50px
    }

    .input-loader {
        height: 38px
    }

    .map-loader {
        height: 265px
    }

    .grid1.background_card:before {
        height: 400px
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 155px
    }

    .card_search_table {
        width: 80% !important
    }

    .padding_item_seller {
        padding: 4% 0
    }

    .img_logo_footer {
        height: 7.5rem !important
    }

    .padding_item_suppliers {
        padding: 3% 4% 3% 2.5% !important
    }

    .body_modal_description {
        padding: 8%
    }

    .background-behind-video-Supplier-khord {
        margin-top: 24.5%;
        margin-bottom: -21.5%
    }

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

    .blog-slider__img {
        width: 65%;
        height: 132px;
        transform: translate(-13px, 207px)
    }

    .blog-slider {
        height: 19rem
    }

    .img-about-tamin-card {
        padding: 3.5%
    }

    .border-three-dot-front-title {
        left: 2.8%
    }

    .card_all_products {
        grid-template-columns:repeat(2, 1fr);
        gap: 22px !important;
        padding: 0 5%
    }

    .swiper_suppliers {
        padding-bottom: 4%
    }

    #products > nav > div {
        margin-top: -5.5% !important
    }

    .buttom-under-product-panel-khord {
        margin-bottom: 5% !important;
        margin-top: -1% !important
    }

    .card_top_tablet {
        padding-right: 4%
    }

    .card_description_top {
        padding-right: 4% !important
    }

    .card_baner_top {
        padding-right: 5% !important
    }

    .padding-information-brand {
        padding: 1% 5.1%
    }

    .padding_sliders {
        padding: 0 2.5% !important
    }

    .logo_header_supplier {
        max-width: 36%
    }

    .logo_golden_ph {
        width: 1.55rem;
        height: 1.55rem
    }

    .padding-panel-supply-khord {
        padding: 2% 7.5%
    }
}

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

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

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

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

    .btns_header_supplier, .font-13, .membership_header_supplier {
        font-size: 11px
    }

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

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

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

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

    .line-height-26 {
        line-height: 24px
    }

    h6 {
        font-size: 15px !important
    }

    h5 {
        font-size: 17px !important
    }

    .padding-item-index {
        margin: 35px 0
    }

    .card-discount-percent {
        left: 3%
    }

    .padding-panel-supply-khord {
        padding: 2% 6.5%
    }

    .card_contact, .height-for-div-map-in-panel-khord {
        padding: 2.5%
    }

    .form_supplier_center > div {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .card_name_supplier_ph {
        margin-top: 3.5%
    }

    .fixed_center {
        padding-top: 4.6rem
    }

    .form-group-give {
        margin-bottom: 8%;
        padding: 0 35px
    }

    .div-form-bottom-khoshe .title-inputs {
        right: 10px
    }

    .last_input_form {
        margin-bottom: 7% !important
    }

    .a-color-blue {
        margin-bottom: 3%
    }

    #search-header-mobile .icon-search {
        right: 27px
    }

    .parent-result-search {
        padding-left: 27px
    }

    .img_dstods_header_ph {
        padding-left: 10%
    }

    .parent-header .icon-search {
        width: 34px;
        height: 34px
    }

    .icon_search_center {
        width: 21px;
        height: 21px
    }

    .padding_item_suppliers {
        padding: 3% 4% !important
    }

    .img-about-tamin {
        margin-bottom: 0
    }

    .imgs-information {
        padding-right: 3% !important;
        padding-left: 3% !important
    }

    .padding-information-brand {
        padding: 1% 5.1%
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -10px
    }

    .margin-top-responsive-sidebar-khord {
        display: none !important
    }

    .card_top_tablet {
        padding-right: 5%
    }

    .card_description_top {
        padding-right: 5% !important;
        padding-left: 0 !important
    }

    .padding_sliders {
        padding: 0 3% !important
    }

    .card_all_products {
        padding: 0 5%
    }

    #products > nav > div {
        margin-top: -2.5% !important
    }

    .background-behind-video-Supplier-khord {
        margin-top: 25.5%
    }

    .div-back-verticla-slider-omde {
        margin-right: 1%
    }

    .swiper-button-next-blog, .swiper-button-prev-blog {
        right: 0
    }

    .blog-slider__img {
        transform: translate(0, 207px)
    }

    .card_logo_title_header_supplier {
        display: inline-block
    }

    .header_supplier {
        flex-direction: column;
        padding: 3.5%
    }

    .logo_header_supplier > img {
        max-height: 100%
    }

    .btn_header_supplier > a {
        font-size: 10px;
        padding: .28rem .5rem
    }

    .line_header_supplier {
        height: 3rem
    }

    .icon_left_header_supplier {
        margin: 0 4% !important
    }

    .card-left_header_supplier > div {
        margin: 0 4%
    }

    .card_center_header_supplier > div, .card_center_header_supplier > h6 {
        margin: 1.8% 0
    }

    .card_center_header_supplier > h6 {
        margin-bottom: 1% !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: unset;
        line-height: 1.66rem
    }

    .card-left_header_supplier {
        margin: 1% 0;
        border-radius: 10px;
        justify-content: space-around
    }

    .card_center_header_supplier {
        margin: 2% 0 0;
        padding-left: 0
    }

    .list-question-service > .list-question-dstods > button > svg, .list-question-service > li > button > svg {
        width: 13px;
        height: 13px
    }

    .type-title-2 {
        padding: 2px 20px;
        font-size: 12px
    }

    .type-title-2::after, .type-title-2::before {
        width: 12px
    }

    .card-form-contact-us {
        margin: -50px 0 0 !important;
        max-width: 90%
    }

    .number-step {
        height: 20px;
        width: 20px;
        right: -15px
    }

    .service-feature {
        grid-template-columns:repeat(2, 1fr)
    }

    .icon-service-feature {
        width: 60px;
        height: 60px
    }

    .icon-service-feature > svg {
        width: 37px;
        height: 37px
    }

    .btn-play-video-about-us {
        width: 38px;
        height: 38px
    }

    .name-user-comment {
        max-width: 9rem
    }

    .img-product-comment > a > img {
        width: 50px;
        height: 50px
    }

    .img-user-comment img {
        width: 40px;
        height: 40px
    }

    #map {
        height: 40vh
    }

    .card-main-information {
        grid-template-columns:repeat(1, 1fr)
    }

    .item-information-dstods > svg {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 540px) {
    .card_phone_seller, .width-cusom-panel-omde-responsive {
        width: 100%
    }

    .mb_details_seller {
        margin-bottom: 3.5%
    }

    .card_agency_office_information {
        padding: 5%
    }

    .btn_routing_seller, .group_btn_card_agency_office_information {
        margin-bottom: 5%
    }

    .card_crooky_seller {
        height: 330px
    }

    .btn_routing_seller {
        margin: 8% auto 1% -12.5% !important
    }

    .see_details_seller > a, .see_details_seller > a:hover {
        font-size: 14px
    }

    .card_icon_details {
        padding-bottom: 25%
    }

    .btn_more_blank, .icon-in-circle-panel-omde p {
        font-size: 12px !important
    }

    .background_header_supplier_phone {
        margin-bottom: 2%
    }

    .logo_header_supplier {
        max-width: 38%
    }

    .padding_item_suppliers {
        padding: 3% 1.5% 3% .6% !important
    }

    .slider-top-Supplier-panel {
        height: auto
    }

    .imgs-information {
        padding-left: 1.5%
    }

    #products > nav > div {
        margin-top: -5.5% !important
    }

    .card_sliders_suppliers {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .Supplier-Management-Banner {
        height: 9rem
    }

    .swiper_suppliers {
        padding-bottom: 3.8%
    }

    .page-link {
        width: 29px;
        height: 29px
    }

    .pagination > li:first-child > img {
        width: 15px;
        height: 15px
    }

    .pagination > li:last-child > a > img {
        width: 15px
    }

    .other-hover-icons {
        width: 56%
    }

    .img-slider-clothing-modal {
        margin: 0 auto
    }

    .hover-ic {
        width: 29px !important;
        height: 29px
    }

    .icon-bottom {
        margin-bottom: 13px
    }

    .other-ic-star-modal {
        left: 10px
    }

    .right-bottom-swiper-about-company, .right-bottom-swiper-album, .right-bottom-swiper-learn, .right-bottom-swiper-news {
        right: -13px
    }

    .left-bottom-swiper-about-company, .left-bottom-swiper-album, .left-bottom-swiper-learn, .left-bottom-swiper-news {
        left: -13px
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 45%
    }

    .img-height-omde-under-video {
        height: 15rem
    }

    .color, .other-ic-star-modal {
        display: none
    }

    .top-responsive-sidebar {
        height: 11rem
    }

    .circle-for-logo {
        width: 6rem;
        height: 6rem;
        float: right;
        margin: 6% 5% 7%
    }

    .next-circle-for-logo-responsive {
        width: 62%
    }

    .barcode-panel-khord-responsive {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px
    }

    .parent-all-div-back-sidbar-tamin-responsive {
        padding: 1.25rem 0 1.65rem;
        border-bottom: 1px solid #eeee
    }

    .div-back-icon-sidbar-tamin {
        height: 21px
    }

    .width-cusom-panel-omde-responsive-first {
        width: 100% !important
    }

    .icon-in-circle-panel-omde {
        width: 33%
    }

    .all-div-back-omde-responsive {
        width: 54% !important
    }

    .border-responsive-top-bottom {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-right: none;
        border-left: none;
        margin-top: 6%;
        margin-bottom: 3%;
        padding: 6% 0
    }

    .img-about-tamin-omde-responsive {
        height: 13rem !important
    }

    .read-more > .read-more__expand {
        padding: 5px 0 10px 10px
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 7.75rem
    }

    .border-icon-sidebar-circle {
        width: 41px;
        height: 41px
    }

    .card_top_tablet {
        padding-right: 7%
    }

    .card_description_top {
        padding-right: 4% !important
    }

    .padding-information-brand {
        padding: 1% 5.5%
    }

    .card_all_products {
        padding: 0 5.3%
    }

    #map {
        min-height: 21rem !important
    }

    .buttom-under-product-panel-khord {
        margin-bottom: 6% !important;
        margin-top: -2% !important
    }

    .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -9px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -16px
    }

    .blog-slider__img {
        height: 122px;
        transform: translate(0, 193px)
    }

    .div-back-verticla-slider-omde {
        margin-bottom: 15%
    }

    .swiper-button-next-blog, .swiper-button-prev-blog {
        right: -.5rem
    }
}

@media (max-width: 511px) {
    .card_all_products {
        gap: 15px !important
    }

    .padding-panel-supply-khord {
        padding: 2% 8%
    }

    .fixed_center {
        padding-top: 4.6rem
    }

    .img_dstods_header_ph {
        padding-left: 9%
    }

    .parent-header .icon-search {
        width: 32px;
        height: 32px
    }

    .body_modal_description {
        padding: 10%
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -7.3rem;
        margin-top: 8rem
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 8rem
    }

    .blog-slider {
        height: 18rem
    }

    .card_album {
        margin-right: .5%
    }

    .Supplier-Management-Banner {
        height: auto
    }

    .icon-in-circle-panel-khord > p {
        font-size: 11px;
        margin-top: 7%
    }

    .div-back-icon-sidbar-tamin {
        margin: 0 5.5%
    }
}

@media (max-width: 500px) {
    .left_arrow_special_sale, .right_arrow_special_sale {
        bottom: 42% !important
    }

    .grid-sliders-style {
        grid-template-columns:35% 65%
    }

    .btn_select_city_seller {
        padding: 10px 9px
    }

    .card_search_table svg {
        width: 16px !important;
        height: 16px !important;
        margin-left: 3px !important
    }

    .card_search_table {
        width: 100% !important;
        margin-top: 4%
    }

    .d_none_desktop {
        display: block
    }

    .card-ul-footer > h6, .d_none_responsive, .item-text-footer > li:nth-child(2), .item-text-footer > li:nth-child(3) {
        display: none
    }

    .btn_active_or_disable {
        margin: 14px auto 0
    }

    .height-for-div-map-in-panel-khord > div {
        min-height: 360px !important
    }

    .arrow-left-style > svg, .arrow-right-style > svg, .left-bottom-swiper-learn > svg, .left-bottom-swiper-news > svg, .left-bottom-swiper > svg, .right-bottom-swiper-learn > svg, .right-bottom-swiper-news > svg, .right-bottom-swiper > svg, .swiper-button-next-blog > svg, .swiper-button-prev-blog > svg {
        width: 14px;
        height: 14px
    }

    .btn__share > svg {
        width: 21px;
        height: 21px
    }

    .btn__share {
        top: 61%;
        left: 1.3%;
        width: 40px;
        height: 40px
    }

    .logo_header_supplier {
        max-width: 39%
    }

    .background_header_supplier_phone {
        margin-bottom: 1.5%
    }

    .footerInput {
        margin-bottom: 11% !important
    }

    .card-line-footer {
        margin-top: -2%
    }

    .info-contact li {
        margin-bottom: 0
    }

    .line-footer {
        margin-top: 1% !important
    }

    .card_copyright {
        margin-top: 1%
    }

    .section-icon-footer {
        margin-bottom: 4%;
        padding-right: 15%;
        padding-left: 15%
    }

    .description_footer > hr, .description_footer > span:last-child {
        display: none !important
    }

    .icon_social_networks_footer > a > svg {
        width: .88rem;
        margin-left: 0;
        height: .88rem
    }

    .icon_social_networks_footer > a {
        margin-right: 9px
    }

    .card-links > div:first-child, .card-links > div:nth-child(4) {
        width: 100% !important;
        max-width: 100% !important
    }

    .info-contact {
        display: flex;
        justify-content: space-around;
        margin-bottom: 0;
        margin-top: 8%
    }

    .card-links {
        display: flex;
        flex-direction: column-reverse
    }

    .card_main_logo_footer {
        padding: 0 2%
    }

    .text-bottom-search {
        padding-left: 17%
    }

    .text-top {
        font-size: 12px
    }

    .card-ul-footer {
        padding-left: 15%;
        padding-right: 15%
    }

    .swiper_logo_footer > .swiper-wrapper > div {
        padding: 0 5%
    }

    .item-text-footer {
        display: flex;
        justify-content: space-around;
        margin-bottom: 5%;
        margin-top: 7%
    }

    .card-links {
        margin-top: 4%
    }

    .card-all-column-step-service {
        grid-template-columns:repeat(1, 1fr);
        max-width: 90%;
        margin: auto
    }
}

@media (max-width: 499px) {
    .title_special_products_ph {
        flex-direction: row !important
    }

    .parent-footer .item svg {
        width: 28px;
        height: 28px
    }

    .img-about-tamin-card {
        padding: 3.5%
    }

    .swiper_suppliers {
        padding-bottom: 5.8%
    }

    #products > nav > div > .pagination {
        justify-content: left
    }

    #map {
        min-height: 20rem !important;
        margin-top: 4%
    }

    .card_top_tablet {
        padding-right: 6%
    }
}

@media (max-width: 469px) {
    .card-discount-percent {
        left: 2.5%
    }

    .fixed_center {
        padding-top: 4.7rem
    }

    .sidenav_menu > a, .sidenav_menu > p {
        padding: 9px 14px !important
    }

    .btn-collapse {
        padding: 0 !important
    }

    .sidenav hr {
        margin: 8px auto
    }

    .card_conversation_favorites > span {
        padding: 14px 5px
    }

    .parent-footer .item {
        margin: 0 8px
    }

    .parent-footer .item img {
        width: 39px
    }
}

@media (max-width: 462px) {
    .card-discount-percent {
        width: 25px;
        height: 25px
    }

    .logo_header_supplier {
        max-width: 50%
    }

    .slider-top-Supplier-panel {
        height: auto
    }

    .imgs-information {
        padding-right: 3.5% !important;
        padding-left: 1.5% !important
    }

    .blog-slider {
        height: 16rem
    }

    .blog-slider__img {
        transform: translate(0, 159px)
    }

    .pagination > li:first-child > img {
        width: 14px;
        height: 14px
    }

    .pagination > li:last-child > a > img {
        width: 14px
    }

    .border-icon-sidebar-circle {
        width: 38px;
        height: 38px
    }

    .card_top_tablet {
        padding-right: 5%
    }

    .card_baner_top {
        padding-right: 6.5% !important
    }

    #map {
        min-height: 18.5rem !important
    }
}

@media (max-width: 455px) {
    .popup-youtube > img:nth-child(2) {
        max-height: 387px
    }

    .img_dstods_header_ph {
        padding-left: 6%
    }

    .parent-header .icon-search {
        width: 30px;
        height: 30px
    }

    .icon_search_center {
        width: 20px;
        height: 20px
    }

    .img-about-tamin-card {
        padding: 3.9%
    }

    .padding_item_suppliers {
        padding: 3% 1.5% 3% 0 !important
    }

    .height_btn_more {
        max-height: 12.1rem
    }

    .border-three-dot-front-title {
        left: 3.8%
    }

    .swiper_suppliers {
        padding-bottom: 5.2%
    }

    .card_icon_code {
        display: none !important
    }

    .margin-top-responsive-sidebar-khord {
        display: block !important;
        border-top: unset !important
    }

    .top-responsive-sidebar {
        padding-right: 3%
    }

    .div-back-icon-sidbar-tamin {
        margin: 0 2%
    }

    .parent-all-div-back-sidbar-tamin-responsive {
        padding: 1.2rem 0
    }

    .banner-sidbar-panel-khord {
        height: 7rem
    }

    .padding-information-brand {
        padding: 1% 6.5%
    }

    .padding_sliders {
        padding: 0 3.7% !important
    }

    .information-about-supply-in-pamel-khord {
        padding: 4%
    }

    .card_all_products {
        padding: 0 6.5%
    }

    .t-shape-in-modal {
        padding: 1.5px 9px
    }

    .line-height-custom {
        line-height: 28px
    }

    .buttom-under-product-panel-khord {
        margin: .5% auto 5%
    }

    .form-group-give {
        margin-bottom: 10%
    }

    .padding-panel-supply-khord {
        padding: 2% 9%
    }

    .height-for-div-map-in-panel-khord > div {
        min-height: 320px !important
    }
}

@media (max-width: 450px) {
    .card_all_products {
        grid-template-columns:repeat(1, 1fr);
        padding: 0 8%;
        gap: 20px !important
    }

    .card.is-loading {
        padding-bottom: 20%
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 190px
    }

    .card_crooky_seller {
        height: 280px
    }

    .btn_card_agency_office_information {
        padding: 6px 13px
    }

    .left_swiper_seller {
        left: 3px !important
    }

    .left_swiper_seller_product {
        left: 2px !important
    }

    .padding_item_seller {
        padding: 6% 0
    }

    .blog-slider__img {
        transform: translate(-14px, 302px) !important;
        height: 160px !important;
        width: 72% !important
    }

    .card_conversation_favorites > span {
        font-size: 10px
    }

    .icon_arrow_collapse {
        font-size: 13px;
        left: 19px
    }

    .card_name_type_supplier_ph > span, .font_12, .product_inquiries, .year_supplier {
        font-size: 11px
    }

    .ul__category {
        padding: 4px 27px 3px 5px
    }

    .icon_arrow_collapse_level2 {
        left: 41px !important
    }

    .sidenav_menu > a > svg {
        width: 17px !important;
        height: 17px !important
    }

    .font-main_menu, .font-normal-14, .other-text p:nth-child(2), table th, table tr {
        font-size: 12px
    }

    .name_supplier_ph {
        font-size: 13px
    }

    .btn, h6 {
        font-size: 14px
    }

    .card_menu_header_ph, .card_name_type_supplier_ph > span {
        padding-right: 13px
    }

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

    .card_menu_header_ph {
        padding-right: 8px
    }

    .icon_search_nav_ph {
        width: 19px;
        height: 19px
    }

    .hr_nav_ph {
        width: 21px
    }

    .img_logo_footer {
        height: 6.5rem !important
    }

    .parent-slider-omde-height {
        padding: 0 3% 0 1%
    }

    .border-three-dot-front-title {
        width: 22px;
        padding: 0;
        margin: 0;
        height: 16px
    }

    .imgs-information {
        padding-right: 5% !important;
        padding-left: 2.5% !important
    }

    .page-item:not(:first-child) .page-link {
        margin-right: -2px
    }

    .card_baner_top {
        padding-right: 7.7% !important
    }

    .parent-all-div-back-sidbar-tamin-responsive {
        padding: .9rem 0 1.2rem
    }

    h6 {
        font-weight: 700
    }

    .height-4rem {
        height: 4rem
    }

    .input-email {
        padding: 3% 3% 2.5% 0
    }

    .successfully-copied {
        width: 37%
    }

    .top-responsive-sidebar {
        height: 10rem
    }

    .icon-type-tamin-next-title {
        padding-right: 0
    }

    .next-circle-for-logo-responsive {
        width: 62%
    }

    .barcode-panel-khord-responsive {
        position: absolute;
        top: 0;
        left: 0;
        width: 10%
    }

    .icon-in-circle-panel-khord {
        text-align: center
    }

    .border-icon-sidebar-circle {
        width: 36px;
        height: 36px
    }

    .icon-in-circle-panel-khord p {
        font-size: 10px !important
    }

    .all-div-back-sidbar-tamin {
        margin: 20px auto 3px
    }

    .banner-sidbar-panel-khord {
        width: 100%;
        margin-right: 0
    }

    .banner-sidbar-panel-khord .icon-share {
        width: 4%
    }

    .div-on-veiw-micro-slider {
        display: none
    }

    .Micro-Supplier-Panel-Tutorial .View-course img {
        width: 13% !important
    }

    .information-about-supply-in-pamel-khord .imgs-information {
        padding: 1rem .65rem 1rem .5rem
    }

    .width-cusom-panel-omde-responsive {
        width: 100%
    }

    .swiper_seller-slider, .width-cusom-panel-omde-responsive-first {
        width: 100% !important
    }

    .border-responsive-top-bottom {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-right: none;
        border-left: none;
        margin-top: 6%;
        margin-bottom: 3%;
        padding: 6% 0
    }

    .icon-in-circle-panel-omde p {
        font-size: 11px !important
    }

    .icon-in-circle-panel-omde {
        width: 33%
    }

    .shadow-for-div-top-omde {
        padding-bottom: 7% !important;
        margin-bottom: 3rem
    }

    .img-about-tamin {
        margin-bottom: 1px
    }

    .background-behind-video-Supplier-khord .pelum-video-area {
        bottom: 6.5rem
    }

    .background-behind-video-Supplier-khord {
        margin-bottom: -6rem;
        margin-top: 6.4rem
    }

    .popup-youtube:after {
        width: 53px;
        height: 53px
    }

    .img-icon-more-read {
        width: 13px
    }

    .div-video-modal {
        top: -42px
    }

    .icon-video {
        width: 16px
    }

    .form-group-give {
        margin-bottom: 10%
    }

    .container {
        line-height: 27px;
        margin-bottom: 55px;
        padding-left: 0
    }

    .a-color-blue {
        margin-top: 18%
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 5.5rem
    }

    .other-hover-icons {
        width: 67%
    }

    .img-slider-clothing {
        height: 13rem;
        margin-right: 20px
    }

    .circle-color {
        width: 22px;
        height: 22px;
        margin-bottom: 9px
    }

    .circle-for-logo {
        width: 6rem;
        height: 6rem;
        float: right;
        margin: 6% 5% 7%
    }

    .left-bottom-swiper, .right-bottom-swiper {
        width: 4.5%
    }

    .banner-sidbar-panel-omde-responsive {
        width: 97% !important;
        margin-bottom: .5rem !important
    }

    .all-div-back-omde-responsive {
        width: 89% !important;
        right: -11px !important
    }

    .imgs-information-omde {
        padding: 0 !important
    }

    .img-about-tamin-omde-responsive {
        height: 12rem !important
    }

    .div-video-modal-omde {
        width: 77%
    }

    .btn-Notify-when-available {
        padding: 3% 3% 3.2%;
        width: 57%;
        top: 13%
    }

    .img-height-omde-under-video {
        height: 15rem
    }

    .div-back-icon-sidbar-tamin {
        height: 22px
    }

    .slider-one-show-omde {
        height: 16rem;
        margin-bottom: 1rem
    }

    .circle-for-logo-omde {
        width: 5rem;
        height: 5rem
    }

    .text-next-mid-responsie {
        padding-right: 0 !important
    }

    .parent-slider-next-text-Brand-introduction .left-bottom-swiper {
        left: 11px
    }

    .parent-slider-next-text-Brand-introduction .right-bottom-swiper {
        right: 11px
    }

    .parent-slider-omde-height .left-bottom-swiper {
        left: -21px
    }

    .parent-slider-omde-height .right-bottom-swiper {
        right: -12px
    }

    .parent-Micro-Supplier-Panel-Tutorial .right-bottom-swiper {
        right: -10px
    }

    .parent-Micro-Supplier-Panel-Tutorial .left-bottom-swiper {
        left: -10px
    }

    .readmore-custom-omde {
        padding: 10px 0 10px 10px !important
    }

    .background-behind-video-Supplier-omde {
        height: 16rem !important;
        margin-bottom: 1rem !important
    }

    .hover-ic {
        width: 27px !important;
        height: 27px
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        width: 53%;
        margin-left: 9px
    }

    .about-company {
        width: 86%;
        height: 9.5rem !important
    }

    .about-company .swiper-slide {
        height: 7rem
    }

    .right-bottom-swiper-about-company, .right-bottom-swiper-learn {
        right: 0
    }

    .left-bottom-swiper-about-company, .left-bottom-swiper-learn {
        left: 0
    }

    .other-text div > span {
        font-size: 12px !important
    }

    .width-cusom-panel-omde-responsive {
        position: relative;
        right: 12px
    }

    #map {
        margin-top: 6%;
        min-height: 17rem !important
    }

    .slider-max-width, .swiper-tariffs {
        max-width: 85%
    }
}

@media (max-width: 435px) {
    .name_supplier_ph {
        line-height: 27px
    }

    .card-main-header-seller-res .logo-seller-header-res {
        max-width: 115px
    }

    .parent-footer .item svg {
        width: 24px;
        height: 24px
    }

    .Micro-Supplier-Panel-Tutorial .swiper-slide img {
        max-height: 200px
    }

    .parent-slider-omde-height {
        padding: 0 3% 0 .5%
    }

    .page-item:not(:first-child) .page-link {
        margin-right: -3px
    }
}

@media (max-width: 419px) {
    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 175px
    }

    .padding-panel-supply-khord {
        padding: 2% 9.5%
    }

    .footerInput {
        margin-bottom: 17% !important
    }

    .swiper_logo_footer > .swiper-wrapper > div {
        padding: 0 3%
    }

    .text-bottom-search {
        padding-left: 9%
    }

    .img_logo_footer {
        height: 8rem !important
    }

    .img_dstods_header_ph {
        padding-left: 4%
    }

    .icon_search_center {
        margin-right: 14px
    }

    .Supplier-Management-Banner {
        height: 7.5rem
    }

    .swiper_suppliers {
        padding-bottom: 6.2%
    }

    .buttom-under-product-panel-khord {
        margin-top: -3% !important
    }


    .padding_sliders {
        padding: 0 4% !important
    }

    .information-about-supply-in-pamel-khord {
        padding: 4% 4% 4% 3.5%
    }

    .successfully-copied {
        width: 42%
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 5rem
    }

    .other-hover-icons {
        width: 73%
    }

    .btn-Notify-when-available {
        width: 60%;
        top: 12%
    }

    .form-group-give {
        margin-bottom: 12%
    }

    .img-about-tamin-omde-responsive {
        height: 10rem !important
    }

    .all-div-back-sidbar-tamin {
        top: .5rem
    }

    .blog-slider__img p {
        font-size: 12px !important
    }

    .parent-slider-about-compony .right-bottom-swiper {
        right: -10px
    }

    .parent-slider-about-compony .left-bottom-swiper {
        left: -10px
    }

    .Micro-Supplier-Panel-Tutorial .View-course {
        margin-left: 1px;
        width: 59%
    }

    .popup-youtube:after {
        width: 50px;
        height: 50px
    }

    .left-bottom-swiper-about-company, .left-bottom-swiper-album, .left-bottom-swiper-learn, .left-bottom-swiper-news, .right-bottom-swiper-about-company, .right-bottom-swiper-album, .right-bottom-swiper-learn, .right-bottom-swiper-news {
        width: 15px
    }

    .read-more-text-left {
        margin-right: 0
    }
}

@media (max-width: 414px) {
    .parent-footer .item {
        margin: 0 1px
    }

    .padding_sliders {
        padding: 0 4% !important
    }

    .about-company {
        width: 93%
    }

    .right-bottom-swiper-about-company, .right-bottom-swiper-album, .right-bottom-swiper-learn, .right-bottom-swiper-news {
        right: -9px
    }

    .left-bottom-swiper-about-company, .left-bottom-swiper-album, .left-bottom-swiper-learn, .left-bottom-swiper-news {
        left: -9px
    }

    .padding-panel-supply-khord {
        padding: 2% 10%
    }
}

@media (max-width: 412px) {
    .btn-Notify-when-available {
        width: 61%
    }
}

@media (max-width: 400px) {
    .blog-slider__img {
        height: 163px !important;
        width: 78% !important;
        transform: translate(0, 140px)
    }

    .height-for-div-map-in-panel-khord > div {
        min-height: 300px !important
    }

    .card_name_supplier_ph {
        margin-top: 4.5%
    }

    .fixed_center {
        padding-top: 4.85rem
    }

    .img_dstods_header_ph {
        padding-left: 3%
    }

    .icon_search_center {
        width: 19px;
        height: 19px;
        margin-right: 13px
    }

    .Supplier-Management-Banner {
        height: 7.2rem
    }

    .blog-slider {
        height: 14rem
    }

    .card_all_products {
        gap: 12px !important
    }



    .buttom-under-product-panel-khord {
        margin-top: -4% !important
    }
}

@media (max-width: 390px) {
    .card.is-loading .blog-slider__content > .image {
        height: 315px !important
    }

    .background_card_swiper.background_card:before, .grid4.background_card:before {
        height: 110px
    }

    .card_crooky_seller {
        height: 230px
    }

    .card_icon_details {
        padding-bottom: 35%
    }

    .btn_routing_seller, .group_btn_card_agency_office_information {
        margin-bottom: 6%
    }

    .blog-slider__img {
        height: 155px !important
    }

    .card-image-header-seller > div > img, .img-header-seller-loader {
        width: 35px !important;
        height: 35px !important
    }

    .card_contact, .height-for-div-map-in-panel-khord {
        padding: 3% 5.5%
    }

    .div-form-bottom-khoshe .title-inputs {
        right: 8px
    }

    .card_form {
        padding-right: 30px;
        padding-left: 30px
    }

    .last_input_form {
        margin-bottom: 10% !important
    }

    .form-group-give-padding textarea {
        height: 8em
    }

    .img_dstods_header_ph {
        padding-left: 2%
    }

    .img_logo_footer {
        height: 7rem !important
    }

    .parent-footer .item img {
        width: 31px
    }

    .parent-header .icon-search {
        width: 28px;
        height: 28px
    }

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

    .height_btn_more {
        max-height: 11.2rem
    }

    .description_modal {
        line-height: 1.7rem
    }

    .swiper_suppliers {
        padding-bottom: 7.5%
    }

    .line-height-custom {
        line-height: 26px
    }

    .img-about-tamin-card::before {
        bottom: -5px;
        right: 5px
    }

    .img-about-tamin-card::after {
        top: 7px;
        left: 6px
    }

    .border-three-dot-front-title {
        width: 22px;
        padding: .5px;
        height: 16px
    }

    .input-email {
        padding: 3% 3% 2.75% 0
    }

    .btn-Notify-when-available {
        top: 17%
    }

    .hover-ic {
        width: 29px !important;
        height: 29px
    }

    .other-hover-icons {
        width: 47%
    }

    .circle > p {
        margin-top: -8px !important
    }

    .background-behind-video-Supplier-omde {
        height: 12rem !important;
        margin-bottom: 1rem !important
    }

    .div-video-modal-omde {
        width: 77%;
        height: 13.5rem
    }

    .div-video-modal-omde .popup-youtube {
        right: 0
    }

    .btn-play-video-about-us {
        width: 33px;
        height: 33px
    }

    .name-user-comment {
        max-width: 5rem
    }
}

@media (max-width: 379px) {
    .padding_sliders {
        padding: 0 4% !important
    }

    .Micro-Supplier-Panel-Tutorial .swiper-slide img {
        max-height: 310px
    }



    .pagination > li:last-child > a > img {
        width: 12px
    }

    .pagination > li:first-child > img {
        width: 12px;
        height: 12px
    }

    .buttom-under-product-panel-khord {
        padding: 5px 11px
    }
}

@media (max-width: 375px) {
    .btn-history > a, .menu-text {
        font-size: 9px
    }

    .height_btn_more {
        max-height: 10.2rem
    }

    .card-main-header-seller-res .logo-seller-header-res {
        max-width: 85px;
        margin: 0 0 0 15px !important
    }

    .nav-right {
        padding-bottom: 7%
    }

    .icon-dstods {
        float: right;
        width: 33%;
        position: relative;
        right: 0;
        top: 9px
    }

    .card-search-tablet {
        direction: unset
    }

    .menu-text {
        color: #fff;
        margin-right: 3%
    }

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

    .Supplier {
        font-size: 10px;
        padding-left: 7%;
        margin-top: -3.2%
    }

    .Supplier-line {
        width: 24%;
        left: 3%;
        height: 2.8%
    }

    .input-search-tablet {
        margin-left: 22%;
        margin-top: -6%;
        border-radius: 30px;
        background-color: #fff;
        border: 2px solid #f48c09;
        font-size: 11px;
        position: relative;
        bottom: 9px;
        text-align: right;
        width: 120%;
        padding: 3% 7%;
        direction: rtl
    }

    .icon-basket {
        display: inline-block;
        margin-right: 9%;
        width: 51%;
        margin-top: -9px
    }

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

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

    .search-box-header {
        left: 51px;
        right: 0;
        top: 18px;
        padding: 25px 11px 5px;
        border: 2px solid #f48c09;
        border-top: none !important;
        width: 120.2%;
        display: none;
        direction: rtl
    }

    .item-card-product-search {
        width: 56%
    }

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

    .icon-suppliers-header {
        position: absolute;
        z-index: 5;
        width: 15%;
        right: 42%;
        bottom: -5px
    }

    .icon-arrow-menu {
        width: 11px !important;
        margin-top: 1px
    }

    .card-history-search {
        font-size: 12px !important
    }

    .time-header {
        width: 13px;
        height: 13px;
        margin-left: 2%
    }

    .search_result-item--category {
        font-size: 11px;
        padding-right: 25px
    }

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

    .search_result-icon-group {
        background-size: 14px
    }

    .search_result-icon {
        background-size: 15px
    }

    .btn-close-search {
        position: absolute;
        left: 28%;
        top: 5%;
        width: 11px
    }

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

    .input-email {
        padding: 3.25% 3% 3% 0
    }

    .border-icon-sidebar-circle {
        margin: 0 auto
    }

    .successfully-copied {
        margin: 6% auto 10%;
        width: 44%
    }

    .div-form-bottom-khoshe {
        padding: 11px 0 1px 1px !important
    }

    .other-hover-icons {
        width: 45%
    }

    .about-company {
        width: 98%
    }

    .circle-for-logo {
        height: 6rem;
        float: right;
        margin: 6% 5% 7%;
        width: 6rem
    }

    .back-title-modal, .div-back-icon-sidbar-tamin {
        width: 17px;
        height: 17px
    }

    .parent-all-div-back-sidbar-tamin-responsive {
        padding: 1rem 0 1.2rem
    }

    .img-about-tamin {
        margin-bottom: 0
    }

    .img-about-tamin:hover {
        position: relative;
        top: 0
    }

    .slider-next-text-Brand-introduction {
        transform: translateX(-1px)
    }

    .information-about-supply-in-pamel-khord .imgs-information {
        padding: 1rem .5rem
    }

    .a-color-blue {
        margin-top: 18%;
        font-size: 12px
    }

    #toggle {
        font-size: 15px !important
    }

    .border-responsive-table {
        border-bottom: 1px solid #eee;
        margin-bottom: 1rem;
        padding-bottom: 0
    }

    .card-modal-details {
        padding: 0 3%;
        max-width: 100%
    }

    .back-title-modal {
        background-color: var(--lightgreen);
        border-radius: 3px;
        right: 8px;
        top: 25px
    }

    .name-suppliers-modal {
        padding-left: 6%
    }

    .modal-product {
        padding: 2% 7% 0 14%
    }

    .carousel-product-modal {
        box-shadow: 0 0 14px -8px #d3d3d3;
        height: 100%
    }

    .card-left-modal {
        margin-top: 8%;
        padding-bottom: 10%
    }

    .name-item-product {
        font-size: 14px;
        padding-left: 7%
    }

    .item-Height-modal > li {
        list-style: none;
        float: right;
        font-size: 13px
    }

    .btn-more-details-modal {
        background: 0 0;
        border: none;
        font-size: 12px
    }

    .btn-see-more-details-modal {
        font-size: 13px
    }

    .item-Height-modal {
        display: inline-block;
        padding: 0
    }

    .like-modal {
        position: absolute;
        z-index: 55;
        width: 12%;
        right: 27px;
        top: 8px
    }

    .score-modal > img {
        display: block;
        margin-bottom: 7px;
        width: 13px
    }

    .icon-chat-green-modal {
        width: 14px;
        margin-top: 6px
    }

    .t-shape-modal {
        width: 40px !important;
        height: 23.5px !important;
        background-color: #e90037;
        color: #fff;
        left: 9%;
        position: relative
    }

    .t-shape-modal span {
        font-size: 10px;
        padding-top: 14%
    }

    .icon-left-modal {
        position: absolute;
        z-index: 5;
        top: 25%;
        left: 2.8%
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 8px !important;
        height: 8px !important;
        margin: 0 2px !important
    }

    .carousel-product-modal.owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0;
        position: relative;
        top: 15%
    }

    .max-height-modal {
        height: 16.3rem
    }

    .modal-shop-basket {
        width: 27%;
        height: 24px
    }

    .blog-slider__img {
        width: 75%
    }

    .parent-Micro-Supplier-Panel-Tutorial .left-bottom-swiper, .parent-slider-about-compony .left-bottom-swiper {
        left: -19px
    }

    .parent-Micro-Supplier-Panel-Tutorial .right-bottom-swiper, .parent-slider-about-compony .right-bottom-swiper {
        right: -19px
    }

    .right-bottom-swiper-album, .right-bottom-swiper-news {
        right: -8px;
        width: 16px
    }

    .right-bottom-swiper-about-company, .right-bottom-swiper-learn {
        right: -16px
    }

    .left-bottom-swiper-album, .left-bottom-swiper-news {
        left: -8px;
        width: 16px
    }

    .left-bottom-swiper-about-company, .left-bottom-swiper-learn {
        left: -16px
    }

    .t-shape-in-modal {
        padding: 4.5px 19px;
        left: 12%
    }

    .shape-in-modal {
        border-left: 11px solid transparent;
        border-bottom: 9px solid #e90037;
        top: -7px;
        left: 7px !important
    }

    .group-shape-in-modal {
        left: -19px;
        top: 23px
    }

    #products > nav > div {
        margin-top: -11.5% !important
    }

    .line-height-custom {
        line-height: 28px
    }
}

@media (max-width: 374px) {
    .img_dstods_header_ph {
        padding-left: 4%
    }

    .parent-header .icon-search {
        width: 26px;
        height: 26px
    }

    .parent-footer .item svg {
        width: 21px;
        height: 21px
    }

    .icon-video {
        width: 12px
    }

    .popup-youtube:after {
        width: 50px;
        height: 50px
    }

    .slider-top-Supplier-panel {
        margin-bottom: 4%
    }
}

@media (max-width: 361px) {
    .other-ic-star, .shape, .t-shape {
        position: absolute
    }

    .div-back-verticla-slider-omde {
        margin-right: 2%
    }

    .Supplier {
        font-size: 10px;
        padding-left: 2%;
        margin-top: -3.2%
    }

    .Supplier-line {
        width: 24%;
        left: 1%;
        height: 2.8%
    }

    .search-box-header {
        left: 49px;
        right: 0;
        top: 18px;
        padding: 25px 11px 5px;
        border: 2px solid #f48c09;
        border-top: none !important;
        width: 120.2%;
        display: none;
        direction: rtl
    }

    .circle-for-logo {
        height: 6rem
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 10.65rem
    }

    .other-hover-icons {
        width: 47%
    }

    .t-shape {
        width: 12.5%;
        height: 6%;
        background-color: #e90037;
        z-index: 2;
        top: 9.9%;
        right: 91%
    }

    .shape {
        width: 0;
        height: 0;
        border-left: 7.5px solid transparent;
        left: -8px;
        top: 8.5%;
        border-bottom: 6px solid #e90037
    }

    .carousel-Clothing {
        width: 100%;
        padding-right: 10%;
        padding-left: 20%;
        height: 430px
    }

    .other-ic-star {
        top: 20%;
        left: 4%
    }

    .carousel-Clothing .owl-nav {
        position: relative;
        bottom: 66%;
        display: block !important
    }

    .carousel-Clothing .owl-dots {
        bottom: 27%
    }
}

@media (max-width: 351px) {
    .height-for-div-map-in-panel-khord > div {
        min-height: 270px !important
    }

    .arrow-email {
        background-color: #1b9c90;
        width: 35px;
        height: 35px
    }

    .input-email {
        padding: 3.25% 3% 3.25% 0
    }

    .about-company {
        width: 86%;
        height: 14.5rem !important
    }

    .about-company .swiper-slide {
        height: 12rem
    }

    .Supplier-Panel-Tutorial .swiper-slide:before {
        top: 10.25rem
    }

    .other-hover-icons {
        width: 50%
    }

    .img-about-tamin-card {
        margin-top: 1%
    }
}

@media (max-width: 340px) {
    .icon-in-circle-panel-khord {
        margin-right: -3%
    }

    .other-hover-icons {
        width: 51%
    }
}

.label-style {
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 2px 10px;
    margin: 3px;
    font-size: 12px
}

.choose-label-style {
    border-radius: 5px;
    font-size: 2.3rem;
    padding: 0 6px 0 3px;
    color: #008b41
}

.title-choose {
    color: rgba(101, 101, 101, .81)
}

.choose-label-style2 {
    border-radius: 5px;
    font-size: 3rem;
    padding: 0 5px 0 3px;
    color: #ed8906;
    margin-top: -22px
}

.modal-radius {
    border-radius: 15px !important
}

.scroll-no1 {
    width: auto;
    max-height: 223px;
    overflow: auto
}

.margin-text1 {
    margin-right: 1rem
}

.hr-color {
    background-color: #cbcbcb
}

.available-p {
    color: #81858b
}

.fix-div {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f6f6f6
}

.nb-spinner {
    width: 75px;
    height: 75px;
    margin: auto;
    background: 0 0;
    border-top: 4px solid #009688;
    border-right: 4px solid transparent;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin;
    z-index: 10;
    position: fixed;
    bottom: 50%;
    right: 48%;
    transform: translate(-50%, -50%)
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    -webkit-from {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    -webkit-to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinBack {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@keyframes spinBack {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-webkit-keyframes spinBorder {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        border-width: 15px
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-width: 3px
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-width: 15px
    }
}

@keyframes spinBorder {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        border-width: 15px
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-width: 3px
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-width: 15px
    }
}

@-webkit-keyframes grow {
    0%, 100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes grow {
    0%, 100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes triforce {
    0%, 100%, 80% {
        border-bottom-color: #ceb502
    }
    40% {
        border-bottom-color: rgba(206, 181, 2, 0)
    }
}

@keyframes triforce {
    0%, 100%, 80% {
        border-bottom-color: #ceb502
    }
    40% {
        border-bottom-color: rgba(206, 181, 2, 0)
    }
}

@-webkit-keyframes pulsate {
    0%, 10%, 100%, 50% {
        -webkit-transform: rotate(45deg) scale(.8);
        transform: rotate(45deg) scale(.8)
    }
    5% {
        -webkit-transform: rotate(45deg) scale(.9);
        transform: rotate(45deg) scale(.9)
    }
    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1)
    }
}

@keyframes pulsate {
    0%, 10%, 100%, 50% {
        -webkit-transform: rotate(45deg) scale(.8);
        transform: rotate(45deg) scale(.8)
    }
    5% {
        -webkit-transform: rotate(45deg) scale(.9);
        transform: rotate(45deg) scale(.9)
    }
    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1)
    }
}

@-webkit-keyframes opaque {
    0%, 100%, 80% {
        opacity: .1
    }
    40% {
        opacity: 1
    }
}

@keyframes opaque {
    0%, 100%, 80% {
        opacity: .1
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    50.1% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}