/*Theme Name: VIP
Theme URI: https://wordpress.org/themes/VIP
Author: the WordPress team
Author URI: https://wordpress.org
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your   .visitors
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options,  threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parsfast
.This theme, like WordPress, is licensed under the GPL
.Use it to make something cool, have fun, and share what you've learned with others  */

/* -------css rest-------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------- */
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Thin.woff);
    font-weight: 200;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Light.woff);
    font-weight: 300;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Regular.woff);
    font-weight: 400;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Medium.woff);
    font-weight: 500;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Bold.woff);
    font-weight: 600;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-ExtraBold.woff);
    font-weight: 700;
}
@font-face {
    font-family: kalamehen;
    src: url(assets/fonts/KalamehWeb-Bold-en.woff);
    font-weight: 700;
}
@font-face {
    font-family: kalameh;
    src: url(assets/fonts/KalamehWeb-Black.woff);
    font-weight: 800;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanwebthinfanum.woff);
    font-weight: 100;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanweblightfanum.woff);
    font-weight: 200;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanwebregularfanum.woff);
    font-weight: 300;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanwebmediumfanum.woff);
    font-weight: 400;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanwebboldfanum.woff);
    font-weight: 500;
}
@font-face {
    font-family: iranyekan;
    src: url(assets/fonts/iranyekanwebextraboldfanum.woff);
    font-weight: 600;
}
@font-face {
    font-family: yekanbakh;
    src: url(assets/fonts/YekanBakh-Regular.woff2);
    font-weight: 300;
}

*:not(i){
    direction: rtl;
    font-weight: 400;
    font-family: "kalameh" ;
}

h1 , h2 , h3 , h4 , h5 , h6{
    font-weight: 600 !important;
    font-family: "kalameh" !important;
}
a{
    color: unset !important;
    text-decoration: none !important;
    font-family: "kalameh" !important;
}
h1{
    font-size: 2.25rem !important;
    line-height: 4rem !important;
}
h2 {
    font-size: 1.75rem !important;
}
h3 {
    font-size: 1.375rem !important;
}
p{
    font-size: 1rem;
    color: var(--text);
    line-height: 2.2rem;
    margin: 0 !important;
}
li{
    list-style: none;
    line-height: 2rem;
    font-size: 1rem;
}
ul{
    padding: 0 !important;
    margin: 0 !important;
}
img{
    width: auto;
}

/* html , body{
    overflow-x: hidden !important;
}  */
@media only screen and (max-width: 1440px){
    .container{
        width: 86% !important;
    }
}
@media only screen and(min-width:1300px){
    .container{
        width: 86% !important;
    }
}

/* -----------hover buttom---------- */
/* ----white */
.white-btn-link {
    border: 1px solid white;
    border-radius: 100px;
    padding: 11px 20px 11px 60px;
    color: white !important;
    
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7), box-shadow .3s cubic-bezier(.5,2.5,.7,.7), -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7), -webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
}

.white-btn-link::before {
    content: ' ';
    position: absolute;
    top: 47%;
    left: 22px;
    transform: translateY(-50%);
    width: 23px;
    height: 1.2px;
    background: #fff;
}
.white-btn-link::after {
    content: '';
    position: absolute;
    left: 21px;
    top: 31%;
    width: 8px;
    height: 8px;
    border-top: 1.2px solid #fff;
    border-right: 1.2px solid #fff;
    transform: rotate(-138deg);
}
.white-btn-link:hover::before {
    animation: elasticus 4.1s forwards;
}
.white-btn-link:hover {
    -webkit-box-shadow: 4px 4px 0 0 #fff;
    box-shadow: 4px 4px 0 0 #fff;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

/* --------black */
.black-btn-link {
    border: 1px solid #000;
    border-radius: 100px;
    padding: 11px 20px 11px 60px;
    color: #000 !important;
    position: relative;
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7), box-shadow .3s cubic-bezier(.5,2.5,.7,.7), -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7), -webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
}

.black-btn-link::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    width: 23px;
    height: 1.2px;
    background: #000;
    
}
.black-btn-link::after {
    content: '';
    position: absolute;
    left: 21px;
    top: 43%;
    width: 8px;
    height: 8px;
    border-top: 1.2px solid #000;
    border-right: 1.2px solid #000;
    transform: rotate(-138deg);
}
.black-btn-link:hover::before {
    animation: elasticus 4.1s forwards;
}
.black-btn-link:hover {
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
/*--------------------header-----------*/
header {
    position: relative;
    z-index: 5;
    
}
.desktop-header {
    background-image: linear-gradient(180deg, #000000ad, transparent);
    padding: .4rem 2rem;
}
.mobile-header{
    display:none;
}

header rect {
    fill: none;
}
.mobile-menu-bar svg {
    width: 50px;
}
.mobile-product-filter-popup svg {
    width: 50px;
}
.mobile-product-filter-popup {
    display: flex;
    align-items: center;
    float: left;
}
.mobile-product-filter-popup p {
    color: white;
}
header .row{
    display: flex;
    align-items: center;
	justify-content: space-between;
}

.header-logo img{
   width: 100%;
	height:auto;
    transition:1s;
}
.header-logo img:hover{
    scale:1.1;
}
.header-access-btns {
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-access-btns .cart-count {
    position: absolute;
    background: #f4b7c2;
    color: #4d4d4d;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    top: -3px;
    right: 0;
}
.header-btn {
    background: var(--third);
    padding: 0.2rem 0.9rem;
    margin: 0 2rem;
    border-radius: 10px;
    font-size: 1.2rem;
    color: white !important;
    transition:0.5s;
}
.header-btn:hover{
    opacity:0.7;
}
.mega-menu-link{
    position:relative;
}

.home .breadcrumb-bar{
    display: none;
}
/* -------------search panel------------- */
#search-panel {
    display: none;
}
div#search-panel {
    position: absolute;
    height: 400px;
    top: 0;
    background: #000000de;
    width: 100%;
    align-content: center !important;
    z-index: 7;
    padding:1rem;
    display: none;
}
#close-btn{
    color: white;
    font-size: 2rem;
}
.close {
    text-align: right;
    padding: 2rem 1rem;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: none !important;
    padding: 10px;
    border-radius: 10px;
}
input#dgwt-wcas-search-input-1 {
    font-family: 'iranyekan';
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: black !important;
}
/*--------------user login panel-----------*/
.user-login-panel {
    position: absolute;
    background: white;
    display: none;
    flex-direction: column;
    width: fit-content !important;
    box-shadow: 0 0 17px 15px #8080801f;
    border-radius: 10px;
    left: 74px;
    top: 92%;
    z-index: 9;
    padding: 1rem;
}
p.login-user-name {
    text-align: center;
}
.panel-content {
    display: flex;
    flex-direction: column;
}
.panel-content a {
    padding: .5rem 0;
    padding: 0.5rem 1rem;
    border-radius: 7px;
    margin: .4rem 0;
}
.panel-content a:hover{
    background: var(--main);
    color: white !important;
}

