/*
Theme Name: tv
Theme URI: https://webramz.com
Author: webramz
Author URI: https://webramz.com
Version: 1.1
*/
@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-medium;
    src: url('fonts/iranyekanwebmedium.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-bold;
    src: url('fonts/iranyekanwebbold.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-Kalameh-b: "Kalameh-bold";
  --font-Kalameh-R:"Kalameh-Regular";
  --font-iranyekan-r: "iransans-normal";
  --white-color: #ffffff;
  --main-color: #812991; 
  --main-color-2: #161616; 
  --main-color-3:#1D1D1D;
  --main-color-4:#FFCF3E;
  --main-color-5:#3A4148;
  --main-color-6: #875191;
  --main-color-7: #353535; 
  --grey-color:#ccc;
  --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-75:0.75rem;
  --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;
}
p.gform_required_legend {
    display: none;
}
textarea:focus , input:focus {
    outline: none !important;    /* حذف خط دور */
    box-shadow: none !important; /* حذف هر افکت سایه */
    border-color: inherit !important; /* جلوگیری از تغییر رنگ بوردر */
  }
  input , textarea {
    border: 0.1rem solid #ddd !important;
}
   }
  hr {
    border-top: var(--bs-border-width) dashed #888!important;
   
}
ul.comment-list {
    background: #ddd;
    padding: 2rem 3rem;
    margin: 0 0 2rem !important;
    border-radius: 1rem;
}
/**************************************/
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;
}
.h1, h1 {
    font-size: 2.5rem !important;
}
.h2, h2 {
    font-size:var(--size-1-5) !important;
   }
.h3, h3 {
    font-size: var(--size-1-2)!important;
}
.h4, h4 {
    font-size:var(--size-1) !important;
}
.h5, h5 {
    font-size:var(--size-0-85) !important;
}
.h6, h6 {
    font-size:var(--size-0-75) !important;
}
body, p {
    font-family: var(--font-Kalameh-R) !important;
    font-size: var(--size-1);
    line-height: 2 !important;
    color:var(--main-color-5);
    text-align: justify;
}
section {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.border {
    border: 0.1rem solid #C7D1E5 !important;
}
.rounded-6 {
    border-radius: 0.6rem!important;
}
.white {
    color: white;
}
span.h4 {
    font-size: 5rem !important;
    font-family: 'Kalameh-bold';
    color: #000;
}
.top-title span:before {
    content: '';
    background: url(/wp-content/uploads/2025/07/r-left.svg)no-repeat;
    width: 4rem;
    height: 1.1rem;
    display: inline-block;
    right: -2rem;
    position: relative;
}
.top-title span:after {
    content: '';
    background: url(/wp-content/uploads/2025/07/r-right.svg) no-repeat;
    width: 4rem;
    height: 1.1rem;
    display: inline-block;
    left: -1rem;
    position: relative;
}
.bottom-title span {
    font-family: 'Kalameh-bold';
}
/***************footer**************/
footer.bd-footer {
    background-color: var(--main-color-2);
 }
 .col5 li {
    color: #999 !important;
}
.wp-image-15 {
    width: 100% !important;
}
h4.title-footer {
    color: var(--white-color);
    position: relative;
    margin-bottom: 1rem !important;
}
h4.title-footer:before {
    content: "";
    background: var(--main-color-2);
    width: 1rem;
    height: 1px;
    position: absolute;
    right: 4rem;
    bottom: 0;
    z-index: 999;
}
h4.title-footer:after {
    width: 6rem;
    right: 0;
    height: 1px;
    position: absolute;
    content: '';
    bottom: 0;
    background: var(--main-color);
    opacity: 0.8;
}
ul.list-footer{
    list-style: none;
}
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);
    padding-right: 0.5rem;
}
ul.list-footer.col-contact:hover li {
    list-style: none !important;
}
footer.bd-footer p {
    color: #ccc;
}
p.social img:hover {
    background: #c9c4b2;
    transition: all 300ms ease-out;
}
p.social img {
    padding: 0.8rem;
    border-radius: 1rem;
    width: auto;
}
ul.footer-products-list li a , .footer-categories-list  li a , ul.list-footer li a{
    color:  var(--grey-color);
    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: none;
    color: var(--main-color);
    margin-right: 0.5rem;
    transition: all 300ms ease-out;
}  
ul.footer-products-list li:hover a , ul.footer-categories-list  li:hover a , ul.list-footer li:hover a{
    color: var(--main-color-6);
}
 
