/*
Theme Name: mehr
Theme URI: https://webramz.com
Author: webramz
Author URI: https://webramz.com
Version: 1.1
*/


@font-face {
    font-family: Kalameh-black;
    src: url('fonts/KalamehWebFaNum-Black.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
@font-face {
    font-family: Kalameh-bold;
    src: url('fonts/KalamehWebFaNum-Bold.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

@font-face {
    font-family: Kalameh-Regular;
    src: url('fonts/KalamehWebFaNum-Regular.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
@font-face {
    font-family: iranyekan-bold;
    src: url('fonts/iranyekanwebboldfanum.woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
@font-face {
    font-family: iranyekan-regular;
    src: url('fonts/iranyekanwebregularfanum.woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

 
/*********Css Variables****************/
:root {
    font-size: 16px;
  --font-KalamehB: "Kalameh-black";
  --font-Kalameh-b: "Kalameh-bold";
  --font-Kalameh-R:"Kalameh-Regular";
  --font-iranyekan-r: "iranyekan-regular";
  --white-color: #ffffff;
  --main-color: #000000; 
  --main-color-2: #242437; 
  --main-color-3:#AEAEAE;
  --main-color-4:#E83F56;
  --main-color-5:#3A4148;
  --main-color-6: #28288B;
  --main-color-7: #353535; 
  --grey-color:#EDF2F5;
  --size-2:2rem;
  --size-1-7:1.7rem;
  --size-1-5:1.5rem;
  --size-1-4:1.4rem;
  --size-1-3:1.3rem;
  --size-1-2:1.2rem;
  --size-1-1:1.1rem;
  --size-1:1rem;
  --size-0-9:0.9rem;
  --size-0-85:0.85rem;
  --size-0-7:0.7rem;
  --size-0-5:0.5rem;
  --size-0-3:0.3rem;
  --box-shadow: 0px 2px 8px rgba(0,0,0,.16);
  a {
    color: var(--main-color);
    text-decoration: none ;
}
ins {
    text-decoration: none;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-justify{
    text-align: justify;
}

   }
/**************************************/
h1 , h2 , h3 , h4 , h5 , h6    {
    font-family: var(--font-Kalameh-b);
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}
h1 , h2 , h3 , h4 , h5 , h6{
    padding-bottom: 1rem;
}
.lang-en .h1, .lang-en h1 {
    font-size: 1.5rem !important;
}
.h1, h1 {
    font-size: 1.7rem !important;
}
.h2, h2 {
    font-size:var(--size-1-5) !important;
   }
.h3, h3 {
    font-size: var(--size-1-3)!important;
}
.h4, h4 {
    font-size:var(--size-1-1) !important;
}
.h5, h5 {
    font-size:var(--size-1) !important;
}
.h6, h6 {
    font-size:var(--size-0-85) !important;
}
body, p {
    font-family: var(--font-Kalameh-R) !important;
    font-size: var(--size-1);
    line-height: 2 !important;
    color: #3A4148;
    text-align: justify;
}
section {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important;
}
.border {
    border: 0.1rem solid #C7D1E5 !important;
}
.rounded-6 {
    border-radius: 0.6rem!important;
}
.white {
    color: white;
}
/*****************keyframes***************/
   @keyframes pulseEffect {
        0% {
          transform: scale(1.05);
        }
        50% {
          transform: scale(0.95);
        }
        100% {
          transform: scale(1.05);
        }
      }
  
/***************footer**************/
footer.bd-footer {
    background-color: var(--main-color-2);
     
}
/* .col5 .textwidget {
    background: #1EBDC6;
    padding: 2rem;
    border-radius: 1rem;
}
.col5 p, .copyright p {
    color: #fff;
    text-align: justify;
} */
h4.title-footer {
    color: #fff;
}
ul.list-footer li a {
    color: var(--main-color-3);
    transition: all 300ms ease-out;
    font-size: var(--size-1);
    font-weight: 400 !important;
    font-family: var(--font-Kalameh-R);
}
ul.list-footer.col-contact {
    font-size:var(--size-0-9);
}
ul.list-footer.col-contact li {
    line-height: 3  !important;
}
.copyright {
    font-size: var(--size-0-85);
}
.copyright a {
    color: var(--main-color-4);
}
ul.list-footer.col-contact:hover li {
    list-style: none !important;
}
p.social img:hover {
    background: #ffffff2e;
    transition: all 300ms ease-out;
}
p.social img {
    padding: 0.8rem;
    border-radius: 1rem;
}
ul.footer-products-list li a , .footer-categories-list  li a , ul.list-footer li a{
    color: var(--main-color-3);
    transition: all 300ms ease-out;
    font-size: var(--size-1);
    font-weight: 400 !important;
    font-family: var(--font-YekanB-R);
}
ul.footer-products-list li:hover , .footer-categories-list  li:hover  , ul.list-footer li:hover{
    list-style: disc;
    color: var(--main-color-4);
    margin-right: 0.5rem;
    transition: all 600ms ease-out;
}
.lang-en ul.footer-products-list li:hover , .lang-en .footer-categories-list  li:hover  , .lang-en ul.list-footer li:hover{
     margin-left: 0.5rem;
    margin-right: 0rem;
   }
ul.footer-products-list li:hover a , ul.footer-categories-list  li:hover a , ul.list-footer li:hover a{
    color: var(--main-color-4);
}
ul.footer-products-list li  , ul.footer-categories-list  li , ul.list-footer li {
    color: var(--main-color-3);
    line-height: 2.5;
    transition: all 600ms ease-out;
}
footer.bd-footer .textwidget ul {
    padding: 0 1.2rem;
}
.copyright {
    border-top: 0.1rem solid #36364a;
}
/***********header**************/
.lang-en a.nav-link {
    text-transform: capitalize;
}
div#header {
    border-top: 1rem solid  var(--main-color-6);
}
img.custom-logo {
    width: 100%;
    height: auto;
    position: relative;
    top: -1rem;
}
.home .fixed ul#menu-main-menu li a {
    color: var(--main-color-7);
    padding: 0 1rem;
}
ul#menu-main-menu li a {
    color: var(--main-color-7);
    padding:  0.5rem 1rem;
    font-family: 'Kalameh-Regular';
}
 ul#menu-top-menu {
    margin: 0 !important;
}
ul#menu-top-menu li:hover a , ul#menu-top-menu-en li:hover a {
    color: indianred !important;
}
ul#menu-top-menu-en , ul#menu-top-menu {
    font-weight: bold;
}
li#menu-item-345 a , li#menu-item-503 a {
    color: #999 !important;
}
input.orig {
    text-align: right;
}
.asl_w_container.asl_w_container_1 {
    margin-top: 0.7rem;
}
.lang-fa div#top-menu ul li a {
    padding: 0 0.5rem;
    border-left: 0.1rem solid #eee;
    color: indianred
}
.lang-en  div#top-menu ul li a {
    padding: 0 0.5rem;
    border-right: 0.1rem solid #eee;
    color: indianred
}
ul#menu-top-menu-en {
    display: flex;
    flex-direction: row;
}
div#top-menu {
    padding-left: 3rem;
}
.lang-en div#top-menu {
    padding : 0 3rem 0 0;
}
.fixed  {
            background-color: #f7f7f7;
            color: white;
            padding: 0.2rem 0 0 1.5rem;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            position: relative; /* موقعیت پیش‌فرض */
            transition: all 0.4s ease; /* اضافه کردن انیمیشن نرم */
            opacity: 1; /* شفافیت اولیه */
            position: fixed !important;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99999 !important;
            opacity: 1; /* هنگام فیکس شدن هدر، شفافیت ۱۰۰ درصد */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); 
}
ul#menu-top-menu {
    display: flex;
    flex-direction: row;
}
.box-top-menu .collapse:not(.show) {
    display: flex;
    flex-direction: row !important;
}
 .box-top-menu  a.navbar-toggler {
    padding:0.3rem;
}
.offcanvas-header {
    display: flex;
    flex-direction: row-reverse;
}
ul#menu-main-menu-1 li {
    border-bottom: 0.1rem dashed #ccc !important;
}
.lang-fa .navbar-nav .nav-link.active, .lang-fa .navbar-nav .nav-link.show {
    color: indianred !important;
}
.lang-en .navbar-nav .nav-link.active, .lang-fen .navbar-nav .nav-link.show {
    color: indianred !important;
}

 /******************************************/
 
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2rem;
    background: #24243730;
    padding: 1rem;
    color: #ffffff6e;
    border-radius: 0.1rem;
}
/****************************************/
.section-breadcrumb{
    background-image: url(/wp-content/uploads/2025/02/banner01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    height: 21rem;
}
.lang-en h1.title-subheader {
    text-align: left !important;
    text-transform: capitalize;
}
h1.title-subheader {
    font-size: 1.5rem !important;
}
p#breadcrumbs {
    color: #f5b332bf;
}
p#breadcrumbs span a {
    color: #fff;
}
/**************************/
.page-id-310  div#gform_wrapper_3 , .page-id-496  div#gform_wrapper_4  {
    background: #c3cbe16e;
    padding: 2rem;
    border-radius: 1rem;
}
/**************slider********************/
section#slider h1.title-slide span {
    background: #0D0F2866;
    padding: 1rem 4rem;
    color: #fff;
}
/****************about**********************/
a.icon-link  {
    background: #E83F56;
    color: #fff;
    padding: 0 1rem ;
    border: 0.1rem solid transparent !important;
}
a.icon-link:hover {
    background-color: transparent;
    border: 0.1rem solid #E83F56 !important;
    color: #E83F56;
}
section#about h2.title-box::before{
    border-right: 0.5rem solid #000;
}
/****************contact*******************/
.lang-en .title-box h2 {
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
}
.boxs-contact .title-box {
    display: flex;
    align-content: center;
    align-items: center;
}
.row .sec-icon img {
    background: var(--main-color-4);
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 21%;
}
input#gform_submit_button_2, input#gform_submit_button_3 ,
input#gform_submit_button_4 , input#gform_submit_button_5{
    background: #242437;
    width: 100%;
}
div#gform_fields_2 input , div#wp-input_2_5-editor-container , textarea#input_2_5 {
    border: 0;
}
.row.section-contactus {
    background: #c3cbe16e;
    padding: 3rem;
    margin: 5rem;
    border-radius: 2rem;
}
/******************product-img*********************/
.product-img:hover .big-img {
    transform: scale(0.9);
}
.product-img  .big-img {
    transition:  0.4s ease;
}
 