/* ----------------slider------------ */
.slider-item-first {
    position: relative;
    overflow: hidden;
}

.slider-item-first picture,
.slider-item-first .slider-background-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.slider-item-first .slider-background-image {
    object-fit: cover;
    z-index: 0;
}

.slider-item-first .slider-item-overlay {
    position: relative;
    z-index: 1;
}

.slider-item{
    height:100vh;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow-y: hidden;
}
.slider-item-overlay {
    background: #00000029;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 4rem 5rem;
}
.slider-content {
    position: absolute;
    z-index: 5;
    bottom: 0;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    margin-right: 25%;
}
.slider-button{
    text-align: left;
    position: absolute;
    left: 42px;
    z-index: 1;
    margin-top: -11rem;
}

.slider{
    position:relative;
    margin-top: -7rem;
}
.slider-title {
    color: white;
    font-family: Jakarta;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    text-align: right;
    width: 50%;
    line-height: 3rem;
}
.slider-btn {
    margin: 1rem .5rem;
}
.slider-button-next::after{
    color: #f1f1f1 !important;
    font-size: 2rem !important;
    margin-left: 3rem;
}
.slider-button-prev::after{
    color: #f1f1f1 !important;
    font-size: 2rem !important;
    margin-right: 3rem;
}


/* --------------about-us-------------- */
.about-us-video {
    width: 100%;
    height: 100%;
    background: black;
}

.about-us .section-title {
    text-align: right;
    margin-bottom: 1rem;
}
.section-title{
    font-size: 2.5rem !important;
    margin-bottom: 2rem !important;
    color: #1F3852;
}
.about-us {
    background-image: url(assets/imags/logo.png);
    background-color: #F6F6F6;
    padding: 0 6rem;
    padding-bottom: 5rem;
    padding-top: 9rem;
    background-repeat: no-repeat;
    background-size: 19%;
    background-position: 100% 50%;
    /* padding: 0; */
}
.about-us-text * {
   
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 3rem;
    color:black !important;
    text-align: justify;
}
.about-us-text {
    padding-left: 3rem;
}
img.play-icon {
    position: absolute;
    left: 36%;
    top: 30%;
    cursor: pointer;
}
.about-video {
    position: relative;
}
.about-us-text {
    margin-bottom: 3rem;
}
.front-image {
    width: 100%;
   
}
/* -------------new collection------------ */
.new-collection .section-title {
    text-align: center;
}
p.section-text {
    font-family: 'yekanbakh' !important;
    font-size: 1rem;
    text-align: center;
    padding: 0 5rem;
    color: #545151;
    line-height: 2rem;
}
.product-cart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale:0.85;
    transition: 1s;
}
.swiper-slide-active .product-cart-img {
    display: block;
    
    /* padding: 0 4rem; */
}
.new-collection .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    overflow: hidden; /* جلوگیری از نمایش اضافی */
}
.new-collection .swiper-wrapper {

    padding: 8rem 0 !important;
}
 .swiper-slide {
    overflow: visible !important;
}

.swiper-slide-active .product-cart-img  img{
    width: 100%;
    transition: 1s;
    margin-top: -1rem;
    scale:1;
}
.new-collection  .product-cart-title h3 {
    font-weight: 500 !important;
    font-size: 2.1rem !important;
    margin-top: -7rem;
    text-align: right;
    margin-right: -4rem;
    opacity: 0;
    transition: 1s;
    position: absolute;
    background: #ffffffa8;
    padding: 1rem;
}
 .swiper-slide-active .product-cart-title h3 {
    opacity:1;
    transition:1s;
}
.collection-button-next , .collection-button-prev {
    width: 70px !important;
    border: 1px solid white;
    height: 70px !important;
    border-radius: 100px;
    padding: 0.8rem;
}
.collection-button-next:after , .collection-button-prev:after{
    display: none !important;
}
.view-shop-btn {
    text-align: center;
}
/* ------------parallax---------- */
.parallax-section a {
    height: 90vh;
    display: block;
}
.parallax-section{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-conetnt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5rem;
    width: 62%;
}
.parallax-conetnt * {
    color: white !important;
    font-size: 2rem !important;
    line-height: 4rem;
    font-weight: 500 !important;
    background: #404040a8;
    padding: 1rem;
    width: fit-content;
}