ul.footer-products-list li  , ul.footer-categories-list  li , ul.list-footer li {
    color: var(--main-color);
    line-height: 2.5;
    transition: all 300ms ease-out;
}
footer.bd-footer .textwidget ul {
    padding: 0;
}
ul.list-footer.col-contact img {
    padding-left: 1rem;
}
ul.list-footer.col-contact {
    list-style: none;
    padding: 0 !important;
}
footer img {
width: 240px;
height: auto;
}
/***************search****************/
#ajaxsearchlite1 .probox, div.asl_w .probox {
    background-color: #fff;
    border: 0.1rem solid #ccc;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 0 #b5b5b5 inset;
   }
div.asl_w {
    box-shadow: unset !important;
}
.probox {
    padding: 0.75rem 1rem  !important;
}
 input.orig {
    font-family: 'Kalameh-Regular' !important;
}
.asl_content h3 a {
    font-family: 'Kalameh-Regular' !important;
}

input[name="phrase"]::placeholder {
  font-family: 'Kalameh-Regular', Arial, sans-serif!important;
  font-size: 12px;
}

/***********header**************/
h1.title-subheader {
    font-size: 1.5rem !important;
}
.accounttop {
  position: relative;
  padding: 0 15px;
}
img.custom-logo {

width: 190px;
height: auto;

}
.accounttop:not(:last-of-type)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  height: 75%;
  width: 1px;
  background-color: #ccc; /* رنگ خط */
}
a.accounttop:hover span {
    color: #000 !important;
    font-weight: bold;
}
.copyright.text-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    color:#fff;
}
.container-fluid.row-copyright {
    background: #232323;
}
.col1 {
    border-bottom: 0.1rem solid #333;
    padding-bottom: 3rem;
}
.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-3);
    padding: 0.5rem;
    font-family: 'Kalameh-Regular';
    font-size: 0.9rem !important;
}
 ul#menu-top-menu {
    margin: 0 !important;
}
ul#menu-top-menu li:hover a   {
    color: indianred !important;
}
 ul#menu-top-menu {
    font-weight: bold;
}
input.orig {
    text-align: right;
}
.asl_w_container.asl_w_container_1 {
    margin-top: 0.4rem;
}
div#top-menu ul li a {
    padding: 0 0.5rem;
    border-left: 0.1rem solid #eee;
    color: indianred
}
div#top-menu {
    padding-left: 3rem;
}
.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;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    font-family: 'Kalameh-bold' !important;
    color: var(--main-color) !important;
}
.accounttop span {
    color: #3C3C3C;
    font-size: 0.95rem;
}
img.link-icon {
    width: 3rem;
    height: 2rem;
}
ul#menu-main-menu li a:hover {
    color: #812991 !important;
}
.bannertext {
    color: #fff;
    font-family: 'Kalameh-bold';
    font-style: italic;
    font-size: 1.2rem;
}
.suppp {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.agent-main-header {
    font-family: 'Kalameh-Regular' !important;
    font-size: 1rem;
    color: #444;
}
.agent-sub-header {
    font-family: 'iranyekan-medium' !important;
}
span.chaty-agent-title {
    font-family: 'Kalameh-bold' !important;
    padding-right: 1rem;
}
.chaty-close-agent-list {
    right: unset !important;
    left: 15px !important;
    
}
/******************************************/
h2.title-logo {
    margin-top: 1rem;
    font-size: 1.5rem;
}
.pagination-wrapper ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.pagination-wrapper li {
    margin: 0 5px;
}

.pagination-wrapper a,
.pagination-wrapper span {
    display: block;
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
}

.pagination-wrapper .current {
    background-color:var(--main-color-4);
    color: white;
    border-color: var(--main-color-4);
}
/***************slideshow***********************/
.swiper-pagination-bullet-active {
    background: #812991!important;
    width: 0.5rem !important;
    position: relative;
    padding: 0 1rem;
    border-radius: 0.5rem!important;
}
.swiper-pagination-bullet {
   background: #812991!important;
   opacity: 1!important;
}
section#slideshow h1.title-slide {
    font-size: 2.3rem !important;
}
section#slideshow .desc-slide {
    font-size: 1.4rem;
    font-family: 'iranyekan-medium';
}
.swiper-slide {
  width: 100%;
  height: 550px; /* ارتفاع ثابت */
  position: relative;
  overflow: hidden;
}

.swiper-slide .slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* شبیه background-size: cover */
  object-position: center; /* تصویر همیشه وسط */
  display: block;
}


