/*
Theme Name: websima
Theme URI: https://websima.com
Author: Websima Creative Agency
Author URI: https://websima.com
Description: Websima Creative Agency
Version: 1.0
*/

/* --------------------
    Css Reset (Mayerweb)
-------------------- */
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;
}

i::before {
  transition: 0.3s;
}

:focus {
  outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
}

a:active,
a:hover {
  outline: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.text-hover:hover {
  color: #f15b2a;
}

button:focus,
input:focus,
textarea:focus {
  outline: none !important;
}

li {
  list-style: none;
}
/* html {
  overflow: unset;
} */
/* --------------------
    Fonts & Icons
-------------------- */
@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-Thin.woff") format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Thin.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-Light.woff") format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Light.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-Regular.woff")
      format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Regular.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-SemiBold.woff")
      format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-SemiBold.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-Bold.woff") format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Bold.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-ExtraBold.woff")
      format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-ExtraBold.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-Black.woff") format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Black.woff2")
      format("woff2");
}

@font-face {
  font-family: "YekanBakhFaNum";
  font-style: normal;
  font-weight: 950;
  font-stretch: normal;
  font-display: swap;
  src:
    url("assets/fonts/yekanbakh/woff/YekanBakhFaNum-ExtraBlack.woff")
      format("woff"),
    url("assets/fonts/yekanbakh/woff2/YekanBakhFaNum-ExtraBlack.woff2")
      format("woff2");
}

@font-face {
  font-family: "anjoman-title";
  font-style: normal;
  font-display: swap;
  src: url("assets/fonts/Anjoman-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "iran-desc";
  font-style: normal;
  font-display: swap;
  src: url("assets/fonts/IRANSansWeb(FaNum)_Light.woff") format("woff");
}

@font-face {
  font-family: "helva-eng";
  font-style: normal;
  font-display: swap;
  src: url("assets/fonts/Helvetica.woff") format("woff");
}

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

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

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

.icon-Home-Smile-Angle:before {
  content: "\e917";
  color: #fff;
}

.icon-City:before {
  content: "\e918";
  color: #fff;
}

.icon-Widget:before {
  content: "\e919";
  color: #fff;
}

.icon-plus:before {
  content: "\e91a";
  color: #fff;
}

.icon-menubar:before {
  content: "\e91b";
  color: #e1e8eb;
}

.icon-copy:before {
  content: "\e900";
  color: #939598;
}

.icon-plus2:before {
  content: "\e901";
  color: #f15b2a;
}

.icon-left:before {
  content: "\e902";
  color: #fff;
}

.icon-down:before {
  content: "\e903";
  color: #fff;
}

.icon-telegram:before {
  content: "\e904";
  color: #fff;
}

.icon-instagram:before {
  content: "\e905";
  color: #fff;
}

.icon-x:before {
  content: "\e906";
  color: #fff;
}

.icon-search:before {
  content: "\e908";
  color: #fff;
}

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

.icon-bale:before {
  content: "\e90a";
  color: #fff;
}

.icon-eitaa:before {
  content: "\e90b";
  color: #fff;
}

.icon-facebook:before {
  content: "\e90c";
  color: #fff;
}

.icon-date:before {
  content: "\e90d";
  color: #f15b2a;
}

.icon-gallery:before {
  content: "\e90e";
  color: #fff;
}

.icon-quote:before {
  content: "\e90f";
  color: #f15b2a;
}

.icon-top:before {
  content: "\e910";
  color: #f15b2a;
}

.icon-map:before {
  content: "\e911";
  color: #f15b2a;
}

.icon-email:before {
  content: "\e912";
  color: #f15b2a;
}

.icon-phone:before {
  content: "\e913";
  color: #f15b2a;
}

.icon-Pirint:before {
  content: "\e914";
  color: #f15b2a;
}

.icon-Postal-code:before {
  content: "\e915";
  color: #f15b2a;
}

.icon-share:before {
  content: "\e916";
  color: #939598;
}

.icon-date2:before {
  content: "\e91c";
  color: #5b2af1;
}

.icon-cat:before {
  content: "\e909";
  color: #5b2af1;
}

.icon-time:before {
  content: "\e91d";
  color: #5b2af1;
}

.icon-Support:before {
  content: "\e920";
}

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

.icon-play:before {
  content: "\e91e";
}

.icon-Download:before {
  content: "\e921";
}

.icon-phone2:before {
  content: "\e922";
}

/* --------------------
    Config
-------------------- */
:root {
  --color1: #121212;
  --color2: #757575;
  --bg_light: #fdf9f6;
  --danger: #d53343;
  --bg_danger: #fff5f5;
  --success: #45bf55;
  --bg-success: #ecf9ee;
  --bg_info: #cce5ff4a;
  --info: #004085cc;
  --main_font: "iran-desc";
  --title_font: "YekanBakhFaNum";
  --english_font: "helva-eng";
  --heading_h1_fontsize: clamp(20px, 4vw, 30px);
  --header-h: calc(var(--hh) * 100 + -1px);
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: var(--color1);
}

::selection {
  color: #fff;
  background: var(--color1);
}

html {
  scroll-behavior: smooth;
  /* overflow-x: hidden; */
}

:target {
  scroll-margin-top: 14rem;
}

body {
  direction: rtl;
  text-align: right;
  font-family: "YekanBakhFaNum", Arial, sans-serif;
  font-size: 16px;
  color: #212121;
  line-height: 2;
  background: #ffffff;
  overflow-x: hidden;
}

.overflow-x {
  overflow-x: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  white-space: nowrap;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.container-full {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.ltr {
  direction: ltr;
}

.container-full > .row {
  margin: 0;
}

.sidebar {
  position: sticky;
  top: 0px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100% !important;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.row > [class*="col-"],
.row > [class*="col"] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#wrapper .no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#wrapper .no-gutters > .col,
#wrapper .no-gutters > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.text-center {
  text-align: center !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-family: var(--title_font), Arial;
}

input {
  font-family: var(--main_font), Arial;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  display: block;
}

video {
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  border: 1px solid #fff;
}

a {
  transition: 0.3s;
  color: #151515;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--color1);
  cursor: pointer;
}

.position-relative {
  position: relative !important;
}

.empty-error {
  text-align: center;
  background: var(--color1);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  padding: 8px;
  margin-right: 15px;
  margin-left: 15px;
}

.inner-pages .site-main {
  padding: 50px 0;
}

.woocommerce-error,
.woocommerce-success {
  color: var(--color2);
  text-align: center;
  padding: 10px;
  margin: 15px;
  border: 1px solid var(--color2);
  font-size: 13px;
}

/* --------------------
   GENERAL SETTING
-------------------- */
.search-box h3 {
  text-align: center;
  background: #e8e2dd;
  font-size: 1.5rem;
  margin-top: 2rem;
}

.woocommerce-notices-wrapper > * {
  text-align: center;
  margin: 1rem 0;
  display: block;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #eaeaea7a;
  border-radius: 100vw;
}

::-webkit-scrollbar-thumb {
  background: #dedbdb;
  cursor: pointer;
}

::-webkit-scrollbar-thumb {
  background: #212121;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color2);
}

.site-main {
  display: block;
  position: relative;
  background: #ffffff;
  margin-bottom: 104px;
}

.section-title {
  font-size: 36px;
  color: #121212;
  margin-bottom: 8px;
  text-align: center;
  line-height: normal;
}

.section-subtitle {
  color: #555555;
  font-size: 18px;
  text-align: center;
  max-width: 670px;
  margin: auto;
}

.title-site-center {
  text-align: center;
}

.section-title .title-heading {
  font-family: var(--title_font);
  color: #151515;
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  margin-bottom: 12px;
}

.section-title .entitle-heading {
  font-family: var(--english_font);
  color: var(--color2);
  font-size: clamp(0.875rem, 2vw, 1rem);
}

.general-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.general-banner:not(.no-image-selected):before {
  content: "";
  background: linear-gradient(
    180deg,
    rgba(26, 26, 26, 0.7) 0%,
    rgba(26, 26, 26, 0) 100%
  );
  position: absolute;
  top: 0;
  width: 100%;
  height: 18%;
}

.general-page-content {
  background-color: #fffcf7;
  padding: 2rem 1rem 3.5rem;
  margin-top: -6rem;
  text-align: center;
}

.general-banner:not(:has(img)) .general-page-content {
  margin-top: 5rem !important;
}

.inner-main {
  padding-bottom: 64px;
  background-color: #fff;
}

.item-banner img {
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.item-banner {
  width: 100%;
  overflow: hidden;
  display: block;
}

.sw-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

.sw-navigation .icon-direction-left,
.sw-navigation .icon-direction-right {
  cursor: pointer;
}

.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}

#categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#categories a:last-child::after {
  display: none;
}

#categories a::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #000000;
  display: inline-block;
  border-radius: 50%;
  margin: 0 12px;
}

.section-base {
  margin-top: 104px;
}

.tax-eico_product_category .page-numbers {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .inner-main {
    padding-bottom: 0;
  }
}

/* --------------------
   header quick access
-------------------- */

.quick--access-header {
  position: fixed;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 56px;
}

.quick--access-header i {
  color: #151515;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quick--access-header button.quick-access-header-item {
  background-color: transparent;
  border: none;
}

/* --------------------
    Modal bootstrap Css
-------------------- */

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  background-color: rgb(0 0 0 / 50%);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
  color: #313131;
  overflow: hidden;
  font-size: 14px;
  background: #fff;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  align-items: center;
}

.modal-header .icon-profile {
  font-size: 1rem;
  font-weight: 600;
  margin-left: 6px;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: clamp(14px, 2vw, 16px);
  display: flex;
  align-items: center;
}

.modal-title i {
  margin-left: 10px;
  font-size: 20px;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px 20px 30px;
  text-align: center;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-header .close {
  padding: 0.5rem 1rem;
  margin: -1rem auto -1rem -1rem;
  background: transparent;
  border: none;
  color: var(--danger);
  font-size: 29px;
}

.modal-body .text-muted {
  font-family: var(--main_font);
  text-align: right;
  margin-bottom: 0.5rem;
}

.modal-body .input.form-control {
  border: 1px solid var(--color1);
}

.modal-dialog .alert {
  position: absolute;
  background-color: #fff;
  color: var(--color1);
  width: 521px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -52px;
  height: 3rem;
  font-family: var(--title_font);
}

.modal-body .input.form-control::placeholder {
  color: var(--color2);
}

.modal-body .form-group {
  display: flex;
  flex-direction: column;
}

.modal-body .form-group .form-control {
  padding: 0.5rem;
  font-family: var(--main_font);
  margin-bottom: 0.7rem;
}

.modal-body .form-group .form-control.error {
  border: 1px solid #d81d1d;
}

.modal-body .form-group #mobile-error {
  position: absolute;
  bottom: -13px;
  font-size: 11px;
  color: #d81d1d;
}

.modal-body .resend-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  cursor: pointer;
  border-bottom: 1px solid var(--color1);
  transition: 0.3s;
}

.modal-body .resend-code:hover {
  border-bottom: 1px solid transparent;
}

@media screen and (min-width: 992px) {
  .modal-content {
    max-width: 520px;
  }
}

/* --------------------
    Button
-------------------- */
.button {
  color: var(--color1);
  border-bottom: 1px solid var(--color1) !important;
  padding-bottom: 2px;
  transition: 0.3s;
  background-color: transparent;
  border: none;
  font-family: var(--main_font);
  cursor: pointer;
}

.button:hover {
  border-bottom: 1px solid transparent !important;
}

.btn-simple {
  background-color: #fff;
  min-width: 145px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 8px;
  margin-top: 10px;
  font-family: var(--main_font);
  justify-content: center;
}

.btn-simple i {
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.btn-simple:hover i {
  transform: rotate(-45deg);
}

/* --------------------
    FAQ CSS
-------------------- */

.tab-content {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

.tab-content.active {
  display: block !important;
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.accordion-content {
  display: none;
  padding: 0 29px 40px;
  margin: 0;
}
.faqs-item.active .accordion-content {
  margin-top: -2rem;
}
/* .faqs-item.active .faqs-question.accordion {
  padding: 29px 40px 0;
} */

.sw--faq--wrap {
  margin-top: -1rem;
  position: relative;
  z-index: 3;
}

.sw--faq--wrap .swiper-pagination {
  margin-top: 12px;
}

.faq-cat {
  background-color: #e1e8eb;
  color: #121212;
  border-radius: 4px;
  min-width: 124px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 1.5rem;
  transition: 0.3s;
  font-size: 16px;
  position: relative;
}

.faq-cat.active {
  background: #f15b2a;
  color: #ffffff;
}

.faq-cat.active::before,
.faq-cat.active::after,
.faq-cat.active span::before,
.faq-cat.active span::after {
  background: #ffffff;
}

.faq-cat:hover {
  background: #f15b2a;
  color: #ffffff;
}

.faq-cat::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e1e8eb;
  position: absolute;
  top: 6px;
  left: 6px;
  transition: 0.3s;
}

.faq-cat::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e1e8eb;
  position: absolute;
  top: 6px;
  right: 6px;
  transition: 0.3s;
}

.faq-cat span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e1e8eb;
  position: absolute;
  bottom: 6px;
  left: 6px;
  transition: 0.3s;
}

.faq-cat span::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e1e8eb;
  position: absolute;
  bottom: 6px;
  right: 6px;
  transition: 0.3s;
}

.page-faq .faq-cat {
  margin: 0;
}

.page-faq .swiper-pagination {
  margin-top: 24px;
}

.faqs-content-wrapper {
  margin-top: 43px;
}