/* -----------cart swiper--------- */
.cart-item {
    display: flex;
    height: 600px;
    background-position: center;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    transition: .5s;
}
.carts-swiper .section-title{
    text-align: center;
   
}
.cartsSwiper {
    margin-top: 7rem;
}
.cart-item-content {
    background-image: linear-gradient(85deg, #ffffff3d, #f9f7f7e6);
    padding: 1rem;
 
    opacity:0;
    transition: .5s;
}
h4.cart-item-title {
    font-size: 1.1rem;
    font-family: 'yekanbakh' !important;
    font-weight: 600 !important;
}
p.cart-item-text {
    font-family: 'yekanbakh' !important;
    color: #403c3c;
}
.swiper-slide-active .cart-item {
    height: 650px;
    margin-top: -2rem;
}
.swiper-slide-active .cart-item-content{
    opacity:1;
}
.cartsSwiper  , .carts-swiper .swiper-wrapper , .carts-swiper  .swiper-slide{
    overflow: visible !important;
}

/* ---------news---------- */
section.news {
    padding: 0 5rem;
}
.news .section-title {
    text-align: center;
    margin-bottom: 5rem !important;
}
.full-width-new-cart {
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}
.post-cart {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid #bbb6b654;
    padding-bottom: 1rem;
}
.post-cart:last-child{
    margin-bottom: 0;
    border-bottom: 0px;
    padding-bottom: 0;
}
.post-cart img {
    width: 179px;
    height: 129px;
    object-fit: cover;
    border-radius: 4px;
    margin-left: 1rem;
}
.new-cart-overlay {
    height: 100%;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(358deg, #000000a8, transparent);
    padding: 2rem;
}
.post-cart-title-bar a {
    color: white !important;
    font-size: 1.5rem;
    font-weight: 500;
}
/* ---------------sale products---------- */
del * , del {
    color: red;
}
ins {
    text-decoration: none;
}
.sell-percentage span {
    background: #E82020;
    color: white;
    padding: .3rem 1.2rem;
    border-radius: 7px;
    font-size: .8rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.sale-products {
    position: relative;
}

/* ----------footer----------- */
footer {
    padding: 1rem 5rem;
    border-top: 1px solid #d5d5d5;
    margin-top: 5rem;
    padding-top: 3rem;
}
.footer-details {
    text-align: center;
}
.footer-menu {
    display: flex;
    flex-wrap: wrap;
}
.footer-menu-item {
    width: 33%;
    padding-right: 2rem;
}
.footer-menu-item h3 {
    color: #1F3852;
    margin-bottom: 1rem;
}
.Permission-item {
    width: 33%;
}
.Permissions {
    display: flex;
    flex-wrap: wrap;
}
a.Permission-item img {
    width: 56%;
    margin: .5rem 0;
}
i.fa.fa-phone {
    rotate: -90deg;
}
.enamad {
    text-align: center;
}
.enamad img{
    width:50px;
    margin:.5rem 0;
}
.footer-bottom-line {
    background: #FBE4E5;
    padding-top: 5rem;
}
.benefit-list {
    display: flex;
    padding: 3rem 0;
}
.benefit-cart {
    display: flex;
    align-items: center;
}
img.benefit-image {
    width: 60px;
    margin-left: .8rem;
}
.benefit-cart  span {
    font-weight: 500;
}
.benefit-cart p {
    font-size: .7rem;
    line-height: 1.5rem;
    margin-top: .4rem !important;
}
p.footer-social-title {
    font-weight: 600;
    color: black;
    text-align: center;
    margin: 1rem 0 !important;
}
.footer-text p{
    font-weight: 300 !important;
    color: #656464;
}
.footer-title {
    font-family: 'iranyekan' !important;
    margin-bottom: 2rem;
    color: #1F3852;
}
.footer-menu a {
    font-family: 'iranyekan' !important;
    font-weight: 400;
    font-size: .9rem;
}

.footer-contact-item *:not(i) , .footer-contact-item{
    font-family: 'iranyekan' !important;
    font-weight: 400;
    font-size: .9rem;
    margin: .8rem 0 !important;
}
.footer-contact-item i {
    font-size: 1.2rem;
    margin-left: .5rem;
}
.footer-contact-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer-menu a:hover , .footer-contact-item a:hover{
    font-weight: 400;
}
.footer-social {
    text-align: center;
    margin-bottom: 2rem;
}
.footer-social  i {
    font-size: 1.5rem !important;
    margin: 0 .2rem;
    transition: .5s;
}
.footer-social i:hover{
    scale:1.1;
}
.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
}
.copyright *:not(i){
    color: #515151 !important;
    font-weight: 300;
    margin: 0 .2rem !important;
    font-size: .8rem;
    font-family: 'iranyekan' !important;
}
/* ----------max width 1024--------- */
@media only screen and (max-width: 1024px){
    .new-collection .swiper-slide-next .product-cart-video video{
        height:600px;
    }
    .right-text p, .middle-text p {
        font-family: "liana" !important;
        color: black;
        font-size: .7rem;
    }
    .product-cart-title h3{
        font-size: 1rem !important;
    }
    .product-cart-price {
        font-size: .8rem;
    }
    img.benefit-image {
        width: 42px;
    }
    .benefit-cart p {
        font-size: .6rem;
    }    
    .footer-logo {
        width: 50%;
    }
}

/* ------------button hover----- */
.hover1::before, .hover1::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: var(--main);
    border-radius: 50%;
    transition: transform 0.6s ease-out;
    z-index: -1;
}
.hover1::before {
    --n: 1;
    left: calc((var(--n) - 1)* 50%);
    transform: translateY(150%);
    transition-delay: calc((var(--n) - 1)* 0.1s);
}
.hover1::after {
    --n: 2;
    left: calc((var(--n) - 1)* 50%);
    transform: translateY(150%);
    transition-delay: calc((var(--n) - 1)* 0.1s);
}
.hover1{
    background-color: #ffffff;
     border: none; 
    border-radius: 8px;
    color: #0c0b0b !important;
    padding: 16px 42px;
    width: max-content;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    font-family: "Raleway";
    cursor: pointer;
}
.hover1:hover {
    color: #1B1117 !important;
}
.hover1:hover::before, .hover1:hover::after {
    transform: translateY(0) scale(2.5);
}
  
/*-----------page header---------------*/
.page-header {
    margin-top: -8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;
}
.page-header-overlay {
    color: white;
    background-color: rgb(0 0 0 / 45%);
    
}
.archive .page-header {
    margin-bottom: 0rem;
}
.page-header-overlay .container {
    padding: 9rem 0;
    padding-top: 15rem;
}
.breadcrumb-bar {
    padding:1rem 0;
    margin-bottom: 2rem;
}
.breadcrumb-bar *{
    font-size: 1rem !important;
    color: black;
}

/* -----------single product----------- */
.product-slider-item {
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
    padding: 5rem;
}
h2.product-slider-text {
    color: white;
    font-weight: 500 !important;
    margin-bottom: 2rem;
}
.header-top-line img{
    max-width:unset !important;
}
.breadcrumb p {
    font-size: .8rem !important;
}
.product-sidebar .sale * {
    color: black;
    font-size: 1rem;
}
.time-box {
    border: 1px solid #dddddd;
    padding: .7rem;
    /* font-size: 2rem !important; */
    border-radius: 5px;
}
.time-box p {
    font-size: .8rem;
    text-align: center;
    color: #00781b;
}
/*-----------------size-guide-popup*/

.size-guide-popup {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1000;
}


.size-guide-content{
  position: relative;
  margin: 10% auto;
  padding: 20px;
  background: #fff;
  width: 80%;
  max-width: 500px;
  border-radius: 8px;
  text-align: center;
}


.size-guide-close-btn{
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
button.size-btn {
    background: none;
    border: 1px solid #f96680;
    font-size: .8rem;
    background: pink;
    border-radius: 2px;
    padding: .2rem 1rem;
    margin-bottom: .5rem;
}
/* gallery------ */
.product-gallery .swiper {
    width: 100%;
    height: 100%;
}

.product-gallery .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yith-wcwl-add-to-wishlist-button-icon {
    color: #838383 !important;
    width: 18px !important;
}
.return {
    background: #c5c1c154;
    padding: 1rem;
    border-radius: 6px;
    border: 2px solid red;
    margin: 1rem 0;
}
.return span {
    font-weight: 500;
    margin-bottom: .8rem !important;
    display: block;
}
.return p {
    font-weight: 300;
    font-size: .8rem;
}
span.yith-wcwl-add-to-wishlist-button__label {
    font-size: .8rem !important;
    color: #838383 !important;
}
.gallerySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}
.product-gallery .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.product-gallery  .swiper-slide {
    background-size: cover;
    background-position: center;
}

.product-gallery .gallerySwiper2 {
    height: 100%;
    width: 100%;
}

.gallerySwiper {
    height: 104px !important;
    margin-top: .6rem;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallerySwiper .swiper-slide {
   
    
}

.gallerySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.gallerySwiper  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
   
}

.gallery-slider .Section-title {
    margin-bottom: 3rem;
    text-align: center;
}
/* -----end */

.product-gallery video{
    HEIGHT: 450px;
    width: 100%;
    border-radius: 10px;
    background: #f1cee3;
}
.product-title {
    font-size:2rem !important;
    line-height: 2.5rem !important;
    margin:0;
}
.attributes {
    margin: 2rem 0;
}
.en-text p{
    font-size: 0.7rem;
    color: #9b9b9b;
}
hr {
    margin: 0.5rem 0 !important;
    border-color: #9b9b9b !important;
}
.brand {
    display: flex;
    align-items: center;
}
.brand span {
    font-weight: 500;
    font-size: .9rem;
}
.brand p {
    font-size: .7rem;
    margin-right: .3rem !important;
}
.barcode {
    display: flex;
    align-items: center;
}
.barcode p {
    font-weight: 600;
    color: black;
    font-size: .7rem;
    margin: 0 .5rem !important;
}
.barcode span{
    color: var(--main);
    font-size: 0.8rem;
}
.pricebox * {
    color: #928f8f;
    font-size: .8rem;
}
.woocommerce-variation.single_variation {
    margin: 1rem 0;
}
ins * {
    color: black;
    font-size: 1.1rem;
}
.pricebox {
    margin: 1rem 0;
}
.product-category img{
    width: 17px;
}
.price-box {
    margin-bottom: 1rem;
    border: 1px solid #e3e3e3;
    padding: 1rem;
    border-radius: 5px;
}
.quantity {
    width: 26%;
}
.single-product{
    background: #fdfdfd;
}
.benefit-box img {
    width: 100%;
    border-radius: 7px;
    margin: .2rem 0;
}
.ads-banner img{
    width: 100%;
    border-radius: 5px;
    margin: 1rem 0;
}
.tabcontent{
    display: none;
}
#tab1{
    display: block;
}