/*****************logo*********************/
.swiper.mySwiper-2 {
    padding: 1rem 0 3rem;
}
.swiper.mySwiper-2 .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: -0.5rem !important;
}
h1.title-logo span {
    font-size: 1.3rem;
}
.desc-logo span {
    padding: 1rem;
}
/*****************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;
}
div#accordionExample {
    width: 70%;
    margin: 0 auto;
}
.accordion-collapse.collapse.show {
    border: 0rem solid #f7f7f7;
}
.accordion-button {
    color: #000 !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;
    color: #333;
}
.section-faq .accordion-item {
    background: #f7f7f7;
    margin-bottom: 1rem;
}
div#accordionExample1 .title-box {
    text-align: right;
}
.accordion-button::after {
    margin-left: 0 !important;
    content: "";
     }
p.gform_required_legend {
        display: none;
    }

/******************counter********************/
section#counter .icon-box img {
    width: 5rem;
    margin: 0 auto;
    display: block;
}
section#counter  .boxcont {
    display: flex;
    align-items: center;
    justify-content: center;
}
section#counter .rownumber {
    text-align: center;
}
section#counter .rownumber {
    text-align: center;
    color: var(--main-color);
    font-size: 2rem !important;
    font-family: 'Kalameh-bold';
}
section#counter  span.desc-box {
    font-family: 'iranyekan-medium' !important;
    color: #414141;
}
/*************cat-product********************/
section#category .box-cat img {
    width: 10rem;
    background: #fff;
    padding: 1.5rem;
}
section#category .box-cat {
    text-align: center;
}
section#category .box-cat h4.card-title {
    color: #fff;
}
.mySwiper-box {
  position: relative !important;
  overflow: visible !important;
}
.box-cat img , .box-cat  h4.card-title{
transition: all 0.3s ease;
}
.box-cat:hover img {
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 40%) !important;
    transform: scale(0.9);
    border-radius: 0rem 1rem 1rem 1rem !important  ;
    transition: all 0.3s ease;
}
.box-cat:hover h4.card-title {
    color: #35003e !important;
     transition: all 0.3s ease;
}
section#category .mySwiper-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width:calc(100% + 0rem);
    height: 55%;
    background-color: var(--main-color);
    border-radius: 2rem;
    z-index: -1;
    pointer-events: none;
    border-radius: 2rem;
    box-shadow: rgb(0 0 0 / 21%) 0px -2rem 8rem !important;
}
section#category .swiper.mySwiper-3 {
    margin: 0 0.5rem;
    padding: 2rem;
}
section#category .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,-1rem) !important;
    left: auto !important;
}
section#category .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,-1rem) !important;
    right: auto !important;
}
section#category .swiper-button-next:after, section#category .swiper-rtl .swiper-button-prev:after ,
.col-mySwiper-4 .swiper-button-next:after, .col-mySwiper-4 .swiper-rtl .swiper-button-prev:after ,
.col-mySwiper-5 .swiper-button-next:after, .col-mySwiper-5 .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
    background-image: url(/wp-content/uploads/2025/07/arrow-l.svg);
    background-size: 2rem !important;
    padding: 1.5rem;
    background-repeat: no-repeat;
    background-color: #812991;
    border-radius: 100%;
    background-position: center 1.1rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 34%);
}

section#category .swiper-button-prev:after, section#category .swiper-rtl .swiper-button-next:after  ,
.col-mySwiper-4 .swiper-button-prev:after, .col-mySwiper-4 .swiper-rtl .swiper-button-next:after ,
.col-mySwiper-5 .swiper-button-prev:after, .col-mySwiper-5 .swiper-rtl .swiper-button-next:after {
    content: '' !important;
    background-image: url(/wp-content/uploads/2025/07/arrow-r.svg);
    background-size: 2rem !important;
    padding: 1.5rem;
    background-repeat: no-repeat;
    background-color: #812991;
    border-radius: 100%;
    background-position: center 1.1rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 34%);
}
section#category .swiper-button-next, section#category .swiper-button-prev {
     top: var(--swiper-navigation-top-offset,75%) !important;
   }