.faqs-item {
  transition: 0.4s ease;
  padding: 0;
  border: 1px solid #e1e8eb;
  cursor: pointer;
  margin-bottom: 13px;
  position: relative;
}

.faqs-item::before,
.faqs-item::after,
.faqs-item .corner-dots::before,
.faqs-item .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.faqs-item::before {
  top: 16px;
  left: 16px;
}

.faqs-item::after {
  top: 16px;
  right: 16px;
}

.faqs-item .corner-dots::after {
  bottom: 16px;
  right: 16px;
}

.faqs-item .corner-dots::before {
  bottom: 16px;
  left: 16px;
}

.faqs-item.active::before,
.faqs-item.active::after,
.faqs-item.active .corner-dots::before,
.faqs-item.active .corner-dots::after {
  background-color: #f15b2a;
}

.faqs-item.active .faqs-question.accordion p {
  color: #f15b2a;
}

.faqs-question.accordion p {
  cursor: pointer;
  font-size: 18px;
  color: #121212;
}

.faqs-item .faq-aq .faqs-question p {
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  color: #151515;
  font-size: 1.1rem;
  gap: 1rem;
}

.faqs-question.accordion {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 29px 40px;
  transition: 0.3s;
}

.faqs-item .faq-num {
  background-color: #e8e2dd;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  color: #151515;
  display: flex;
}

.faqs-item.active .faq-num {
  background-color: var(--color1);
  color: #fff;
}

.faqs-answer.accordion-content p {
  color: #757575;
  font-size: 14px;
}

.faqs-item .faqs-question:after {
  content: "\e903";
  font-family: "icomoon";
  color: #676868;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-right: auto;
  transition: 0.3s;
}

.faqs-item.active .faqs-question:after {
  transform: rotate(180deg);
  color: #5b2af1;
}

.page-faq .faqs-content-wrapper {
  margin-top: 43px;
}

@media screen and (min-width: 768px) {
  .sw--faq--wrap {
    margin-top: -1rem;
  }

  .faq-cat {
    height: 56px;
  }

  .faqs-content-wrapper {
    margin-top: 56px;
  }

  .faqs-item {
    padding: 0;
  }
}

/* --------------------
    section product
-------------------- */