/**************step*******************/
section#step {
    text-align: justify;
}
section#step .boxs {
    display: flex;
    justify-content: center;
}
section#step  .box-img.pulse {
    animation: pulseEffect 2s infinite ease-in-out;
    width: 4rem;
    height: 4rem;
}
  
/*****************Industries***********************/
section#Industries .boxs {
    display: flex;
    justify-content: start;
}
.home section#Industries .boxs {
    display: flex;
    justify-content: center;
}
section#Industries {
    text-align: justify;
}
section#Industries .box-img.pulse {
    animation: pulseEffect 2s infinite ease-in-out;
    width: 5rem;
    height: 5rem;
}
section#Industries .image-wrapper:hover .icon-link ,
.post-type-archive-products .content-product:hover .icon-link{
    filter: opacity(0.5);
}  

.post-type-archive-products .content-product:hover .icon-link a.link-banner ,
.tax-product-category .content-product:hover .icon-link a.link-banner
{
    display: block;
    width: 100%;
    margin: 0 auto !IMPORTANT;
    text-align: center;
}
/***************article***************/
    .content-article {
        position: relative;
        top: -3rem;
        background: #fff;
        margin: 0 1rem;
        padding: 1.5rem;
    }
    .lang-en .mySwiper-3 .swiper-wrapper {
        left: -12vh !important;
    }
    .mySwiper-3 .swiper-wrapper {
        right: -12vh !important;
    }
    section#blog .mySwiper-2 .swiper-slide  .content-article ,   .category-articles  .content-article{
           transition: all 300ms ease-out;
    }
    .swiper-slide .article-img , .category-articles .boximg img {
        transition: all 300ms ease-out;
      }
      
      .swiper-slide:hover .article-img , .category-articles .boximg:hover   img {
        transform: scale(0.95);
        transition: all 300ms ease-out;
      }
      
    section#blog .mySwiper-2 .swiper-slide:hover .content-article , .category-articles .boximg:hover .content-article {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        transition: all 300ms ease-out;
    }
    .lang-en  h2.title-line {
        border-left: 0.15rem solid #e83f56;
        border-right: 0rem solid transparent;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }
    h2.title-line {
        border-right: 0.15rem solid #e83f56;
        padding: 0 1rem;
        margin-bottom: 2rem;}

    .img-right {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    section#sale h2.title-box , section#assist h2.title-box {
        font-size: 2rem !important;
    }
    .section-with-sale , .section-with-assist {
        position: relative;
        z-index: 1;
        overflow: visible;  
    }
    .section-with-sale:before {
        content: "";
        position: absolute;
        bottom: 18%;
        right: 0;
        width: 100%;
        height: 200%;
        background-image: url('/wp-content/uploads/2025/04/left.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right center;
        pointer-events: none;
        z-index: -1;
    }
    .section-with-assist:before {
        content: "";
        position: absolute;
        bottom: 18%;
        left: 0;
        width: 100%;
        height: 200%;
        background-image: url('/wp-content/uploads/2025/04/right.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        pointer-events: none;
        z-index: -1;
    }
    /************rightext****************/
    .desc-rightext ul li:before {
        content: '';
        background: url(/wp-content/uploads/2025/04/check.svg);
        display: block;
        width: 1rem;
        height: 1rem;
        position: relative;
    }
    .desc-rightext ul {
        list-style: none;
    }
    .desc-rightext ul li {
        position: relative;
        padding-right: 30px;  
        list-style: none;
      }
      .lang-en  .desc-rightext ul li {
        position: relative;
        padding-left: 30px; 
        padding-right: 0px; 
        list-style: none;
      }
      .desc-rightext ul li::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0.4em;
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/04/check.svg);
        background-size: contain;
        background-repeat: no-repeat;
      }
      .lang-en .desc-rightext ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.4em;
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/04/check.svg);
        background-size: contain;
        background-repeat: no-repeat;
      }
      /****************************/
      section#counter .box-img.pulse {
        width: 3rem;
    }
    section#counter  h2.rownumber {
        color: #7e7eb8;
        font-size: 2rem !important;
    }
    section#counter  span.desc-box {
        color: #999999;
    }
    a.custom-logo-link {
        display: flex;
        justify-content: flex-end;
        left: 1rem;
        position: relative;
    }
    /*****************accordion*****************/
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    flex-direction: row;
}
.accordion-collapse.collapse.show {
    border: 0rem solid #f7f7f7;
}
.accordion-button {
    color: #052c65 !important;
    }
