/*Theme Name: vip
Theme URI: https://wordpress.org/themes/vip
Author: the Webramz team
Author URI: https://webramz.com
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: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fitoli
.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;
}
@font-face {
  font-family: Manrope;
  src: url(assets/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2);
  font-weight: 300;
}

*:not(i) {
  direction: ltr;
  font-weight: 400;
  font-family: "Manrope" !important;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
  font-family: "Manrope" !important;
}
a {
  color: unset !important;
  text-decoration: none !important;
  font-family: "Manrope" !important;
}
h1 {
  font-size: 1.8rem !important;
  line-height: 4rem !important;
}
h2 {
  font-size: 1.4rem !important;
}
h3 {
  font-size: 1.1rem !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 {
    overflow-x: hidden;
} */
@media only screen and (min-width: 1200px) {
  .container {
    width: 80% !important;
  }
}
/* @media only screen and(min-width:1300px){
    .container{
        width: 80% !important;
    }
} */

/* -------------header------------ */

header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  transition: 0.3s ease;
}
.magazine a {
  margin-right: 2rem;
}
header {
  /* padding: 1rem 0; */
  background: #18351b;
}
.home header {
  background: none;
}
.home .breadcrumb {
  display: none;
}
header.scrolled {
  background: rgb(40 64 42);
}
.breadcrumb {
  background: #3f4c40 !important;
  margin: 0 !important;
  padding: 0.5rem !important;
}
p#breadcrumbs * {
    color: white;
}
.top-line {
  background: #fff;
}
.bottom-line {
  padding: 1rem 0;
}
ul#menu-top-menu,
ul#menu-main-menu {
  display: flex;
}
#menu-top-menu li {
  margin-right: 1rem;
  color: #a3932e;
  padding: 0.6rem 0;
}
.top-line {
  padding: 0.55rem 0;
}
.tablinks-header {
  position: relative;
  text-decoration: none;
  color: var(--second) !important; /* رنگ متن */
  padding: 10px 15px; /* فاصله داخلی */
  background: none;
  border: none;
}

.tablinks-header::after,
.tablinks-header.active::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px; /* فاصله خط از متن */
  width: 0;
  height: 2px; /* ضخامت خط */
  background-color: var(--second); /* رنگ خط */
  transition: all 0.3s ease-in-out;
  transform: translateX(-50%);
}

.tablinks-header:hover::after {
  width: 50%; /* نمایش کامل خط هنگام هاور */
}
.tablinks-header.active::after {
  width: 50% !important;
}
.tabcontent-header {
  display: none;
}
#headerTab1 {
  display: block;
}
.top-social-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
a.social-link {
  margin-right: 0.5rem;
  transition: 1s;
}
a.social-link i {
  transition: 1s;
}
a.social-link i:hover {
  scale: 1.4;
}
.lang-change {
  border-left: 2px;
  border-style: solid;
  border-color: gray;
  padding: 0 0.7rem;
  margin: 0 0.4rem;
  display: flex;
}
.lang-change li:first-child,
.lang-change li:nth-child(2) {
  display: none;
}
li.lang-item a {
  margin: 0 0.2rem;
  transition: 1s;
  display: inline-block;
}
.lang-item-27::after {
  content: "/";
  width: 50px;
  height: 50px;
  margin: 0 0.2rem;
}
li.lang-item a:hover {
  scale: 1.5 !important;
}
.mobile-sub-menu-page .lang-item-27::after {
  color: var(--third);
}
.top-social-icons i {
  font-size: 1.1rem !important;
}
ul#menu-main-menu li {
  margin-right: 1rem;
  padding: 1rem 0;
}
.bottom-line .row {
  display: flex;
  align-items: center;
}
.header-search .searchandfilter ul {
  display: flex !important;
  /* background: #2E5E32; */
  padding: 0.5rem !important;
  /* border-radius: 5px; */
  border-bottom: 1px solid gray;
}
.header-search .sf-field-submit::before {
  content: url("assets/images/tabler_search.svg");
  display: block;
  /* display: flex; */
  /* align-items: center; */
  height: 26px;
  width: 20px;
}
.header-search .sf-field-submit input {
  display: none;
}
.header-search .searchandfilter ul li {
  list-style: none;
  display: block;
  padding: 0px 0 !important;
  margin: 0;
}
.header-search input.sf-input-text {
  background: none;
  border: none;
  color: white !important;
  width: 100%;
}
.header-search li.sf-field-submit {
  align-content: center;
}
.header-search input.sf-input-text::placeholder {
  color: #c6c0c0 !important;
}
.header-search input.sf-input-text {
  border: none;
  outline: none;
}
.header-logo img {
  width: 100%;
  transition: 1s;
}
.header-logo img:hover {
  scale: 1.1;
}
input.sf-input-text {
  background: none !important;
}