/************************section#productbest************************/
.col-mySwiper-4  {
  position: relative !important;
  overflow: visible !important;
} 
.swiper.mySwiper-4 .swiper-wrapper {
    margin: 2rem auto;
}
.swiper.mySwiper-4 {
    padding: 1rem;
}
.mySwiper-4 .swiper-slide:hover , section#productcat .mySwiper-4 .swiper-slide:hover , #tax-productcat  .mySwiper-taxcat .tax-slide:hover .cat{ 
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 40%) !important;
     transition: all 0.3s ease;
}
 .mySwiper-4 .cat-img img {
    background: #eee;
    padding: 2rem;
    border-radius: 4rem 4rem  1rem 1rem !important;
}
.mySwiper-4  .swiper-slide  {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%) !important;
    border-radius: 4rem 4rem  1rem 1rem !important;
    padding: 0 1rem;
}
section#productbest .col-mySwiper-4 .swiper-button-next, section#productbest .col-mySwiper-4 .swiper-button-prev {
    width: 2.5rem !important;
    border-radius: 0.1rem;
    color: var(--main-color) !important;
    font-weight: bolder;
    height: 2.5rem !important;
    top: -1rem !important;
    border: 0rem solid var(--main-color) !important;
}
section#productbest .col-mySwiper-4 .swiper-button-prev {
    left: 70px !important;
    right: auto !important;
}
section#productbest .col-mySwiper-4 .swiper-button-next {
    left: 1rem!important;
    right: auto !important;
}
section#productbest .col-mySwiper-4 .swiper-button-next:after, section#productbest .col-mySwiper-4  .swiper-button-prev:after {
    content: '';
    font-size: small !important;
    color: #C2C2C2 !important;
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 4rem !important;
}
h4.call-icon a:after {
    content: '';
    background: var(--main-color) url(/wp-content/uploads/2025/07/arrow-l.svg) no-repeat;
    display: block;
    position: absolute;
    padding: 0.9rem;
    border-radius: 1rem;
    background-position: center 10px;
    left: -0.5rem;
    top: -1rem;
    background-size: 70%;
}
.call-icon {
    transition: transform 0.5s ease;
    position: relative;
}
.swiper-slide:hover  img.call-icon {
    transform: rotate(10deg);
     transition: transform 0.5s ease;
}
section#productcat h4.card-add-cart a  , section#productbest h4.card-add-cart a ,
 #tax-productcat   h4.card-add-cart a , section.section-article h4.card-add-cart a{
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 0.85rem !important;
    font-family: 'Kalameh-Regular';
    border-top: 0.1rem solid #eee;
    margin: 1rem 0 0;
    padding: 0.5rem 0  0;
}
section#productcat .swiper-slide:hover h4.card-add-cart a , section#productbest .swiper-slide:hover h4.card-add-cart a ,
#tax-productcat .tax-slide:hover h4.card-add-cart a , section.section-article .swiper-slide:hover h4.card-add-cart a { 
    color: var(--main-color);
}

/*****************section#productcat****** tax**********/
section#productcat .col-mySwiper-4 .swiper-button-next {
    left: 46%!important;
    right: auto !important;
}
section#productcat  .col-mySwiper-4 .swiper-button-prev {
    left: 51%!important;
    right: auto !important;
}
section#productcat .col-mySwiper-4 .swiper-button-next, section#productcat  .col-mySwiper-4 .swiper-button-prev {
    width: 2.5rem !important;
    border-radius: 0.1rem;
    color: var(--main-color) !important;
    font-weight: bolder;
    height: 2.5rem !important;
    bottom:-3rem !important;
    border: 0rem solid var(--main-color) !important;
    top: auto;
}
 section#productcat {
    padding-bottom: 10rem !important;
}
 section#productcat  .mySwiper-4 .cat-img img , #tax-productcat  .mySwiper-taxcat .cat-img img   {
    background:#eee url(/wp-content/uploads/2025/07/vector-4.png);
    padding: 4rem;
    border-radius: 6rem 6rem 0rem 0rem !important;
    background-repeat: no-repeat;
    background-position: bottom;
}
section#productcat .mySwiper-4  .swiper-slide , #tax-productcat  .mySwiper-taxcat .tax-slide .cat{
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%) !important;
    border-radius: 6rem 6rem  1rem 1rem !important;
    padding: 0rem;
}
.swiper-taxwrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
    flex-wrap: wrap;
}
/*********************************/
.col-mySwiper-5   {
  position: relative !important;
  overflow: visible !important;
} 
/*.swiper.mySwiper-5 .swiper-wrapper {*/
/*    margin: 2rem auto;*/
/*}*/

section#ads .image-wrapper {
  overflow: hidden;
  position: relative;
}

section#ads .image-wrapper .inner-img {
  transition: transform 0.4s ease;
  will-change: transform;
}

section#ads .image-wrapper:hover .inner-img {
  transform: scale(1.08);
}



