:root {
    --primary: #54a49e;
    --color-text: #5a5c7a;
    --secondary: #ecebe4;
}

* {
    direction: rtl;
    box-sizing: border-box;
}

p {
    padding: 0;
}
a {
    text-decoration: none;
}



[type=email], [type=number], [type=url], [type=text] {
    direction: rtl;
}

@font-face {
    font-family: iranyekan;
    src: url('../fonts/IRANYekanWebFn.woff2');
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?jef8xe');
    src: url('../fonts/icomoon.eot?jef8xe#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jef8xe') format('truetype'),
    url('../fonts/icomoon.woff?jef8xe') format('woff'),
    url('../fonts/icomoon.svg?jef8xe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-percent:before {
    content: "\e925";
}

.icon-bars:before {
    content: "\e923";
}

.icon-shield-solid:before {
    content: "\e917";
}

.icon-arrow:before {
    content: "\e924";
}

.icon-money:before {
    content: "\e900";
}

.icon-headset:before {
    content: "\e901";
}

.icon-medal:before {
    content: "\e902";
}

.icon-truck:before {
    content: "\e903";
}

.icon-heart-filled:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-bell-regular:before {
    content: "\e906";
}

.icon-cart:before {
    content: "\e907";
}

.icon-chart:before {
    content: "\e908";
}

.icon-left:before {
    content: "\e909";
}

.icon-circle:before {
    content: "\e90a";
}

.icon-ellipsis:before {
    content: "\e90b";
}

.icon-envelope:before {
    content: "\e90c";
}

.icon-file:before {
    content: "\e90d";
}

.icon-heart:before {
    content: "\e90e";
}

.icon-instagram:before {
    content: "\e90f";
}

.icon-list:before {
    content: "\e910";
}

.icon-location:before {
    content: "\e911";
}

.icon-phone:before {
    content: "\e912";
}

.icon-share:before {
    content: "\e913";
}

.icon-telegram:before {
    content: "\e914";
}

.icon-user:before {
    content: "\e915";
}

.icon-youtube:before {
    content: "\e916";
}

.price .border-bottom {
    border-bottom: 1px solid var(--primary) !important;
}

.color-secondry {
    color: var(--secondary);
}

.bg-secondry {
    background: var(--secondary);
}

.color-main, .color-main:hover {
    color: #646464;
    font-size: 0.85rem;
}

h1, h2, h3, h4, h5, h6, p, strong, a, b, label, button, th, td, div {

    font-family: "iranyekan", sans-serif;
    color: #4c5e60;
    line-height: 1.5rem;
}
.text-justfy
{
    text-align: justify;
}
a, a:hover {
    color: var(--primary);
}

body {
    overflow-x: hidden;
}

.costumbg {
    background-image: url("../img/bg.svg");
}

.iconFlip {
    transform: rotate(-180deg);
}

.theme-text-color {
    color: var(--primary);
}

.theme-text-weight {
    font-weight: 900;
}

h1 {
    font-size: 1.6rem;
    font-weight: bolder;
}

h2, h3, h4, h5, h6 {
    font-size: 1.2rem;
    font-weight: bold;
}

.text-10 {
    font-size: 0.7rem;
}

/*-------------------------------------------------------------------------------------------------------------header*/
header {
    background: var(--secondary);
    padding: 10px 5px;
}

header .mainlogo {
    height: 72px;
    width: auto;
}

.accountBtn {
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 5px;
    font-weight: 900;
    font-size: 13px;
}

.cartBtn {
    padding: 5px 9px;
}

span.cart_total {
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    line-height: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 900;
    left: 2px;
    top: -1px;
    z-index: 101;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0;
}
.navbar-dark .navbar-toggler
{
    color: #000;
}

/*-------------------------------------------------------------------------------------------------------------article*/
article {
    font-family: iranyekan;
    text-align: justify;
}


/*-------------------------------------------------------------------------------------------------------------footer*/
footer {
    font-family: iranyekan;
    background: #2F2F2F;
    color: #fff;
    border-radius: 25px 25px 0 0;
    overflow-x: hidden;
}

footer p, footer b {
    color: #fff;
    text-align: justify;
}


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

#go-up {
    cursor: pointer;
}

img.footerLogo, footer .footerImage {
    width: auto;
    height: 45px;
}

.newsletterBtn {
    background: none;
    border: 1px solid var(--primary);
}

input#newslettermail {
    background: none;
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 5px;
}

button.newsletterBtn.position-absolute {
    left: 5px;
    right: auto;
    background: var(--primary);
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
}