.desktop-header .header-menu .mega-menu-link {
  position: relative !important;
  text-decoration: none !important;
  color: white !important; /* رنگ متن */
  padding: 0px 15px !important; /* فاصله داخلی */
  height: unset !important;
}

.desktop-header .header-menu .mega-menu-link::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -3px !important; /* فاصله خط از متن */
  width: 0px !important ;
  height: 2px !important; /* ضخامت خط */
  background-color: #c8c0c0 !important; /* رنگ خط */
  transition: all 0.3s ease-in-out !important;
  transform: translateX(-50%) !important;
}

.desktop-header .header-menu .mega-menu-link:hover::before,
.desktop-header .header-menu .mega-current-menu-item .mega-menu-link::before {
  width: 50% !important; /* نمایش کامل خط هنگام هاور */
}
.desktop-header ul.mega-sub-menu {
  background: var(--third) !important;
}
.desktop-header ul.mega-sub-menu .mega-menu-link::before {
  display: none !important;
}

.mobile-header {
  display: none;
}

.mega-sub-menu .mega-menu-item:hover {
  background-color: var(--second) !important;
}
.mega-sub-menu .mega-menu-item {
  padding: 0.5rem 0 !important;
  transition: 1s !important;
}
/*--------header menu--------*/
.mobile-submenu-panel {
  position: fixed;
  background: #e5e5e5;
  height: 100vh;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  transition: left 1s ease;
  z-index: 1000;
  box-shadow: -2px 0 5px rgb(174 174 174 / 50%);
  overflow-y: scroll;
}
#close-menu i {
  color: black;
}
#close-menu {
  background: none;
  border: none;
  padding: 1rem 0rem;
  text-align: left;
}
#close-menu i {
  font-size: 2rem;
}

.mobile-panel-social {
  padding: 2rem;
}
#menu-btn {
  font-size: 2rem;
}
.mobile-sub-menu-page .mega-menu {
  display: flex !important;
  flex-direction: column;
}

.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: 0.2rem;
  padding: 0.5rem 2rem;
}
.mobile-sub-menu-page .menutablinks.active {
  background: var(--main);
  color: white;
}
.tabcontent,
.menutabcontent {
  display: none;
}
#tab4 {
  display: block;
}