.swiper.mySwiper-5 {
    padding: 1rem;
}
   .mySwiper-5 img {
    background: #812991;
    padding: 4rem;
    border-radius: 6rem 6rem  1rem 1rem !important;
}
section#projects .col-mySwiper-5 .swiper-button-next, section#projects .col-mySwiper-5 .swiper-button-prev {
    width: 2.5rem !important;
    border-radius: 0.1rem;
    color: var(--main-color) !important;
    font-weight: bolder;
    height: 2.5rem !important;
    top: -2.3rem !important;
    border: 0rem solid var(--main-color) !important;
}
section#projects .col-mySwiper-5 .swiper-button-prev {
    left: 25rem !important;
    right: auto !important;
}
section#projects .col-mySwiper-5 .swiper-button-next {
    left: 21rem!important;
    right: auto !important;
}
 /*************************/
 .boximg:hover .content-article {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)!important;
    border-radius: 0 0 1rem 1rem !important;
    transition: all 0.3s ease;
}
.boximg a.link-banner img {
    background: var(--main-color);
    padding: 0.3rem;
    border-radius: 50%;
    transition: transform 0.5s ease;
    transform: rotate(0deg);
}
.boximg:hover a.link-banner img {
    transform: rotate(316deg);
}
/**************#banner**************/
section#banner .banner-content {
    background-color: var(--main-color) !important;
    border-radius: 6rem 1rem 1rem 1rem   ;
}
section#banner .link-banner {
    background: #fff;
    width: fit-content;
    border-radius: 1rem;
    text-align: center;
    line-height: 1;
    padding: 0.2rem;
}
section#banner h3.title-box {
    color: white !important;
}
section#banner span.banner-link {
    color: #000;
    font-size: 0.8rem !important;
}
section#banner span.banner-link img {
    background: #FFEB3B;
    padding: 0.3rem;
    border-radius: 50%;
    transition: transform 0.5s ease;
    transform: rotate(0deg);
}

section#banner .banner-content:hover .banner-link img {
    transform: rotate(316deg);
}
section#banner .banner-content {
    transition: all 0.3s ease;
    padding-right: 1rem;
}
section#banner .banner-content:hover   {
    box-shadow:0 1rem 2rem rgb(0 0 0 / 40%) !important;
    border-radius: 0rem 1rem 1rem 1rem !important  ;
    transition: all 0.3s ease;
}
/**************#video**************/
section#video .banner-content {
    background-color: var(--main-color) !important;
    border-radius: 6rem   ;
}
 
section#video h3.title-box {
    color: white !important;
    font-size: 2.5rem !important;
}
section#video span.banner-link {
    color: #000;
    font-size: 1rem !important;
    background: #fff;
}
section#video span.banner-link img {
    background: #FFEB3B;
    padding: 0.3rem;
    border-radius: 50%;
    transition: transform 0.5s ease;
    transform: rotate(0deg);
    width: 3rem;
    margin: 0 0.5rem 0 0;
}

section#video .banner-content:hover .banner-link img {
    transform: rotate(360deg);
}
section#video .banner-content {
    transition: all 0.3s ease;
    padding-right: 1rem;
}
section#video .banner-content:hover   {
    box-shadow:0 1rem 2rem rgb(0 0 0 / 40%) !important;
    border-radius: 1rem !important  ;
    transition: all 0.3s ease;
}
section#video .desc-box p {
    color: #ebe9e9;
}
.video-embed {
    border-radius: 1rem !important;
    padding: 0.75rem;
    margin: 1rem;
   }
.h_iframe-aparat_embed_frame iframe {
    border-radius: 2rem;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1rem 2rem !important;
}
.h_iframe-aparat_embed_frame {
    width: 75%;
    margin: 0 auto;
}
.romeo-recom.show {
    display: none !important;
}
.col-6.content-video .h_iframe-aparat_embed_frame {
    width: 100%;
    margin: 0 auto;
}
/*********************************/
.boxs-contactads {
    background: rgb(156 39 176 / 84%);
    backdrop-filter: blur(2px);
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0   !important;
    border-radius: 0 0 1rem 1rem;
}
section#ads .image-wrapper {
    border-radius: 6rem 1rem 1rem;
}
.boxs-contactads .title-box a span {
    font-size: 0.85rem !important;
}
.boxs-contactads .title-box a {
    display: flex;
    justify-content: space-between;
}
.boxs-contactads .title-box {
    padding: 0 1rem;
}
.boxs-contactads img {
    border: 0.1rem solid #FFEB3B;
    padding: 0.2rem;
    border-radius: 50%;
}
span.title-ads {
    font-family: 'Kalameh-bold';
}
span.title-more {
    font-size: 0.75rem !important;
    color: #eee;
}
.boxs .image-wrapper .boxs-contactads   img {
    transition:  0.5s ease;
    transform: rotate(0deg);
}
.boxs .image-wrapper:hover  .boxs-contactads  img {
    transform: rotate(316deg);
}
.boxs .image-wrapper:hover  {
    box-shadow:0 1rem 2rem rgb(0 0 0 / 40%) !important;
    border-radius: 0 1rem 1rem 1rem !important;
    transition: all 0.3s ease;
}
.boxs .image-wrapper  {
       transition: all 0.3s ease;
}
.boximg .box-img img {
     transition:  0.5s ease;
      border-radius: 1rem 1rem 0 0
    }