.yith-add-to-wishlist-button-block{
    margin-top: 2rem !important;
}
.single-product-template {
    padding-top: 2rem;
}

.single-product .contants {
    padding: 2rem;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: none !important;
    border: none;
}
.woocommerce table.shop_attributes th , .woocommerce table.shop_attributes td , .woocommerce table.shop_attributes {
    border: none !important;
    font-size: .8rem  !important;
    padding: 0 !important;
}
.woocommerce table.shop_attributes td p {
    margin: 0  !important;
    padding: 1px 0 !important;
}
.product-attributes-list strong {
    font-weight: 500;
    font-size: .8rem;
    color: #484848 !important;
}
.product-attributes-list li {
    font-size: .8rem;
    color: gray;
}
.variations tr {
    display: block;
    margin: .4rem 0 !important;
}
.variations tr .label {
    padding-left: .5rem !important;
}
.cfvsw-selected-swatch {
    background: #f285c182 !important;
}
.product-content {
    margin-top: 4rem;
}
#comment {
    width: 98%;
   border: 1px solid #c9c9c9;
   border-radius: 5px;
}
#commentform {
    display: flex;
    flex-wrap: wrap;
}
.comment-notes {
    width: 100%;
}
.comment-form-comment {
    width: 100%;
}
.comment-form-url{
    display:none;
}
.comment-form-author , .comment-form-email{
        width: 50%;
}
label {
    display: block !important;
}
input {
    width: 96%;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}
.comment-form-cookies-consent{
    display:none;
}
#submit {
    margin-top: 1rem !important;
    background: var(--main) !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: .9rem !important;
    
    padding: 0.2rem 2rem;
    border: none;
}
.quantity input {
    height: 100%;
    margin-left: .5rem;
    text-align: center;
}
form.cart {
    display:flex;
    
}
.variations_form{
    flex-direction: column;
}
.value select{
    border: 1px solid #cdcdcd;
    font-size: .8rem;
    padding: 0.2rem .5rem;
    border-radius: 3px;
}
.woocommerce-variation-add-to-cart {
    display: flex;
    margin: 1rem 0;
}
.single_add_to_cart_button {
    background: var(--main) !important;
    font-weight: 400 !important;
    font-size: .9rem !important;
    width: 100%;
    border: 1px;
    color: white;
    border-radius: 5px;
    padding: .5rem;
}
.product-content .pricebox {
    margin: 1rem 0;
}
.product-content .sale {
    color: green;
    font-size: 1.1rem;
}
.comment-form-rating {
    margin: 1rem 0;
}
.woocommerce #reviews #comments h2{
    display:none;
}
.star-rating{
    display:none;
}
.woocommerce-review__dash{
    display:none;
}
.woocommerce-review__published-date {
    float: inline-end;
}
span.cfvsw-selected-label , .reset_variations {
    display: none !important;
}
.single-product-template #tabGroup1 {
    border-bottom: 1px solid #dbabda63;
}
.single-product-template button.tablinks.active{
    color: black;
    font-weight: 600;
    border-bottom: 2px solid var(--main);
    margin: 0 !important;
    height: 100%;
    padding: 1rem;
}
span#reply-title {
    display: none;
}
.similar-products {
    padding: 3rem 0;
}
h3.similar-products-title {
    margin: 3rem 0;
    font-size: 2rem !important;
    text-align: center;
    margin-bottom: 5rem;
}
section.carts-swiper {
    overflow: hidden;
}
/* -------------counter-------------- */
.counter-img img {
    width: 100%;
    border-radius: 100%;
}