.section-product .product-banner,
.section-product .video-container {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.section-product .product-banner img {
  width: 100%;
  height: 100%;
}

.section-product .product-item-title a {
  font-family: var(--main_font);
  color: var(--color1);
  display: block;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.section-product .sw-navigation {
  margin-bottom: 1.5rem;
}

.product-item .product-image {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}

.product-item .product-image img {
  width: 100%;
  object-fit: cover;
}

.product-item .product-image .gallery-items-swiper {
  position: absolute;
  inset: 0;
}

.product-item .thumbnail-product {
  position: relative;
  transition: 0.3s;
  z-index: 2;
}

.product-item:hover .thumbnail-product {
  opacity: 0;
  visibility: hidden;
}

.product-item .price {
  min-height: 3rem;
}

.price .on-sale {
  color: #fff;
  background-color: var(--color1);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.price .price_holder {
  color: var(--color2);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.price .price_holder .woocommerce-Price-currencySymbol {
  margin-right: 4px;
}

.price .currency-symbol {
  background-image: url(assets/img/toman.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 18px;
  height: 19px;
  display: inline-block;
}

.price {
  display: flex;
  align-items: center;
  flex-direction: row;
  color: var(--color2);
  gap: 12px;
}

.price .price_holder ins {
  text-decoration: none;
}

.price .price_holder del {
  font-size: 14px;
}

.price bdi {
  display: flex;
  gap: 4px;
  line-height: 22px;
  flex-direction: row-reverse;
}

.price .price_holder del bdi .woocommerce-Price-currencySymbol {
  display: none;
}

.product-item .product-new-label {
  font-family: var(--english_font);
  font-weight: 500;
  color: var(--color1);
  font-size: clamp(12px, 2vw, 16.5px);
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(20px);
  border: 1px solid var(--color1);
  border-radius: 50%;
  top: 4px;
  right: 4px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.nxt-product-item.gallery-item,
.prv-product-item.gallery-item {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: var(--color1);
  border-radius: 50%;
  background-color: #fff;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  opacity: 0;
  transition: 0.3s;
}

.product-item:hover .nxt-product-item:not(.swiper-button-disabled),
.product-item:hover .prv-product-item:not(.swiper-button-disabled) {
  opacity: 1;
}

.product-item:hover .swiper-button-disabled {
  opacity: 0.5;
}

.nxt-product-item.gallery-item {
  right: 0.5rem;
}

.prv-product-item.gallery-item {
  left: 0.5rem;
}

.video-poster {
  position: absolute;
  top: 0;
  right: 0;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.video-btn {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  backdrop-filter: blur(36.67px);
  border: 1px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 88px;
  height: 88px;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.video-btn i {
  width: 36.67px;
  height: 36.67px;
  font-size: 36px;
}

@media screen and (min-width: 768px) {
  .product-item .product-new-label {
    top: 8px;
    right: 8px;
    width: 48px;
    height: 48px;
  }

  .section-product .product-banner {
    margin-top: 2rem;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .product-item .product-item-title {
    max-width: 136px;
  }

  .video .play-button {
    left: 50%;
    top: 20%;
  }

  .video-element {
    min-height: 217px;
    object-fit: cover;
  }

  .video-btn {
    width: 44px;
    height: 44px;
  }

  .video-btn i {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

/* --------------------
    archive blog
-------------------- */

.wrap-ft-menu .category-acc.accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fffcf7;
  height: 72px;
  padding: 0 1rem;
}

.wrap-ft-menu .category-acc-item.accordion-container {
  display: flex;
  flex-direction: column;
  background-color: #fffcf7;
  gap: 0.875rem;
  padding: 0 1rem;
}

.category-acc .category-acc-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.category-acc .icon-layout {
  font-size: 18px;
}

.category-acc .icon-arrow-down {
  font-size: 12px;
  transition: 0.3s;
}

.category-acc .category-acc-title span {
  font-weight: 600;
}

.category-acc-item.accordion-container a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-acc-item.accordion-container a .icon-direction-left {
  font-size: 10px;
}

.category-acc.active .icon-arrow-down {
  transform: rotate(180deg);
}

article.post-item {
  display: table;
  margin: auto;
}

.post-item-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.post-item h2 {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  transition: 0.3s;
  color: #151515;
}

.post-item h2::before {
  content: "";
  min-width: 6px;
  min-height: 6px;
  background-color: var(--color1);
  transition: 0.3s;
}

.page-numbers i::before {
  color: #939598;
}

.page-numbers.next,
.page-numbers.prev {
  padding: 0;
  border: none;
  min-width: 30px;
  height: 40px;
}

.single-content {
  padding: 24px 16px;
  border: 1px solid #e1e8eb;
}

/* .page-numbers.next {
  margin: 0 20px 0 0;
} */

/* .page-numbers.prev {
  margin: 0 0 0 20px;
} */

.page-numbers.next:hover,
.page-numbers.prev:hover {
  background: none;
  border: none;
}

.page-numbers.next:hover i:before,
.page-numbers.prev:hover i:before {
  color: #f15b2a;
}

.page-numbers.next i,
.page-numbers.prev i {
  font-size: 10px;
}

.page-numbers.prev i {
  transform: rotate(-90deg);
}

.page-numbers.next i {
  transform: rotate(90deg);
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  transition: 0.3s;
}

.page-numbers li a {
  padding: 11px 13px;
  border: 1px solid #e1e8eb;
  border-radius: 4px;
  line-height: normal;
  max-height: 48px;
  min-width: 48px;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
}

.page-numbers li a:hover {
  background: #f15b2a;
  border: 1px solid #f15b2a;
  color: #fff;
}

.page-numbers.current {
  padding: 11px 13px;
  border: 1px solid #f15b2a;
  border-radius: 4px;
  line-height: normal;
  background: #f15b2a;
  max-height: 48px;
  min-width: 48px;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
}

.blog-more-tax {
  margin-top: 64px;
  text-align: center;
  padding: 2rem 1rem;
  background-color: #e8e2dd;
}

.post-item-image {
  position: relative;
  display: table;
  margin: auto;
  overflow: hidden;
  width: 100%;
}

.post-item-image img {
  width: 100%;
}

.post-item-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 26, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
}

.post-item:hover .post-item-image::before {
  opacity: 1;
}

.post-item:hover h2 a {
  color: #939393;
}

.post-item:hover h2::before {
  background-color: #939393;
}

@media screen and (min-width: 768px) {
  .blog-tax {
    display: flex;
    align-items: center;
    background-color: #fffcf7;
    height: 80px;
    overflow: hidden;
    padding: 0 1rem;
  }

  .blog-tax-title {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    border-left: 2px solid rgba(26, 26, 26, 0.12);
    padding-left: 1.5rem;
  }

  .sw--blog-cat-wrap {
    width: 100%;
    padding-right: 1.5rem;
  }
}

/* --------------------
    banners
-------------------- */
.section-banners .text-content {
  position: absolute;
  bottom: 2.5rem;
  text-align: center;
  padding: 0 1rem;
}

.section-banners .item-banner::before {
  content: "";
  background: linear-gradient(0deg, #212121 14%, rgba(33, 33, 33, 0) 100%);
  position: absolute;
  bottom: 0;
  width: 97%;
  height: 70%;
}

.section-banners .img-title {
  font-family: var(--title_font);
  color: #fff;
  margin-bottom: 4px;
  font-size: clamp(20px, 2vw, 24px);
}

.section-banners .text-content p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
  font-family: var(--main_font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section-banners .text-content a {
  color: #fff;
  border-bottom: 1px solid #fff !important;
  font-size: clamp(19px, 2vw, 21px);
  transition: 0.3s;
}

.section-banners .text-content a:hover {
  border-bottom: 1px solid transparent !important;
}

.widget_categories .widget-title {
  text-align: center;
  display: block;
  padding: 12px 18px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 18px;
  color: #000000;
  position: relative;
}

.widget_categories .widget-title::before {
  top: 8px;
  left: 8px;
}

.widget_categories .widget-title::after {
  top: 8px;
  right: 8px;
}

.widget_categories .widget-title .corner-dots::before {
  bottom: 8px;
  left: 8px;
}

.widget_categories .widget-title .corner-dots::after {
  bottom: 8px;
  right: 8px;
}

.widget_categories .widget-title::before,
.widget_categories .widget-title::after,
.widget_categories .widget-title .corner-dots::before,
.widget_categories .widget-title .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.widget_categories ul {
  padding: 0 12px;
}

.widget_categories {
  padding: 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
}

.widget_categories ul li {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e1e8eb;
}

.widget_categories ul li a {
  font-size: 16px;
  color: #000000;
  padding: 0;
}

.widget_categories ul li ul li a {
  font-size: 14px;
  color: #676868;
}

.widget_categories ul li:first-child {
  margin-top: 32px;
}

.widget_categories ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.widget_categories ul li:hover > a,
.widget_categories ul li:hover > div > a {
  color: #f15b2a;
}

.widget_categories ul li:hover > div > .caticon::before {
  color: #f15b2a;
}

.widget_categories .cat-parent .caticon.active::before {
  transform: rotate(180deg);
  color: #f15b2a;
}

.widget_categories .cat-parent .caticon::before {
  content: "\e903";
  display: inline-block;
  transition: 0.3s;
  font-family: "icomoon" !important;
  color: #939598;
  margin-inline-start: 9px;
  font-size: 6px;
  cursor: pointer;
  margin-inline-end: 4px;
}

.widget_categories .children li {
  margin: 0;
  padding: 0;
  border: none;
}

.widget_categories .children li:first-child {
  margin-top: 0;
}

.sidebar-blog .widget_media_image img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .section-banners .text-content {
    right: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .section-banners .text-content {
    bottom: 1.5rem;
  }

  .section-banners .img-title {
    font-size: 1rem;
  }

  .section-banners .text-content p {
    font-size: 0.75rem;
  }

  .section-banners .text-content a {
    font-size: 0.875rem;
  }

  .section-banners .item-banner::before {
    width: 94.5%;
  }
}

@media screen and (min-width: 768px) {
  .section-banners .text-content {
    text-align: right;
  }
}

/* CSS For ALLwidget & sidebar  */
.sidebar-top {
  margin-bottom: 2rem;
  position: relative;
  z-index: 3;
  margin-top: 4rem;
}

.widget-side li a {
  display: flex;
  padding: 12px 0;
  align-items: center;
}

.cat-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 100%;
}

.children .cat-item > a {
  display: block;
  padding: 5px 0;
  transition: 0.4s ease;
}

.widget-side .children {
  padding: 0 1rem 0 0;
}

.help-heading {
  padding: 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
}

.help-heading-title {
  text-align: center;
  display: block;
  padding: 18px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 20px;
  color: #000000;
  position: relative;
}

.help-heading-title i {
  display: none;
}

.help-heading-title i::before {
  color: #939598;
}

.help-heading-title::before,
.help-heading-title::after,
.help-heading-title .corner-dots::before,
.help-heading-title .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.help-heading-title::before {
  top: 8px;
  left: 8px;
}

.help-heading-title::after {
  top: 8px;
  right: 8px;
}

.help-heading-title .corner-dots::before {
  bottom: 8px;
  left: 8px;
}

.help-heading-title .corner-dots::after {
  bottom: 8px;
  right: 8px;
}

.help-heading ul li:first-child {
  margin-top: 32px;
}

.help-heading ul li {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e1e8eb;
}

.help-heading ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.help-heading ul li a {
  transition: color 0.3s ease;
  color: #000000;
  text-decoration: none;
}

.help-heading ul li a:hover {
  color: #f15b2a;
}

.access-post {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.access-post-item {
  padding: 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
}

.access-post a {
  text-align: center;
  display: block;
  padding: 18px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 20px;
  color: #000000;
  position: relative;
}

.access-post a:hover::before,
.access-post a:hover::after,
.access-post a:hover .corner-dots::before,
.access-post a:hover .corner-dots::after {
  background: #f15b2a;
}

.access-post a:hover {
  color: #f15b2a;
  background: rgba(241, 91, 42, 0.12);
}

.access-post a::before,
.access-post a::after,
.access-post a .corner-dots::before,
.access-post a .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.access-post a::before {
  top: 8px;
  left: 8px;
}

.access-post a::after {
  top: 8px;
  right: 8px;
}

.access-post a .corner-dots::before {
  bottom: 8px;
  left: 8px;
}

.access-post a .corner-dots::after {
  bottom: 8px;
  right: 8px;
}

@media (min-width: 62em) {
  .sidebar-top .widget-side > ul > li > a {
    padding: 1.5rem 0;
  }

  .sidebar-top {
    margin-bottom: 5rem;
  }

  .sidebar-top .widget_categories > ul {
    display: flex !important;
    align-items: stretch;
    gap: 2rem;
  }

  .sidebar-top .widget-side.widget_categories {
    display: flex;
    align-items: center;
  }

  .sidebar-top .widget-side > ul > .cat-item > ul.children {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease;
    border: 1px solid #e3e3e3;
    background: #fffcf7;
    width: 300px;
    top: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    z-index: 500;
    padding: 0px 20px;
    max-height: 290px;
    overflow: auto;
    margin: 0 0 0 -1px;
    display: block !important;
  }

  .sidebar-top .widget-side > ul > .cat-item:hover > ul.children {
    visibility: visible;
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

.widget-side:not(.woocommerce-widget-layered-nav) ul {
  display: none;
}

.websima-cta {
  font-size: 16px;
  padding: 16px 25px;
  display: flex;
  gap: 16px;
  background: #f15b2a;
  align-items: center;
  border: 1px solid #f2f2f2;
  line-height: 0;
  border-radius: 2px;
  position: relative;
  transition: 0.3s;
  box-shadow:
    -8px -8px 20px 0 rgba(42, 59, 241, 0.12),
    8px 5px 15px 0 rgba(241, 91, 42, 0.17);
}

.websima-cta:hover {
  background: #ffffff;
  color: #260e07;
}

.websima-cta:hover span {
  color: #260e07;
}

.websima-cta:hover i::before {
  color: #260e07;
}

.websima-cta i::before {
  transition: 0.3s;
}

.websima-cta:hover::before,
.websima-cta:hover::after,
.websima-cta:hover span::before,
.websima-cta:hover span::after {
  background: #260e07;
}

.websima-cta-dark:hover {
  background: #260e07;
  color: #ffffff;
}

.websima-cta-dark:hover span {
  color: #ffffff;
}

.websima-cta-dark:hover::before,
.websima-cta-dark:hover::after,
.websima-cta-dark:hover span::before,
.websima-cta-dark:hover span::after {
  background: #ffffff;
}

.websima-cta-dark:hover i::before {
  color: #ffffff;
}

.websima-cta::before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  transition: 0.3s;
}

.websima-cta::after {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  transition: 0.3s;
}

.websima-cta span::before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 6px;
  left: 6px;
  transition: 0.3s;
}

.websima-cta span::after {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 6px;
  right: 6px;
  transition: 0.3s;
}

.websima-cta span {
  color: #fff;
  font-size: 16px;
  transition: 0.3s;
}

.websima-cta-white {
  background: #ffffff;
}

.websima-cta-white:hover::before,
.websima-cta-white:hover::after,
.websima-cta-white:hover span::before,
.websima-cta-white:hover span::after {
  background: #f15b2a;
}

.websima-cta-white:hover span {
  color: #f15b2a;
}

.websima-cta-white:hover i::before {
  color: #f15b2a;
}

.websima-cta-white i::before {
  color: #260e07;
}

.websima-cta-white span {
  color: #260e07;
}

.websima-cta-white svg path {
  stroke: #260e07;
}

.cards-slider-more {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.cards-slider-more i {
  font-size: 13px;
}

.cards-slider-more i::before {
  color: #121212;
}

.cards-slider-more {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.cards-slider-more .more-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition:
    max-width 0.4s ease,
    opacity 0.3s ease;
}

.cards-slider-box:hover .cards-slider-more .more-text,
.workshops-item:hover .cards-slider-more .more-text {
  max-width: 300px;
  opacity: 1;
  color: #f15b2a;
}

.cards-slider-more svg {
  transform: rotate(-40deg);
  transform-origin: center;
  backface-visibility: hidden;
  transition: transform 0.3s ease;
}

.cards-slider-more svg path {
  transition: 0.3s;
}

.cards-slider-box:hover .cards-slider-more svg,
.workshops-item:hover .cards-slider-more svg {
  transform: rotate(0deg);
}

.cards-slider-box:hover .cards-slider-more svg path,
.workshops-item:hover .cards-slider-more svg path {
  stroke: #f15b2a;
}

.more-workshops-nonebg {
  background: none;
}

.more-workshops-nonebg:hover {
  background: #fff;
}

.more-workshops-nonebg:hover span {
  color: #000;
}

.more-workshops-nonebg:hover i::before {
  color: #000;
}

.swiper-pagination {
  position: relative;
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 5px;
  background: #f8c5b5;
  display: block;
  border-radius: 1px;
  transition: 0.3s;
}

.swiper-pagination .swiper-pagination-bullet-active {
  width: 39px;
  background: #f15b2a;
}

.mobile-quick-access {
  position: fixed;
  bottom: -1px;
  left: 0;
  background: #000000;
  z-index: 10;
  width: 100%;
  padding: 10px 28px;
  clip-path: polygon(10% 0, 90% 0, 100% 30%, 100% 100%, 0 100%, 0 30%);
}

.mobile-quick-access ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
}

.mobile-quick-access ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mobile-quick-access ul li a span {
  font-size: min(12px, 3.5vw);
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  margin-top: 9px;
}

.mobile-quick-access ul li i {
  font-size: 18px;
}

@media (min-width: 1201px) {
  .mobile-quick-access {
    display: none;
  }
}

.archive-faq {
  margin-top: 104px;
}

.section-faq {
  margin-top: 40px;
}

.sidebar-banner {
  margin-top: 24px;
  position: relative;
  clip-path: polygon(20% 0%, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 10%);
}

.sidebar-banner-title {
  max-width: 70%;
}

.sidebar-banner-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding-bottom: 24px;
}

.sidebar-banner-title a {
  font-size: 26px;
  color: #ffffff;
}

.sidebar-banner img {
  width: 100%;
}

.page-intro {
  background-image: url(assets/img/About-us-section.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 16px 56px;
}

.page-intro {
  text-align: center;
  margin-bottom: 80px;
}

.page-subtitle {
  color: #f15b2a;
  font-size: 22px;
  margin-bottom: 12px;
}

.page-title {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 24px;
}

/* @media (min-width: 1400px) {
  .page-title {
    font-size: 56px;
  }
} */

.page-description {
  font-size: 16px;
  color: #ffffff;
  text-align: center !important;
}

.page-description p {
  text-align: center !important;
}

.page-intro .page-intro {
  padding: 0;
  margin: 0;
  background: none;
}

.page-intro-content {
  max-width: 62%;
  margin: auto;
}

.page-intro-content .page-intro-content {
  max-width: 100%;
  margin: auto;
}

.additional-information {
  padding: 72px 77px;
  background-image: url(assets/img/additional-information.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.information-title {
  text-align: center;
  font-size: 30px;
  color: rgba(18, 18, 18, 1);
  margin-bottom: 8px;
}

.information-des p {
  text-align: center !important;
}

.section-blog-item {
  position: relative;
  overflow: hidden;
}

.section-blog-date {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 8px 12px;
  background: #f15b2a;
  border-radius: 4px;
  color: #fff;
  line-height: normal;
  font-size: 12px;
  z-index: 1;
}

.section-blog-url {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: block;
}

.section-blog-url::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(241, 91, 42, 0.4);
  background-image: url(assets/img/bloghover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 88px 88px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  border-radius: 4px;
}

.section-blog-url:hover::after {
  opacity: 1;
}

.section-blog-item img {
  border-radius: 4px;
  width: 100%;
  object-fit: cover;
}

.section-blog-item .section-blog-url {
  margin-bottom: 24px;
}

.section-blog-title {
  margin-bottom: 16px;
  min-height: 54px;
  overflow: hidden;
}

.section-blog-title a {
  color: #121212;
  font-size: 18px;
  transition: 0.3s;
  display: block;
  line-height: 1.5;
}

.section-blog-item-more i::before {
  color: #f15b2a;
}
.section-blog-item:hover .section-blog-title a {
  color: #5b2af1;
}
.section-blog-item-more {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #f15b2a;
  font-size: 14px;
}

.archive-posts .section-blog-item {
  margin-bottom: 40px;
}

/* .archive-posts .products-item {
  margin-bottom: 32px;
} */

@media (min-width: 992px) {
  .archive-posts .products-item {
    margin-bottom: 0;
  }
}

.page-404-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 800px;
  justify-content: center;
  background-image: url(assets/img/404.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.page-404 .cards-slider-main .swiper-wrapper {
  height: max-content;
}

.page-404-content img {
  margin-bottom: 72px;
}

.page-404-title {
  color: #f15b2a;
  font-size: 36px;
  margin-bottom: 12px;
}

.page-404-des {
  font-size: 30px;
  color: #121212;
  margin-bottom: 24px;
}

.section-cards-slider {
  padding: 104px 0 0;
  background-image: url(assets/img/card_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

.cards-slider-swiper {
  margin-top: 65px;
}

.cards-slider-box {
  background: #fff;
  border: 1px solid #e1e8eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  transition: 0.3s;
  position: relative;
}

.cards-slider-box .cards-slider-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cards-slider-title {
  color: #121212;
  font-size: 20px;
  margin-bottom: 16px;
  margin-top: 40px;
}

.cards-slider-box::before,
.cards-slider-box::after,
.cards-slider-box .corner-dots::before,
.cards-slider-box .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.cards-slider-box::before {
  top: 16px;
  left: 16px;
}

.cards-slider-box::after {
  top: 16px;
  right: 16px;
}

.cards-slider-box .corner-dots::before {
  bottom: 16px;
  left: 16px;
}

.cards-slider-box .corner-dots::after {
  bottom: 16px;
  right: 16px;
}

.cards-slider-box:hover::before,
.cards-slider-box:hover::after,
.cards-slider-box:hover .corner-dots::before,
.cards-slider-box:hover .corner-dots::after {
  background-color: #f15b2a;
}

.cards-slider-box:hover {
  box-shadow:
    -12px -12px 20px rgba(42, 59, 241, 0.05),
    12px 16px 20px rgba(241, 91, 42, 0.07);
}

.cards-slider-box i {
  transform: rotate(40deg);
  transition: 0.3s;
}

.cards-slider-box:hover i {
  transform: rotate(0deg);
}

.cards-slider-box:hover i::before {
  color: #f15b2a;
}

.contact-page-subtitle {
  display: block;
  text-align: center;
  color: #f15b2a;
  font-size: 28px;
  line-height: 100%;
}

.contact-page-title {
  display: block;
  text-align: center;
  color: #121212;
  font-size: 2.5rem;
  line-height: 100%;
  margin-top: 12px;
}

.websima-tab-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.websima-tab-btns li {
  padding: 16px 24px;
  background: #e1e8eb;
  color: #121212;
  border-radius: 4px;
  line-height: normal;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  min-width: 160px;
  text-align: center;
}

.websima-tab-btns li.active {
  background: #f15b2a;
  color: #fff;
}

.websima-tab-btns li.active::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 7px;
  left: 7px;
  transition: 0.3s;
}

.websima-tab-btns li.active::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 7px;
  right: 7px;
  transition: 0.3s;
  font-size: 16px;
}

.websima-tab-btns li.active span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  bottom: 7px;
  left: 7px;
  transition: 0.3s;
}

.websima-tab-btns li.active span::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  bottom: 7px;
  right: 7px;
  transition: 0.3s;
}

.websima-tab-contents {
  margin-top: 40px;
}

.tab-content.active {
  display: block;
}

.tab-content {
  display: none;
}

.contents-info li {
  padding: 42px 43px;
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 4px;
  box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  position: relative;
}

.contents-info li .corner-dots {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.contents-info li::before,
.contents-info li::after,
.contents-info li .corner-dots::before,
.contents-info li .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.contents-info li::before {
  top: 12px;
  left: 12px;
}

.contents-info li::after {
  top: 12px;
  right: 12px;
}

.contents-info li .corner-dots::before {
  bottom: 12px;
  left: 12px;
}

.contents-info li .corner-dots::after {
  bottom: 12px;
  right: 12px;
}

.contents-info li:hover a {
  color: #f15b2a;
}

.contents-info li:hover::before,
.contents-info li:hover::after,
.contents-info li:hover .corner-dots::before,
.contents-info li:hover .corner-dots::after {
  background: #f15b2a;
}

.contents-info li:last-child {
  margin: 0;
}

.contents-info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contents-info li p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

.contents-info-title {
  display: flex;
  align-items: center;
  gap: 11px;
  transition: color 0.3s ease;
}

.contents-info li a {
  transition: color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.contents-info li a i::before,
.contents-info li p .contents-info-title i::before {
  color: #5b2af1;
}

.contents-info li p .contents-info-title {
  margin-bottom: 0;
}

.contents-info i::before {
  color: #5b2af1;
}

.contact_form {
  padding: 30px;
  background: rgba(244, 245, 245, 1);
  border-radius: 4px;
}

.contact_form-title {
  color: #121212;
  font-size: 36px;
  text-align: center;
}

.contact_form-des {
  font-size: 18px;
  color: #555555;
  text-align: center;
}

.contact_form .websima-single-form {
  max-width: 100%;
}

.swiper-wrapper.websima-tab-btns {
  justify-content: normal;
  gap: unset;
}

.tab-content .map {
  position: relative;
}

.tab-content .map::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="149" viewBox="0 0 1440 149" fill="none"><rect width="1440" height="149" fill="url(%23paint0_linear_234_1929)"/><defs><linearGradient id="paint0_linear_234_1929" x1="720" y1="0" x2="720" y2="149" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 149px;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-dir-button {
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  display: flex;
  gap: 8px;
  left: 40px;
  flex-direction: column;
  transform: translateY(-50%);
}

.contact-dir-button a {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  background: #fff;
  border-radius: 10px;
  padding: 5px 8px;
  position: relative;
  font-size: 12px;
  width: 46px;
  height: 46px;
  border: 1px solid #939598;
  color: #333333;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.contact-dir-button a:hover {
  background: var(--color1);
  border-color: var(--color1);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.contact-dir-button .google-map:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("assets/img/googlemap.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 3px;
}

.contact-dir-button .waze:before {
  content: "";
  width: 30px;
  height: 26px;
  background: url("assets/img/waze.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 1px;
}

.contact-dir-button .neshan:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("assets/img/neshan.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 0px;
}

.section-workshops {
  background: #000000;
  padding: 72px 0;
}

.section-workshops .section-title {
  color: #fff;
}

.section-workshops .section-subtitle {
  color: #e1e8eb;
}

.workshops-item {
  position: relative;
  overflow: hidden;
}

.workshops-item-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.workshops-item img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
  width: 100%;
  transition: 0.3s;
}

.workshops-item::after {
  content: "";
  position: absolute;
  bottom: -13px;
  width: 100%;
  left: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="336" height="157" viewBox="0 0 336 157" fill="none"><rect x="0.5" y="0.5" width="335" height="156" fill="url(%23paint0_linear_184_1213)" stroke="black"/><defs><linearGradient id="paint0_linear_184_1213" x1="168" y1="0" x2="168" y2="157" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="0.789049"/></linearGradient></defs></svg>');
  height: 157px;
  background-repeat: no-repeat;
  background-size: cover;
}

.workshops-style-2 .workshops-item::after,
.archive-workshops .workshops-item::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="336" height="291" viewBox="0 0 336 291" fill="none"><rect x="-0.75" width="336" height="291" fill="url(%23paint0_linear_230_1695)"/><defs><linearGradient id="paint0_linear_230_1695" x1="167.25" y1="0" x2="167.25" y2="291" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  bottom: 0;
  height: 291px;
  width: 101%;
  transition: 0.3s;
}

.workshops-style-2 .workshops-item:hover::after,
.archive-workshops .workshops-item:hover::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="336" height="157" viewBox="0 0 336 157" fill="none"><rect x="-0.5" width="336" height="157" fill="url(%23paint0_linear_230_1704)"/><defs><linearGradient id="paint0_linear_230_1704" x1="167.5" y1="0" x2="167.5" y2="157" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="0.789049"/></linearGradient></defs></svg>');
}

.workshops-item::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="336" height="108" viewBox="0 0 336 108" fill="none"><rect width="336" height="108" transform="matrix(1 0 0 -1 0 108)" fill="url(%23paint0_linear_184_1214)"/><defs><linearGradient id="paint0_linear_184_1214" x1="168" y1="0" x2="168" y2="108" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="1"/></linearGradient></defs></svg>');
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 108px;
  background-repeat: no-repeat;
  background-size: cover;
}

.workshops-style-2 .workshops-item::before,
.workshops-style-2 .workshops-item::before .workshops-item::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="336" height="293" viewBox="0 0 336 293" fill="none"><rect width="336" height="293" transform="matrix(1 0 0 -1 -0.25 293)" fill="url(%23paint0_linear_230_1696)"/><defs><linearGradient id="paint0_linear_230_1696" x1="168" y1="0" x2="168" y2="293" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  background-size: cover;
  height: 293px;
  transition: 0.3s;
}

.workshops-style-2 .workshops-item:hover::before,
.archive-workshops .workshops-item:hover::before {
  top: -120px;
}

.workshops-item:hover img {
  filter: grayscale(0%);
}

.workshops-swiper {
  margin-top: 32px;
}

.workshops-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 24px;
  z-index: 1;
}

.workshops-item-content i::before {
  color: #fff;
  transition: 0.3s;
}

.workshops-style-2 .workshops-item-content i::before,
.archive-workshops .workshops-item-content i::before {
  color: #260e07;
}

.workshops-item-content i {
  font-size: 14px;
  transform: rotate(45deg);
  transition: 0.3s;
}

.workshops-style-2 .workshops-item-content i,
.archive-workshops .workshops-item-content i {
  font-size: 14px;
  transform: rotate(40deg);
  transition: 0.3s;
}

.workshops-style-2 .workshops-item:hover .workshops-item-content i,
.archive-workshops .workshops-item:hover .workshops-item-content i {
  transform: rotate(0deg);
}

.workshops-item:hover .workshops-item-content i {
  transform: rotate(0);
}

.workshops-item:hover .workshops-item-content i::before {
  color: #f15b2a;
}

.bg-Bright .websima-cta {
  background: #f15b2a;
  color: #fff;
}

.bg-Bright .websima-cta:hover {
  background: #ffffff;
  color: #260e07;
}

.workshops-title a {
  font-size: 20px;
  line-height: normal;
  color: #ffffff;
}

.workshops-style-2 .workshops-item:hover .workshops-title a,
.archive-workshops .workshops-item:hover .workshops-title a {
  color: #ffffff;
}

.workshops-style-2 .workshops-title a,
.archive-workshops .workshops-title a {
  color: #260e07;
}

.more-workshops {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.bg-Bright {
  background: #fff;
  padding: 0;
}

.bg-Bright .section-title {
  color: #260e07;
}

.bg-Bright .section-subtitle {
  color: #555555;
}

#breadcrumbs a:hover,
#categories a:hover {
  color: #5b2af1;
}

.no-posts-message {
  text-align: center;
}

.head-single-job {
  margin-top: 64px;
}

.single-job-image img {
  width: 100%;
}

.single-job-title {
  color: #121212;
  font-size: 44px;
  margin-bottom: 32px;
  line-height: normal;
}

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

.category_post i {
  margin-inline-end: 10px;
}

.category_post a {
  font-size: 16px;
  color: #260e07;
  position: relative;
}

.category-post-list {
  display: flex;
  align-items: center;
  gap: 29px;
}

.category-post-list a {
  font-size: 16px;
  color: #121212;
}

.category-post-list a::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #260e07;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
}

.category-post-list a:last-child:after {
  display: none;
}

.single-job-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0;
  margin-top: 32px;
  margin-bottom: 20px;
}

.single-job-info-item {
  width: 48%;
  background: #f4f5f5;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 6px;
}

.single-job-info-item span {
  font-size: 16px;
  color: #555555;
}

.single-job-info-item span:last-child {
  color: #121212;
}

.category-post-list a:hover {
  color: #5b2af1;
}

.short-description p {
  color: #0e0826;
  font-size: 16px;
}

.single-job-meta .websima-cta {
  width: max-content;
  margin-top: 40px;
}

.job-content {
  border: 1px solid #e1e8eb;
  padding: 24px 17px;
  /* max-width: 1116px; */
  margin: 104px auto 0;
}

.single-job_opportunities .archive-faq {
  /* max-width: 1116px; */
  margin: 104px auto 0;
}

.jobs-item-content {
  margin-top: 12px;
  text-align: center;
  padding: 12px;
  position: relative;
  transition: 0.3s;
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.07);
}

.jobs-item-content::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 6px;
  right: 6px;
  transition: 0.3s;
}

.jobs-item-content::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 6px;
  left: 6px;
  transition: 0.3s;
}

.jobs-item-title {
  font-size: 20px;
  color: #121212;
  transition: 0.3s;
}

.jobs-item-title a {
  color: #121212;
  transition: 0.3s;
}

.jobs-item-title::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 6px;
  right: 6px;
  transition: 0.3s;
}

.jobs-item-title::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 6px;
  left: 6px;
  transition: 0.3s;
}

.jobs-item-image {
  position: relative;
}

.jobs-item-image a {
  display: block;
}

.jobs-item-image img {
  width: 100%;
}

.jobs-item-image span {
  padding: 8px 12px;
  position: absolute;
  top: 16px;
  left: 16px;
  background: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  color: #676868;
}

.jobs-item-image span .job-category-link {
  color: #676868;
  text-decoration: none;
  transition: color 0.3s ease;
}

.jobs-item-image span .job-category-link:hover {
  color: #f15b2a;
}

.jobs-item:hover .jobs-item-content {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
}

.jobs-item:hover .jobs-item-content::before,
.jobs-item:hover .jobs-item-content::after {
  background: #f15b2a;
}

.jobs-item:hover .jobs-item-title::before,
.jobs-item:hover .jobs-item-title::after {
  background: #f15b2a;
}

.jobs-item:hover .jobs-item-title a {
  color: #f15b2a;
}

.archive-jobs-items .row {
  gap: 48px 0;
}

.job-filtter-sidebar {
  padding: 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 24px;
}

.job-filtter-sidebar .widget_categories .widget-title h4 {
  font-size: 15px;
}

.job-filtter-title {
  text-align: center;
  display: block;
  padding: 18px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 20px;
  color: #000000;
  position: relative;
  margin-bottom: 32px;
}

.job-filtter-title::before,
.job-filtter-title::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.job-filtter-title::before {
  top: 8px;
  left: 8px;
}

.job-filtter-title::after {
  top: 8px;
  right: 8px;
}

.job-filtter-title .corner-dots::before {
  bottom: 8px;
  left: 8px;
}

.job-filtter-title .corner-dots::after {
  bottom: 8px;
  right: 8px;
}

.job-filtter-title .corner-dots::before,
.job-filtter-title .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.job-filtter-sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.job-filtter-sidebar ul li label {
  font-weight: 500;
  font-size: 16px;
  color: rgba(33, 33, 33, 1);
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox .checkmark {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: rgba(247, 247, 247, 1);
  border-radius: 2px;
  transition: 0.3s;
}

.job-filtter-sidebar li:hover .checkmark {
  background: #f15b2a;
}

.custom-checkbox input:checked ~ .checkmark {
  background: #f15b2a;
}

.custom-checkbox input:checked ~ .checkmark::after {
  opacity: 1;
  visibility: visible;
}

.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 9px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: 0.3s;
}

.job-filtter-sidebar li:hover .checkmark:after {
  opacity: 1;
  visibility: visible;
}

.custom-checkbox {
  position: relative;
  padding-right: 34px;
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  user-select: none;
}

.archive-job-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* استایل‌های دکستاپ برای archive-job-sidebar */
@media screen and (min-width: 992px) {
  .archive-job-sidebar {
    position: static;
    right: auto;
    background: transparent;
    z-index: auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .archive-job-sidebar-header {
    display: none;
  }

  .archive-job-sidebar-content {
    flex: none;
    overflow: visible;
    padding: 0;
  }

  .archive-job-sidebar-cover {
    display: none;
  }
}

.af-fields {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}

.section-form {
  margin-top: 88px;
}

.section-form .acf-field {
  width: 50%;
  border: none !important;
}

.section-form .acf-field label {
  font-size: 18px;
  color: #121212;
}

.section-form .acf-field input,
.section-form .acf-field select,
.af-field-type-textarea textarea {
  border: 1px solid #e1e8eb;
  border-radius: 4px;
  padding: 20px 16px !important;
  font-size: 16px !important;
  font-family: "YekanBakhFaNum", Arial, sans-serif;
}

.section-form .acf-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.section-form .af-field-type-select {
  margin-left: 10px !important;
}

.section-form .acf-field[data-type="select"] .acf-input::after {
  content: "";
  border: solid rgba(134, 134, 134, 1);
  border-width: 0 0.1rem 0.1rem 0;
  display: inline-block;
  padding: 0.1875rem;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%) rotate(45deg);
}

/* مخفی کردن دکمه رادیو */
.acf-radio-list input[type="radio"] {
  display: none !important;
}

.acf-radio-list label {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.acf-radio-list label.selected::before {
  content: "✔";
  font-size: 14px;
  background: #ff6b2b;
  color: #fff;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding-top: 3px;
}

.address-form {
  width: 100%;
}

.acf-radio-list label::before {
  content: "";
  font-size: 14px;
  position: relative;
  background: #e1e8eb;
  color: #fff;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.acf-hl:before,
.acf-hl:after,
.acf-bl:before,
.acf-bl:after,
.acf-cf:before,
.acf-cf:after {
  position: absolute;
}

.af-field-type-radio ul {
  display: flex;
  align-items: center;
  gap: 55px;
}

.af-field-type-textarea {
  width: 100% !important;
}

.acf-fields .acf-field-file {
  width: 100% !important;
}

.acf-file-uploader .hide-if-value p {
  width: 100%;
  height: 170px;
  border: 1px dashed rgba(215, 215, 215, 1);
  border-radius: 20px;
}

.acf-file-uploader .acf-button.button {
  background: none !important;
  border: none !important;
  color: rgba(134, 134, 134, 1) !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
}

.acf-form-submit {
  display: flex;
  justify-content: center;
  width: 100%;
}

.af-submit-button {
  font-size: 16px;
  padding: 16px 25px;
  display: flex;
  gap: 16px;
  background: #f15b2a;
  align-items: center;
  border: 1px solid #f2f2f2;
  line-height: 0;
  border-radius: 2px;
  position: relative;
  transition: 0.3s;
}

.af-submit .websima-cta {
  font-family: "YekanBakhFaNum", Arial, sans-serif;
}

.acf-field .acf-input {
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}

.acf-error input {
  border-color: #cc2727 !important;
  color: #cc2727 !important;
}

.acf-error-message {
  background: transparent !important;
  color: #cc2727 !important;
  border-color: transparent !important;
}

.single-product {
  margin-top: 64px;
}

.single-product-title {
  font-size: 40px;
  color: #121212;
  margin-bottom: 12px;
  line-height: 100%;
}

.single-product-subtitle {
  font-size: 18px;
  color: #121212;
}

.single-product-info {
  margin-top: 12px;
  padding-top: 16px;
  border-top: 1px solid #e1e8eb;
}

.single-product-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.download-catalog {
  display: flex;
  gap: 8px;
  font-size: 16px;
  color: #260e07;
  transition: color 0.3s ease;
}

.download-catalog:hover {
  color: #f15b2a;
}

.download-catalog i {
  color: #f15b2a;
  font-size: 24px;
  display: flex;
  align-items: center;
}

.Industry {
  display: flex;
  gap: 7px;
  margin-top: 12px;
  font-size: 16px;
  color: #121212;
}

.Industry a:hover {
  color: #5b2af1;
}

.short_explanation {
  margin-top: 20px;
}

.short_explanation p {
  font-size: 16px !important;
  color: #0e0826 !important;
}

.request-advice {
  padding: 20px 32px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-top: 16px;
  position: relative;
}

.request-advice::before,
.request-advice::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.request-advice::before {
  top: 16px;
  left: 16px;
}

.request-advice::after {
  top: 16px;
  right: 16px;
}

.request-advice .corner-dots::before,
.request-advice .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.request-advice .corner-dots::before {
  bottom: 16px;
  left: 16px;
}

.request-advice .corner-dots::after {
  bottom: 16px;
  right: 16px;
}

.request-advice-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.request-advice-head span {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
}

.request-advice-head img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.request-advice p {
  font-size: 14px;
  color: #555555;
}

.websima-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}
@media (width<768px) {
  .websima-buttons {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.websima-buttons a {
  background: #ffffff;
  padding: 14px 25px;
  box-shadow: 0px 6px 15px 0px rgba(18, 18, 18, 0.07);
  transition: all 0.3s ease;
}

.websima-buttons a:hover {
  box-shadow: 0px 6px 15px 0px rgba(18, 18, 18, 0.1);
  background: #f15b2a;
}

.websima-buttons a span {
  color: #260e07;
  transition: color 0.3s ease;
}

.websima-buttons a i::before {
  color: #260e07;
  transition: color 0.3s ease;
}

.websima-buttons a:hover span {
  color: #f2f2f2;
}
.websima-buttons a:hover i::before {
  color: #f2f2f2;
}
.websima-buttons .websima-cta:hover::before,
.websima-buttons .websima-cta:hover::after,
.websima-buttons .websima-cta:hover span::before,
.websima-buttons .websima-cta:hover span::after {
  background: #f2f2f2;
}
.swiper-container {
  overflow: hidden;
}

/* .single-product .container .container {
  max-width: 1116px;
} */

.single-product-gallery {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.single-product-gallery .slider {
  width: 80%;
  background: #f4f5f5;
  border-radius: 4px;
}

.single-product-gallery .slider-thumbnail-slider {
  width: 94px;
  position: relative;
}

.single-product-gallery .slider-thumbnail {
  height: 316px;
}

.single-product-gallery .slider-thumbnail .swiper-wrapper {
  flex-direction: column;
}

.single-product-gallery .slider-thumbnail .swiper-slide {
  aspect-ratio: 1/1;
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
  width: 30%;
}

.single-product-gallery .slider img {
  width: 100%;
  height: 546px;
  object-fit: contain;
}
.single-product-gallery.fallback-image img {
  width: 100%;
}
.single-product-gallery .slider-thumbnail-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-product-gallery .swiper-button-next:after,
.single-product-gallery .swiper-button-prev:after {
  content: unset;
}

.single-product-gallery .swiper-button-next i::before,
.single-product-gallery .swiper-button-prev i::before {
  color: #939598;
  transition: color 0.3s ease;
}

.single-product-gallery .swiper-button-next:hover i::before,
.single-product-gallery .swiper-button-prev:hover i::before {
  color: #f15b2a;
}

.single-product-gallery {
  --swiper-navigation-sides-offset: -12px;
}
.single-product-gallery .swiper-button-next {
  /* position: absolute;
  bottom: -33px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  right: auto; */
  /* margin: 0;
  width: auto;
  height: auto; */
}

.single-product-gallery .swiper-button-prev {
  /* position: absolute;
  top: -33px;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  right: auto; */
  /* margin: 0;
  width: auto;
  height: auto; */
}

.single-product-gallery .swiper-button-prev i {
  transform: rotate(180deg);
}

.single-product-gallery .slider-thumbnail .swiper-slide {
  position: relative;
  border-radius: 4px;
}

.single-product-gallery .slider-thumbnail-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 100%;
  background: #f8c5b59e;
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #f15b2a;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.single-product-gallery
  .slider-thumbnail
  .swiper-slide:hover
  .slider-thumbnail-cover {
  opacity: 1;
  visibility: visible;
}

.single-product-gallery .slider-thumbnail-cover span {
  width: 32px;
  height: 32px;
  background: #f15b2a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #top_product .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .single-product-gallery {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .single-product-gallery .slider {
    width: 100%;
    order: 1;
  }

  .single-product-gallery .slider img {
    height: 400px;
  }

  .single-product-gallery .slider-thumbnail-slider {
    width: 100%;
    margin-top: 16px;
    order: 2;
    padding: 0 30px;
  }

  .single-product-gallery .slider-thumbnail {
    height: auto;
  }

  .single-product-gallery .slider-thumbnail .swiper-wrapper {
    flex-direction: row;
  }

  .single-product-gallery .slider-thumbnail .swiper-slide {
    /* height: 80px !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-left: 8px;
    flex: 0 0 auto; */
  }

  .single-product-gallery .slider-thumbnail .swiper-slide:first-child {
    margin-left: 0;
  }

  .single-product-gallery .swiper-button-prev {
    /* top: 50%;
    right: -7px;
    left: auto;
    bottom: auto; */
    transform: rotate(90deg);
  }
  .mobile-product-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
  }
  .single-product-gallery .swiper-button-next {
    /* top: 50%;
    left: -7px;
    right: auto;
    bottom: auto; */
    transform: rotate(90deg);
  }
}

@media screen and (min-width: 1200px) {
  .single-product-gallery {
    --swiper-navigation-sides-offset: -50px;
  }
  .single-product-gallery {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }

  .single-product-gallery .slider {
    width: 80%;
    order: unset;
  }

  .single-product-gallery .slider img {
    height: 546px;
  }

  .single-product-gallery .slider-thumbnail-slider {
    width: 94px;
    margin-top: 0;
    order: unset;
    padding: 0;
  }

  .single-product-gallery .slider-thumbnail {
    height: 316px;
  }

  .single-product-gallery .slider-thumbnail .swiper-wrapper {
    flex-direction: column;
  }

  .single-product-gallery .slider-thumbnail .swiper-slide {
    aspect-ratio: 1;
    width: 100% !important;
    margin-bottom: 16px !important;
    margin-left: 0;
  }

  .single-product-gallery .swiper-button-prev {
    /* top: -33px;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%); */
  }

  .single-product-gallery .swiper-button-next {
    /* bottom: -55px;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%); */
  }

  .single-product-title {
    font-size: 32px;
  }

  .single-product-subtitle {
    font-size: 16px;
  }

  .single-product-info {
    flex-wrap: wrap;
    gap: 12px;
  }

  .request-advice {
    margin-top: 24px;
  }
}
.desktop .prod--detail {
  margin-top: 87px;
}
.menu-product-sections {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.07);
  transition:
    all 0.3s ease,
    box-shadow 0.3s ease;
  background: #fff;
}
.tab-product-sticky {
  z-index: 10;
  position: sticky;
  top: var(--header-h);
}
@media (width<1200px) {
  .tab-product-sticky {
    display: none;
  }
}
.menu-product-sections::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  transition: 0.3s;
}

.menu-product-sections::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 16px;
  transition: 0.3s;
}

.menu-product-sections .corner-dots {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.menu-product-sections .corner-dots::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  right: 16px;
  transition: 0.3s;
}

.menu-product-sections .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  left: 16px;
  transition: 0.3s;
}

/* .menu-product-sections.sticky {
  position: fixed;
  top: 0;

  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.07);
  margin: 0;
  transition:
    all 0.3s ease,
    box-shadow 0.3s ease;
} */

.menu-product-sections-placeholder {
  display: block;
}

.menu-product-sections ul {
  display: flex;
  align-items: center;
  gap: 72px;
}

.menu-product-sections ul li a {
  font-size: 20px;
  color: #121212;
  position: relative;
  transition: 0.3s;
}

.menu-product-sections ul li a::after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f15b2a;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.menu-product-sections ul li a:hover {
  color: #f15b2a;
}

.menu-product-sections ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}

