/*
Theme Name: paul
Template:     paul
Text Domain:  paul
Theme URI: http://tazhval.com
Author: tazhval
Author URI: http://tazhval.com
Description: tazhval
Version: 1.1
*/

:root {
    --orange-color: #ff6600;
}

img {
    width: 100%;
}
p {
    margin-bottom: 0;
}
button:focus{
    outline: none;
    box-shadow: none !important;
}
@font-face {
    font-family: Paul-Hewitt-Icons;
    src: url('./assets/fonts/paul-hewitt/Paul-Hewitt-Icons.ttf') format('truetype'), url('./assets/fonts/paul-hewitt/Paul-Hewitt-Icons.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

.ph-icon {
    font-family: 'Paul-Hewitt-Icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.ph-icon-ph-watches-signature-line:before {
    content: "\e900"
}

.ph-icon-close:before {
    content: "\e901"
}

.ph-icon-download:before {
    content: "\e902"
}

.ph-icon-pdf:before {
    content: "\e903"
}

.ph-icon-facebook:before {
    content: "\e904"
}

.ph-icon-instagram:before {
    content: "\e905"
}

.ph-icon-pinterest:before {
    content: "\e906"
}

.ph-icon-snapchat:before {
    content: "\e907"
}

.ph-icon-tumblr:before {
    content: "\e908"
}

.ph-icon-twitter:before {
    content: "\e909"
}

.ph-icon-vk:before {
    content: "\e90a"
}

.ph-icon-youtube:before {
    content: "\e90b"
}

.ph-icon-google-plus:before {
    content: "\e90c"
}

.ph-icon-share:before {
    content: "\e90d"
}

.ph-icon-bin:before {
    content: "\e90e"
}

.ph-icon-shopping-cart-down:before {
    content: "\e90f"
}

.ph-icon-video-clip-1:before {
    content: "\e910"
}

.ph-icon-zoom-in:before {
    content: "\e911"
}

.ph-icon-zoom-out:before {
    content: "\e912"
}

.ph-icon-account:before {
    content: "\e913"
}

.ph-icon-basket:before {
    content: "\e914"
}

.ph-icon-customer:before {
    content: "\e915"
}

.ph-icon-language:before {
    content: "\e916"
}

.ph-icon-quality:before {
    content: "\e917"
}

.ph-icon-search:before {
    content: "\e918"
}

.ph-icon-stores:before {
    content: "\e919"
}

.ph-icon-ph-watches-atlantic-line:before {
    content: "\e91a"
}

.ph-icon-ph-watches-sailor-line:before {
    content: "\e91b"
}

.ph-icon-brand-paul-hewitt:before {
    content: "\e91c"
}

.ph-icon-check:before {
    content: "\e91d"
}

.ph-icon-bill:before {
    content: "\e91e"
}

.ph-icon-locator:before {
    content: "\e91f"
}

.ph-icon-return:before {
    content: "\e920"
}

.ph-icon-secure:before {
    content: "\e921"
}

.ph-icon-warranty:before {
    content: "\e922"
}

.ph-icon-trusted-shops:before {
    content: "\e923"
}

.ph-icon-brand-paul-hewitt-alternative:before {
    content: "\e924"
}

.ph-icon-payment-amex:before {
    content: "\e925";
    color: #666
}

.ph-icon-payment-bank-transfer:before {
    content: "\e926";
    color: #666
}

.ph-icon-payment-ec:before {
    content: "\e927";
    color: #666
}

.ph-icon-payment-invoice:before {
    content: "\e928";
    color: #666
}

.ph-icon-payment-mastercard .path1:before {
    content: "\e929";
    color: #666
}
.ph-icon-arrow_full:before{
    content: "\e977";
    color: #fff;
}

.ph-icon-payment-mastercard .path2:before {
    content: "\e92a";
    margin-left: -2.125em;
    color: #999
}

.ph-icon-payment-mastercard .path3:before {
    content: "\e92b";
    margin-left: -2.125em;
    color: #666
}

.ph-icon-payment-mastercard .path4:before {
    content: "\e92c";
    margin-left: -2.125em;
    color: #bbb
}

.ph-icon-payment-paypal .path1:before {
    content: "\e92d";
    color: #3c3c3c
}

.ph-icon-payment-paypal .path2:before {
    content: "\e92e";
    margin-left: -2.125em;
    color: #3c3c3c
}

.ph-icon-payment-paypal .path3:before {
    content: "\e92f";
    margin-left: -2.125em;
    color: #3c3c3c
}

.ph-icon-payment-paypal .path4:before {
    content: "\e930";
    margin-left: -2.125em;
    color: #7a7a7a
}

.ph-icon-payment-paypal .path5:before {
    content: "\e931";
    margin-left: -2.125em;
    color: #7a7a7a
}

.ph-icon-payment-paypal .path6:before {
    content: "\e932";
    margin-left: -2.125em;
    color: #7a7a7a
}

.ph-icon-payment-visa:before {
    content: "\e933";
    color: #666
}

.ph-icon-phrep-anchor-40:before {
    content: "\e934"
}

.ph-icon-shipping-dhl-express:before {
    content: "\e935"
}

.ph-icon-shipping-dhl:before {
    content: "\e936"
}

.ph-icon-shipping-ups:before {
    content: "\e937";
    color: #666
}

.ph-icon-shipping-versandmanufaktur:before {
    content: "\e938"
}

.ph-icon-armband-filled:before {
    content: "\e939"
}

.ph-icon-armband-outline:before {
    content: "\e93a"
}

.ph-icon-gehaeuse:before {
    content: "\e93b"
}

.ph-icon-ziffernblatt:before {
    content: "\e93c"
}

.ph-icon-zeiger:before {
    content: "\e93d"
}

.ph-icon-arrow-big:before {
    content: "\e93e"
}

.ph-icon-payment-selbstabholung:before {
    content: "\e93f";
    color: #666
}

.ph-icon-payment-fedex:before {
    content: "\e940"
}

.ph-icon-ph-icon-payment-elv:before {
    content: "\e941";
    color: #666
}

.ph-icon-ph-icon-payment-sofortueberweisung:before {
    content: "\e942";
    color: #666
}

.ph-icon-ph-icon-payment-vorkasse:before {
    content: "\e943";
    color: #666
}

.ph-icon-leather:before {
    content: "\e944"
}

.ph-icon-menu:before {
    content: "\e945"
}

.ph-icon-menu-alt:before {
    content: "\e983"
}

.ph-icon-nylon:before {
    content: "\e946"
}

.ph-icon-play:before {
    content: "\e947";
    color: #fff
}

.ph-icon-rating:before {
    content: "\e948"
}

.ph-icon-phrep-armbandfarbe .path1:before {
    content: "\e949";
    color: #f2f2f2
}

.ph-icon-phrep-armbandfarbe .path2:before {
    content: "\e94a";
    margin-left: -1em;
    color: #000
}

.ph-icon-phrep-armbandfarbe .path3:before {
    content: "\e94b";
    margin-left: -1em;
    color: #000
}

.ph-icon-phrep-armbandfarbe .path4:before {
    content: "\e94c";
    margin-left: -1em;
    color: #999
}

.ph-icon-phrep-armbandfarbe .path5:before {
    content: "\e94d";
    margin-left: -1em;
    color: #666
}

.ph-icon-phrep-armbandfarbe .path6:before {
    content: "\e94e";
    margin-left: -1em;
    color: #333
}

.ph-icon-phrep-armbandfarbe .path7:before {
    content: "\e94f";
    margin-left: -1em;
    color: #000
}

.ph-icon-phrep-armbandfarbe .path8:before {
    content: "\e950";
    margin-left: -1em;
    color: #000
}

.ph-icon-phrep-armbandfarbe .path9:before {
    content: "\e951";
    margin-left: -1em;
    color: #ccc
}

.ph-icon-phrep-armbandfarbe .path10:before {
    content: "\e952";
    margin-left: -1em;
    color: #000
}

.ph-icon-ph-icon-armband-filled_multi .path1:before {
    content: "\e953";
    color: #000
}

.ph-icon-ph-icon-armband-filled_multi .path2:before {
    content: "\e954";
    margin-left: -1em;
    color: #ccc
}

.ph-icon-ph-icon-armband-filled_multi .path3:before {
    content: "\e955";
    margin-left: -1em;
    color: #666
}

.ph-icon-ph-icon-armband-filled_multi .path4:before {
    content: "\e956";
    margin-left: -1em;
    color: #333
}

.ph-icon-ph-icon-armband-filled_multi .path5:before {
    content: "\e957";
    margin-left: -1em;
    color: #999
}

.ph-icon-icon-colour .path1:before {
    content: "\e958";
    color: #000
}

.ph-icon-icon-colour .path2:before {
    content: "\e959";
    margin-left: -1em;
    color: #000
}

.ph-icon-icon-colour .path3:before {
    content: "\e95a";
    margin-left: -1em;
    color: #666
}

.ph-icon-icon-colour .path4:before {
    content: "\e95b";
    margin-left: -1em;
    color: #333
}

.ph-icon-icon-colour .path5:before {
    content: "\e95c";
    margin-left: -1em;
    color: #333
}

.ph-icon-icon-colour .path6:before {
    content: "\e95d";
    margin-left: -1em;
    color: #000
}

.ph-icon-geschenksverpackung_v01:before {
    content: "\e95e"
}

.ph-icon-video:before {
    content: "\e95f"
}

.ph-icon-wishlist:before {
    content: "\e960"
}

.ph-icon-ph-icon-reload:before {
    content: "\e961"
}

.ph-icon-ph-icon-filter:before {
    content: "\e962"
}

.ph-icon-wishlist-navi:before {
    content: "\e963"
}

.ph-icon-northbound-anchor:before {
    content: "\e964"
}

.ph-icon-northbound-armbandfarbe:before {
    content: "\e965"
}

.ph-icon-ancuff-armbandfarbe:before {
    content: "\e966"
}

.ph-icon-more:before {
    content: "\e967"
}

.ph-icon-less:before {
    content: "\e968"
}

.ph-icon-knotenarmband-anhaengerfarbe .path1:before {
    content: "\e969";
    color: #000
}

.ph-icon-knotenarmband-anhaengerfarbe .path2:before {
    content: "\e96a";
    margin-left: -1em;
    color: #575756
}

.ph-icon-knotenarmband-armbandfarbe .path1:before {
    content: "\e96b";
    color: #000
}

.ph-icon-knotenarmband-armbandfarbe .path2:before {
    content: "\e96c";
    margin-left: -1em;
    color: #999
}

.ph-icon-ph-miss-ocean-line:before {
    content: "\e96d"
}

.ph-icon-ph-icon-give-away:before {
    content: "\e96e"
}

.ph-icon-ph-icon-sale:before {
    content: "\e96f"
}

.ph-icon-trophy:before {
    content: "\e970";
    color: #fff
}

.ph-icon-plus:before {
    content: "\e971"
}

.ph-icon-minus:before {
    content: "\e972"
}

.ph-icon-arrow-small:before {
    content: "\e973";
    color: #fff
}

.ph-icon-chat:before {
    content: "\e975"
}

.ph-icon-tel:before {
    content: "\e974"
}

.ph-icon-lock:before {
    content: "\e976";
    color: #999
}

.ph-icon-arrow_full:before {
    content: "\e977";
    color: #fff
}

.ph-icon-engraving:before {
    content: "\e978";
    color: #fff
}
.icon--menu::before {
    content: "\e983";
    font-family: 'Paul-Hewitt-Icons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay {
    font-size: 1.0625rem
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path1:before {
    content: "\e979";
    color: #636363
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path2:before {
    content: "\e97a";
    color: #636363;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path3:before {
    content: "\e97b";
    color: #636363;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path4:before {
    content: "\e97c";
    color: #636363;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path5:before {
    content: "\e97d";
    color: #636363;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path6:before {
    content: "\e97e";
    color: #636363;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path7:before {
    content: "\e97f";
    color: #6d6d6d;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path8:before {
    content: "\e980";
    color: #6d6d6d;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path9:before {
    content: "\e981";
    color: #6d6d6d;
    margin-left: -5.1728515625em
}

.srgrid__row .payment--icons .ph-icon.ph-icon-payment-amazonpay .path10:before {
    content: "\e982";
    color: #bbb;
    margin-left: -5.1728515625em
}

.ph-icon-shipping:before {
    content: "\e984"
}

.ph-icon-gift:before {
    content: "\e985"
}

.ph-icon-cart:before {
    content: "\e986"
}

.ph-icon-ruler:before {
    content: "\e987"
}

.ph-icon-smiley:before {
    content: "\e988"
}

.ph-icon-checked-circle:before {
    content: "\e989"
}

.ph-icon-engraving-new:before {
    content: "\e98a"
}
body {
    position: relative;
    direction: rtl;
    text-align: right;
}
a {
    text-decoration: none !important;
    color: #000;
    transition: 0.3s ease-in-out;
}
a:hover {
    color: #000;
}
.text-justify {
    text-align: justify;
}

ul {
    list-style: none;
    padding: 0;
}

.white-bg {
    background: #fff;
}
.popup-sample {
    background: #000000;
    height: fit-content;
    padding-block: 3px;
    padding-inline: 20px;
}
.cancel-btn {
    max-width: 30px;
    cursor: pointer;
}
.cancel-wrapper {
    background: #fff;
    border-radius: 50%;
}
.white-font {
    color: #fff;
}
.mar-inline-15 {
    margin-inline: 15px;
}
.padding-block-10 {
    padding-block: 10px;
}
.pink-font {
    color: #f76f80;
}
.header-logo {
    max-width: 250px;
}
.padding-block-20 {
    padding-block: 20px;
}
.bold {
    font-weight: bold;
}
.mar-top-10 {
    margin-top: 10px;
}
.subnav-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 2px;
    padding: 30px 20px 30px 60px;
    z-index: 10;
}
.subnav-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 2px;
    padding: 30px 20px 30px 60px;
    z-index: 10;
}
.subnav-items {
    white-space: nowrap;
}
.has-subnav {
    padding: 10px 5px;
    border-radius: 2px;
}

.has-subnav:hover {
    box-shadow: 0 0 3px #f0f0f0;
}
.has-subnav:hover .subnav-wrapper {
    display: block;
}
.main-header-bg-wrapper {
    background-image: url(./assets/images/main-header.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    padding-block: 100px;
    padding-right: 10%;
    align-items: end;
}
.man-header-bg-wrapper {
    background-image: url(./assets/images/men-header1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    padding-block: 100px;
    align-items: center;
    justify-content: center;
}
.men-second-img {
    background-image: url(./assets/images/men-header2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mar-top-50 {
    margin-top: 50px;
}
.font-20 {
    font-size: 20px;
}
.underline {
    border-bottom: 2px solid #fff;
}
.black-underline {
    border-bottom: 2px solid #000000;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.mar-block-50 {
    margin-block: 50px;
}
.font-14 {
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.custom-color {
    color: #000;
}
.banner-bg-wrapper {
    width: 100%;
}
.banner-promotion {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    text-align: center;
}
.black-button {
    background: #000;
    color: #fff;
    padding: 10px 25px;
}
.mar-bottom-20 {
    margin-bottom: 20px;
}
.social-box {
    padding-block: 25px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.social-icon {
    background-color: #666666;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    margin-inline: 5px;
}
.social-icon-svg {
    width: 25px;
}
.mar-block-10 {
    margin-block: 10px;
}
.maxwidth-150 {
    max-width: 150px;
}
.width20 {
    width: 20px;
    cursor: pointer;
}
.fit-content {
    width: fit-content;
}
.mar-inline-5 {
    margin-inline: 5px;
}
.submit-search {
    border: none;
    background: transparent;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.close-search {
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
}
.right-menu-section {
    display: flex;
}
.displaying-none {
    display: none;
}
.hamburger-menu-icon {
    width: 20px;
}
.justify-content-end-md {
    justify-content: end;
}
.hamburger-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -360px;
    background: #fff;
    z-index: 10;
    overflow-y: scroll;
    width: 350px;
    transition: 0.8s;
}
.hamburger-subnav-wrapper a {
    margin-right: 10px;
    padding-block: 3px;
}
.grey-border-btm {
    border-bottom: 1px solid #e5e5e5;
}
.padding-inline-5 {
    padding-inline: 5px;
}
.hamburger-active {
    border-bottom: 2px solid #666666;
}
.close-hamburger-menu {
    display: flex;
    cursor: pointer;
}
.nowrap-text {
    white-space: nowrap;
}
.hamburger-menu-wrapper {
    cursor: pointer;
}
.border-radius-custom {
    border-radius: 30px;
    width: 180px;
    border: none;
}
.mar-right-50 {
    margin-right: 50px;
}
.pointer {
    cursor: pointer;
}
.no-border {
    border: none;
}
.scaled-transform {
    transform: scale(1.5);
}
.filter-section {
    display: none;
}
.hover-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -2;
    transition: 0.1s;
}
.tax-img-wrapper:hover .hover-img {
    z-index: 2;
}
.mar-right-10 {
    margin-right: 10px;
}
.line-through {
    text-decoration: line-through;
}
.round-color {
    margin-inline: 3px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 1px solid #efefef;
    width: 33px;
    height: 33px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.active-colour {
    border: 1px solid #0c0c0c;
}
.inner-round {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
}
.gold {
    background: #d19f59;
}
.silver {
    background: #d3d3d3;
}
.bronz {
    background: #d59277;
}
.new-item {
    background: #666666;
    position: absolute;
    width: fit-content;
    padding: 10px 20px;
    top: 20px;
    right: 0;
    z-index: 5;
}
.rotate-90 {
    transition: 0.4s ease-in-out;
    transform: rotate(90deg);
}
.justify-content-between-md {
    justify-content: space-between;
}
.font-25 {
    font-size: 25px;
}
.mar-top-20 {
    margin-top: 20px;
}
.font-12 {
    font-size: 12px;
    margin-top: 2px;
}
.ruler {
    width: 30px;
    margin-left: 20px;
}
.green-font {
    color: #32ca72;
}
.singlepage-btn {
    width: 100%;
    padding-block: 10px;
}
.grey {
    color: gray;
    border: 1px solid #e5e5e5;
}
button.grey {
    transition: 0.4s ease-in-out;
}
button.grey::after {
    transition: 0.4s ease-in-out;
}
button.grey:hover::after {
    width: 100%;
}
button.grey::after {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
}
button.grey:hover .addtocard-span {
    color: #fff;
}
.invert {
    filter: invert();
    transition: 0.4s ease-in-out;
}
button.black-button:hover .invert {
    margin-right: 20px;
}
.addtocard-span {
    position: relative;
    z-index: 10;
}
.shipping-btn {
    background: #f1f1f1;
}
.data-list-wrapper {
    margin-right: 0;
}
.fontweight400 {
    font-weight: 400;
}
.border-bottom-black {
    border-bottom: 1px solid #000;
}
.padd-bl-10 {
    padding-block: 10px;
}
.plus-icon {
    width: 15px;
    height: 15px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.rotate45 {
    transform: rotate(45deg);
}
.text-justify {
    text-align: justify;
}
.green-bg {
    background: #172a26;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.display-small {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* slider */

/*  */
@media only screen and (max-width: 1087px) {
}

/* col-sm */
@media only screen and (max-width: 576px) {
    .mar-sm-top-10 {
        margin-top: 10px;
    }
    .black-button {
        padding-inline: 20px;
    }
}
/* col-md */
@media only screen and (max-width: 768px) {
    .round-color{
        width: 22px;
        height: 22px;
        padding: 2px;
        margin-inline: 2px;
    }
    h2.font-20{
        font-size: 18px;
    }
    .plus-text{
        font-size: 13px;
    }
    .custom-color {
        color: #fff;
    }
    .black-underline {
        border-bottom: 2px solid #fff;
    }
    .justify-content-end-md {
        justify-content: center;
    }
    .justify-content-between-md {
        justify-content: center;
    }
    .main-header-bg-wrapper {
        background-image: url(./assets/images/woman-cover-mobile.png);
    }
    .man-header-bg-wrapper {
        background-image: url(./assets/images/mobile-men-header1.png);
    }
    .display-small {
        display: flex;
    }
    .green-bg {
        display: none;
    }
}

/* col-lg */
@media only screen and (max-width: 992px) {
}




/*siavash css*/

.single-product-img img{
    background: #eee;
}
.size-item{
    margin-inline: 3px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.size-item.active{
    border: 1px solid #0c0c0c;
}
.plus-icon{
    font-size: 1.5rem;
    font-weight: normal;
    transition: all .1s ease-in-out;
    transform-origin: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.red-font{
    color: darkred;
}
.buybox--button {
    font-size: 1rem;
    line-height: 1.1875rem;
    min-height: 3.75rem;
    align-items: center;
    border-radius: 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: center;
    width: 100%;
    background: #000;
    position: relative;
    border: none;
}
.buybox--button:hover{
    background: #4c4c4c;
    color: #fff;
}
.buybox--button i{
    font-size: .625rem;
    height: 0.625rem;
    line-height: 1;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    left: 0.9375rem;
    display: inline-table;
    transition: right .25s;
}
.buybox--button:hover i {
    left: 0.625rem;
}
.buybox--button.disabled{
    background-color: #ccc;
    cursor: not-allowed;

}
.loading{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
}
.loading svg{
    width: 100px;
    height: 100px;
}
.tax-img-wrapper{
    background: #f3f3f3;
    width: 100%;
    height: 406px;
}
.tax-img-wrapper .main-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    transition: 0.1s;
}
.tax-img-wrapper:hover .main-img{
    opacity: 0;
}
.price-range-wrapper .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
    font-family: IRANSans !important;
    background-color: transparent;
    padding-block: 4px;
    font-size: 12px;
    direction: rtl;
    color: #000;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
    border-top-color:transparent;
}

.irs--round .irs-handle{
    border:1px solid #666;
    top: 29px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover{
    background: #fff;
    border:1px solid #000;
}
.irs--round .irs-bar{
    background: #dbd5cd;
}
.irs--round .irs-line{
    background: #e5e5e5;
}
#signUpOtpForm, #forgetPasswordForm, #forgetPasswordOtpForm{
    display: none;
}
.linked-p {
    color: #0088ff;
    border-bottom: 1px dashed #0088ff;
    width: fit-content;
    cursor: pointer;
}
.signup-alert, .signin-alert, .signup-otp-alert, .forget-alert, .forgetotp-alert, .coupon-alert{
    display: none;
}
.black-btn{
    color: #fff;
    background: #000;
}
.black-btn:hover{
    color: #fff;
    background: #4c4c4c;
}
.black-btn i{
    font-size: 10px;
}
.sign-tab{
    display: none;
}
#signUpTab{
    display: block;
}
.login-tab-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-tab-wrapper button {
    border: none;
    background: transparent;
    width: 130px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    transition: 0.1s;
}
.login-tab-wrapper button.active {
    border-bottom: 2px solid #e4e4e4;
}
.top-banner{
    height: 450px;
    position: relative;
}
.top-banner h5{
    color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 30px;
    margin: auto;
    text-align: center;
    width: fit-content;
    border-bottom: 1px solid #fff;
}
.right-menu-section{
    font-size: 22px;
}
.right-menu-section .right-menu-item{
    margin-inline: 5px;
}
.cart{
    width: 300px;
    position: fixed;
    left: -300px;
    top: 0;
    background: #fff;
    z-index: 10;
    padding: 20px 5px;
    bottom: 0;
    height: 100vh;
    overflow-y: scroll;
    transition: 0.6s;
}
#overlay{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: none;
}
#cartIcon{
    cursor: pointer;
    position: relative;
}
.cart-count{
    position: absolute;
    right: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.delete-cart-item{
    cursor: pointer;
}
.search-form input{
    border: 1px solid #f2f2f2;
    padding: 3px;
}
.submit-search span{
    display: flex;
    align-items: center;
}
.cart-card{
    border-bottom: 1px solid #e5e5e5;
    color: #231c33;
}
.cart-card h5{
    font-weight: normal;
}
.cart-item-code{
    color: #999;
    font-size: 14px;
}
.select2-container {
    z-index: 100000;
    width: 90% !important;
}
.basket-remove span{
    cursor: pointer;
}
.modal-header .btn-close{
    margin: -0.5rem auto -0.5rem -0.5rem !important;
}
.dashboard-sidebar ul li a{
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 1rem !important;
    font-size: 0.9rem !important;
    background: #fff !important;
}
.dashboard-sidebar ul li.active a{
    font-weight: bold;
}
.dashboard-sidebar{
    padding: 5px;
    border: 1px solid #666;
    border-radius: 3px;
}
.line{
    width: 100%;
    height: 1px;
    background: #666;
}
#couponForm{
    position: relative;
}
#couponForm button{
    border-radius: 3px;
    border: none;
    background: black;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-inline: 15px;
}
#sendOtpAgain{
    font-size: 12px;
}
#backToLoginOtp{
    text-decoration: underline !important;
    color: #0b2269;
}
.searchResult{
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 60px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 5px;
    background: #fff;
    box-shadow: 0 10px 25px -10px #00000040;
    border-radius: 0;
    border: 1px solid #666;
}
.searchResult a{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.searchResult a div{
    display: flex;
    align-items: center;
}
#zoom-in,#zoom-out,#reset{
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: 4px;
}
#reset {
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIFVwbG9hZGVkIHRvIFNWR1JlcG8gaHR0cHM6Ly93d3cuc3ZncmVwby5jb20gLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0icmVzZXQiPgoJPHBhdGggaWQ9InJlc2V0XzFfIiBkPSJNMTYsMzEuMzZDNy41MywzMS4zNiwwLjY0LDI0LjQ3LDAuNjQsMTZTNy41MywwLjY0LDE2LDAuNjRjNC41MjksMCw4LjcxNywxLjkzMiwxMS42NCw1LjMzNlYxaDAuNzIxdjYuMzYKCQlIMjJWNi42NGg1LjI1OUMyNC40NjYsMy4yNzUsMjAuNDAyLDEuMzYsMTYsMS4zNkM3LjkyNywxLjM2LDEuMzYsNy45MjcsMS4zNiwxNmMwLDguMDcyLDYuNTY3LDE0LjY0LDE0LjY0LDE0LjY0CgkJYzguMDcyLDAsMTQuNjQtNi41NjcsMTQuNjQtMTQuNjRoMC43MjFDMzEuMzYsMjQuNDcsMjQuNDcsMzEuMzYsMTYsMzEuMzZ6Ii8+CjwvZz4KPHJlY3QgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGUiIHN0eWxlPSJmaWxsOm5vbmU7IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4KPC9zdmc+Cg==);    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
}
.outline-btn{
    border: 2px solid #000;
    border-radius: 0;
    padding-block: 3px;
    font-weight: bold;
}
.comment-title{
    font-size: 20px;
    display: flex;
    align-items: center;

}

.comment-data-wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comment-data-wrapper label{
    color: #333333;
}
.comment-input,.comment-input:focus,.comment-input:focus-visible,.comment-text-box,.comment-text-box:focus-visible,.comment-text-box:focus{
    width: 100%;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 15px;
    outline: none;
    box-shadow: none;
    padding: 6px 10px 6px 5px;
    color: #000;
    border: 1px solid #333;
    border-radius: 2px;
}
.comment-text-box{
    height: 215px;

}
.tazhval-comment-btn{
    color: #000000;
    background:#fff;
    border: 1px solid #000;
    padding: 5px 15px;
    cursor: pointer;
}
.tazhval-comment-btn:focus{
    color: #000000;
    background:#fff;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 5px 15px;
}
.comment-btn-wrapper{
    display: flex;
    justify-content: flex-end;
}
.tazhval-comment-wrapper{
    padding: 25px;
    margin-top: 30px;
}
.last-comments{
    padding: 10px 20px;
    border-radius: 10px;
    margin-block: 30px;
    direction: rtl;
    border: 1px solid #0000000d;
}

.last-comments-title-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.comment-author-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reply-comment{
    padding: 15px;
    border-radius: 2px;
    margin-bottom: 10px;
}
.last-comment-list{
    height: fit-content;
    max-height: 560px;
    overflow-y: scroll;
    direction: ltr;
    padding-right: 10px;
}
.last-comment-list::-webkit-scrollbar {
    width: 6px;
}

.last-comment-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}

.last-comment-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #333;
}
.share-link{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI5NnB4IiBoZWlnaHQ9Ijk2cHgiPjxwYXRoIGQ9Ik0gMTYuNzA3MDMxIDIuMjkyOTY4OCBMIDE1LjI5Mjk2OSAzLjcwNzAzMTIgTCAxNy41ODU5MzggNiBMIDE3IDYgQyAxMC45MzY1OTMgNiA2IDEwLjkzNjU5MyA2IDE3IEwgNiAxOCBMIDggMTggTCA4IDE3IEMgOCAxMi4wMTc0MDcgMTIuMDE3NDA3IDggMTcgOCBMIDE3LjU4NTkzOCA4IEwgMTUuMjkyOTY5IDEwLjI5Mjk2OSBMIDE2LjcwNzAzMSAxMS43MDcwMzEgTCAyMS40MTQwNjIgNyBMIDE2LjcwNzAzMSAyLjI5Mjk2ODggeiBNIDIgOCBMIDIgOSBMIDIgMTkgQyAyIDIwLjY0NDk3IDMuMzU1MDMwMiAyMiA1IDIyIEwgMTkgMjIgQyAyMC42NDQ5NyAyMiAyMiAyMC42NDQ5NyAyMiAxOSBMIDIyIDE4IEwgMjIgMTcgTCAyMCAxNyBMIDIwIDE4IEwgMjAgMTkgQyAyMCAxOS41NjUwMyAxOS41NjUwMyAyMCAxOSAyMCBMIDUgMjAgQyA0LjQzNDk2OTggMjAgNCAxOS41NjUwMyA0IDE5IEwgNCA5IEwgNCA4IEwgMiA4IHoiLz48L3N2Zz4=);
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.discounted{
    text-decoration: line-through;
    font-size: 16px;
    color: #3c3c3c;
}
.new-price{
    color: #ce1c1c;
    font-weight: bolder;
}
#discount-percent{
    direction: ltr;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    padding: 2px 15px;
    background-color: #ce1c1c;
    color: #fff;
    width: fit-content;
}
.discount-on-img{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
@media(max-width: 760px){
    .searchResult ,.searchResult h6 ,.searchResult p ,.searchResult a{
        font-size: 13px !important;
    }
    .searchResult img{
        max-width: 45px !important;
    }
    .desktopSearchResult{
        display: none;
    }
    .top-banner{
        height: 260px;
    }
    .tax-img-wrapper{
        height: 235px;
    }

    .table-cards {
        display: block;
        width: calc(100% - 15px);
        margin: auto;
    }
    table-cards td, .table-cards tr, .table-cards th, .table-cards tbody {
        display: block;
        width: 100%;
    }
    .table-cards thead {
        display: none;
    }
    .table-cards td {
        display: flex;
        justify-content: flex-start;
        padding-left: 10px;
    }
    .table-cards td {
        padding: 0;
        border-bottom: none !important;
        border-top: none !important;
        font-size: 0.9rem;
        color: #454545;
    }
    .table-cards tbody tr {
        background: #fff;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
        margin-bottom: 15px !important;
        border-radius: 10px;
        border: 1px solid #efefef;
    }
    .table-cards td::before {
        flex: 0 0 auto;
    }
    .table-cards td::before {
        content: attr(data-title);
        display: inline-block;
        background: #f9f9f9;
        width: 120px;
        padding: 20px 15px;
        margin-left: 15px;
        font-size: 0.8rem;
        font-weight: 700;
        color: #6d6d6d;
    }
    .table-cards td>div {
        display: flex;
        align-items: center;
    }
}