li.counter-item {
    margin-bottom: 15px;
    list-style: none;
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    border-radius: 100px 0px 0px 100px;
    padding: 7px 10px 7px 35px;
    background-color: #9d9f9e;
    display: flex;
    align-items: center;
}
.counter-item p {
    color: #ffffff;
}
.counter-item span {
    font-weight: 700;
    font-size: 1.2rem;
    margin-left: 1rem;
    color: #ffffff;
    letter-spacing: .1rem;
}
.counter-title {
    font-size: 2rem !important;
    text-align: left;
}
.counter .row {
    display: flex;
    align-items: center;
}
/* ------------product archive----------- */
.page-header-breadcrumb * {
    color: #e3e3e3;
}
h1.page-header-title {
    font-weight: 500 !important;
    font-size: 2.8rem !important;
}
.sub-category-item img{
    padding: .3rem;
    width: 100%;
    transition: 1s;
    border-radius: 5px;
    background: white;
    height: 80px !important;
    object-fit: contain;
}
.sub-category-item {
    text-align: center;
    padding: .5rem;
    DISPLAY: block;
    border-radius: 5px;
    padding: .5rem;
    
}
.sub-category-item:hover img{
    scale: 1.05;
}
.sub-category-title {
    font-size: .8rem !important;
    margin-top: .8rem;
    font-weight: 500 !important;
}
.archive-title {
     font-size: 1.1rem !important;
    margin: .5rem 0;
}

.sub-categores-swiper .swiper-wrapper{
    height: auto !important;
}
.sub-categores{
    position: relative;
    background: #f7f7f7;
    padding: 1rem;
    border-radius: 8px;
}
.archive-content {
    margin-top: .5rem;
}



.wcpf-field-item.wcpf-front-element {
    background: white;
    border: 1px solid #ebebeb;
    padding: .5rem;
    border-radius: 5px;
    box-shadow: 0 0 46px 12px #8080800a;
}
.box-toggle{
    left:0 !important;
    right: unset !important;
}
.wcpf-title-container span {
    font-family: 'iranyekan' !important;
    font-size: .7rem;
}
button.wcpf-button.wcpf-button-action-reset {
    background: var(--main);
    color: white;
    border-radius: 5px;
}
.archive-products-list .row{
    margin:0 !important;
}
.woocommerce-result-count{
    display:none;
}
select.orderby {
    border: 1px solid #d5d5d5;
    font-size: .8rem;
    padding: .4rem 1rem;
    border-radius: 5px;
}
.wcpf-field-item.wcpf-front-element.wcpf-front-element-209.wcpf-field-button {
    border: none;
    padding: 0;
}

.mobilefilter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 3rem;
    height: 100%;
    background: #000000c7;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow-y: scroll;
}
.mobilefilter .wcpf-filter {
    background: white;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 0 0 10px 10px #6d6d6d26;
    width: 100%;
    position: relative;
    top: 60% !important;
}
.closepopupbtn {
    position: fixed;
    top: 5%;
}
.closepopupbtn i{
    color:white;
    font-size: 2rem;
    margin-bottom:1rem;
}
button.filter-btn {
    background: var(--main);
    color: white;
    margin-bottom: .8rem;
    border-radius: 5px;
    padding: 0 1rem;
    font-size: .8rem;
    padding: 0.7rem 2rem;
    width: 100%;
}

.archive-content .product-cart {
    margin-bottom: 2rem !important;
    position: relative;
}
.wcpf-field-button {
    background: none !important;
    padding: 0 !important;
    border: none !important;
}
.short-intro {
    margin-bottom: 2rem ;
}
.archive-products-list a.product-cart-img img{
    width: 100%;
}
/* ---------archive-filter------------ */
.searchandfilter ul li {
    width: 25%;
    border: 1px solid rgb(190, 190, 190) !important;
    border-width: 0px 1px 1px 0 !important;
    padding: 1rem !important;
}
.searchandfilter ul {
    display: flex !important;
    flex-wrap: wrap;
}
select.sf-input-select {
    width: 100%;
    padding: 1rem 0;
    border-width: 0px !important;
    background-color: white;
}
select.sf-input-select:active , select.sf-input-select:focus , select.sf-input-select:focus-visible{
    border-width: 0px !important;
    outline: 0 !important;
}

.sf-input-text {
    width: 100% !important;
    border-width: 0px  !important;
    padding: .9rem;
    border-radius: 0;
}
.sf-input-text:focus-visible{
    outline: none !important;
}
.archive-filter {
    margin-bottom: 3rem;
}
/*------------form-map-----------*/
.form-map input#gform_submit_button_3 {
    width: 100%;
    background: var(--main);
}
.form-map iframe{
    width:100%;
}
/* -----------contact us ----------- */
img.image-cart-img {
    width: 60px;
    margin-bottom: 1rem;
}
.image-box-cart.aos-init.aos-animate {
    text-align: center;
    background: #d8cfd140;
    border-radius: 10px;
    padding: 1rem;
    margin: .5rem 0;
}
/*-----------blog----------*/
.post-thumbnail img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 5px;
}
.post-link svg {
    fill: var(--red);
}
.post-title a {
    font-weight: 500;
    font-size: 1rem;
    margin: 1rem 0 !important;
    display: block;
}
.post-excrept {
    font-size: .8rem;
    font-weight: 300 !important;
    color: #767272;
}
.post-item {
    background: white;
    padding: 1rem;
    box-shadow: 0 0 29px 3px #3c3c3c17;
    border-radius: 5px;
    height: 95%;
    margin-bottom: 2rem;
}
.post-link {
    text-align: left;
    padding-left: 1rem;
}
/*------------single post-----------*/
.single-post-fetcher img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 1rem;
    height:100%;
}
.single-post-title h1 {
    margin-bottom: .5rem;
    font-size: 1.6rem !important;
}
.single-post-content * {
    font-family: 'iranyekan';
    line-height: 39px;
    font-size: .9rem;
    font-weight: 300;
}
.single-post-content strong {
    font-weight: 600 !important;
}
.single-post-content h2 {
    margin: 1rem 0;
    font-size:1.4rem;
}
.single-post-content h3 {
    margin: 1rem 0;
    font-size:1.3rem;
}
.single-post-content h4 {
    margin: 1rem 0;
    font-size:1.2rem;
}
.single-post-content img{
    width: 100%;
    border-radius: 10px;
    height: 100%;
    margin: 1rem 0;
}
.sidebar-article-cart-thumbnail {
    width: 28%;
    border-radius: 2px;
    margin-left: 0.7rem;
    height: 65px;
    object-fit:cover;
}
.sidebar-article-cart-title {
    font-size: .8rem;
    font-weight: 500 !important;
    line-height: 1.5rem;
    color: #585858;
}
.sidebar-social {
    display: flex;
    justify-content: space-evenly;
}
.sidebar-social a {
    background: var(--main);
    color: white;
    padding: .5rem;
    border-radius: 50px;
    line-height: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    transition:1s;
}
.sidebar-social a:hover{
    scale:1.1;
}
.sidebar-social a i{
    color:white;
}
.social .sidebar-section-title {
    text-align: center;
    font-size: .8rem !important;
}
.sidebar-article-cart {
    display: flex;
    margin-bottom: 1rem;
}
.sidebar-section {
    border: 1px solid #a1a1a159;
    border-radius: 5px;
    padding: .8rem;
    
    margin-bottom: 1rem;
    
}
.sidebar-section-title {
    margin: .5rem 0;
    margin-bottom: 1rem;
    font-weight: 500 !important;
}
.single-post-content {
    border: 1px solid #e1e1e1;
    padding: 1rem;
    border-radius: 4px;
    /* background: white;
    box-shadow: 0 0 41px 14px #8080800a; */
}
.archive  .product-cart-title h3 {
    margin-top: 1rem !important;
}