.boximg:hover .box-img img {
    border-radius: 6rem 1rem 0rem 0rem;
     transition:  0.5s ease;
}
/*****************************/
.project-box {
      display: none ;
}
.project-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    z-index: -1;
}
.swiper-slide:hover .project-box {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    padding-top: 5rem !important;
    border-radius: 1rem;
    direction: rtl;
}
.swiper-box {
    border-radius: 6rem 1rem 1rem 1rem;
     transition: all 0.3s ease;
}
.swiper-slide:hover .swiper-box  {
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 40%) !important;
    border-radius: 0rem 1rem 1rem 1rem !important;
     transition: all 0.3s ease;
}
 section#projects .swiper-wrapper {
    left: -45vh !important;
    top: 0rem;
}
/**********************/
.custom-taxonomy-sidebar ul { list-style: none; padding: 0; }
    .custom-taxonomy-sidebar li { margin-bottom: 10px; }
    .accordion-toggle {
    cursor: pointer;
    font-weight: bold;
    display: block;
    position: relative;
}
    .accordion-content { display: none; margin-top: 5px; padding-left: 15px; }
    .custom-taxonomy-sidebar {
    list-style: none;
    padding: 1rem;
    margin: 0;
    font-family: inherit;
}
.custom-taxonomy-sidebar li {
    margin-bottom: 0.5rem;
    border-bottom: 0.1rem solid #ddd;
    padding-bottom: 0.5rem;
}
aside#secondary {
    border: 0.1rem solid #ccc;
    border-radius: 0.5rem;
}
/* .accordion-toggle span {
    color: #404040;
    text-align: right !important;
} */
.accordion-toggle .arrow {
    transition: transform 0.3s ease;
    margin-right: 10px;
    font-size: 14px;
    position: absolute;
    left: 0 !important;
}
    .accordion-toggle .arrow {
        transition: transform 0.3s ease;
        margin-right: 10px;
        font-size: 14px;
    }
    .accordion-toggle.open .arrow {
        transform: rotate(90deg);
    }
    .accordion-content ul li a {
        color: #555;
    }
    .accordion-content {
        display: none;
        padding-top: 10px;
        padding-right: 15px;
    }
    .accordion-content ul {
        list-style: disc;
        padding-right: 20px;
        margin: 0;
    }
    .accordion-content ul li {
        margin-bottom: 6px;
    }
.accordion-toggle:before {
    background: #ffcf3e url(/wp-content/uploads/2025/07/pluse.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0.5rem;
    content: '';
    border-radius: 0.2rem;
    margin-left: 0.5rem;
    height: 0.5rem;
    display: inline-block;
}
h2.widget-title {
    border-bottom: 0.2rem solid #812991;
    padding: 0.5rem 1rem !important;
    font-size: 1.3rem !important;
}
/*************section#contactus**********/
section#contactus .sec-3boxicon img {
    width: 4rem !important;
    background: #812991;
    padding: 1rem;
    border-radius: 1rem;
}
section#contactus .sec-3boxicon {
    text-align: center;
}
section#contactus .contact-desc p {
    text-align: center;
}
section#contactus .sec-3boxicon {
    border-radius: 6rem 1rem 1rem 1rem;
    background: #eeeeee;
    padding: 2rem 0  1rem!important;
}
section#contactus img.img-fluid.img-right {
    background: var(--main-color);
}
section#contactus .tittle-page {
    position: absolute;
    top: 32%;
    font-size: 2.5rem;
    padding: 1rem;
    color: #fff;
    font-family: 'Kalameh-bold';
    right: 3rem;
}
section#contactus iframe {
    border-radius: 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.form-box {
    background: #eee;
    padding: 3rem 3rem 1rem;
    border-radius: 2rem;
}
div#field_submit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: center;
}
div#field_1_6 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
div#field_1_6 .gfield_captcha_container {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 1rem;
}
input#gform_submit_button_1 {
    background: #000;
    border-radius: 0.3rem;
}
input#gform_submit_button_1:hover {
    background: var(--main-color);
}
.img-right {
    margin: 0 auto;
    display: block;
}
.gform-theme--foundation .gform_fields {
     row-gap: 0.5rem !important;
}

 /**********comment*************/
 p.form-submit {
    float: left;
    position: relative;
    top: -3rem;
}
 
.sec-1box {
    background: #fff;
    }
    .quote {
        float: left;
    }
    .title-comment, .disc-comment {
        color: #fff;
        font-weight: bold;
    }
    h3.title-comment {
        font-size:  var(--f-size);
        font-family: 'kalameh';
    }