::placeholder {
    color: #fff;
}

.icon-telegram {
    color: #0088CC;
}

.icon-instagram {
    color: #c13584;
}

.license img {
    filter: invert();
}

/*search bar----------------------------------------------------------------------------------------------------------*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 8px;
    min-width: 560px;
    height: 40px;
    background: #fff;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 12px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font-family: iranyekan;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: none;
}

/*Swiper Slider-------------------------------------------------------------------------------------------------------*/
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 12px;
    color: var(--primary);
}

/*product Page-------------------------------------------------------------------------------------------------------*/
.min-h-65 {
    min-height: 65px;
}
.productTitle {
    font-size: 18px;
    text-transform: uppercase;
}

.themeFont {
    font-family: iranyekan;
}
.slidePrice {
    min-height: 65px;
}
.productEnglish {
    font-size: 12px;
    color: #c3c3ce;
    font-family: sans-serif;
    text-transform: uppercase;
    position: relative;
    max-height: 24px;
}

.lineDevider {
    height: 1px;
    background: #c3c3ce;
    flex-grow: 1;
}

.productSinglExcerpt ul li {
    list-style: circle;
}

.productSinglExcerpt ul li {
    font-size: 12px;
}

.woocommerce-product-details__short-description ul {
    padding-right: 16px;
}

.alertText {
    font-size: 10px;
}

nav.woocommerce-breadcrumb {
    font-size: 0.75rem;
}

form.cart {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-evenly;*/
}

input.qty {
    padding: 5px 10px;
    width: 50px;
    border-radius: 5px;
    border: 1px solid var(--primary);
}

button.single_add_to_cart_button.button.alt, button.single_add_to_cart_button.button.alt:hover {
    border: none;
    outline: none;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 0.5rem 1rem;
    margin-right: 1rem;:;
}

.actions span {
    background: #fff;
    padding: 5px;
    line-height: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.report {
    font-size: 10px;
    font-weight: bold;
}

.report:hover {
    cursor: pointer;
}

.regular-price {
    text-align: left;
    font-weight: 900;
    font-size: 1.3rem;
}

.text-color {
    color: var(--color-text);
}

.theme-breadcrumb, .error-desc {
    font-size: 0.68rem;
}

img.brandIcon {
    height: 35px;
    width: auto;
}

.brandSliderIcons {
    filter: grayscale(1);
    opacity: 0.3;
}

.brandSliderIcons:hover {
    filter: grayscale(0);
    opacity: 1;
}

.relatedSwiper {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
}

.relatedSwiper .swiper-slide:hover, .productSwiper .swiper-slide:hover, .magSlide:hover {
    box-shadow: 2px 10px 5px #f5f5f5;
}

.pr_name {
    color: var(--primary);
}

div#desc {
    text-align: justify;
    height: 25vh;
}

.nextAdvantage {
    font-size: 10px;
}

.advIcons {
    background: #Fff;
    color: var(--primary);
    padding: 5px;
    border-radius: 50%;
}

.price .img-50 {
    height: 20px;
    width: auto;
}

.woocommerce-message::before, .woocommerce-message::after, .woocommerce-error::before {
    content: "";
}
ul.woocommerce-error li
{
    list-style: none!important;
}
#seemore {
    cursor: pointer;
}

/*log in page--------------------------------------------------------------------------------------------------*/
.logInform {
    background: var(--secondary);
    max-width: 25vw;
    transform: translate(50%, 50%);
    position: absolute;
    bottom: 50%;
    right: 50%;
    min-width: 500px;
    border-radius: 0.5rem;
}

.btn-green, .btn-green:hover, .wc-proceed-to-checkout .btn-green {
    background: var(--primary) !important;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border: none;
}

.alertSpan {
    font-size: 10px;
}

/*cart*/
.w-15 {
    width: 15%;
    height: auto;
}

.actions .button {
    border: none;
    padding: 5px 12px;
    border-radius: 5px;
    color: var(--primary);
}

.alert-info {
    color: #055160;
    background-color: #00b4aa40;
    border-color: #00b4aa;
}

.coupon * {
    border: none;
}

.coupon .button {
    padding: 5px 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
}

.coupon {
    display: flex;
    align-items: center;
}

input#coupon_code {
    outline: none;
}

/*checkout*/
p#billing_country_field {
    display: none;
}

.checkout_coupon p button {
    padding: 5px 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
    border: none;
}

input#coupon_code {
    border: none;
}

.woocommerce-billing-fields__field-wrapper p {
    display: flex;
}