.menu-product-sections ul li a.active {
  color: #f15b2a;
}

.menu-product-sections ul li a.active::after {
  opacity: 1;
  visibility: visible;
}

.sctoll-top {
  width: 32px;
  height: 32px;
  background: #e1e8eb;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.sctoll-top i {
  font-size: 10px;
  display: flex;
  transform: rotate(180deg);
  margin-top: -4px;
}

.sctoll-top i::before {
  color: #939598;
}

.product-specifications {
  margin-top: 64px;
}

.product-section-title {
  margin-bottom: 32px;
  line-height: 100%;
  font-size: 30px;
  color: #000000;
}

.product-specifications ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 20px;
}

.product-specifications ul li {
  padding: 28px 24px;
  background: #f4f5f5;
  border-radius: 6px;
  width: 49%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-specifications ul li span:first-child {
  font-size: 18px;
  color: #555555;
  white-space: nowrap;
  margin-left: 28px;
}

.product-specifications ul li span:last-child {
  font-size: 16px;
  color: #121212;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-specifications ul li {
    width: 49%;
    flex-wrap: nowrap;
  }

  .product-specifications ul li span:first-child {
    font-size: 16px;
    margin-left: 16px;
    flex-shrink: 0;
  }

  .product-specifications ul li span:last-child {
    font-size: 14px;
  }

  .product-specifications ul {
    gap: 16px 12px;
  }

  .product-specifications ul li {
    padding: 20px 16px;
  }
}