.row-comments {
    border: 1rem solid #e7e6e6;
    padding: 2rem;
}
p.comment-form-comment {
    float: inline-end;
    display: flex;
    flex-direction: column;
}
.logged-in p.comment-form-comment {
    float: none;
    display: flex;
    flex-direction: column;
}
form#commentform p label {
    min-width: 6rem;
}
textarea#comment {
    width: 45rem;
    height: 16rem;
}
  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;
}
p.comment-form-cookies-consent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
h3#comments, .navigation, ol.commentlist {
    background: #fff;
    margin: 0;
    line-height: 3;
    padding: 0 4rem;
    border-radius: 0.5rem;
}
input#submit {
    background: var(--main-color);
    color: #fff;
    border-radius: 1rem !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;
}
ul#myTab2 {
    display: flex;
    align-content: center;
    justify-content: center;
    border: 0;
}
.tab-content-page {
    background: #eee;
    padding: 1rem 2rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #eee !important;
    border-color: transparent !important;
    padding: 1rem 2rem !important;
}
.nav-tabs .nav-link{
     padding: 1rem 2rem !important;
     color: #000;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #0000000a;
    color: #000;
    background: #eee;
}
.tab-content-page .row-comments  , .tab-content-page .price-desc.my-3.py-4{
        padding: 0  ;
        border: 0 !important;
}
.tab-content-page  .container.py-5 {
    padding: 0 !important;
}
.swiper-slide.position-relative {
    position: relative;
}

.zoom-icon {
    position: absolute;
    top: 8%;
    right: 1%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem; /* اندازه آیکون */
    color: rgba(255, 255, 255, 0.8);
    pointer-events: none; /* باعث میشه کلیک روی آیکون هم روی لینک (a) تاثیر بذاره */
    user-select: none;
    text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
section#singelproduct .swiper-slide img {
    display: block;
    margin: 0 auto;
   
}
section#singelproduct .swiper-slide {
    background: #eee;
    border-radius: 1rem !important;
    }
.smallimg img {
    padding: 1rem;
}
section#singelproduct .swiper-slide {
    background: #eee url(/wp-content/uploads/2025/07/vector-4.png);
    padding: 0;
    border-radius:3rem 3rem 0rem 0rem !important;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    
}
span.zoom-icon svg {
    background: #eeeeee4f;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.7rem;
}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 1.5rem;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
ul#myTab-price-1 ul li {
    border-bottom: 0.1rem solid #ddd;
    padding: 0.5rem;
}
ul#myTab-price-1 ul li:hover {
    background: #eee;
    padding: 0.5rem;
}
ul#myTab-price-0, ul#myTab-price-1 {
    background: #f9f9f9;
    padding: 1rem;
    border-radius: 0.5rem;
    margin: 1rem 0 !important;
}
h4.price-desc {
    color: var(--main-color);
    background: #eee;
    padding: 1rem;
    border-radius: 0.3rem;
}
.price-desc ul li {
    list-style: disc;
}
/***********************/
section#tax-project .cat-body {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

section#tax-project img.call-icon {
    background: var(--main-color);
    border-radius: 100%;
    width: 27px;
    position: relative;
    height: 27px;
}
.cat-img.project img {
    width: 100%;
    border-radius: 6rem 1rem 1rem;
    transition: 0.3s;
}

.cat-img.project:hover img {
    width: 100%;
    border-radius: 1rem 1rem 1rem;
    transition: 0.3s;
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 40%) !important;
}
.cat-img.project .cat h3.cat-title {
    color: #222 !important;
}
.cat-img.project .cat:hover h3.cat-title {
    color: var(--main-color);
}
/*************************/
.sec-boxicon {
    display: flex;
    flex-direction: row;
}
.sec-boxicon img {
    width: 4rem;
    margin-left: 1rem;
}
.sec-2box {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.sec-2box .title-box {
    font-family: 'Kalameh-bold';
}





/***********media************/

@media only screen and  (max-width: 1440px) {
section#slideshow .swiper-slide {
    height: 25rem !important;
}
}

@media only screen and  (max-width: 1280px) {
    img.custom-logo {
        width: 75%;
    }
    img.link-icon {
    width: 2rem;
    height: 2rem;
}
div#field_1_6 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
section#contactus .tittle-page {
      right: 1rem;
}
.section#productbest .swiper-slide {
    height: auto;
}

}
@media only screen and  (min-width: 1024px) and (max-width: 1280px){
    img.link-icon {
    width: 2rem;
    height: 1rem;
}
.accounttop span {
    color: #3C3C3C;
    font-size: 0.75rem;
}
ul#menu-main-menu li a {
    color: var(--main-color-3);
    padding: 0.5rem 0.4rem;
    font-family: 'Kalameh-Regular';
    font-size: 0.75rem !important;
}
}
@media only screen and  (max-width: 1024px) {
    ul#menu-main-menu li a {
        font-size: 0.8rem !important;
}
.accounttop span {
    color: #3C3C3C;
    font-size: 0.75rem;
}
section#slideshow .swiper-slide {
    height: 20rem !important;
}
section#projects .swiper-wrapper {
    left: 8rem !important;
    top: 0rem;
}
section#video h3.title-box {
    color: white !important;
    font-size: 2rem !important;
}
.swiper.mySwiper-10 .swiper-wrapper {
    margin: 0rem 0 3rem;
}
section#slideshow h1.title-slide {
    font-size: 2rem !important;
}
section#banner  .banner-content {
    background-size: contain !important;
    background-position: bottom !important;
}

}