/*--------comment------*/
.single-post-comment #comment{
    width:100%;
    border-radius: 10px;
    border-color: #c9c9c9;
}
.single-post-comment .comment-form-author , .single-post-comment .comment-form-email {
    display: flex;
    flex-direction: column;
}

.single-post-comment .comment-form-url{
    display:none;
}
 .single-post-comment {
    border-radius: 10px;
    margin: 2rem 0;
}
.single-post-comment input#submit {
    background: var(--main);
    color: white;
    border: navajowhite;
    font-size: 0.8rem;
    padding: .4rem 2rem;
    border-radius: 6px;
    margin-top: 1rem;
}
/* --------------faq ------------- */

.bottom-faq-icon {
    background: white;
    box-shadow: 0 0 10px 10px #8080802e;
    width: fit-content;
    border-radius: 100px;
    padding: .8rem;
    margin-left: 0;
    margin-left: -34%;
    margin-top: -10%;
}
.top-faq-icon {
    background: white;
    box-shadow: 0 0 10px 10px #8080802e;
    width: fit-content;
    border-radius: 100px;
    padding: .8rem;
    margin-left: 0;
    margin-right: -34%;
    margin-bottom: -10%;
    z-index: 7;
}
.faq-img {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.faq-icon img{
    width: 40px;
    height: 40px;
}
.faq .row{
    display: flex;
    align-items: center;
}
.faq-list {
    margin: 2rem 0;
}
/*--------------faq------------------*/
.accordion-item {
    border: none !important;
}
.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5 !important;
}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid var(--golden) !important;
}

.accordion-item button {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: var(--golden);
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color:var(--golden);
  border: 1px solid var(--golden);
}
.accordion-title {
    color: #383838;
    font-weight: 500;
    font-size: 0.9rem;
    padding-right: 1rem;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}


.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  margin: 2em 0;
  font-weight: 400;
  font-size: .8rem;
    padding: 1rem;
}

/* ----------desktop menu panel--------- */
.desktop-header .tabs {
    display: flex;
    align-items: flex-start;
    background: #f7f7f7;
    border-radius: 0 !important;
    padding: 0.2rem;
    flex-wrap: wrap;
}
.desktop-header .mega-sub-menu {
	border-radius: 10px !important;
}
.desktop-header .tablinks a {
	font-weight:400 !important;
	color: black !important;
    width: 100%;
    display: block;
}
.desktop-header .tablinks {
    background: none;
    border: 1px solid #e3e3e3;
    margin: 0.1rem 0.1rem;
    color: #6A6A6A;
    display: block;
    width: 100%;
    padding: 1rem;
    /* border-radius: 10px; */
    text-align: right;
    width: 49%;
}
li#mega-menu-item-block-7 {
    padding: 0rem !important;
    border: 1px solid #000000 !important;
}
.desktop-header .tablinks:hover{
    background: #ffffff;
    
}
.desktop-header .contents{
    text-align: right;
}
.desktop-header .contents a {
	margin: .9rem 0 !important;
	display: block;
}
.desktop-header .contents a:hover{
    font-weight: 600 !important;
}
/*.sub-menu-page .tabs .tablinks:first-child{
    display: none;
}*/
/*--------header menu--------*/
.mobile-submenu-panel {
    position: fixed;
    background: #f5f5f6;
    height: 100vh;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100%;
    transition: right 1s ease;
    z-index: 1000;
    box-shadow: -2px 0 5px rgb(174 174 174 / 50%);
    overflow-y: scroll;
}

#close-menu {
    background: none;
    border: none;
    padding: 1rem 2rem;
    width: 100%;
    text-align: left;
}
#close-menu i{
    font-size:2rem;
}
.mobile-submenu-panel li {
    padding: 1rem 2rem;
    border-bottom: 1px solid #cbcbcb;
}
#menu-btn {
    font-size: 2rem;
}
.mobile-sub-menu-page .mega-menu {
    display: flex !important;
    flex-direction: column;
}
.mobile-sub-menu-page .mega-menu li {
    border-bottom: 1px solid #d7d7d7 !important;
    padding: .5rem !important;
}
.mobile-sub-menu-page li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a{
    color:white !important;
}
.mobile-sub-menu-page .tabs {
    display: flex;
    justify-content: center;
}
.mobile-sub-menu-page .menutablinks {
    border: 1px solid var(--main);
    border-radius: 100px;
    margin: .2rem;
    padding: .5rem 2rem;
}
.mobile-sub-menu-page .menutablinks.active {
    background: var(--main);
    color: white;
}
.tabcontent , .menutabcontent{
    display: none;
}
#tab4{
    display: block;
}
.mobile-sub-menu-page .mega-sub-menu {
    width: 10;
    background: #fcffff !important;
    box-shadow: 0 0 10px 10px #6666660d !important;
    width: 94% !important;
    /* color: white !important; */
}
a.mega-menu-link{
    background: none !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
 
    transition:0.5s !important;
}
a.mega-menu-link:hover{
    color:var(--third) !important;
}
.menu-active{
    right:0 !important;
}
 li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: left !important;
}
.mobile-sub-menu-page li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    right: 10px !important;
    top: 50px !important;
    background: #009294 !important;
}

/*--------header products menu--------*/
.mobile-products-panel {
    position: fixed;
    background: #f5f5f6;
    height: 100vh;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100%;
    transition: right 1s ease;
    z-index: 1000;
    box-shadow: -2px 0 5px rgb(174 174 174 / 50%);
    overflow-y: scroll;
}