.accordion-header {
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
section#faq .aos-init.aos-animate {
    padding-bottom: 0.5rem;
}
button.accordion-button {
    background: #f9f9f9 !important;
}
.accordion-item {
    border: 0 !important;
}
button.accordion-button:focus {
    outline: 0 !important;
    box-shadow: unset !important;
}
.accordion-body p {
    font-size: 0.9rem !important;
    text-align: justify;
}
.section-faq .accordion-item {
    background: #f7f7f7;
    margin-bottom: 1rem;
}
div#accordionExample1 .title-box {
    text-align: right;
}
.lang-en .accordion-button::after {
    margin-right: 0 !important;
    content: "";
}
.lang-fa .accordion-button::after {
    margin-left: 0 !important;
    content: "";
     }
     p.gform_required_legend {
        display: none;
    }
    /************gallery*********************/
button.nav-link.active {
    background: #E83F56 !important;
    color: #fff !important;
    padding: 0.5rem  3rem;
}
button.nav-link {
    color: #000;
    border: 0.1rem solid #eee !important;
    padding: 0.5rem  3rem;
}
.mfp-counter {
    direction: ltr;
}
button.nav-link:hover {
    color: #e83f56;
}
/***************comment*****************/
.row-comments {
    border: 1rem solid #e7e6e6;
    padding: 2rem;
}
p.comment-form-comment {
    float: inline-end;
}
textarea#comment {
    width: 45rem;
    height: 9rem;
}
p.form-submit {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    float: left;
    margin-top: -4rem;
}
.lang-en p.form-submit {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    float: right;
    margin-top: -4rem;
}
.comment-respond label {
    display: flex;
}
.lang-en textarea#comment, .lang-en div#respond input {
    border: 0 solid;
    box-shadow: 0 0 0.5rem 0.1rem #e9e9e9;
    border-radius: 0.5rem;
    line-height: 3;
    padding: 0 1rem;
    width: auto;
}
 textarea#comment, div#respond input {
    border: 0 solid;
    box-shadow: 0 0 0.5rem 0.1rem #e9e9e9;
    border-radius: 0.5rem;
    line-height: 3;
    padding: 0 1rem;
    width: auto;
}
h3#comments, .navigation, ol.commentlist {
    background: #fff;
    margin: 0;
    line-height: 3;
    padding: 0 4rem;
    border-radius: 0.5rem;
}
input#submit {
    background: #333;
    color: #fff;
    border-radius: 2rem !important;
    padding: 0 4rem !important;
}
input#submit:hover {
    color: #000;
    }
 div#respond label {
    font-size: 0.875rem;
    font-weight: 600;
}
ol.commentlist {
    margin-bottom: 2rem;
}
p.comment-form-url {
    display: none;
}
.sec-10 img.img-fluid {
    width: 9rem;
    margin-left: 2rem;
}
.lang-en .sec-10 img.img-fluid {
    width: 9rem;
    margin-right: 2rem;
}
.assist-10 section {
    display: none !important;
}
/***************media ***********/
@media (max-width: 1366px)  {
    p.social img {
        padding: 0.2rem ;
        border-radius: 1rem;
    }
   
    p.comment-form-cookies-consent label {
        width: 16rem;
    }
}
@media (max-width: 1024px)  {
   
    p.social img {
        padding: 0.2rem;
        border-radius: 1rem;
    }
    h3.article-title {
        font-size: 1rem !important;
    }
    textarea#comment {
        width: 30rem;
        height: 9rem;
    }
}
@media (min-width: 768px) {
    .mobile-visible {
        display: none !important;
    }
   
}