.product-additional-information {
  margin-top: 104px;
}

.product-additional-information .main-content {
  padding: 24px 16px;
  border: 1px solid #e1e8eb;
}

.product-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 25px;
  flex-wrap: wrap;
}

.product-tag a {
  padding: 10px;
  border-radius: 4px;
  background: #e1e8eb;
}

.section-videos {
  position: relative;
  margin-top: 104px;
}

.section-videos img {
  width: 100%;
}

.videos-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 100%;
  padding: 15px;
  width: max-content;
}

.play-video {
  background: #f15b2a40;
  border: 2px solid #f15b2a;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  backdrop-filter: blur(20px);
}

.play-video i {
  font-size: 27px;
  color: #f15b2a;
  margin-left: 6px;
}

.videos-content-title {
  color: #ffffff;
  font-size: 36px;
  margin-top: 32px;
}

.videos-content-text {
  font-size: 18px;
  color: #ffffff;
  max-width: 570px;
  margin-top: 6px;
}

.video-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;

  /* شروع پنهان */
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
}

.video-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.video-popup-content {
  position: relative;
  width: 90%;
  max-width: 900px;

  /* انیمیشن اسکیل */
  transform: scale(0.8);
  transition: transform 0.35s ease;
}

.video-popup-overlay.active .video-popup-content {
  transform: scale(1);
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close-video-popup {
  position: absolute;
  top: -40px;
  right: -10px;
  background: transparent;
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
}

.products-swiper {
  margin-top: 32px;
}

.products-item {
  position: relative;
}

.products-item img {
  width: 100%;
  transition: 0.3s;
}

.products-item-content {
  margin-top: 12px;
  text-align: center;
  padding: 12px;
  position: relative;
  transition: 0.3s;
}

.products-item-title {
  font-size: 20px;
  color: #121212;
  transition: 0.3s;
}

.products-item-title::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 6px;
  right: 6px;
  transition: 0.3s;
}

.products-item-title::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 6px;
  left: 6px;
  transition: 0.3s;
}

.products-item-content::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 6px;
  right: 6px;
  transition: 0.3s;
}

.products-item-content::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 6px;
  left: 6px;
  transition: 0.3s;
}

.products-item:hover .products-item-title {
  color: #f15b2a;
}

.products-item:hover .products-item-content::after,
.products-item:hover .products-item-content::before,
.products-item:hover .products-item-title::after,
.products-item:hover .products-item-title::before {
  background: #f15b2a;
}

.products-item-image {
  overflow: hidden;
}

.products-item:hover .products-item-image img {
  transform: scale(1.1);
}
.mobile .products-item-content,
.products-item:hover .products-item-content {
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
}