@media only screen and  (max-width: 768px) {
 
img.link-icon {
    width: 2rem;
    height: 2rem;
}
.accounttop span {
    color: #3C3C3C;
    font-size: 0.85rem;
}
textarea#comment {
    width: 37rem;
    height: 8rem;
}
.accounttop.d-flex {
    display: flex!important;
    flex-direction: column;
}
div#accordionExample {
    width: 100%;
    margin: 0 auto;
}
section#slideshow .swiper-slide {
    height: 14rem !important;
}
section#category .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,1rem) !important;
    left: auto !important;
}
section#category .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,0rem) !important;
    right: auto !important;
}
section#contactus .tittle-page {
    font-size: 1.5rem !important;
    }
.form-box {
    background: #eee;
    padding: 2rem 1rem 1rem;
    border-radius: 1rem;
}    
.tab-content-page {
    background: #eee;
    padding: 1rem;
}
    
}
@media only screen and (max-width: 640px) {
    .asl_w_container {
        width: 80% !important;
        margin: 0 auto;
    }
    h2.title-logo {
    font-size: 1.2rem !important;
}
section.section-video-top h2 {
    font-size: 0.75rem !important;
}
h1.title-subheader {
    font-size: 1rem !important;
}
p#breadcrumbs span {
    font-size: 0.7rem;
}
section#slideshow h1.title-slide {
    font-size: 1rem !important;
    color: #222;
}
section#slideshow .desc-slide {
    font-size: 1rem;
    font-family: 'iranyekan-medium';
    color: #444;
}
section#slideshow .swiper-slide {
    height: 10rem !important;
}
section {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.swiper.mySwiper-2 {
    padding: 3rem 0;
    margin: 0 auto;
    text-align: center;
}
section#productcat .col-mySwiper-4 .swiper-button-next {
    left: 38%!important;
    right: auto !important;
}
section#projects .swiper-wrapper {
    left: 0 !important;
    top: 3rem;
}
section#projects .col-mySwiper-5 .swiper-button-next {
    left: 3rem!important;
    right: auto !important;
}
section#projects .col-mySwiper-5 .swiper-button-prev {
    left: 7rem !important;
    right: auto !important;
}
button.accordion-button.rounded-4.collapsed {
    text-align: right;
    line-height: 2;
}
.asl_w_container {
        display: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #eee !important;
    border-color: transparent !important;
    padding: 1rem 0.5rem !important;
}
.left-text {
    background: #eee;
    padding: 2rem;
    margin: 0 auto 4rem;
}
textarea#comment {
    width: 16rem;
    height: 16rem;
}
p.comment-form-comment {
    float: inherit;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
textarea#comment, div#respond input {
        width: 100%;
}
p.form-submit {
    float: none;
    top: 0rem;
    }
input#wp-comment-cookies-consent {
    width: auto !important;
}
 
}


@media only screen and  (max-width:480px) {
nav.navbar.navbar-expand-lg {
    position: absolute;
    top: 2.5rem;
}
.sec-2box div {
    font-size: 0.85rem !important;
}
.sec-boxicon img {
    width: 3rem;
    margin-left: 1rem;
}
.bannertext {
    font-size: 0.85rem;
}
img.custom-logo {
    width: 70%;
    margin: 0 auto;
    display: block;
}
section#slideshow h1.title-slide , section#slideshow .desc-slide {
    font-size: 0.75rem !important;
    }
 
}
@media only screen and  (max-width:360px) {
.top-title span:after {
    content: '';
    background: url(/wp-content/uploads/2025/07/r-right.svg) no-repeat;
    width: 2rem;
    height: 1.1rem;
    display: inline-block;
    left: -1rem;
    position: relative;
    background-position: right;
}
.top-title span:before {
    content: '';
    background: url(/wp-content/uploads/2025/07/r-left.svg)no-repeat;
    width: 2rem;
    height: 1.1rem;
    display: inline-block;
    right: -1rem;
    position: relative;
}
}