#close-menu {
    background: none;
    border: none;
    padding: 1rem 2rem;
    width: 100%;
    text-align: left;
}
#close-menu i{
    font-size:2rem;
}
.mobile-products-panel li {
    padding: 1rem 2rem;
    border-bottom: 1px solid #cbcbcb;
}
#mobile-products-btn {
    font-size: 2rem;
}
#close-products-menu {
    background: none;
    border: none;
    font-size: 2rem;
    width: 100%;
    text-align: left;
    padding: 1rem 2rem;
}
.menu-products-active{
    right:0 !important;
}
/*----------404--------------*/
.title-404{
    font-size: 8rem !important;
    -webkit-text-stroke: 1.5px #1B1117;
    color: transparent;
    margin-bottom: 3rem;
}
.content-404 p{
    font-size: 1.5rem;
    font-weight: 600;
    color: black;
}
.section-404 .row{
    display: flex;
    align-items: center;
    padding: 4rem 0;
}
.image-box-404 {
    text-align: center;
}

@media only screen and (max-width: 1400px){
    .plans {
        padding: 3rem 2rem !important;
    }
}

/* --------------cart--------------- */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}
.cart_totals h2 {
    margin-bottom: 1.5rem;
}
a.checkout-button.button.alt.wc-forward {
    background: var(--main) !important;
    font-weight: 500 !important;
}

/*--------------my account------------*/
li.woocommerce-MyAccount-navigation-link {
    background: pink !important;
    margin: .5rem;
    padding: .5rem;
    text-align: center;
    border-radius: 5px;
    width:45%;
}
nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem !important;
}
/* ----------footer navbar----------- */
/*----------------mobile nav-----------------------*/

.footer-navbar {
    display:none;
	 position: fixed;
	 bottom: 0;
	 width: 100%;
	 margin: 0 auto;
	 left: 0;
	 right: 0;
	z-index: 88;
}
 .nav-box {
	 display: flex;
	 padding: 8px;
	 background-color: #E3F8FF;
	 box-shadow: 0px 0px 16px -7px #444;
}
 .nav-container {
	 display: flex;
	 width: 100%;
	 list-style: none;
	 justify-content: space-around;
	 margin: 0;
    padding: 0;
}
 .nav__item {
    display: flex;
    position: relative;
    padding: 2px;
    flex-direction: column;
    text-align: center;
}
 .nav__item.active .nav__item-icon {
	 
	 box-shadow: 0px 0px 16px -7px #444;
}
 .nav__item.active .nav__item-text {
	transform: scale(1);
	color: #000603;
    font-weight: 600;
    font-size: .8rem;
}
 .nav__item-link {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 color: #2f3046;
	 text-decoration: none;
}
 .nav__item-icon {
display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    border-radius: 50%;
    transition: margin-top 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
 .nav__item-text {
	 font-size: 0.7rem;
	 color:#201f1f;
}

.nav__item-icon svg{
        stroke: #201f1f;
    width: 25px;
}
.nav__item-icon svg path{
        stroke: #201f1f;
}
li.nav__item.active svg{
       
    border: 1px solid var(--main);
    border-radius: 100px;
    padding: .1rem;
    background: var(--main);
}
.nav__item-icon img {
    width: 25px;
}
.cart-count {
    background-color: var(--main);
    color: white;
    border-radius: 100%;
    line-height: 0.5rem;
    height: 1.2rem;
    width: 1.2rem;
    text-align: center;
    margin-right: -22px;
    font-size: 0.8rem;
    margin-bottom: -1.2rem;
    position: relative;
    z-index: 4;
    bottom: 0rem;
}
header .cart-count {
    margin-right: 6px;
}
.cart-count span{
    line-height: 1.5rem;
}
.home .header-breadcrumb-line{
    display:none;
}

/*---------------call now-------------*/
@-webkit-keyframes pulse{
    0%{
      -webkit-transform: scale(0.9);
    }
    50%{
      -webkit-transform: scale(1.1);
    }
    100%{ 
      -webkit-transform: scale(0.9);
    }
  }
  .mypage-alo-phone {
      position: fixed;
      right: 10px;
      bottom:10px;
      visibility: visible;
      background-color: transparent;
      width: 110px;
      height: 110px;
      cursor: pointer;
      z-index: 200000 !important;
  }
  .mypage-alo-ph-img-circle {
          width: 30px;
          height: 30px;
          top: 43px;
          left: 43px;
          position: absolute;
          background:  url(assets/imags/whatsapp-svgrepo-com.svg) no-repeat center center;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          border-radius: 100%;
          border: 2px solid transparent;
          opacity: .7;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          background-color: #008304;
          background-size: 70%;
        -webkit-animation: pulse 01s infinite;
  }
  .mypage-alo-ph-circle-fill {
    
      width: 60px;
      height: 60px;
      top: 28px;
      left: 28px;
      position: absolute;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid transparent;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      background-color: rgb(47 122 0 / 38%);
      opacity: .75 !important;
      -webkit-animation: pulse 1s infinite;
  }
  .mypage-alo-ph-circle{
      width: 90px;
      height: 90px;
      top: 12px;
      left: 12px;
      position: absolute;
      background-color: transparent;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid rgba(30, 30, 30, 0.4);
      opacity: .1;
      border-color:#ffb56b;
      opacity: .5;
  }
  #reply-title{
      display:none !important;
  }
/*--------end--------*/
h2.woocommerce-order-details__title {
    margin: 2rem 0;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: green;
    color: white;
    padding: .5rem;
    margin-bottom: 2rem !important;
    border-radius: 7px;
}
.woocommerce-Address {
    width: 100%;
}
a.edit {
    background: green;
    color: white !important;
    padding: .5rem 1rem;
    border-radius: 5px;
    /* margin: 1rem !important; */
    display: inline-block;
    margin: 1rem 0;
}
.woocommerce-Address-title h2 {
    margin-top: 1rem;
}
address {
    line-height: 2rem !important;
}
.woocommerce-Address{
    width:100% !important;
}
.woocommerce-EditAccountForm input {
    height: 38px;
    padding: .5rem;
}
  .woocommerce-checkout input {
    height: 40px;
    padding: .5rem;
    font-family: 'iranyekan';
}
 .select2-selection__arrow {
    height:41px !important;
}
.select2-selection--single {
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
}
textarea#order_comments {
    margin: 1rem 0;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}
.woocommerce-additional-fields {
    padding-top: 1rem;
}
.woocommerce-shipping-methods  input {
    height: 15px;
    padding: .5rem;
    width: unset;
}
.woocommerce ul#shipping_method li {
    display: flex;
}
.text-image-title {
    margin-bottom: 1rem;
}