.more-product {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.section-blog {
  padding: 72px 0;
  background: #f4f5f5;
}

.section-blog-swiper {
  margin-top: 32px;
}

.more-blog-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.no-posts-message {
  margin: 32px auto;
  padding: 24px;
  max-width: 720px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  background: #f9f9f9;
  text-align: center;
  color: #555555;
  box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.06);
}

.no-posts-message p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.single-eico_products .section-blog {
  margin-top: 104px;
  padding: 0;
  background: none;
}

.archive-workshops {
  gap: 64px 0;
}

.section-banners {
  background: #f4f5f5;
  padding: 72px 0;
}

.websima-banners-item {
  position: relative;
}

.websima-banners-item .websima-cta {
  height: max-content;
  padding: 16px 25px;
}

.websima-banners-item .websima-cta span {
  font-size: 14px;
}

.websima-banners-url {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.websima-banners-item {
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 83% 100%, 0 99%, 0% 50%);
  border-radius: 4px;
}

.websima-banner-image {
  border-radius: 12px;
  max-height: 361px;
  width: calc(100% + 50px);
  border-radius: 4px;
  transition:
    opacity 0.35s,
    transform 0.35s;
  transform: translate3d(40px, 0, 0);
  max-width: unset;
}

.websima-banners-item:hover .websima-banner-image {
  transform: translate3d(0, 0, 0);
}

.section-banners .row div:nth-child(even) .websima-banners-item {
  clip-path: polygon(17% 0, 100% 0, 100% 53%, 100% 100%, 0 99%, 0 17%);
}

.websima-banners-content {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  justify-content: space-between;
  left: 0;
  padding: 31px 58px 31px 31px;
}

.websima-banner-title {
  color: #fff;
  font-size: 36px;
  line-height: normal;
}
.tax-eico_product_industry .section-banners,
.page-template-template-products .section-banners {
  padding: 0;
  background: none;
}

.archive-products {
  gap: 43px 0;
}

.product-filtter {
  padding: 12px 12px 28px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.06);
}

.product-filtter-title {
  text-align: center;
  display: block;
  padding: 18px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 20px;
  color: #000000;
  position: relative;
}
@media (width<768px) {
}
.product-filtter-title::before,
.product-filtter-title::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.product-filtter-title::before {
  top: 8px;
  left: 8px;
}

.product-filtter-title::after {
  top: 8px;
  right: 8px;
}

.product-filtter-title .corner-dots::before,
.product-filtter-title .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.product-filtter-title .corner-dots::before {
  bottom: 8px;
  left: 8px;
}

.product-filtter-title .corner-dots::after {
  bottom: 8px;
  right: 8px;
}

.taxs-filter {
  margin-top: 32px;
}

.product-filtter-tax:first-child {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e1e8eb;
}

.product-filtter-tax-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.product-filtter-tax-title i {
  font-size: 8px;
}

.product-filtter-tax-title i::before {
  color: #676868;
}

.product-filtter-tax ul {
  padding-right: 12px;
}

.product-filtter-tax ul li a {
  font-size: 14px;
  color: #676868;
}

.product-filtter-tax ul li a:hover {
  color: #f15b2a;
}

.taxs-filter .product-filtter-tax ul {
  display: none;
  margin-top: 10px;
}

.product-filtter-tax.open ul {
  display: block;
}

.product-filtter-tax-title i {
  transition: transform 0.3s;
}

.product-filtter-tax.open span i {
  transform: rotate(180deg);
}

.product-filtter-tax.open span i::before {
  color: #f15b2a;
}

.section-hero2 {
  background: #000000;
  display: flex;
  padding: 50px 48px 0px 0;
  overflow: hidden;
  gap: 20px;
  /* height: 720px; */
  /* margin-top: -77px; */
}

.websima-hero2-image {
  width: 55%;
  margin-top: auto;
}

.websima-hero2-image img {
  /* height: 100%; */
  margin-top: auto;
  width: 100%;
  /* object-fit: cover; */
}

@media screen and (min-width: 992px) and (max-width: 1272px) {
  .websima-hero2-image img {
    object-fit: contain;
  }
}

.websima-hero2-content {
  z-index: 2;
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
}

.websima-hero2-image {
  display: flex;
  justify-content: flex-end;
}

.websima-hero2-title {
  color: #f15b2a;
  font-size: 32px;
  margin-bottom: 12px;
}

.websima-hero2-subtitle {
  color: #ffffff;
  font-size: 56px;
  line-height: 100%;
  margin-bottom: 24px;
}

.websima-hero2-content .websima-cta {
  width: max-content;
  margin-top: 64px;
}

.websima-hero2-image {
  position: relative;
}

.single-workshops .websima-hero2-subtitle {
  font-size: 44px;
}

.single-workshops .websima-hero2-content {
  width: 45%;
}

.single-workshops .section-hero2 {
}

.process-swiper {
  margin-top: 32px;
}

.process-tab {
  text-align: center;
  padding: 16px;
  background: #e1e8eb;
  border-radius: 4px;
  color: #121212;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
.process-swiper .swiper-slide {
  height: auto;
}
.process-tab.active,
.process-tab:hover {
  background: #f15b2a;
  color: #ffffff;
}

.process-swiper .swiper-pagination {
  margin-top: 24px;
}

.process-tab-contents {
  margin-top: 40px;
}

.process-content-image img {
  width: 100%;
  border-radius: 8px;
}

.process-title {
  font-size: 32px;
  color: #260e07;
  margin-bottom: 14px;
}

.process-content .editor-content {
  margin-bottom: 40px;
}

.process-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.process-content .websima-cta {
  width: max-content;
  margin-top: 0;
}

.process-content-tab {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease;
}

.process-content-tab.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

.benefits-items {
  margin-top: 32px;
  border-top: 1px solid #e1e8eb;
  border-right: 1px solid #e1e8eb;
}

.benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 44px 10px;
  position: relative;
  text-align: center;
  height: 100%;
}

.benefits-item::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 16px;
  right: 16px;
}

.benefits-item::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  top: 16px;
  left: 16px;
}

.benefits-item-description::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 16px;
  right: 16px;
}

.benefits-item-description::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
  bottom: 16px;
  left: 16px;
}

.benefits-items .row > div {
  border-left: 1px solid #e1e8eb;
  border-bottom: 1px solid #e1e8eb;
}

/* .benefits-items .row > div:last-child {
  border: none;
} */

.benefits-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.benefits-item img {
  margin-bottom: 24px;
  max-width: 88px;
}

.benefits-item-title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 8px;
  font-weight: 500;
}

.benefits-item-description {
  font-size: 16px;
  color: #555555;
}

.websima-content .editor-content {
  padding: 24px 16px;
  border: 1px solid #e1e8eb;
  margin: 0;
}

.websima-content {
  margin-top: 104px !important;
}

.bg-dark {
  padding: 94px 0;
  background: #000000;
  overflow: hidden;
  position: relative;
}

.bg-dark::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="566" height="214" viewBox="0 0 566 214" fill="none"><path d="M686.858 195.224C686.933 203.802 680.238 210.926 671.667 211.307C569.658 215.85 467.501 213.677 365.485 211.792C351.069 211.526 337.33 205.621 327.224 195.337C222.009 88.2788 116.464 -18.6203 7.54761 -122.164C4.53601 -125.027 2.74951 -128.947 2.58679 -133.1C-1.47516 -236.741 1.65546 -340.552 0.25354 -444.203C0.134155 -453.029 7.14648 -460.319 15.9717 -460.475C102.226 -462 188.321 -462 274.597 -462C299.859 -460.003 330.453 -466.268 347.707 -443.012C348.232 -442.303 348.797 -441.609 349.413 -440.979C459.594 -328.28 574.08 -219.677 682.207 -105.318C685.025 -102.337 686.584 -98.3849 686.568 -94.2831C686.198 2.27858 686.021 98.6721 686.858 195.224Z" fill="url(%23paint0_linear_664_130)" fill-opacity="0.28"/><path d="M18.1415 -490.225C18.0672 -498.803 24.7616 -505.926 33.3311 -506.308C140.489 -511.086 247.809 -508.433 354.958 -506.501C359.156 -506.426 363.156 -504.705 366.096 -501.708C474.856 -390.851 583.856 -280.045 696.464 -172.835C699.471 -169.972 701.254 -166.055 701.417 -161.907C705.473 -58.263 702.347 45.5501 703.747 149.204C703.866 158.029 696.854 165.319 688.029 165.476C601.908 167 515.946 167 429.803 167C404.578 165.003 374.028 171.268 356.8 148.012C356.275 147.304 355.711 146.609 355.095 145.978C245.074 33.2795 130.755 -75.3243 22.7844 -189.684C19.9712 -192.664 18.4156 -196.612 18.4313 -200.71C18.8013 -297.275 18.9774 -393.671 18.1415 -490.225Z" fill="url(%23paint1_linear_664_130)"/><defs><linearGradient id="paint0_linear_664_130" x1="343.5" y1="214" x2="176.392" y2="-174.066" gradientUnits="userSpaceOnUse"><stop stop-color="%232A3BF1" stop-opacity="0.63"/><stop offset="1"/></linearGradient><linearGradient id="paint1_linear_664_130" x1="361" y1="-509" x2="361" y2="167" gradientUnits="userSpaceOnUse"><stop stop-color="%230C0C0C"/><stop offset="1"/></linearGradient></defs></svg>');
  position: absolute;
  top: 0;
  right: 0;
}

.bg-dark .section-title,
.bg-dark .section-subtitle {
  color: #fff;
  z-index: 3;
  position: relative;
}

.bg-dark .products-item-title a {
  color: #fff;
}

.bg-dark .products-item .products-item-content {
  border: 1px solid transparent;
  border-radius: 2px;
  transition: 0.3s;
}

.bg-dark .products-item:hover .products-item-content {
  border: 1px solid #f8c5b59a;
}

.bg-dark .products-item:hover .products-item-title a {
  color: #f15b2a;
}

.single-workshops .section-blog {
  background: none;
  padding: 0;
}

.at-filters {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.at-filter-item label {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 16px;
  display: block;
  line-height: 100%;
}

.at-select-box {
  position: relative;
}

.at-select-box select {
  width: 100%;
  padding: 18px 31px;
  border-radius: 4px;
  border: none;
  background: #f2f2f2;
  appearance: none;
  font-size: 14px;
  cursor: pointer;
  text-align: right;
  font-family: "YekanBakhFaNum", Arial, sans-serif;
  min-width: 320px;
}

.at-select-box::after {
  content: "\e903";
  font-family: "icomoon" !important;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 7px;
  pointer-events: none;
  color: #888;
}

.section-auctions-tenders {
  padding: 72px 0;
  background-image: url(assets/img/card_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.websima-tab {
  margin-top: 32px;
}

.websima-tab-box {
  padding: 41px 33px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.06);
}

.websima-tab-box::before,
.websima-tab-box::after,
.websima-tab-box .corner-dots::before,
.websima-tab-box .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.websima-tab-box::before {
  top: 16px;
  left: 16px;
}

.websima-tab-box::after {
  top: 16px;
  right: 16px;
}

.websima-tab-box .corner-dots::before {
  bottom: 16px;
  left: 16px;
}

.websima-tab-box .corner-dots::after {
  bottom: 16px;
  right: 16px;
}

.archove-auctions-tenders .page-numbers {
  margin-top: 20px;
  margin-bottom: 0;
}

.tab-auction-level {
  color: #121212;
  background: #e1e8eb;
  font-size: 16px;
  padding: 8px 13px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 28px;
}

.tab-title-box {
  color: #121212;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 28px;
  transition: 0.3s;
}

.websima-tab-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.websima-tab-date {
  display: flex;
  align-items: center;
  padding: 15px 18px;
  background: #f4f4f4;
  border-radius: 4px;
}

.websima-tab-date span {
  font-size: 16px;
  line-height: normal;
}

/* .websima-tab-date .date-Publication {
  margin: 0 12px 0 12px;
  padding-inline-end: 12px;
  position: relative;
} */

/* .websima-tab-date .date-Publication::after {
  content: "";
  width: 1px;
  display: inline-block;
  background: #f15b2a;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
} */

.tab-more-box {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: normal;
}

.tab-more-box i::before {
  color: #121212;
}

.websima-tab-box:hover i::before {
  color: #f15b2a;
}

.websima-tab-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.websima-tab-box:hover .tab-title-box a {
  color: #f15b2a;
}

.websima-tab-box:hover::before,
.websima-tab-box:hover::after,
.websima-tab-box:hover .corner-dots::before,
.websima-tab-box:hover .corner-dots::after {
  background-color: #f15b2a;
}

.more-websima-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.auctions-and-tenders-head {
  margin-top: 64px;
}

.single-share li a i::before {
  color: #939598;
  transition: color 0.3s ease;
}

.single-share li a:hover i::before {
  color: #f15b2a;
}

.single-share .copy-btn i::before {
  color: #939598;
  transition: color 0.3s ease;
}

.single-share .copy-btn:hover i::before {
  color: #f15b2a;
}

.single-share {
  display: flex;
  justify-content: center;
}

.single-share ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 417px;
  gap: 16px;
  padding: 22px 0 50px;
  clip-path: polygon(15% 0%, 82% 0%, 100% 50%, 50% 100%, 25% 100%, 0% 50%);
  margin-top: -47px;
  background: #fff;
}

.single-share ul li a {
  display: flex;
  transition: transform 0.3s ease;
}

.single-share ul li a:hover {
  transform: scale(1.1);
}

.single-share ul li,
.single-share ul li div {
  display: flex;
}

.single-share ul i {
  font-size: 23px;
}

.single-share div {
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
}

.single-share div:hover {
  transform: scale(1.1);
}

.single-share .copy-tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #000000;
  color: #ffffff;
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  margin-top: 8px;
  z-index: 1000;
  pointer-events: none;
}