.woocommerce-billing-fields__field-wrapper p span input, textarea#order_comments {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 6px;
    width: 100%;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    height: 36px;

}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
}

textarea#order_comments {
    width: 100%;
}

p#order_comments_field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

button#place_order {
    border: none;
    padding: 10px;
    width: 100%;
    background: var(--primary);
    color: #fff;
}

.alert p {
    margin-bottom: 0;
}

.alert {
    font-size: 12px;
    padding: 5px 10px;
}

.woocommerce-billing-fields__field-wrapper p {
    display: flex;
    align-items: center;
    justify-content: start;
}

.woocommerce-billing-fields__field-wrapper p label {
    flex: 1;
}

.woocommerce-billing-fields__field-wrapper p span {
    flex: 2;
}

.payment_box p {
    margin-bottom: 0;
}

ul.wc_payment_methods.payment_methods.methods {
    padding: 0;
}

/*My acount dashboad*/
.text-12 {
    font-size: 12px;
}

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

/*category page*/
.theme-badge {
    padding: 0 0.2rem;
    font-size: 0.75rem;
}

.offPrice {
    font-size: 0.75rem;
}

.productCatTitle {
    font-weight: 900;
    font-size: large;
}

/*mag post*/
p img {
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.breadcrum {
    color: var(--primary);
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.magContent {
    text-align: justify;
    background: #f3fcfb;
    border-radius: 0.5rem;
}

.magContent p {
    margin-bottom: 1rem;
    line-height: 2rem;
}

.magContent ul li {
    list-style: inside;
}

h1.magHeader {
    font-weight: 900;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 20px;
    font-size: 1.5rem;
}

.magContent h2, .magContent h3, .magContent h4 {
    font-size: 1.2rem;
    font-weight: 900;
}

.magContent img {
    border-radius: 0.6rem;
}

p.form-submit {
    text-align: end;
}

textarea#comment {
    width: 100%;
    border: 1px solid #bbbbbb;
    border-radius: 9px;
}

p.comment-form-comment {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-content: space-between;
}

input#submit {
    background: var(--primary);
    color: #Fff;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}

.comment-form input {
    border: 1px solid #bbb;
    padding: 5px;
    border-radius: 5px;
}

.comment-form-author, .comment-form-email {
    display: flex;
    align-items: center;
}

#author, #email {
    flex-grow: 1;
}

.adv-link {
    color: var(--color-text);
    font-size: 0.8rem;
}

div#mag-list a {
    color: var(--color-text);
}

div#mag-list i {
    color: var(--primary);
}

div#mag-list p {
    background: #00000008;
    padding: 0.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0 0 0.3rem 0;

}

.magGrid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 1rem;
}

/*mobile*/
@media only screen and (max-width: 570px) {
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        max-width: 100%;
        min-width: 100%;
    }

    .logInform {
        min-width: 90vw;
    }

    h1.magHeader {
        font-size: 1.2rem;
    }

    .category-swiper a img {
        max-width: 85px !important;
    }

    h2 {
        font-size: 1rem;
        font-weight: 900;
    }

    h3 {
        font-size: 1rem;
        font-weight: 900;
    }

    footer p, footer b {
        font-size: .85rem;
        text-align: justify;
    }

    .magGrid {
        grid-template-columns: auto auto;
        gap: 0.5rem;
        overflow: hidden;
    }

    .row .loopStart {
        grid-template-columns: auto auto;
        gap: 0.5rem;

    }

    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {

    span#go-up {
        font-size: 0.6rem;
    }

    .footer-logo {
        width: 40%;
        height: auto;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        max-width: 100%;
        min-width: 100%;
    }

}

/*mega menu*/
.level1 {
    top: 40px;
    min-width: 300px;
    z-index: 999;
    border-radius: 0.5rem;
}

.child-link {
    border-right: 4px solid var(--primary);
}

.level2 a.link-dark:last-of-type {
    padding-bottom: 0.2rem;
}

.megaMenu {
    background: #fff;
    top: 136px;
    z-index: 100;
    right: 0;
}

.submenu {
    background: #00baba21;
    border-radius: 0.3rem 0 0 0.3rem;
}
.offcanvas-start {
    width: 80vw;
}

.main-Cat {
    font-weight: 900;
    border-right: 4px solid var(--primary);
    padding-right: 5px;
    line-height: 16px;
    margin-bottom: 8px;
}

.text-14 {
    font-size: 14px;
}