@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: scale(0,1.2)
    }

    20% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

    20.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: scale(0,1.2)
    }

    40% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

    40.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: scale(0,1.2)
    }

    60% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

    60.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: scale(0,1.2)
    }

    80% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

    80.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: scale(0,1.2)
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }
}
/*-------------popup-----------*/
.popup {
    position: fixed;
    bottom: auto;
    top: auto;
    left: -100%;
    width: 21%;
    height: fit-content;
    background: rgba(0, 0, 0);
    color: #fff;
    padding: 20px;
    text-align: center;
    transition: left 1s ease-in-out;
    z-index: 8;
    padding-bottom: 5rem;
}

.popup.active {
    left: 11px; /* نمایش پاپ‌آپ */
}

.popupclose {
    /* position: absolute; */
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    text-align: right;
    margin-bottom: 3rem;
}
.popup-text * {
    color: white;
    font-size: 1.5rem !important;
}
.popup-text{
    margin-bottom:2rem;
}
.popup input#gform_submit_button_1 {
    width: 100%;
    background-color: var(--third);
    color: black;
}
/* ------title animation-------- */
char {
    
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s, transform 0.5s;
    font-weight: 600 !important;
  }
  
  char.animate {
    opacity: 1;
    transform: translateY(0);
  }

    /* .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    } */
.section-title-mobile {
    text-align:center;
        margin-bottom: 2rem;

}
  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  /* .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
  /* .swiper {
    width: 100%;
    height: auto;
  } */
  .mySwiper2 .swiper-slide img {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    height: 100vh;
    opacity: 0.8;
  }
  .mySwiper{
    position: absolute !important;
    /* width: 253px; */
    left: 2%;
    top:35%;
}

.mySwiper  .swiper-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto !important;
    background: #808080ad;
    padding: 0 .5rem;
    border-radius: 10px;
}
.single-product-slider {
    position: relative;
    margin-top: -8rem;
    background-color: black;
}
.mySwiper  .swiper-wrapper .swiper-slide{
    margin: 0.5rem 0!important;
    width: 100px !important;
}
 .mySwiper  .swiper-wrapper .swiper-slide-thumb-active img{
    border: 2px solid white;
}   
.mySwiper .swiper-wrapper .swiper-slide img{
    height:100px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 8px;
}
.scroll-link::before {
    content: ' ';
    position: absolute;
    top: 18px;
    right: 28px;
    transform: rotate(90deg);
    width: 18px;
    height: 1px;
    background: #fff;
}
.scroll-link{
    display: inline-block;
    position: relative;
    padding: 11px 60px 11px 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-family: 'Mulish';
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    box-shadow: 0 0 0 0 #fff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    -o-transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7),-webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
}
.scroll-link::after {
    content: '';
    position: absolute;
    right: 33px;
    bottom: 10px;
    width: 8px;
    height: 8px;
    border-top: 1.2px solid #fff;
    border-right: 1.2px solid #fff;
    transform: rotate(135deg);
}
.scroll-link:hover {
    -webkit-box-shadow: 4px 4px 0 0 #fff;
    box-shadow: 4px 4px 0 0 #fff;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

.scroll-link:hover::before {
    animation: downelasticus 4.1s forwards;
}
.slider-scroll-down {
    text-align: right;
    right: 42px;
    left: 0;
}
.scroll-link{
    color: white !important; 
}
.size_item {
    border: 1px solid #bfbbbb;
    padding: 2rem 5rem;
    margin: 1rem 0;
    display: inline-block;
    width: auto;
    font-size: 1rem;
    cursor: pointer;
}
.size_item:hover{
    border: 1px solid #505050;
}
.attribute-title {
    font-weight: 500 !important;
    font-size: 1.3rem !important;
    width: 100%;
}
.row.product-title-bar {
    padding: 2rem 0;
}
.model_item {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s;
}
.model-cart {
    width: 31%;
    display: inline-block;
}
.models{
    display: flex;
    gap: 28px;
    flex-direction: row;
    flex-wrap: wrap;
}
.model-cart p {
    margin-top: .6rem !important;
    color: black;
    font-family: 'kalameh' !important;
    font-weight: 400;
}
.model_item:hover{
    scale:1.05;
    transition: 1s;
}
.slider-scroll-down h2 {
    color: white;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    margin-bottom: 2rem;
}
a.product-catalogue-link {
    float: left;
}
/*-----------single project---------*/
img.project-gallery-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.single-project-content {
    border: 1px solid #e1e1e1;
    padding: 1rem;
    border-radius: 4px;
    height: 100%;
}
/*-------single engineer--------*/
img.engineer-image {
    width: 100%;
}
main.single-engineer {
    padding: 3rem 0;
}
h2.engineer-projects-title {
    margin: 3rem 0;
}
@keyframes downelasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(0,1.2);
    }

    20% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(1,1.2);
    }

    20.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(0,1.2);
    }

    40% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(1,1.2);
    }

    40.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(0,1.2);
    }

    60% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(1,1.2);
    }

    60.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(0,1.2)
    }

    80% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(1,1.2)
    }

    80.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0,1.2);
        -ms-transform: scale(0,1.2);
        -moz-transform: scale(0,1.2);
        -o-transform: scale(0,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(0,1.2)
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        -moz-transform: scale(1,1.2);
        -o-transform: scale(1,1.2);
        transform: rotatez(90deg) translateY(-9px) translateX(-9px) scale(1,1.2)
    }
}

@media only screen and (max-width: 1024px) {
    .slider-title {
        font-size: 1rem !important;
        line-height: 2rem;
    }
    .slider-button {
        margin-top: -8rem;
    }
    .about-us {
        padding: 0 3rem;
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .about-us-text {
        padding-left: 2rem;
    }
    .about-us-text * {
        font-size: 1rem;
        line-height: 2rem;
    }
    p.section-text {
        padding: 0 0rem;
    }
    .parallax-conetnt {
        width: 80%;
    }
    .parallax-conetnt * {
        font-size: 1.5rem !important;
        line-height: 3rem;
    }
    .section-title {
        font-size: 2rem !important;
    }
    a.cart-item {
        height: 450px;
    }
    .swiper-slide-active .cart-item {
        height: 510px;
    }
    .post-excrept {
        line-height: 1.1rem;
    }
    .post-cart-content h3 a {
        font-size: 1rem !important;
        font-weight: 500 !important;
        line-height: 1.8rem;
    }
    .post-cart-title-bar a {
        font-size: 1.2rem;
    }
    footer {
        padding: 2rem 2rem;
    }
    .popup {
        width: 33%;
    }
}