.single-share .copy-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: #000000;
}

.single-share .copy-tooltip.show {
  opacity: 1;
  visibility: visible;
}

.single-share ul li:last-child {
  align-items: center;
}

.single-share ul li:last-child::before {
  content: "";
  width: 20px;
  height: 1px;
  background: #939598;
  margin-inline-end: 16px;
}

.auctions-and-tenders-title {
  font-size: 28px;
  color: #121212;
  margin-bottom: 32px;
  font-weight: 600;
}

.single-auctions_and_tenders .websima-tab-date {
  justify-content: space-between;
}

/* .single-auctions_and_tenders .websima-tab-date .date-Publication {
  margin: 0;
  padding: 0;
}

.single-auctions_and_tenders .websima-tab-date .date-Publication::after {
  display: none;
} */

.websima-tab-date span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.websima-tab-date .line {
  width: 2px;
  height: 30px;
  background: #f15b2a;
  margin-left: 4px;
}

.auctions-and-tenders-data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 16px;
  gap: 16px;
}

.auctions-and-tenders-data-item {
  padding: 12px 24px;
  background: #f4f5f5;
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auctions-and-tenders-data-item span {
  font-size: 18px;
  color: #555555;
}

.auctions-and-tenders-data-item span:last-child {
  color: #121212;
}

@media screen and (min-width: 1289px) {
  .auctions-and-tenders-data-item {
    width: 48.9%;
  }
}

.auctions-and-tender-sup {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  position: relative;
}

.auctions-and-tender-sup i:before {
  color: #f15b2a;
}

.auctions-and-tender-sup a {
  font-size: 20px;
  position: relative;
  z-index: 2;
  color: #121212;
  transition: color 0.3s ease;
  line-height: 100%;
}

.auctions-and-tender-sup a:hover {
  color: #f15b2a;
}

.auctions-and-tender-sup .auctions-and-tender-sup-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  color: #121212;
}

.auctions-and-tender-sup::before,
.auctions-and-tender-sup::after,
.auctions-and-tender-sup .corner-dots::before,
.auctions-and-tender-sup .corner-dots::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #e1e8eb;
  border-radius: 50%;
  position: absolute;
  transition: 0.3s;
}

.auctions-and-tender-sup::before {
  top: 16px;
  left: 16px;
}

.auctions-and-tender-sup::after {
  top: 16px;
  right: 16px;
}

.auctions-and-tender-sup .corner-dots::before {
  bottom: 16px;
  left: 16px;
}

.auctions-and-tender-sup .corner-dots::after {
  bottom: 16px;
  right: 16px;
}

.auctions-and-tender-sup .corner-dots {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.tendersswiper {
  margin-top: 40px;
}

.tendersswiper .swiper-pagination {
  margin-top: 24px;
}

.contact-page > .websima-tab {
  margin-top: 0;
}

.page-faq .page-intro {
  padding: 64px 16px 88px;
  margin: 0;
}

.websima-tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-template-template-job .pagination-wrapper {
  margin-top: 40px;
}

@media (min-width: 1200px) {
  .websima-content {
    max-width: 1116px;
    margin: auto;
  }
}

@media (max-width: 1238px) {
  .websima-tab-date {
    flex-direction: column;
    width: 100%;
    padding: 16px 12px;
    align-items: revert;
  }

  .websima-tab-date .date-Publication::after {
    display: none;
  }

  .websima-tab-date .date-Publication {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid #f15b2a;
  }

  .websima-tab-date span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
  }
  .websima-tab-box .tab-more-box {
    display: none;
  }
}

.websima-tab-date-date2 i {
  display: none;
}
.websima-tab-footer .websima-tab-date {
  gap: 12px;
}
.filtter-mobile {
  display: none;
}