@media (min-width: 768px) and (max-width: 920px) {
img.custom-logo {
    width: 43%;
    height: auto;
    top: 0;
    }
}
@media (max-width: 768px) {
  
    .desktop-only {
        display: none !important;
    }
    .mySwiper-1 .swiper-slide {
        height: 10rem !important;
    }
    h1.title-slide {
        font-size: 1.2rem !important;
        text-align: center;
    }
    section {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important;
    }
    .tabin-content h4 {
        font-size: 0.8rem !important;
    }
    textarea#comment {
        width: 38rem;
    }
    p.comment-form-cookies-consent label {
        width: 16rem;
    }
}
@media (max-width: 440px) {
    img.custom-logo {
        width: 50%;
        height: auto;
        position: relative;
        top: 0rem;
    }
    h2 {
        font-size: 1.1rem !important;
    }
    .mySwiper-3 .swiper-wrapper {
        right: 0 !important;
    }
    h1.title-slide {
        font-size: 1rem !important;
        text-align: center;
    }
    section#slider h1.title-slide span {
        background: #0D0F2866;
        padding: 0.5rem 0rem;
        color: #fff;
    }
    section#counter .boxs {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }
    .boxs-contact .title-box {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    section.section-breadcrumb {
        height: auto !important;
    }
    h1.title-subheader {
        font-size: 1rem !important;
    }
    p#breadcrumbs span {
        font-size: 0.7rem;
    }
    .row.section-contactus {
        background: #c3cbe16e;
        padding: 3rem 1rem;
        margin: 3rem 1rem;
        border-radius: 2rem;
    }
    section {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,0rem) !important;
        right: auto;
    }
    .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,0rem) !important;
        left: auto;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 1rem !important;
        background: #24243730;
        padding: 1rem;
        color: #ffffff6e;
        border-radius: 0.1rem;
    }
     h3#comments  {
        font-size: 1rem;
        text-align: right;
        font-weight: 600;
    }
    h3#comments, .navigation, ol.commentlist {
       line-height: 2;
        }
    textarea#comment {
        width: 100%!important;
    }
    p.form-submit {
        display: flex;
        float: none;
        margin-top: 3rem;
    }
}