#megaHover:hover {
    cursor: pointer;

}
.offcanvas-body .accordion-item, .offcanvas-body .accordion-button
{
    background: var(--secondary);
    border: none;
}

/*product slider*/
.blend {
    mix-blend-mode: multiply;
}
.productSwiper .swiper-slided {
    border-left: 1px solid #f5f5f5;
}

.slide-price {
    color: var(--color-text);
}

.slider-title {
    font-weight: 900;
    font-size: 1.2rem;
}


/*my acoount page*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

.d-grid-4 {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 5px;
}

.favItems .btn-close {
    font-size: 8px;
    top: 4px;
    cursor: pointer;
}


/*Front Page Mag*/
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    width: fit-content;
    right: 32px;
}

.swiper-pagination-bullet {

    height: 32px;
    border-radius: 1rem;
    color: #fff;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--primary);
}

.front-page-desc p {
    text-align: justify;
}

.loopStart {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(5, 1fr); /* Define 5 columns with equal width */
}

.woocommerce .woocommerce-ordering select {
    padding: 0.3rem;
    border: 1px solid #dddddd;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none;
}


.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--primary);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--primary);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--secondary);
}

.price_slider_amount {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row-reverse;
}

.price_label {
    display: flex;
}

.seemore {
    cursor: pointer;
}

#desc {
    overflow: hidden;
}

div#desc * {
    font-size: 1rem;
    line-height: 2rem;
}

div#desc h2, div#desc h3, div#desc h4 {
    font-weight: 900;
}

div#desc * li {
    list-style: disc;
}


.desktop {
    position: relative;
}

.submenu {
    position: absolute;
    z-index: 100000000;
    background: #fff;
    top: 105px;
}

.sub-half {
    position: absolute;
    left: 0;
    height: 100%;
}

.category-swiper a img {
    max-width: 130px;
    height: auto;
}

.toast-fav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border-radius: 5px;
    display: block;
    z-index: 1000;
}

/* Style the switch container */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

/* Hide the default checkbox input */
.switch input {
    display: none;
}

/* Style the slider (the visible part of the switch) */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

/* Style the slider's appearance when the switch is on (checked) */
.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

/* Adjust the slider appearance when the switch is checked */
.switch input:checked + .slider {
    background-color: var(--primary);
}

.switch input:checked + .slider:before {
    transform: translateX(22px);
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

span#id_number-description {
    font-size: 0.6rem;
    color: #dc3545;
}

.form-check-input:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 186 186 / 22%);
}

.brand-in-english {
    text-transform: capitalize;
}

#showDesc {
    cursor: pointer;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.sort-btn span {
    cursor: pointer;
}

.bg-off{
    /*background: radial-gradient(circle, transparent 25%, #dc3545  26%),linear-gradient(45deg, transparent 46%, #ffffff 47%, #ffffff 52%, transparent 53%), linear-gradient(135deg, transparent 46%, #ffffff 47%, #ffffff 52%, transparent 53%);*/
    background-size: 1rem 1rem;
    background-color: #dc3545;
    opacity: 1
}
.page-content ul li {
   list-style: disc;
}
.page-content strong
{
    color: var(--primary);
}

.accordion-button:not(.collapsed) {
    color: var(--primary);
    background-color: #f5f5f5;
    box-shadow: 0 0 0;
}
.accordion-button:focus {
    z-index: 3;
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0;
}
#resendOTP
{
    cursor: pointer;
}
.theme-modal
{
    background: none;
    border: none;
}
.payment_box.payment_method_prepay
{
    display: block!important;

}
ul#shipping_method li {
    list-style: none;
}
.payment_box p{
    font-size: 0.6rem;
    padding-bottom: 0.5rem;
}
a.woocommerce-terms-and-conditions-link,a.woocommerce-privacy-policy-link
{
    color: #dc3545;
    font-weight: bolder;
}
.rotate
{
    transform: rotate(-90deg);
}
.woocommerce-MyAccount-content .favpage li
{
    list-style: none;
}
#officialForm .input-group-text {
    min-width: 230px;
}

.follow {
    content: '';
    position: absolute;
    background: var(--primary);
    z-index: 0;
    height: 0.5rem;
    top: 1.5rem;
    border-radius: 1rem;
}
.form-range::-webkit-slider-thumb{
    background-color: var(--primary); /* Change this color to whatever you prefer */
}

.white-shadow {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0) 100%);
    height: 100px;
}
#expand-data
{
    cursor: pointer;
}
.line2
{
    line-height: 3rem;
}


table.variations select {
    display: none;
}