.mobile-panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
}
a.mega-menu-link {
  background: none !important;
  font-size: 1rem !important;
  font-weight: 300 !important;

  transition: 0.5s !important;
}
.page_item a {
  color: var(--third) !important;
}
.menu-active {
  left: 0 !important;
}
.mobile-submenu-panel a {
  color: var(--third) !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;
}
img.menu-image.menu-image-title-after {
  width: 84%;
  height: 100%;
  text-align: center !important;
  padding: 0 !important;
  margin-bottom: 1rem;
}
.menu-image-title-after {
  text-align: center !important;
}
/* -------------slider------------ */
.slider-item {
  height: 100vh;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* -------------products------------ */
.title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
h3.section-sub-title {
  text-align: center;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.last-products-swiper {
  padding: 5rem 0;
}
a.product-cart-thumbnail img {
  width: 100%;
  border-radius: 30px;
  height: 100%;
}
.products-swiper-list a.product-cart-thumbnail img {
  background: #979797b3;
}
h3.product-cart-title {
  font-size: 1.2rem !important;
  text-align: center;
  margin: 1.5rem 0;
}
.recepesSwiper .product-cart-title a {
    color: white !important;
}
.product-cart {
  text-align: center;
}

a.product-cart-link img:hover {
  scale: 1.1;
  transition: 0.5s;
}

.product-cart {
  transform: perspective(1000px) rotateY(0deg);
  transition: transform 0.5s ease-in-out;
}
.product-cart:hover {
  transition: 1s;
}
.productsSwiper {
  overflow: visible !important;
}
.products-swiper-list {
  overflow: hidden;
  padding: 2rem 0;
}
.last-products-swiper .inner-icon svg {
  background: var(--third);
}
.last-products-swiper .inner-icon {
  background: var(--third);
}
.product-cart .kksr-legend {
  display: none;
}
.product-cart .kksr-template {
  display: flex;
  justify-content: center;
}
.product-cart-stars,
.product-comment-count {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease-out, opacity 0.5s ease;
}

.product-cart:hover .product-comment-count,
.product-cart:hover .product-cart-stars {
  max-height: 50px; /* مقدار مناسب برای ارتفاع محتوا */
  opacity: 1;
}

.product-cart .kksr-icon {
  width: 17px !important;
  height: 17px !important;
}
/* -----section-sub-title------ */
.section-sub-title {
  display: inline-block;
  animation: bounce 0.5s infinite alternate;
  text-align: center;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}

/* ------section-title------- */
.section-title {
  text-align: center;
  color: var(--second);
  font-weight: 700 !important;
  font-size: 2rem !important;
  margin: 1rem 0;
  margin-bottom: 4rem;
  font-size: 100px;
  border-radius: 10px;
  letter-spacing: 0px;
}
span.text-blob__letter {
  margin: 0 !important;
  font-weight: 700 !important;
}
span.text-blob__letter span {
  color: var(--second);
  font-weight: 700 !important;
}

.ad-agency {
  position: fixed;
  bottom: 0;
  font-family: "Montserrat", sans-serif;
  right: 0;
  background: #5137ff;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.ad-agency a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

.text-span {
  display: inline-block;
  opacity: 0;
  transform: translateX(0);
  animation: fadeIn 0.5s forwards;
}
.fade-in {
  display: inline-block;
  opacity: 0;
  transform: translateX(10px); /* تغییر موقعیت حروف یا کلمه */
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ------about-section------- */
.about-section .section-title {
  text-align: left;
  font-size: 2rem !important;
  margin-bottom: 1.5rem;
}
p.about-short-text {
  color: var(--second);
}
img.about-image {
  width: 100%;
  border-radius: 20px;
}
.more-info {
  border-left: 4px;
  border-style: solid;
  padding: 0.5rem;
  padding-left: 1.5rem;
  border-color: #2e5e32;
  margin: 1rem 0;
}
.more-info * {
  color: var(--second);
}
.option-list li {
  color: var(--second);
  margin: 1rem 0;
}
.option-list li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-weight: 900;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  text-align: center;
  line-height: 20px;
  background: #000;
  border-radius: 100px;
  font-size: 0.7rem;
  margin-right: 0.5rem;
  color: #fff;
}
.about-button {
  margin-top: 2rem;
}
.about-section .row {
  display: flex;
  align-items: center;
}
/* ------effect------- */
.effect {
  background: var(--third);
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff !important;
  text-transform: capitalize;
  font-size: 1rem;
  padding: 17px 2rem;
  width: 180px;
  border-radius: 100px;
  overflow: hidden;
  letter-spacing: 1px;
}
/* effect-1 styles */
.effect.effect-1 {
  transition: all 0.2s linear 0s;
}
.effect.effect-1:before {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 17px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 1px;
  opacity: 0;
  height: 100%;
  width: 62px;
  transition: all 0.2s linear 0s;
}
.effect.effect-1:hover {
  text-indent: -20px;
}
.effect.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}

/* -------recipes----- */
.recepes-section {
  background-color: var(--third);
  padding: 2rem;
  border-radius: 29px;
  /* text-align: left; */
}
.recepes-section .section-title {
  text-align: left;
}
.recepes-section .section-sub-title {
  color: var(--second);
}
.recepes-section span.text-blob__letter span {
  color: #ffff;
  font-weight: 700 !important;
}
.recepes-section a.product-cart-thumbnail img {
  width: 100%;
  border-radius: 30px;
  height: 100%;
}
.inner-icon svg {
  width: 42px;
  background: var(--second);
  padding: 0.5rem;
  border-radius: 100px;
  border: 1px solid #ffffff47;
}
.inner-icon {
  width: fit-content;
  background: var(--second);
  padding: 0.2rem;
  border-radius: 100px;
}
a.product-cart-link {
  display: flex;
  justify-content: center;
}
.recipes-pagination {
  display: block !important;
  text-align: center;
  padding-top: 3rem;
}
span.swiper-pagination-bullet {
  background: #aeaeb2;
  width: 12px;
  height: 12px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: var(--second) !important;
  outline: 1px solid var(--second);
  outline-offset: 2px;
}
/* -----------articles---------- */

.readmore-section {
  background: var(--third);
  text-align: left;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  font-size: 1rem;
  padding: 7px 2rem;
  width: 180px;
  transition: 1s;
  letter-spacing: 1px;
  width: 100%;
  margin: 0 !important;
}
.readmore-section p{
    color:white !important;
}
/* effect-1 styles */
.readmore-section .readmore-section-1 {
  transition: all 0.2s linear 0s;
}
.readmore-section.readmore-section-1:before {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 17px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 34%;
  top: 1px;
  opacity: 0;
  height: 100%;
  /* width: 158px; */
  transition: all 0.2s linear 0s;
}

.readmore-section.readmore-section-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}

a.post-cart-thumbnail img {
  width: 100%;
  height: 100%;
}
.post-cart {
  background: #f0ece8;
  border-radius: 10px;
  overflow: hidden;
  height: 92%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.articlesSwiper .swiper-slide {
  height: auto !important;
}
.post-cart-content {
  padding: 1.5rem;
}
h3.post-cart-title a {
  color: var(--second) !important;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem !important;
  display: block;
}
p.post-cart-excerpt {
  color: black;
  font-size: 0.9rem;
  line-height: 2rem;
}
a.post-cart-thumbnail img {
  border-radius: 10px;
  height: 225px;
  object-fit: cover;
  transition: 1s;
}
.post-cart:hover {
  background: #f5f5f5f5;
}
.post-cart:hover a.post-cart-thumbnail img {
  scale: 1.05;
}
.post-cart:hover .readmore-section {
  background: var(--second);
}
.article-pagination {
  text-align: center;
  padding-top: 1rem;
}
/* -------footer------ */
footer {
  background: var(--third);
  padding: 2rem 0;
  z-index: 5;
  position: relative;
}
footer p{
    color:white ;
}
.footer-social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer-social i {
  color: var(--second);
  font-size: 1.3rem;
  transition: 1s;
}
.footer-social i:hover {
  scale: 1.4;
}
.footer-social p {
  font-weight: 600 !important;
  font-size: 1.2rem !important;
  margin-right: 2rem !important;
  display: block;
}
.footer-logo {
  text-align: center;
  margin-bottom: 2rem;
}
.footer-top-line .row {
  display: flex;
  align-items: center;
}
.footer-top-line {
  border-bottom: 1px solid #ffffff26;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
.footer-contact {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}
.footer-contact-text p {
  line-height: 1.7rem;
}
.footer-links-title {
  margin-bottom: 1rem;
  font-size: 1.25rem !important;
  color:white;
}
.footer-links .menu-item {
  margin-bottom: 0.8rem !important;
}
.footer-links .menu-item a {
  font-weight: 300;
  color: rgb(207, 207, 207);
  transition: 1s;
}
img.footer-contact-icon {
  margin-right: 0.5rem;
}
.footer-links .menu-item a:hover {
  color: var(--second) !important;
}

.footer-links .menu-item a {
  position: relative;
  text-decoration: none;
  color: white !important;
}

.footer-links .menu-item a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px; /* فاصله خط از متن */
  width: 0;
  height: 2px; /* ضخامت خط */
  background-color: #c8c0c0; /* رنگ خط */
  transition: all 0.3s ease-in-out;
  transform: translateX(-50%);
}

.footer-links .menu-item a:hover::after {
  width: 50%; /* نمایش کامل خط هنگام هاور */
}
.copyright {
  text-align: center;
}
.copyright * {
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
}
.footer-logo img {
  transition: 1s;
}
.footer-logo img:hover {
  scale: 1.1;
  transition: 1s;
}
/* --------single-post------ */

body.home::before {
  display: none;
}
main {
  padding-top: 16rem;
  padding-bottom: 5rem;
  z-index: 5;
  position: relative;
}
.page-template-default  .slider  {
    margin-top: -5rem;
}
.home main {
  background-color: unset;
  padding-top: unset;
  z-index: 5;
  position: relative;
}


img.single-post-thumbnail {
  width: 100%;
  border-radius: 12px;
}
img.sidebar-article-cart-thumbnail {
  width: 30%;
  height: 100%;
  object-fit: cover;
  margin-right: 1rem;
  border-radius: 8px;
}
a.sidebar-article-cart {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
h3.sidebar-section-title {
  font-size: 1.5rem !important;
  margin-bottom: 1rem;
}
.sidebar-section {
  margin-bottom: 2rem;
}
h4.sidebar-article-cart-title {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 400 !important;
  color: #cbcbcb;
}
a.sidebar-product-list-item {
  color: #bcbcbc !important;
}
.single-post-content * {
  text-align: justify;
}
.single-post-content h3 {
  font-size: 1.4rem !important;
  margin-top: 2rem;
  line-height: 2.5rem;
}
.single-post-content h2 {
  font-size: 1.6rem !important;
  margin-top: 2rem;
  line-height: 2.5rem;
}
.single-post-content h4 {
  font-size: 1rem !important;
  margin-top: 2rem;
  line-height: 2.5rem;
}
.single-post-content h5 {
  font-size: 1.4rem !important;
  margin-top: 2rem;
  line-height: 2.5rem;
}
.single-post-content p {
  color: #000;
}
.single-post-content li {
  list-style: disc !important;
  margin-bottom: 0.8rem;
}
.single-post-content ul {
  padding: 0 1rem !important;
}
.single-post-content {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}
/* -------archive--------- */
.recipe-cart{
    transition:1s;
}
.recipe-cart:hover {
    scale: 1.05;
}
.archive-description {
  margin-bottom: 2rem;
}
button.tablinks-main {
  background: none;
  border: none;
  font-size: 1.2rem;
}
.circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px dotted var(--second);
  border-radius: 16px;
  margin-right: 10px;
}
.active .circle:before {
  display: block;
}
.circle:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: var(--second);
  border-radius: 8px;
  position: relative;
  top: 2px;
  left: 2px;
  display: none;
}
.product-sidebar {
  display: flex;
  flex-direction: column;
}
ul.category-childe {
  padding-left: 2rem !important;
}
ul.category-childe a {
    color: #646464 !important;
    font-size: 0.9rem;
    transition: 1s;
}
ul.category-childe a:hover {
    color: #ffffff !important;
    font-size: 1rem;
}
.sidebar-category-item::before {
    content: "";
    background-image: url("assets/images/olive-branches-award-symbol-svgrepo-com.svg");
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background-size: contain;
}
.product-sidebar > ul > li {
    margin-bottom: 1rem !important;
}
ul.products-in-this-category {
    padding-left: 2rem !important;
}
a.sidebar-category-item {
    color: black;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.products-in-this-category a {
    font-size: 1rem;
    color: gray !important;
    margin: 0.51rem 0 !important;
    display: block;
}
/* ------recipes archive--------- */
.category-item {
  display: block;
  height: 300px;
  border-radius: 6px;
  margin-bottom: 2rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.category-item .overlay {
  background-image: linear-gradient(8deg, #000000bd, transparent);
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: 2rem;
  transition: 1s;
  flex-direction: column;
  justify-content: flex-end;
}
.category-item .overlay:hover {
  opacity: 0.7; /* تغییر مقدار شفافیت هنگام هاور */
  transition: opacity 1s ease;
}
main.archive {
  padding-bottom: 3rem;
}
.product-cart {
  text-align: center;
  margin-bottom: 3rem;
}
/* ----------single recipe-------- */
.single-recipe-thumbnail {
    border-radius: 12px;
    width: 82%;
    margin-bottom: 2rem;
}
.recipe-side {

    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.recip-oil-cart {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #e1e2dc;
    border-radius: 10px;
}
.recip-oil-cart img {
    width: 38%;
    height: auto;
}
.recipe-oil {
    width: 82%;
}
.method-item {
    background: #b1b3a72e;
    margin-bottom: 1rem;
    padding: 1rem;
    /* color: white !important; */
    display: flex;
    align-items: center;
    align-content: center;
}
/*.method-item::before {*/
/*    content: "";*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    background: #9e9f99;*/
/*    display: inline-block;*/
/*    border-radius: 100px;*/
/*    margin: 0 0.5rem;*/
/*}*/

/* -------contact---------- */
section.contact {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.contact .overlay {
  /* background: #484848d6; */
  height: 100%;

  background-size: 25%;
  background-repeat: no-repeat;
  background-position: 97% 0%;
}

.contact-detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.contact-detail-item img {
  margin-right: 1rem;
  width: 42px;
}
.contact-detail-item p {
  line-height: 1.8rem;
}
.gform-theme legend.gfield_label.gform-field-label.gfield_label_before_complex {
  color: white;
}

form label, form .gfield_description {
    color: #545353 !important;
}
form input,
form textarea {
  background: #d5d5d51c !important;
  color: white;
  border: 1px solid #565656;
  border-radius: 10px;
  width: 100%;
}
.gform-theme:focus-visible,
form textarea:focus-visible {
  outline: none;
  border-color: #ffffff7d;
}
h2.address-title {
  color: white;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.gform-theme {
  margin-top: 2rem;
}
.gform_title {
  margin-bottom: 2rem;
}
/* --------about--------- */
.text-image .row {
  align-items: center !important;
}
.text-image img {
  border-radius: 10px;
}

.image-404 {
  width: 100%;
}
.page-404 {
  align-items: center;
  padding-bottom: 3rem;
}

#recipes {
  display: block;
}

.tabcontent-main {
  display: none ;
  padding: 3rem 0;
}
#allTab {
  display: block;
}

/* ------single products----------- */
a.products-btn.effect.effect-1 {
  margin-right: 13px;
  background: var(--second);
}

.suggested-use-item img {
  /* width: 100%; */
  height: 64px;
  object-fit: cover;
  text-align: center;
  /* background: #fff5f582; */
  /* border-radius: 100px; */
  padding: 0.5rem;
  transition: 1s;
  cursor: pointer;
}
.suggested-use-item img:hover {
  scale: 1.05;
}
.suggested-use-item {
  text-align: center;
  /* margin-right: 0.8rem; */
  margin-bottom: 1rem;
  width: 102px;
}
.product-recipes h3.product-cart-title {
  font-size: 1rem !important;
}
.product-recipes a.product-cart-thumbnail img {
  width: 89%;
  border-radius: 30px;
  height: 100%;
}
.suggested-use {
  display: flex;
  flex-wrap: wrap;
}
.center-image img {
  width: 100%;
  transition: 1s;
}
.center-image img:hover {
  rotate: 0deg;
}
.product-detail-section {
  margin-bottom: 4rem;
}
h2.product-details-title {
  margin-bottom: 1.5rem;
}
.suggested-use-item p {
    color: #505050;
    font-size: 0.9rem;
}
.product-category * {
    color: #5e5c5c !important;
    font-size: 0.9rem !important;
}
.product-features {
  margin: 2rem 0;
}
.product-category {
  margin-bottom: 2rem;
}
img.faq-image {
  width: 100%;
}
.row.product-faq {
  align-items: center;
}
.products-btns {
  display: flex;
}
.row.other-details {
  margin-bottom: 6rem;
}
.row.product-faq {
  align-items: center;
  margin: 8rem 0 !important;
}
.product-icons-list {
  display: flex;
}
img.product-icon {
  width: 9%;
  margin: 1rem 0.5rem;
}
/* --------------faq ------------- */

.bottom-faq-icon {
  background: white;
  box-shadow: 0 0 10px 10px #8080802e;
  width: fit-content;
  border-radius: 100px;
  padding: 0.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: 0.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 {
  margin: 1rem 0;
  border-radius: 10px;
  overflow: hidden;
  background: none !important;
}

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

.accordion-button:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.accordion-button {
  background-color: #bcc7cf !important;
}
.product-faq-title {
  margin-bottom: 2rem;
}
.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: 0.8rem;
  padding: 1rem;
}
.product-faq {
  margin-top: 4rem !important;
}

select#Device-Selector {
  background: #202020;
  width: 100%;
  padding: 1rem;
  color:white;
}

section.map {
  margin-top: -3rem;
}
.leaflet-popup-content {
  color: black;
  font-size: 1rem;
}
.product-image {
  text-align: center !important;
}
.product-image img{
    width:100%;
}

.pagination {
  text-align: center !important;
  display: flex;
  justify-content: center;
}
.desktop-header .tabs {
  height: 100%;
}
.page-numbers {
  margin: 0 0.5rem !important;
}
span.page-numbers.current {
  background: var(--second);
  padding: 0.3rem 1rem;
  border-radius: 100px;
}
/* ---------review--------- */
.comments-area {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 4rem;
  padding: 0 !important;
  margin-top: 3rem !important;
}
.navigation {
  display: none;
}

div#respond {
  width: 49%;
  float: left;
}
input#wp-comment-cookies-consent {
  width: unset;
  margin-right: 1rem;
}
.comment-list {
  width: 50%;
  float: right;
}
form input:not(#wp-comment-cookies-consent) {
  width: 100%;
}

p.comment-form-cookies-consent {
  display: flex;
  margin: 1rem 0 !important;
}

.reply,
.comments-title {
  display: none;
}
li.comment > div {
  background: #ffffff2e;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 10px;
}
span.says,
.comment-form-url {
  display: none;
}
input#submit {
  background: var(--second) !important;
  border: none;
  border-radius: 5px;
  width: 100% !important;
}
.commentmetadata a {
  color: gray !important;
  font-size: 0.8rem !important;
}
img.avatar {
  border-radius: 100px;
  margin: 0 0.5rem;
}
ul.children {
  background: rgb(255 255 255 / 17%);
  border-radius: 14px;
  padding: 1rem !important;
  float: right !important;
  margin-top: 1rem !important;
}

label {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .container {
    max-width: 80% !important;
  }
  .about-section .section-title {
    font-size: 2rem !important;
  }
  .contact .overlay {
    padding: 4rem 0rem;
  }
  .recipe-oil {
    width: 67%;
}
}

/* ------------rtl-------------- */
body.rtl *:not(i) {
  direction: rtl;
  font-family: "kalameh" !important;
}
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
  font-weight: 500 !important;
  font-family: "Manrope", serif;
}
.rtl .contact-detail-item img {
  margin-left: 1rem;
  margin-right: 0;
}
.rtl .contact .row {
  --bs-gutter-x: 4.5rem;
}
.rtl .more-info {
  border-right: 4px;
  border-style: solid;
  padding: 0.5rem;
  padding-right: 1.5rem;
  border-color: #2e5e32;
  margin: 1rem 0;
  border-left: none;
}
.rtl .effect.effect-1:before {
  content: "\f177";
  left: 0;
  right: unset;
}
.rtl .recepes-section .section-title {
  text-align: right;
}
.rtl img.footer-contact-icon {
  margin-left: 0.5rem;
}
.rtl p {
  font-weight: 300;
}
.rtl ul.mega-menu,
.rtl .mega-menu-link:not(.menu-image-title-after) {
  text-align: right !important;
}
.rtl .lang-change {
  border-right: 2px !important;
}
.rtl .lang-change {
  border-right: 2px solid gray !important;
  border-left: 0;
  margin: 0 0.6rem;
}
.rtl .accordion-button::after {
  left: 19px;
  position: absolute;
}
.rtl .about-section .section-title {
  text-align: right;
}
.rtl h3.post-cart-title a {
  font-weight: 500;
  font-size: 1.2rem;
}
.rtl .readmore-section {
  text-align: right;
}
.rtl .readmore-section.readmore-section-1:before {
  content: "\f177";
  left: 1rem;
  right: unset;
}
.rtl img.sidebar-article-cart-thumbnail {
  margin-left: 1rem;
  margin-right: 0;
}
.rtl .sidebar {
  padding-right: 2rem;
}
.rtl .circle:before {
  left: -2px;
}
.rtl #map .list li ul li {
    float: right;
}
.rtl #map .list li > span {
    text-align: right;
}
.rtl .agancy-tab-wrapper {
    text-align: right;
}
.rtl .sidebar-category-item::before {
    margin-left: 0.5rem;
    margin-right:0;
}
.rtl  ul.products-in-this-category {
    padding-left: 0rem !important;
    padding-right: 2rem !important;
}