.archive-job-sidebar-content .widget_categories {
  margin-bottom: 24px;
}
@media (width< 1240px) {
  .websima-tab-date .line {
    display: none;
  }
}
@media (width< 1400px) {
  .websima-tab-date span {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .tendersswiper {
    margin-top: 24px;
  }
  .websima-tab-date-date2 i {
    display: inline-block;
  }

  .auctions-and-tenders-title {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .auctions-and-tender-sup a {
    font-size: 14px;
  }
  .auctions-and-tender-sup .auctions-and-tender-sup-title {
    font-size: 14px;
  }
  /* .single-auctions_and_tenders .websima-tab-date .date-Publication {
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  } */

  .auctions-and-tenders-data-item {
    width: 100%;
  }
  .websima-tab-date .line {
    display: none;
  }
  .auctions-and-tenders-head {
    margin-top: 32px;
  }
  .tendersswiper .websima-tab-box {
    margin-left: 1px;
  }

  .websima-tab-box {
    padding: 30px 12px;
  }

  .tab-auction-level {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .tab-title-box {
    font-size: 14px;
  }

  .at-filters {
    gap: 8px;
  }

  .at-filter-item label {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .page-template-template-tenders .page-intro {
    margin-bottom: 40px;
  }

  .at-filter-item {
    width: 100%;
  }

  .at-select-box select {
    min-width: max-content;
  }

  .at-filters {
    justify-content: space-between;
  }

  .bg-dark .products-item .products-item-content::after,
  .bg-dark .products-item .products-item-content::before,
  .bg-dark .products-item .products-item-title::after,
  .bg-dark .products-item .products-item-title::before {
    background: #f15b2a;
  }

  .bg-dark .products-item .products-item-content {
    border: 1px solid #f8c5b59a;
    margin-left: 1px;
  }

  .bg-dark .products-item .products-item-title a {
    color: #f15b2a;
  }

  .section-team::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 137px;
    height: 170px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="566" height="214" viewBox="0 0 566 214" fill="none"><path d="M686.858 195.224C686.933 203.802 680.238 210.926 671.667 211.307C569.658 215.85 467.501 213.677 365.485 211.792C351.069 211.526 337.33 205.621 327.224 195.337C222.009 88.2788 116.464 -18.6203 7.54761 -122.164C4.53601 -125.027 2.74951 -128.947 2.58679 -133.1C-1.47516 -236.741 1.65546 -340.552 0.25354 -444.203C0.134155 -453.029 7.14648 -460.319 15.9717 -460.475C102.226 -462 188.321 -462 274.597 -462C299.859 -460.003 330.453 -466.268 347.707 -443.012C348.232 -442.303 348.797 -441.609 349.413 -440.979C459.594 -328.28 574.08 -219.677 682.207 -105.318C685.025 -102.337 686.584 -98.3849 686.568 -94.2831C686.198 2.27858 686.021 98.6721 686.858 195.224Z" fill="url(%23paint0_linear_664_130)" fill-opacity="0.28"/><path d="M18.1415 -490.225C18.0672 -498.803 24.7616 -505.926 33.3311 -506.308C140.489 -511.086 247.809 -508.433 354.958 -506.501C359.156 -506.426 363.156 -504.705 366.096 -501.708C474.856 -390.851 583.856 -280.045 696.464 -172.835C699.471 -169.972 701.254 -166.055 701.417 -161.907C705.473 -58.263 702.347 45.5501 703.747 149.204C703.866 158.029 696.854 165.319 688.029 165.476C601.908 167 515.946 167 429.803 167C404.578 165.003 374.028 171.268 356.8 148.012C356.275 147.304 355.711 146.609 355.095 145.978C245.074 33.2795 130.755 -75.3243 22.7844 -189.684C19.9712 -192.664 18.4156 -196.612 18.4313 -200.71C18.8013 -297.275 18.9774 -393.671 18.1415 -490.225Z" fill="url(%23paint1_linear_664_130)"/><defs><linearGradient id="paint0_linear_664_130" x1="343.5" y1="214" x2="176.392" y2="-174.066" gradientUnits="userSpaceOnUse"><stop stop-color="%232A3BF1" stop-opacity="0.63"/><stop offset="1"/></linearGradient><linearGradient id="paint1_linear_664_130" x1="361" y1="-509" x2="361" y2="167" gradientUnits="userSpaceOnUse"><stop stop-color="%230C0C0C"/><stop offset="1"/></linearGradient></defs></svg>');
  }

  /* .benefits-items .row > div:last-child .benefits-item,
  .benefits-items .row > div:nth-child(2) .benefits-item {
    border-left: none;
  } */

  /* .benefits-items .row > div {
    border-bottom: 1px solid #e1e8eb;
  } */

  /* .benefits-items .row > div:nth-child(3),
  .benefits-items .row > div:nth-child(4) {
    border-bottom: none;
  } */

  .benefits-item {
    padding: 12px;
  }

  .benefits-items .col-6 {
    padding: 0 !important;
  }

  .benefits-item::before {
    top: 4px;
    right: 4px;
  }
  .benefits-item::after {
    top: 4px;
    left: 4px;
  }
  .benefits-item-description::before {
    bottom: 4px;
    right: 4px;
  }

  .benefits-item-description::after {
    bottom: 4px;
    left: 4px;
  }

  .benefits-item-title {
    font-size: 14px;
  }

  .benefits-item-description {
    font-size: 12px;
  }

  .benefits-item img {
    max-width: 50px;
    margin-bottom: 16px;
  }

  .section-hero2 {
    padding: 30px 0 0 !important;
    flex-direction: column;
    align-items: center;
    height: max-content;
  }

  .websima-hero2-content {
    width: 100% !important;
    padding: 16px;
    text-align: center;
  }

  .websima-hero2-title {
    font-size: 18px;
    margin-bottom: 16px;
    line-height: normal;
  }

  .websima-hero2-subtitle {
    font-size: 32px !important;
    margin-bottom: 16px;
    line-height: normal;
  }

  .process-tab {
    padding: 16px 7px;
    font-size: 14px;
  }

  .process-title {
    font-size: 24px;
    margin-bottom: 6px;
    margin-top: 24px;
  }

  .websima-hero2-content .websima-cta {
    margin: 32px auto 0;
  }

  .websima-hero2-image {
    width: 100%;
  }

  .websima-hero2-image img {
    width: 100%;
  }

  .websima-hero2-image::before {
    display: none;
  }

  .websima-banner-title {
    font-size: 24px;
  }

  .section-banners {
    padding: 32px 0;
  }

  .websima-banners-content {
    padding: 16px;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }

  .websima-banner-image {
    min-height: 241px;
  }

  .section-banners .row {
    gap: 22px;
  }

  .section-blog {
    padding: 33px 0;
  }

  .section-form .acf-field {
    width: 100%;
  }

  .section-form .af-field-type-select {
    margin-left: 0px !important;
  }

  #breadcrumbs,
  #categories {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  #breadcrumbs .container,
  #categories .container {
    width: max-content;
    /* اجازه بده عرض محتوا بیشتر از ویوپورت بشه */
    min-width: 100%;
  }

  #breadcrumbs .row,
  #breadcrumbs .col-12,
  #categories .row,
  #categories .col-12 {
    flex-wrap: nowrap;
  }

  #breadcrumbs span,
  #breadcrumbs a,
  #categories span,
  #categories a {
    display: inline-block;
    white-space: nowrap;
  }

  .contact-dir-button {
    left: 50%;
    top: auto;
    flex-direction: row;
    transform: translateX(-50%);
    bottom: 60px;
  }

  .section-workshops {
    padding: 48px 0 56px;
  }

  .workshops-item img {
    filter: grayscale(0%);
  }

  .page-faq .page-intro {
    margin-bottom: 0;
    padding-bottom: 45px;
  }

  .cards-slider-box {
    padding: 24px;
  }

  .cards-slider {
    background-image: none;
    padding: 40px 0 0;
  }

  .cards-slider-main::before {
    content: "";
    width: 110%;
    height: 1px;
    background: #e1e8eb;
    display: block;
    position: absolute;
    top: -16px;
    transform: translateX(-50%);
    left: 50%;
  }

  .cards-slider-main::after {
    content: "";
    width: 110%;
    height: 1px;
    background: #e1e8eb;
    display: block;
    position: absolute;
    bottom: 25px;
    transform: translateX(-50%);
    left: 50%;
  }

  .swiper-pagination {
    margin-top: 37px;
  }

  .cards-slider-main {
    margin-top: 29px;
    position: relative;
  }

  .cards-slider-swiper {
    margin-top: 0;
  }

  .cards-slider-box::before,
  .cards-slider-box::after,
  .cards-slider-box .corner-dots::before,
  .cards-slider-box .corner-dots::after {
    background-color: #f15b2a;
  }

  .section-cards-slider {
    background-image: none;
  }

  .cards-slider-box .cards-slider-more .more-text,
  .workshops-item .cards-slider-more .more-text {
    max-width: max-content;
    opacity: 1;
  }

  .cards-slider-box .cards-slider-more i {
    transform: rotate(88deg);
  }

  .workshops-style-2 .workshops-item .cards-slider-more i {
    transform: rotate(0);
  }

  .cards-slider-box .cards-slider-more i:before,
  .workshops-item .cards-slider-more i:before {
    color: #f15b2a;
  }

  .section-title {
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 31px;
  }

  .section-subtitle {
    font-size: 14px;
  }

  .websima-cta span {
    font-size: 14px;
    white-space: nowrap;
  }

  .cards-slider-box .cards-slider-more .more-text,
  .workshops-item .cards-slider-more .more-text {
    max-width: 300px;
    opacity: 1;
    color: #f15b2a;
  }

  .workshops-item-content i::before {
    color: #f15b2a !important;
  }

  .cards-slider-box .cards-slider-more svg path,
  .workshops-item .cards-slider-more svg path {
    stroke: #f15b2a;
  }

  .section-base {
    margin-top: 64px;
  }

  .site-main {
    margin-bottom: 72px;
  }

  .help-heading-title i {
    display: inline-block;
    position: absolute;
    left: 20px;
    font-size: 9px;
    top: 50%;
    transform: translateY(-50%);
  }

  .help-heading-title i::before {
  }

  .help-heading-title {
    text-align: right;
  }

  .product-filtter-tax-title .corner-dots {
    display: none;
  }

  .help-heading-title i {
    transition: 0.3s;
  }

  .help-heading-title.active i {
    transform: translateY(-50%) rotate(180deg);
  }

  .page-intro {
    padding: 34px 16px;
  }

  .page-intro-content {
    max-width: 100%;
  }

  .page-subtitle {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .page-title {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: normal;
  }

  .page-intro {
    margin-bottom: 16px;
  }

  .additional-information {
    padding: 36px 31px;
  }

  .information-title {
    font-size: 24px;
  }

  .additional-information {
    background-image: url(assets/img/additional.png);
  }

  .page-404-content img {
    margin-bottom: 32px;
  }

  .page-404-content {
    height: 500px;
  }

  .page-404 .section-cards-slider {
    padding: 50px 0 0;
  }

  .tab-content .map::after {
    bottom: -3px;
  }

  .contact-page-subtitle {
    font-size: 18px;
    line-height: normal;
  }

  .contact-page-title {
    font-size: 32px;
    line-height: normal;
    margin-bottom: 32px;
  }

  .contents-info li {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .contents-info li p {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .contents-info li {
    padding: 24px 16px;
  }

  .contact_form {
    padding: 50px 19px;
    margin-top: 72px;
  }

  .contact_form-title {
    font-size: 28px;
  }

  .websima-content {
    margin-top: 72px !important;
  }

  .contact_form-des {
    font-size: 14px;
  }

  .single-job-title {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .category_post {
    margin-bottom: 20px;
  }

  .single-job-info-item {
    width: 100%;
  }

  /* استایل‌های موبایل برای archive-job-sidebar */
  .archive-job-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    background: #fff;
    z-index: 20;
    width: 77%;
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .archive-job-sidebar.active {
    right: 0;
  }

  .archive-job-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    border-bottom: 1px solid #e1e8eb;
    background: #f4f4f4;
    flex-shrink: 0;
  }

  .archive-job-sidebar-header h4 {
    font-size: 18px;
    color: #000000;
    margin: 0;
  }

  .archive-job-sidebar-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 20px;
    color: #676868;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    transition: color 0.3s ease;
  }

  .archive-job-sidebar-close:hover {
    color: #f15b2a;
  }

  .archive-job-sidebar-close i {
    font-size: 18px;
  }

  .archive-job-sidebar-content {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
  }

  .archive-job-sidebar-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #060606b3;
    z-index: 19;
    opacity: 0;
    visibility: hidden;
  }

  .archive-job-sidebar-cover.active {
    opacity: 1;
    visibility: visible;
  }

  .filtter-jobs {
    text-align: center;
    display: block;
    padding: 18px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 4px;
    font-size: 20px;
    color: #000000;
    position: relative;
  }

  .filtter-jobs::before,
  .filtter-jobs::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #e1e8eb;
    border-radius: 50%;
    position: absolute;
    transition: 0.3s;
  }

  .filtter-jobs::before {
    top: 8px;
    left: 8px;
  }

  .filtter-jobs::after {
    top: 8px;
    right: 8px;
  }

  .filtter-jobs .corner-dots::before,
  .filtter-jobs .corner-dots::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #e1e8eb;
    border-radius: 50%;
    position: absolute;
    transition: 0.3s;
  }

  .filtter-jobs .corner-dots::before {
    bottom: 8px;
    left: 8px;
  }

  .filtter-jobs .corner-dots::after {
    bottom: 8px;
    right: 8px;
  }

  .filtter-mobile {
    padding: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    margin-bottom: 32px;
    display: block;
    position: relative;
  }
  .page-template .archive-faq {
    margin-top: 72px;
  }
  .page-template-template-job .pagination-wrapper {
    margin-top: 35px;
  }
  .page-template-template-job .pagination-wrapper ul {
    margin-bottom: 0;
  }

  .filtter-mobile::after {
    content: "\e903";
    display: inline-block;
    transition: 0.3s;
    font-family: "icomoon" !important;
    color: #939598;
    margin-inline-start: 9px;
    font-size: 9px;
    cursor: pointer;
    margin-inline-end: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: 32px;
  }

  .filtter-jobs h4 {
    text-align: right;
    font-size: 18px;
    color: #000000;
  }

  .archive-job-sidebar .job-category-list {
    display: block !important;
  }

  .category-post-list a {
    font-size: 14px;
    white-space: nowrap;
  }

  .category_post {
    overflow: auto;
  }

  .mobile-product-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .Industry {
    margin: 0;
    align-items: center;
  }

  .single-product-gallery {
    display: block;
    margin-top: 16px;
  }

  .single-product-gallery .slider {
    width: 100%;
  }

  .single-product-gallery .slider img {
    height: auto;
    height: 300px;
    object-fit: contain;
  }

  .single-product-gallery .slider-thumbnail .swiper-wrapper {
    flex-direction: unset;
  }

  .single-product-gallery .slider-thumbnail-slider {
    width: 100%;
    margin-top: 16px;
    padding: 0 30px;
  }

  .single-product-gallery .slider-thumbnail {
    height: auto;
  }

  .single-product-gallery .swiper-button-prev {
    /* top: 50%;
    right: -7px; */
    transform: rotate(90deg);
    font-size: 11px;
  }

  .single-product-gallery .swiper-button-next {
    /* top: 50%;
    left: -7px; */
    transform: rotate(90deg);
    font-size: 11px;
  }

  .widget_categories .widget-title {
    text-align: right;
    cursor: pointer;
  }

  .widget_categories .widget-title h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #000000;
  }

  .widget_categories .widget-title .caticon {
    display: inline-block;
    position: absolute;
    left: 20px;
    font-size: 9px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
  }

  .widget_categories .widget-title .caticon::before {
    content: "\e903";
    font-family: "icomoon" !important;
    color: #939598;
    display: block;
  }

  .widget_categories .widget-title.active .caticon {
    transform: translateY(-50%) rotate(180deg);
  }

  .widget_categories {
    margin-bottom: 32px;
  }
  .archive-workshops .page-numbers {
    margin: 0 0 0;
  }
  .archive-workshops {
    gap: 24px 0;
  }
  .bg-dark {
    padding: 62px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-gallery .slider-thumbnail-slider {
    width: 100%;
    margin-top: 16px;
    padding: 0 30px;
  }

  .single-product-gallery .slider-thumbnail {
    height: auto;
  }

  .single-product-gallery .slider-thumbnail .swiper-wrapper {
    flex-direction: row;
  }

  .single-product-gallery .slider-thumbnail .swiper-slide {
    /* height: 80px !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-left: 8px;
    flex: 0 0 auto; */
  }

  .single-product-gallery .slider-thumbnail .swiper-slide:first-child {
    margin-left: 0;
  }

  .single-product-gallery .swiper-button-prev {
    /* top: 50%;
    right: -7px;
    left: auto;
    bottom: auto; */
    transform: rotate(90deg);
  }

  .single-product-gallery .swiper-button-next {
    /* top: 50%;
    left: -7px;
    right: auto;
    bottom: auto; */
    transform: rotate(90deg);
  }

  .request-advice {
    padding: 20px 12px;
  }

  .request-advice .websima-cta {
    padding: 16px 7px;
    gap: 8px;
  }

  .request-advice .websima-cta span {
    font-size: 12px;
  }

  .product-section-title {
    font-size: 20px;
    margin-bottom: 12px;
    line-height: normal;
  }

  .product-specifications ul li {
    width: 100%;
    padding: 20px 12px;
  }
}
@media screen and (max-width: 768px) {
  .download-catalog,
  .Industry {
    font-size: 14px;
  }
  /* .single-product-subtitle {
    font-size: 14px;
    display: block;
  }
  .videos-content-title {
    font-size: 18px;
  }
  .videos-content-text {
    font-size: 14px;
  } */
  .faqs-question.accordion p {
    font-size: 14px;
  }
  .section-blog-title a {
    font-size: 16px;
  }
  /* .faqs-question.accordion {
    padding: 16px 36px;
  } */
  .faqs-item .faqs-question:after {
    font-size: 7px;
  }
  .single-job-info {
    gap: 12px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .archive-job-sidebar-content .widget_categories .widget-title h4 {
    justify-content: center;
    font-size: 15px;
  }
  .product-specifications ul li {
    width: 100%;
    align-items: flex-start;
    padding: 10px;
  }
  .product-specifications ul {
    gap: 7px 20px;
  }
  .product-specifications ul li span:first-child {
    line-height: 27px;
    font-size: 14px;
  }
  .product-specifications ul li span:last-child {
    font-size: 13px;
  }
  .product-section-title {
    font-size: 20px;
    font-weight: 600;
  }
  .editor-content h3 {
    font-size: 20px;
  }
  .archive-job-sidebar ul li a {
    font-size: 14px;
  }
  .archive-job-sidebar ul li {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .archive-job-sidebar ul li:first-child {
    margin-top: 12px;
  }
  .job-filtter-sidebar ul li label {
    font-size: 14px;
  }
  .job-filtter-sidebar .widget_categories .widget-title h4 {
    font-size: 15px !important;
  }
  .job-filtter-sidebar .job-filtter-title {
    font-size: 15px;
    padding: 10px;
  }
  .job-filtter-sidebar .widget_categories .widget-title {
    padding: 10px 18px;
  }
  .job-filtter-sidebar .widget_categories {
    margin-bottom: 0;
  }
  .job-filtter-sidebar ul li label {
    font-size: 14px;
  }
}
@media (width< 992px) {
  /* @media screen and (min-width: 768px) and (max-width: 991px) { */
  .product-specifications ul li {
    width: 100%;
    align-items: flex-start;
  }
  .product-specifications ul li span:first-child {
    line-height: 27px;
  }
  .product-specifications ul li span:first-child {
    font-size: 14px;
  }

  .product-specifications ul li span:last-child {
    font-size: 13px;
  }

  .product-additional-information {
    margin-top: 48px;
  }

  .section-videos {
    margin-top: 72px;
  }

  .videos-content {
    width: 90%;
  }

  .videos-content-title {
    margin-top: 29px;
    font-size: 24px;
  }

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

  .single-eico_products .section-products .swiper-pagination {
    margin-top: 32px;
  }

  .sidebar-workshops {
    margin-bottom: 32px;
  }

  .archive-workshops {
    gap: 24px 0;
  }

  .product-filtter-title {
    display: none;
  }

  .product-filtter {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .product-filtter-tax {
    padding: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
  }

  .product-filtter-tax:first-child {
    margin-bottom: 12px;
    padding: 12px;
  }

  .product-filtter-tax-title {
    padding: 10px 18px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 4px;
    font-size: 14px;
    color: #000000;
    position: relative;
  }

  .product-filtter-tax-title::before,
  .product-filtter-tax-title::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #e1e8eb;
    border-radius: 50%;
    position: absolute;
    transition: 0.3s;
  }

  .product-filtter-tax-title::before {
    top: 8px;
    left: 8px;
  }

  .product-filtter-tax-title::after {
    top: 8px;
    right: 8px;
  }

  .product-filtter-tax-title .corner-dots::before,
  .product-filtter-tax-title .corner-dots::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #e1e8eb;
    border-radius: 50%;
    position: absolute;
    transition: 0.3s;
  }

  .product-filtter-tax-title .corner-dots::before {
    bottom: 8px;
    left: 8px;
  }

  .product-filtter-tax-title .corner-dots::after {
    bottom: 8px;
    right: 8px;
  }

  .product-filtter-tax-title .corner-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .product-filtter-tax:last-child {
    margin-bottom: 12px;
  }
  .websima-tab-btns li {
    min-width: max-content;
  }
  .faqs-question.accordion {
    padding: 27px 20px;
  }
  .accordion-content {
    padding: 0 27px 20px;
  }
  .sidebar-banner {
    margin-top: 64px;
  }
}

/* List Category - Similar to fast-search-body main-menu-ul */
.list-category ul {
  overflow-x: auto;
  text-wrap: nowrap;
  -webkit-overflow-scrolling: auto;
  gap: 16px;
  display: flex;
  padding-bottom: 4px;
  align-items: center;
  margin-bottom: 34px;
  /* justify-content: space-between; */
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}

.list-category ul li {
  list-style: none;
}

.list-category ul li a {
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #121212 !important;
  background: rgba(249, 242, 241, 1) !important;
  min-width: 168px !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 2px;
  text-decoration: none;
}

.list-category ul li a:hover {
  background: #f15b2a !important;
  color: #fff !important;
}

.search-post-date {
  padding: 5px 8px;
  background: #f15b2a;
  width: max-content;
  color: #fff !important;
  border-radius: 2px;
  line-height: 100%;
}

.list-category ul li a:hover::after {
  color: #fff !important;
}

.list-category ul li a::after {
  content: "\e902";
  font-family: "icomoon" !important;
  transform: rotate(45deg);
}

@media screen and (max-width: 992px) {
  .list-category ul {
    flex-wrap: wrap;
    gap: 16px 12px;
  }

  .list-category ul li a {
    min-width: 120px;
  }
}

/* Search Results Styles */
.search-results-section {
  margin-bottom: 40px;
}

.search-results-section:last-child {
  margin-bottom: 0;
}

.search-section-title {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: 600;
  color: #121212;
}