/*!
 * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

    
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
  }
  
  h6, h5, h4, h3, h2, h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
  }
  
  h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    h1 {
      font-size: 2.5rem;
    }
  }
  
  h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  @media (min-width: 1200px) {
    h2 {
      font-size: 2rem;
    }
  }
  
  h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    h3 {
      font-size: 1.75rem;
    }
  }
  
  h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    h4 {
      font-size: 1.5rem;
    }
  }
  
  h5 {
    font-size: 1.25rem;
  }
  
  h6 {
    font-size: 1rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul {
    padding-left: 2rem;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  
  blockquote {
    margin: 0 0 1rem;
  }
  
  b,
  strong {
    font-weight: bolder;
  }
  
  small {
    font-size: 0.875em;
  }
  
  mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
  }
  
  sub,
  sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  a {
    color: var(--bs-link-color);
    text-decoration: underline;
  }
  a:hover {
    color: var(--bs-link-hover-color);
  }
  
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  pre,
  code,
  kbd,
  samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
  }
  
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
  }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }
  
  code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
  }
  a > code {
    color: inherit;
  }
  
  kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.25rem;
  }
  kbd kbd {
    padding: 0;
    font-size: 1em;
  }
  
  figure {
    margin: 0 0 1rem;
  }
  
  img,
  svg {
    vertical-align: middle;
  }
  
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  
  caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
  }
  
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  
  label {
    display: inline-block;
  }
  
  button {
    border-radius: 0;
  }
  
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  [role=button] {
    cursor: pointer;
  }
  
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  
  [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }
  
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  
  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  textarea {
    resize: vertical;
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
  }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem;
    }
  }
  legend + * {
    clear: left;
  }
  
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  
  ::-webkit-inner-spin-button {
    height: auto;
  }
  
  [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
  }
  
  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  
  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }
  
  output {
    display: inline-block;
  }
  
  iframe {
    border: 0;
  }
  
  summary {
    display: list-item;
    cursor: pointer;
  }
  
  progress {
    vertical-align: baseline;
  }
  
  [hidden] {
    display: none !important;
  }
  
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 100;
    src: url("../_fonts/JosefinSans-Thin.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/JosefinSans-ExtraLight.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 300;
    src: url("../_fonts/JosefinSans-Light.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 400;
    src: url("../_fonts/JosefinSans-Regular.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/JosefinSans-Medium.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 600;
    src: url("../_fonts/JosefinSans-SemiBold.ttf") format("truetype");
  }
  @font-face {
    font-family: "JosefinSans";
    font-style: normal;
    font-weight: 700;
    src: url("../_fonts/JosefinSans-Bold.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 100;
    src: url("../_fonts/iranyekanwebthin.woff") format("woff"),
     url("../_fonts/iranyekanwebthin.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANYekanLight.woff") format("woff"), 
    url("../fonts/IRANYekanLight.woff2") format("woff2");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url("../_fonts/IRANYekanLight.woff") format("woff"), 
    url("../_fonts/IRANYekanLight.woff2") format("woff2"),
    url("../_fonts/IRANYekanLight.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url("../_fonts/iranyekanwebmedium.woff") format("woff"), 
    url("../_fonts/iranyekanwebmedium.woff2") format("woff2"),
    url("../_fonts/iranyekanwebmedium.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url("../_fonts/IRANYekanBold.woff") format("woff"), 
    url("../_fonts/IRANYekanBold.woff2") format("woff2"),
    url("../_fonts/IRANYekanBold.ttf") format("truetype");
    
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/woff/IRANYekanX-ExtraBold.woff") format("woff"), 
    url("../fonts/woff2/IRANYekanX-ExtraBold.woff2") format("woff2");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url("../_fonts/iranyekanwebblack.woff") format("woff"), 
    url("../_fonts/iranyekanwebblack.woff2") format("woff2"),
    url("../_fonts/iranyekanwebblack.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url("../_fonts/iranyekanwebextrablack.woff") format("woff"), 
    url("../_fonts/iranyekanwebextrablack.woff2") format("woff2"),
    url("../_fonts/iranyekanwebextrablack.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url("../fonts/woff/IRANYekanX-Heavy.woff") format("woff"),
    url("../fonts/woff2/IRANYekanX-Heavy.woff2") format("woff2");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url("../_fonts/IRANYekanBold.woff") format("woff"), 
    url("../_fonts/IRANYekanBold.woff2") format("woff2"),
    url("../_fonts/IRANYekanBold.ttf") format("truetype");
  }
  @font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url("../_fonts/iranyekanwebregular.woff") format("woff"), 
    url("../_fonts/iranyekanwebregular.woff2") format("woff2"),
    url("../_fonts/iranyekanwebregular.ttf") format("truetype");

  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/rokh/Rokh-Thin.otf") format("opentype");
  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 300;
    src: url("../_fonts/Rokh-Light.otf") format("opentype");
  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 400;
    src: url("../_fonts/Rokh-Regular.otf") format("opentype");
  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 500;
    src: url("../_fonts/Rokh-Medium.otf") format("opentype");
  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 700;
    src: url("../_fonts/Rokh-Bold.otf") format("opentype");
  }
  @font-face {
    font-family: "Rokh";
    font-style: normal;
    font-weight: 800;
    src: url("../_fonts/Rokh-UltraBold.otf") format("opentype");
  }
  @font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  
  .swiper-android .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  
  .swiper-pointer-events {
    touch-action: pan-y;
  }
  .swiper-pointer-events.gallery {
    margin-top: 60px;
  }
 .navg .swiper-button-lock {
  display: block;
}
  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
  }
  
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  
  /* Auto Height */
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  /* 3D Effects */
  .swiper-3d,
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  
  .swiper-3d .swiper-wrapper,
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  
  /* CSS Mode */
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  
  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  
  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  
  .swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  
  .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  
  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  
  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  
  .swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  
  .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
  }
  
  .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  
  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
  
  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
  
  :root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  
  .swiper-button-prev.swiper-button-hidden,
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  
  .swiper-navigation-disabled .swiper-button-prev,
  .swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
  
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: "prev";
  }
  
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
  
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "next";
  }
  
  .swiper-button-lock {
    display: none;
  }
  
  :root {
    /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
  }
  
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  
  .swiper-pagination-disabled > .swiper-pagination,
  .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
  
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  
  /* Progress */
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  
  .swiper-pagination-lock {
    display: none;
  }
  
  /* Scrollbar */
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }
  
  .swiper-scrollbar-disabled > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
  
  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  
  .swiper-vertical > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }
  
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  
  .swiper-scrollbar-lock {
    display: none;
  }
  
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .swiper-slide-zoomed {
    cursor: move;
  }
  
  /* Preloader */
  :root {
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
  }
  
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* a11y */
  .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  
  .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  
  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
  }
  
  .swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  
  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  
  .swiper-cube {
    overflow: visible;
  }
  
  .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  
  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  
  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  
  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  
  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-next,
  .swiper-cube .swiper-slide-prev,
  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  
  .swiper-cube .swiper-slide-shadow-top,
  .swiper-cube .swiper-slide-shadow-bottom,
  .swiper-cube .swiper-slide-shadow-left,
  .swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }
  
  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
  }
  
  .swiper-flip {
    overflow: visible;
  }
  
  .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  
  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  
  .swiper-flip .swiper-slide-active,
  .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  
  .swiper-flip .swiper-slide-shadow-top,
  .swiper-flip .swiper-slide-shadow-bottom,
  .swiper-flip .swiper-slide-shadow-left,
  .swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
  
  .swiper-cards {
    overflow: visible;
  }
  
  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }
  
  .container {
    max-width: 1360px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
  }
  @media screen and (max-width: 1440px) {
    .container {
      max-width: 1100px;
    }
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .row > * {
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
  }
  
  body {
    font-family: "JosefinSans";
    background-color: #fff;
    color: #000;
  }
  body:lang(fa) {
    font-family: "IRANYekanX";
    direction: rtl;
    text-align: right;
  }
  body.overlay::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 97;
  }
  
  a,
  input,
  select,
  textarea,
  button {
    outline: unset;
    box-shadow: unset;
    text-decoration: none;
  }
  a:hover, a:focus, a:active, a:focus:active, a:active:focus,
  input:hover,
  input:focus,
  input:active,
  input:focus:active,
  input:active:focus,
  select:hover,
  select:focus,
  select:active,
  select:focus:active,
  select:active:focus,
  textarea:hover,
  textarea:focus,
  textarea:active,
  textarea:focus:active,
  textarea:active:focus,
  button:hover,
  button:focus,
  button:active,
  button:focus:active,
  button:active:focus {
    outline: unset;
    box-shadow: unset;
    text-decoration: none;
  }
  
  .breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  @media screen and (max-width: 576px) {
    .breadcrumbs {
      gap: 5px;
    }
  }
  .breadcrumbs li {
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    text-transform: capitalize;
  }
  @media screen and (max-width: 576px) {
    .breadcrumbs li {
      font-size: 14px;
    }
  }
  .breadcrumbs li:lang(fa) {
    font-weight: 300;
  }
  .breadcrumbs li::after {
    content: "/";
  }
  @media screen and (max-width: 576px) {
    .breadcrumbs li::after {
      margin-right: 3px;
    }
  }
  .breadcrumbs li a {
    color: #000;
  }
  .breadcrumbs li:last-child::after {
    display: none;
  }
  
  .note-float-left {
    margin-right: 50px;
    margin-top: 15px;
    margin-bottom: 19px;
  }
  
  .note-float-right {
    margin-left: 50px;
    margin-top: 15px;
    margin-bottom: 19px;
  }
  
  .has-submenu {
    position: relative;
  }
  
  header .mainHeader .col-menu ul.submenu {
    height: auto;
    width: 180px;
    position: absolute;
    z-index: 99;
    display: none;
    border: 0;
    background: #eee;
    padding: 10px;
  }
  
  header.lightHeader .mainHeader .col-menu ul.submenu {
    background: #111;
  }
  
  .has-submenu:hover ul.submenu {
    display: block !important;
  }
  
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }
  header .container {
    max-width: 1440px;
  }
  header.closed {
    display: none;
  }
  header.hideMenu .mainHeader .col-menu {
    opacity: 0;
  }
  header .mainHeader {
    padding-top: 47px;
    transition: all 700ms;
  }
  @media screen and (max-width: 576px) {
    header .mainHeader {
      padding-top: 30px;
    }
  }
  header .mainHeader.fixed {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px) saturate(2);
  }
  header .mainHeader .row {
    align-items: center;
    justify-content: space-between;
  }
  header .mainHeader .row:lang(fa) {
    flex-direction: row-reverse;
  }
  header .mainHeader .col-logo a {
    display: block;
    position: relative;
  }
  header .mainHeader .col-logo a img {
    transition: opacity 700ms;
  }
  header .mainHeader .col-logo a img.light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  header .mainHeader .col-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 40px;
  }
  @media screen and (max-width: 820px) {
    header .mainHeader .col-menu ul {
      gap: 15px;
    }
  }
  header .mainHeader .col-menu ul li {
    display: block;
  }
  @media screen and (max-width: 820px) {
    header .mainHeader .col-menu ul li:nth-child(2) {
      display: none;
    }
  }
  @media screen and (max-width: 576px) {
    header .mainHeader .col-menu ul li {
      display: none;
    }
    header .mainHeader .col-menu ul li:first-child {
      display: block;
    }
  }
  header .mainHeader .col-menu ul li strong {
    cursor: pointer;
  }
  header .mainHeader .col-menu ul li a,
  header .mainHeader .col-menu ul li button,
  header .mainHeader .col-menu ul li strong {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    position: relative;
    transition: color 700ms;
  }
  header .mainHeader .col-menu ul li a::after,
  header .mainHeader .col-menu ul li button::after,
  header .mainHeader .col-menu ul li strong::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 700ms;
    position: absolute;
    left: 0;
    bottom: -3px;
  }
  header .mainHeader .col-menu ul li a:hover::after,
  header .mainHeader .col-menu ul li button:hover::after,
  header .mainHeader .col-menu ul li strong:hover::after {
    width: 100%;
  }
  header .mainHeader .col-menu ul li button {
    background-color: transparent;
    border: unset;
    padding: 0;
  }
  header .mainHeader .col-menu ul li .openMenu {
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: unset;
    padding: 0;
    height: 15px;
  }
  header .mainHeader .col-menu ul li .openMenu::after {
    display: none;
  }
  header .mainHeader .col-menu ul li .openMenu span {
    display: block;
    width: 15px;
    height: 1px;
    background-color: #000;
    transition: all 700ms;
  }
  @media screen and (max-width: 576px) {
    header .mainHeader .col-menu ul li .openMenu span {
      width: 25px;
      height: 2px;
    }
  }
  header .mainHeader .col-menu ul li .openMenu span:nth-child(1) {
    margin-bottom: 3px;
  }
  @media screen and (max-width: 576px) {
    header .mainHeader .col-menu ul li .openMenu span:nth-child(1) {
      margin-bottom: 5px;
    }
  }
  header .mainHeader .col-menu ul li .openMenu span:nth-child(2) {
    margin-right: -3px;
  }
  header .mainHeader .col-menu ul li .openMenu span:nth-child(3) {
    margin-top: 3px;
  }
  @media screen and (max-width: 576px) {
    header .mainHeader .col-menu ul li .openMenu span:nth-child(3) {
      margin-top: 5px;
    }
  }
  header .mainHeader .col-menu ul li .openMenu:hover span:nth-child(2) {
    margin-right: 0;
  }
  header .mainMenu {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100%;
    height: 100vh;
    background-color: #282828;
    transition: right 1000ms;
    overflow: hidden;
  }
  header .mainMenu .container {
    padding-top: 15vh;
  }
  header .mainMenu.active {
    right: 0;
  }
  header .mainMenu .closeMenu {
    position: absolute;
    top: 40px;
    right: -15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: unset;
    border-radius: 50%;
  }
  @media screen and (max-width: 820px) {
    header .mainMenu .closeMenu {
      right: 0;
      top: 20px;
    }
  }
  header .mainMenu .closeMenu .close {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("../img/close-icon.png");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  header .mainMenu nav {
    display: flex;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu nav {
      flex-wrap: wrap;
    }
  }
  header .mainMenu nav .menu {
    flex: 0 0 280px;
    max-width: 280px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3.9vh;
  }
  header .mainMenu nav .menu li {
    display: block;
    position: relative;
    z-index: 1;
  }
  header .mainMenu nav .menu li::before {
    content: "";
    display: block;
    width: 150%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -200%;
    top: 0;
    z-index: -1;
    transition: left 700ms;
  }
  header .mainMenu nav .menu li:lang(fa)::before {
    left: unset;
    right: -200%;
    transition: right 700ms;
  }
  header .mainMenu nav .menu li a {
    display: inline-block;
  }
  header .mainMenu nav .menu li a span,
  header .mainMenu nav .menu li a strong {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    transition: color 700ms;
  }
  header .mainMenu nav .menu li a span {
    display: block;
    font-size: 12px;
  }
  header .mainMenu nav .menu li a span:lang(fa) {
    font-family: "Rokh";
    font-weight: 400;
  }
  header .mainMenu nav .menu li a strong {
    font-size: 64px;
  }
  header .mainMenu nav .menu li a strong:lang(fa) {
    font-family: "Rokh";
    font-weight: 700;
    font-size: 40px;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu nav .menu li a strong:lang(fa) {
      font-size: 30px;
    }
  }
  header .mainMenu nav .menu li:hover::before {
    left: -50%;
  }
  header .mainMenu nav .menu li:hover:lang(fa)::before {
    left: unset;
    right: -50%;
  }
  header .mainMenu nav .menu li:hover a span,
  header .mainMenu nav .menu li:hover a strong {
    color: #000;
  }
  header .mainMenu nav .menu li.out a span,
  header .mainMenu nav .menu li.out a strong {
    color: rgba(255, 255, 255, 0.3);
  }
  header .mainMenu nav .images {
    position: relative;
    flex-grow: 1;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu nav .images {
      display: none;
    }
  }
  header .mainMenu nav .images .single {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: 100%;
    opacity: 0;
    transition: opacity 700ms;
  }
  header .mainMenu nav .images .single:lang(fa) {
    left: unset;
    right: 0;
  }
  header .mainMenu nav .images .single.show {
    opacity: 1;
  }
  header .mainMenu nav .images .single img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  header .mainMenu nav .info {
    flex: 0 0 350px;
    max-width: 350px;
    align-self: flex-end;
    flex-direction: row-reverse;
    display: flex;
    gap: 40px;
    color: #fff;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu nav .info {
      flex: 0 0 100%;
      max-width: 100%;
      flex-direction: row;
      margin-top: 3vh;
    }
  }
  @media screen and (max-width: 576px) {
    header .mainMenu nav .info .col:nth-child(1) {
      display: none;
    }
  }
  header .mainMenu nav .info .col strong {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
  }
  header .mainMenu nav .info .col strong:lang(fa) {
    font-size: 14px;
    font-weight: 700;
  }
  header .mainMenu nav .info .col p {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
    width: 213px;
  }
  header .mainMenu nav .info .col p:lang(fa) {
    font-weight: 400;
  }
  header .mainMenu nav .info .col .social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
  }
  header .mainMenu nav .info .col .social li {
    display: block;
  }
  header .mainMenu nav .info .col .social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transition: border-color 700ms;
  }
  header .mainMenu nav .info .col .social li a:hover {
    border-color: #fff;
  }
  header .mainMenu nav .info .col .social li a i {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
  header .mainMenu nav .info .col .social li a i.whatsapp {
    background-image: url("../img/whatsapp-icon.png");
  }
  header .mainMenu nav .info .col .social li a i.instagram {
    background-image: url("../img/instagram-icon.png");
  }
  header .mainMenu .links {
    list-style: none;
    margin-top: 40px;
    margin-bottom: 0;
    display: flex;
    gap: 40px;
    padding-left: 0;
    padding-top: 20px;
    border-top: 1px solid #fff;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu .links {
      gap: 15px;
      margin-top: 3vh;
    }
  }
  header .mainMenu .links:lang(fa) {
    padding-right: 0;
  }
  header .mainMenu .links li {
    display: block;
  }
  header .mainMenu .links li a {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
  }
  @media screen and (max-width: 576px) {
    header .mainMenu .links li a {
      font-size: 16px;
    }
  }
  header .searchBox {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    transition: top 600ms;
  }
  header .searchBox.active {
    top: 0;
  }
  header .searchBox .container {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  header .searchBox .closeSearch {
    position: absolute;
    top: 40px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
  }
  header .searchBox .closeSearch .close {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("../img/close-icon.png");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  header .searchBox form {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
  }
  header .searchBox form input {
    display: block;
    width: 100%;
    border: unset;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
  }
  header .searchBox form input::placeholder {
    color: rgba(0, 0, 0, 0.4);
  }
  header .searchBox form button {
    display: none;
  }
  header.aboutHeader .mainHeader .col-menu ul li a,
  header.aboutHeader .mainHeader .col-menu ul li button,
  header.aboutHeader .mainHeader .col-menu ul li strong {
    color: #999;
  }
  header.aboutHeader .mainHeader .col-menu ul li a::after,
  header.aboutHeader .mainHeader .col-menu ul li button::after,
  header.aboutHeader .mainHeader .col-menu ul li strong::after {
    background-color: #999;
  }
  header.aboutHeader .mainHeader .col-menu ul li .openMenu span {
    background-color: #999;
  }
  header.lightHeader .mainHeader.fixed {
    background-color: rgba(0, 0, 0, 0.7);
  }
  header.lightHeader .mainHeader .col-logo .dark {
    opacity: 0;
  }
  header.lightHeader .mainHeader .col-logo .light {
    opacity: 1;
  }
  header.lightHeader .mainHeader .col-menu ul li a,
  header.lightHeader .mainHeader .col-menu ul li button,
  header.lightHeader .mainHeader .col-menu ul li strong {
    color: #fff;
  }
  header.lightHeader .mainHeader .col-menu ul li a::after,
  header.lightHeader .mainHeader .col-menu ul li button::after,
  header.lightHeader .mainHeader .col-menu ul li strong::after {
    background-color: #fff;
  }
  header.lightHeader .mainHeader .col-menu ul li .openMenu span {
    background-color: #fff;
  }
  
  footer {
    background-color: #0D0D0D;
    color: #fff;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
  @media screen and (max-width: 576px) {
    footer {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  footer .links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  @media screen and (max-width: 576px) {
    footer .links {
      margin-bottom: 25px;
    }
  }
  footer .links a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
  }
  footer .links .right:lang(fa) a {
    margin-left: 20px;
  }
  @media screen and (max-width: 576px) {
    footer .links .right:lang(fa) a {
      margin-left: 10px;
    }
  }
  footer .links .left:lang(fa) a {
    margin-right: 20px;
  }
  @media screen and (max-width: 576px) {
    footer .links .left:lang(fa) a {
      margin-right: 10px;
    }
  }
  footer .logo {
    text-align: center;
    margin-bottom: 15px;
  }
  @media screen and (max-width: 576px) {
    footer .logo {
      margin-bottom: 25px;
    }
  }
  footer .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  footer .info p {
    width: 213px;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
  }
  footer .info .social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
  }
  footer .info .social li {
    display: block;
  }
  footer .info .social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transition: border-color 700ms;
  }
  footer .info .social li a:hover {
    border-color: #fff;
  }
  footer .info .social li a i {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
  footer .info .social li a i.whatsapp {
    background-image: url("../img/whatsapp-icon.png");
  }
  footer .info .social li a i.instagram {
    background-image: url("../img/instagram-icon.png");
  }
  footer hr {
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 1px solid #fff;
    opacity: 1;
  }
  footer .copyright {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
  @media screen and (max-width: 576px) {
    footer .copyright {
      display: block;
      text-align: center;
    }
  }
  footer .copyright img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  
  main.home {
    height: 100vh;
    position: relative;
  }
  main.home .swiper-slide {
    height: 100vh !important;
    position: relative;
    background-color: #272727;
  }
  main.home .swiper-slide .tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 1;
  }
  main.home .swiper-slide .tiles > div {
    height: 16.667vh;
    background-size: 100vw 100vh;
    transition: transform 1500ms, background-position 1000ms;
  }
  @media screen and (max-width: 576px) {
    main.home .swiper-slide .tiles > div {
      background-size: auto 100vh;
      background-position-x: center;
    }
  }
  main.home .swiper-slide .tiles > div:nth-child(1) {
    background-position-y: 0;
  }
  main.home .swiper-slide .tiles > div:nth-child(2) {
    background-position-y: -16.667vh;
  }
  main.home .swiper-slide .tiles > div:nth-child(3) {
    background-position-y: -33.334vh;
  }
  main.home .swiper-slide .tiles > div:nth-child(4) {
    background-position-y: -50.001vh;
  }
  main.home .swiper-slide .tiles > div:nth-child(5) {
    background-position-y: -66.668vh;
  }
  main.home .swiper-slide .tiles > div:nth-child(6) {
    background-position-y: -83.335vh;
  }
  main.home .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  main.home .swiper-slide .bg {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 0;
  }
  @media screen and (max-width: 576px) {
    main.home .swiper-slide .bg {
      object-position: center;
      object-fit: cover;
    }
  }
  main.home .swiper-slide .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    text-align: center;
    transition: opacity 1000ms;
  }
  main.home .swiper-slide .text.hide {
    opacity: 0;
  }
  @keyframes textInner {
    from {
      opacity: 0;
      transform: translateY(-50px) scale(0.9);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  main.home .swiper-slide .text h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    text-transform: uppercase;
  }
  main.home .swiper-slide .text h4:lang(fa) {
    font-weight: 700;
  }
  main.home .swiper-slide .text h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  @media screen and (max-width: 576px) {
    main.home .swiper-slide .text h2 {
      font-size: 50px;
    }
  }
  main.home .swiper-slide .text h2:lang(fa) {
    font-family: "Rokh";
  }
  main.home .swiper-slide .text a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
  }
  main.home .swiper-slide .text a:lang(fa) {
    font-weight: 700;
  }
  main.home .swiper-slide .info {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 5;
  }
  main.home .swiper-slide .info .cnt {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  main.home .swiper-slide .info .cnt .dot {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  main.home .swiper-slide .info .cnt .dot span {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all 500ms;
  }
  @keyframes dotAnime {
    from {
      opacity: 0.6;
      transform: translate(-50%, -50%) scale(1);
    }
    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(4);
    }
  }
  main.home .swiper-slide .info .cnt .dot::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  main.home .swiper-slide .info .cnt .dot::before {
    animation: dotAnime 2s infinite;
  }
  main.home .swiper-slide .info .cnt .dot.active span {
    background-color: #fff;
  }
  main.home .swiper-slide .info .cnt .dot.active::before {
    animation: unset;
  }
  main.home .swiper-slide .info .cnt .box {
    position: absolute;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1, 0);
    transition: transform 1s, opacity 1s;
    z-index: 11;
  }
  @media screen and (max-width: 576px) {
    main.home .swiper-slide .info .cnt .box {
      width: 200px;
    }
  }
  main.home .swiper-slide .info .cnt .box .bdy {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    position: relative;
    padding: 20px;
    background-color: #fff;
  }
  @media screen and (max-width: 576px) {
    main.home .swiper-slide .info .cnt .box .bdy {
      padding: 15px;
    }
  }
  main.home .swiper-slide .info .cnt .box .bdy .close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    background-color: transparent;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }
  main.home .swiper-slide .info .cnt .box .bdy .close i {
    display: block;
    width: 5px;
    height: 5px;
    background-image: url("../img/close-icon.png");
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: center;
  }
  main.home .swiper-slide .info .cnt .box .bdy img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 16px;
  }
  main.home .swiper-slide .info .cnt .box .bdy h5 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  main.home .swiper-slide .info .cnt .box .bdy h5:lang(fa) {
    font-family: "Rokh";
    font-size: 14px;
    font-weight: 700;
  }
  main.home .swiper-slide .info .cnt .box .bdy p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
  }
  main.home .swiper-slide .info .cnt .box .bdy p:lang(fa) {
    font-size: 10px;
    line-height: 17px;
    color: #000;
  }
  main.home .swiper-slide .info .cnt .box .bdy a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
  }
  main.home .swiper-slide .info .cnt .box .bdy a:lang(fa) {
    font-family: "Rokh";
    font-size: 8px;
    font-weight: 700;
  }
  main.home .swiper-slide .info .cnt .box .bdy a:hover {
    color: #272727;
  }
  main.home .swiper-slide .info .cnt .box .bdy .close,
  main.home .swiper-slide .info .cnt .box .bdy img,
  main.home .swiper-slide .info .cnt .box .bdy h5,
  main.home .swiper-slide .info .cnt .box .bdy p,
  main.home .swiper-slide .info .cnt .box .bdy a {
    opacity: 0;
    transition: opacity 1s 700ms;
  }
  main.home .swiper-slide .info .cnt .box.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
  main.home .swiper-slide .info .cnt .box.active .close,
  main.home .swiper-slide .info .cnt .box.active img,
  main.home .swiper-slide .info .cnt .box.active h5,
  main.home .swiper-slide .info .cnt .box.active p,
  main.home .swiper-slide .info .cnt .box.active a {
    opacity: 1;
  }
  main.home .swiper-slide .info.btm .cnt .box {
    top: 100%;
    left: auto;
    right: auto;
    bottom: auto;
    transform-origin: center top;
  }
  main.home .swiper-slide .info.top .cnt .box {
    top: auto;
    left: auto;
    right: auto;
    bottom: 100%;
    transform-origin: center bottom;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(odd), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(odd) {
    transform: translateY(100%);
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(even), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(even) {
    transform: translateY(-100%);
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(1), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(1) {
    background-position-y: -8vh;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(2), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(2) {
    background-position-y: -24.667vh;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(3), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(3) {
    background-position-y: -41.334vh;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(4), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(4) {
    background-position-y: -58.001vh;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(5), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(5) {
    background-position-y: -74.668vh;
  }
  main.home .swiper-slide.swiper-slide-prev .tiles > div:nth-child(6), main.home .swiper-slide.swiper-slide-next .tiles > div:nth-child(6) {
    background-position-y: -91.335vh;
  }
  main.home .swiper-slide.swiper-slide-active .text h4 {
    animation: textInner 1500ms 500ms both;
  }
  main.home .swiper-slide.swiper-slide-active .text h2 {
    animation: textInner 1500ms 1000ms both;
  }
  main.home .swiper-slide.swiper-slide-active .text a {
    animation: textInner 1500ms 1500ms both;
  }
  main.home .bottomSect {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 1;
    color: #fff;
  }
  main.home .bottomSect .row {
    align-items: center;
    justify-content: space-between;
  }
  main.home .bottomSect .row:lang(fa) {
    flex-direction: row-reverse;
  }
  main.home .bottomSect .paginate {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
  }
  main.home .bottomSect .paginate span,
  main.home .bottomSect .paginate strong {
    font-weight: 400;
  }
  main.home .bottomSect .paginate span::after {
    display: inline-block;
    margin-left: 2px;
    content: "/";
  }
  main.home .bottomSect .paginate span:lang(fa)::after {
    margin-right: 2px;
  }
  main.home .bottomSect .paginate strong {
    color: rgba(255, 255, 255, 0.5);
  }
  main.home .bottomSect .scroll {
    cursor: pointer;
  }
  main.home .bottomSect .scroll:lang(fa) {
    direction: ltr;
  }
  main.home .bottomSect .scroll span,
  main.home .bottomSect .scroll img {
    display: inline-block;
    vertical-align: middle;
  }
  main.home .bottomSect .scroll span {
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
  main.home .bottomSect .scroll span:lang(fa) {
    font-weight: 700;
  }
  main.home .projectsOpen {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
  }
  @media screen and (max-width: 576px) {
    main.home .projectsOpen {
      display: none;
    }
  }
  main.home .projectsOpen .grid {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../img/grid-icon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  
  aside.projects {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  aside.projects.opened {
    z-index: 11;
    opacity: 1;
  }
  aside.projects .closeProjects {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  aside.projects .closeProjects .close {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("../img/close-icon.png");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
  }
  aside.projects .bgs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #000;
    overflow: hidden;
  }
  aside.projects .bgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.2);
    transition: all 1s ease-in-out;
  }
  aside.projects .bgs img.current {
    opacity: 0.2;
    transform: scale(1);
  }
  aside.projects .slider {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  aside.projects .slider .sWrapper {
    width: 60%;
    height: 60vh;
    position: relative;
  }
  aside.projects .slider .sWrapper .btns {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 1;
  }
  aside.projects .slider .sWrapper .btns:lang(fa) {
    flex-direction: row-reverse;
  }
  aside.projects .slider .sWrapper .btns button {
    width: 20%;
    height: 100%;
    border: unset;
    background-color: transparent;
    padding: 0;
  }
  aside.projects .slider .sWrapper .images {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  aside.projects .slider .sWrapper .images .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    will-change: transform;
    transition: transform 700ms ease-in-out;
  }
  aside.projects .slider .sWrapper .images .wrapper:lang(fa) {
    flex-direction: row-reverse;
  }
  aside.projects .slider .sWrapper .images .wrapper .single {
    width: 60vw;
    height: 100%;
    overflow: hidden;
  }
  aside.projects .slider .sWrapper .images .wrapper .single img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    filter: brightness(80%);
    will-change: transform;
    transition: all 1s ease-in-out;
  }
  aside.projects .slider .sWrapper .images .wrapper .single.current img {
    opacity: 1;
    transform: scale(1);
  }
  aside.projects .slider .sWrapper .titles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  aside.projects .slider .sWrapper .titles .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    will-change: transform;
    transition: transform 700ms ease-in-out;
  }
  aside.projects .slider .sWrapper .titles .wrapper:lang(fa) {
    flex-direction: row-reverse;
  }
  aside.projects .slider .sWrapper .titles .wrapper .single {
    width: 60vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  aside.projects .slider .sWrapper .titles .wrapper .single h2 {
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    margin: 0;
    opacity: 0.2;
    transition: all 1s ease-in-out;
  }
  aside.projects .slider .sWrapper .titles .wrapper .single h2:lang(fa) {
    font-family: "Rokh";
  }
  aside.projects .slider .sWrapper .titles .wrapper .single.current h2 {
    opacity: 1;
  }
  
  main.productsCat {
    padding-top: 152px;
  }
  main.productsCat .hero {
    margin-bottom: 80px;
  }
  main.productsCat .hero h1 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    text-align: center;
  }
  main.productsCat .hero h1:lang(fa) {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
  }
  @media screen and (max-width: 576px) {
    main.productsCat .hero h1:lang(fa) {
      font-size: 30px;
    }
  }
  main.productsCat .hero p {
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 0;
  }
  @media screen and (max-width: 820px) {
    main.productsCat .hero p {
      width: 100%;
    }
  }
  main.productsCat .hero p:lang(fa) {
    font-weight: 100;
    line-height: 27px;
  }
  main.productsCat .hero::after {
    content: "";
    display: block;
    max-width: 1330px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
  }
  main.productsCat .categories .single {
    display: flex;
    align-items: center;
    gap: 120px;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 820px) {
    main.productsCat .categories .single {
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
    }
  }
  main.productsCat .categories .single:nth-child(even) {
    flex-direction: row-reverse;
  }
  main.productsCat .categories .single:nth-child(even):lang(fa) {
    flex-direction: row;
  }
  main.productsCat .categories .single:nth-child(odd):lang(fa) {
    flex-direction: row-reverse;
  }
  main.productsCat .categories .single:nth-child(odd) .text {
    text-align: left;
  }
  @media screen and (max-width: 820px) {
    main.productsCat .categories .single:nth-child(odd) .text {
      text-align: center;
    }
  }
  main.productsCat .categories .single .image {
    flex: 0 0 600px;
    max-width: 600px;
    overflow: hidden;
  }
  @media screen and (max-width: 576px) {
    main.productsCat .categories .single .image {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.productsCat .categories .single .image img {
    width: 100%;
    height: 690px;
    object-fit: cover;
    transition: transform 3000ms ease-in-out;
  }
  @media screen and (max-width: 576px) {
    main.productsCat .categories .single .image img {
      height: 70vh;
    }
  }
  main.productsCat .categories .single .text {
    text-align: right;
  }
  @media screen and (max-width: 820px) {
    main.productsCat .categories .single .text {
      text-align: center;
    }
  }
  main.productsCat .categories .single .text h3 {
    font-size: 64px;
    font-weight: 200;
    line-height: 1;
    color: #000;
    text-transform: capitalize;
  }
  main.productsCat .categories .single .text h3:lang(fa) {
    font-family: "Rokh";
    font-size: 32px;
    font-weight: 400;
  }
  main.productsCat .categories .single .text h3::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #000;
    margin-top: 2px;
    transition: width 700ms;
  }
  main.productsCat .categories .single .text h3 span {
    display: inline-block;
    margin-right: 25px;
    margin-left: 25px;
  }
  @media screen and (max-width: 576px) {
    main.productsCat .categories .single .text h3 span {
      display: block;
      margin-top: 25px;
    }
  }
  main.productsCat .categories .single .text img {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    margin-left: 20px;
  }
  main.productsCat .categories .single .text i {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    width: 39px;
    height: 27px;
    background-image: url("../img/arrow-icon.png");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    transition: opacity 700ms;
  }
  main.productsCat .categories .single:hover .image img {
    transform: scale(1.3);
  }
  main.productsCat .categories .single:hover .text h3::after {
    width: 100%;
  }
  main.productsCat .categories .single:hover .text i {
    opacity: 1;
  }
  
  main.productsList {
    padding-top: 152px;
  }
  main.productsList .hero {
    margin-bottom: 80px;
  }
  main.productsList .hero h1 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    text-align: center;
  }
  main.productsList .hero h1:lang(fa) {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero h1:lang(fa) {
      font-size: 30px;
    }
  }
  main.productsList .hero p {
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 0;
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero p {
      width: 100%;
    }
  }
  main.productsList .hero p:lang(fa) {
    font-weight: 100;
    line-height: 27px;
  }
  main.productsList .hero .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero .flex {
      flex-wrap: wrap;
    }
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero .flex .breadcrumbs {
      flex: 0 0 100%;
      justify-content: center;
      margin-bottom: 1rem;
    }
  }
  main.productsList .hero .flex select {
    background-color: transparent;
    border: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero .flex select {
      margin-right: auto;
      margin-left: auto;
    }
  }
  main.productsList .hero .flex select:lang(fa) {
    font-weight: 700;
    line-height: 27px;
  }
  @media screen and (max-width: 576px) {
    main.productsList .hero .flex .dropdown {
      margin-right: auto;
      margin-left: auto;
    }
  }
  main.productsList .hero::after {
    content: "";
    display: block;
    max-width: 1330px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
  }
  main.productsList .products {
    margin-bottom: 80px;
  }
  main.productsList .products .col {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 576px) {
    main.productsList .products .col {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .productsShow  .container{
      padding-top: 70px;
    }
    .productsShow .breadcrumbs {
      gap: 5px;
      margin-bottom: 35px;
  }
  }
  @media screen and (max-width: 280px) {
    main.productsList .products .col {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.productsList .products .single {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    height: 360px;
    margin-bottom: 20px;
    position: relative;
    transition: background-color 1000ms;
  }
  main.productsList .products .single img {
    transition: transform 1000ms, opacity 500ms;
  }
  main.productsList .products .single h3 {
    position: absolute;
    left: 30px;
    bottom: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  main.productsList .products .single h3:lang(fa) {
    left: unset;
    right: 30px;
    font-family: "Rokh";
    font-weight: 700;
  }
  main.productsList .products .single .cat {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
  }
  main.productsList .products .single .cat:lang(fa) {
    right: unset;
    left: 20px;
  }
  main.productsList .products .single:hover {
    background-color: #eee;
  }
  main.productsList .products .single:hover img {
    transform: scale(1.1);
  }
  main.productsList .products .single:hover .cat {
    transform: scale(1);
    opacity: 0;
  }
  main.productsList .products .more {
    text-align: center;
    margin-top: 20px;
  }
  main.productsList .products .more a {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-right: 55px;
    padding-left: 55px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    transition: all 700ms;
  }
  main.productsList .products .more a:hover {
    background-color: #000;
    color: #fff;
  }
  
  main.productsShow .container {
    max-width: 1440px;
  }
  main.productsShow .hero {
    position: relative;
    height: 680px;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .hero {
      height: auto;
    }
  }
  main.productsShow .hero .bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 40vw;
    height: 680px;
    object-fit: cover;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .hero .bg {
      position: relative;
      width: 100%;
      height: 400px;
    }
  }
  main.productsShow .hero .text {
    padding-top: 132px;
    width: 56vw;
    height: 680px;
    position: relative;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .hero .text {
      width: 100%;
      height: auto;
      padding-top: 50px;
      padding-bottom: 70px;
    }
  }
  main.productsShow .hero .text:lang(fa) {
    width: 100%;

  }
  @media screen and (max-width: 820px) {
    main.productsShow .hero .text:lang(fa) {
      width: 100%;
    }
  }
  main.productsShow .hero .text .breadcrumbs:lang(fa) {
    justify-content: flex-start;
  }
  main.productsShow .hero .text .breadcrumbs li {
    font-size: 10px;
  }
  main.productsShow .hero .text > img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    width: 310px;
  }
  main.productsShow .hero .text h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.productsShow .hero .text h1:lang(fa) {
    font-family: "Rokh";
    font-weight: 500;
    line-height: 25px;
  }
  main.productsShow .hero .text p {
    width: 580px;
    margin: 0;
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .hero .text p {
      width: 100%;
    }
  }
  main.productsShow .hero .text p:lang(fa) {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  main.productsShow .hero .text .scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
  main.productsShow .hero .text .scroll:lang(fa) {
    right: unset;
    left: 0;
  }
  main.productsShow .hero .text .scroll img,
  main.productsShow .hero .text .scroll span {
    display: inline-block;
    vertical-align: middle;
  }
  main.productsShow .hero .text .scroll span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
  }
  main.productsShow .hero .text .scroll span:lang(fa) {
    font-weight: 300;
    margin-right: 0;
    margin-left: 10px;
  }
  main.productsShow .gallery img {
    width: 100%;
    height: 680px;
    object-fit: cover;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .gallery img {
      height: 300px;
    }
  }
  main.productsShow .gallery .navg {
    position: absolute;
    right: 80px;
    bottom: 40px;
    display: flex;
    gap: 10px;
    z-index: 1;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .gallery .navg {
      right: 20px;
      bottom: 20px;
    }
  }
  main.productsShow .gallery .navg .sw-next,
  main.productsShow .gallery .navg .sw-prev {
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  main.productsShow .gallery .navg .sw-next.swiper-button-disabled,
  main.productsShow .gallery .navg .sw-prev.swiper-button-disabled {
    opacity: 0.5;
    cursor: initial;
  }
  main.productsShow .gallery .navg .sw-next:lang(fa),
  main.productsShow .gallery .navg .sw-prev:lang(fa) {
    transform: rotate(180deg);
  }
  main.productsShow .gallery .navg .sw-next {
    background-image: url("../img/slide-next.png");
  }
  main.productsShow .gallery .navg .sw-prev {
    background-image: url("../img/slide-prev.png");
  }
  main.productsShow .info {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  main.productsShow .info .row {
    align-items: flex-start;
  }
  main.productsShow .info .side {
    position: sticky;
    top: 142px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .side {
      display: none;
    }
  }
  main.productsShow .info .side h4 {
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.productsShow .info .side h4:lang(fa) {
    font-weight: 300;
    line-height: 17px;
  }
  main.productsShow .info .side h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 60px;
  }
  main.productsShow .info .side h3:lang(fa) {
    font-family: "Rokh";
    line-height: 50px;
  }
  main.productsShow .info .side ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  main.productsShow .info .side ul li {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
  }
  main.productsShow .info .side ul li:lang(fa) {
    line-height: 17px;
  }
  main.productsShow .info .desc {
    flex: 0 0 75%;
    max-width: 75%;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .desc {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.productsShow .info .desc p {
    width: 400px;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 65px;
    margin-top: 0;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .desc p {
      width: 100%;
    }
  }
  main.productsShow .info .desc p:lang(fa) {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  main.productsShow .info .desc p + p {
    margin-left: 80px;
  }
  main.productsShow .info .desc p + p:lang(fa) {
    margin-left: 0;
    margin-right: 80px;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .desc p + p:lang(fa) {
      margin-right: 0;
    }
  }
  main.productsShow .info .desc .slides {
    margin-bottom: 80px;
  }
  main.productsShow .info .desc .slides .swiper-slide {
    width: 875px !important;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .desc .slides .swiper-slide {
      width: 560px !important;
    }
  }
  @media screen and (max-width: 576px) {
    main.productsShow .info .desc .slides .swiper-slide {
      width: 320px !important;
    }
  }
  main.productsShow .info .desc .slides .swiper-slide img {
    width: 100%;
    height: 460px;
    object-fit: cover;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .info .desc .slides .swiper-slide img {
      height: 340px;
    }
  }
  @media screen and (max-width: 576px) {
    main.productsShow .info .desc .slides .swiper-slide img {
      height: 250px;
    }
  }
  main.productsShow .info .desc .slides .paginate {
    margin-top: 20px;
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
  }
  main.productsShow .info .desc .slides .paginate:lang(fa) {
    direction: ltr;
  }
  main.productsShow .info .desc .slides .paginate span {
    color: #000;
  }
  main.productsShow .info .desc .slides .paginate span:first-child::after {
    content: "/";
    margin-left: 3px;
  }
  main.productsShow .info .desc .slides .paginate span:last-child {
    color: rgba(0, 0, 0, 0.4);
  }
  main.productsShow .info .desc .models {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 80px;
  }
  main.productsShow .info .desc .models h4 {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.productsShow .info .desc .models h4:lang(fa) {
    font-family: "Rokh";
    line-height: 25px;
  }
  main.productsShow .info .desc .models .col img {
    width: 163px;
  }
  main.productsShow .info .desc .dimens {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  main.productsShow .info .desc .dimens h4 {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.productsShow .info .desc .dimens h4:lang(fa) {
    font-family: "Rokh";
    line-height: 25px;
  }
  main.productsShow .info .desc .dimens .col {
    text-align: center;
  }
  main.productsShow .info .desc .dimens .col strong {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
  }
  main.productsShow .about {
    background-color: #191919;
    color: #fff;
    position: relative;
    height: 680px;
    padding-right: 40vw;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .about {
      height: auto;
    }
  }
  main.productsShow .about:lang(fa) {
    padding-right: 0;
    padding-left: 40vw;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .about:lang(fa) {
      padding-left: 0;
    }
  }
  main.productsShow .about .text {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .about .text {
      width: 90%;
      padding-bottom: 40px;
      padding-top: 40px;
    }
  }
  main.productsShow .about .text h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.productsShow .about .text h4:lang(fa) {
    font-family: "Rokh";
    font-weight: 500;
  }
  main.productsShow .about .text p {
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 60px;
  }
  main.productsShow .about .text p:lang(fa) {
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
  }
  main.productsShow .about .text img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 40px;
  }
  main.productsShow .about .text img:lang(fa) {
    margin-bottom: 20px;
  }
  main.productsShow .about .text a {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    transition: all 700ms;
  }
  main.productsShow .about .text a:lang(fa) {
    font-size: 20px;
    font-weight: 500;
  }
  main.productsShow .about .text a:hover {
    background-color: #fff;
    color: #191919;
  }
  main.productsShow .about .bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 680px;
    object-fit: cover;
  }
  main.productsShow .about .bg:lang(fa) {
    right: unset;
    left: 0;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .about .bg {
      display: none;
    }
  }
  main.productsShow .related {
    padding-top: 140px;
    padding-bottom: 80px;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .related {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }
  main.productsShow .related h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.productsShow .related h5:lang(fa) {
    font-family: "Rokh";
    line-height: 25px;
  }
  main.productsShow .related .row {
    justify-content: center;
  }
  main.productsShow .related .row .col {
    flex: 0 0 23%;
    max-width: 23%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 820px) {
    main.productsShow .related .row .col {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.productsShow .related .row .single {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    height: 360px;
    margin-bottom: 20px;
    position: relative;
    transition: background-color 1000ms;
  }
  main.productsShow .related .row .single img {
    transition: transform 1000ms;
  }
  main.productsShow .related .row .single h3 {
    position: absolute;
    left: 30px;
    bottom: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  main.productsShow .related .row .single h3:lang(fa) {
    left: unset;
    right: 30px;
    font-weight: 700;
  }
  main.productsShow .related .row .single:hover {
    background-color: #eee;
  }
  main.productsShow .related .row .single:hover img {
    transform: scale(1.1);
  }
  
  main.projectsCat {
    padding-top: 152px;
  }
  main.projectsCat .hero {
    margin-bottom: 80px;
  }
  main.projectsCat .hero h1 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
    text-align: center;
  }
  main.projectsCat .hero h1:lang(fa) {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .hero h1:lang(fa) {
      font-size: 30px;
    }
  }
  main.projectsCat .hero p {
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 0;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .hero p {
      width: 100%;
    }
  }
  main.projectsCat .hero p:lang(fa) {
    font-weight: 100;
    line-height: 27px;
  }
  main.projectsCat .hero .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  main.projectsCat .hero .flex select {
    background-color: transparent;
    border: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
  }
  main.projectsCat .hero .flex select:lang(fa) {
    font-weight: 700;
  }
  main.projectsCat .hero::after {
    content: "";
    display: block;
    max-width: 1330px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
  }
  main.projectsCat .trend {
    margin-bottom: 80px;
  }
  main.projectsCat .trend h2 {
    font-size: 64px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.projectsCat .trend h2:lang(fa) {
    font-family: "Rokh";
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .trend h2:lang(fa) {
      font-size: 24px;
    }
  }
  main.projectsCat .trend .row {
    align-items: center;
    position: relative;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .trend .row {
      gap: 20px;
    }
  }
  main.projectsCat .trend .image {
    flex: 0 0 49%;
    max-width: 49%;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .trend .image {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.projectsCat .trend .image img {
    width: 100%;
    height: 540px;
    object-fit: cover;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .trend .image img {
      height: 300px;
    }
  }
  main.projectsCat .trend .text {
    position: static;
    flex: 0 0 51%;
    max-width: 51%;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .trend .text {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.projectsCat .trend .text:lang(fa) {
    text-align: left;
  }
  main.projectsCat .trend .text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.projectsCat .trend .text p:lang(fa) {
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    text-align: justify;
  }
  main.projectsCat .trend .text p + p {
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
  }
  main.projectsCat .trend .text p + p:lang(fa) {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  main.projectsCat .trend .text a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  main.projectsCat .trend .text a:lang(fa) {
    font-weight: 700;
  }
  main.projectsCat .trend .text .assets {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  main.projectsCat .projects .single {
    display: block;
    margin-bottom: 80px;
    color: #000;
  }
  main.projectsCat .projects .single:nth-child(odd) {
    text-align: right;
  }
  main.projectsCat .projects .single h3 {
    font-size: 64px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.projectsCat .projects .single h3:lang(fa) {
    font-family: "Rokh";
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .projects .single h3:lang(fa) {
      font-size: 24px;
    }
  }
  main.projectsCat .projects .single .image {
    height: 540px;
    overflow: hidden;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .projects .single .image {
      height: 300px;
    }
  }
  main.projectsCat .projects .single .image img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    transition: transform 3000ms;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .projects .single .image img {
      height: 300px;
    }
  }
  main.projectsCat .projects .single:hover .image img {
    transform: scale(1.2);
  }
  main.projectsCat .projects .more {
    text-align: center;
    margin-bottom: 80px;
  }
  main.projectsCat .projects .more a {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-right: 55px;
    padding-left: 55px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    transition: all 700ms;
  }
  main.projectsCat .projects .more a:hover {
    background-color: #000;
    color: #fff;
  }
  main.projectsCat .about {
    background-color: #191919;
    color: #fff;
    position: relative;
    height: 680px;
    padding-right: 40vw;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .about {
      height: auto;
    }
  }
  main.projectsCat .about:lang(fa) {
    padding-right: 0;
    padding-left: 40vw;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .about:lang(fa) {
      padding-left: 0;
    }
  }
  main.projectsCat .about .text {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .about .text {
      width: 90%;
      padding-bottom: 40px;
      padding-top: 40px;
    }
  }
  main.projectsCat .about .text h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
  }
  main.projectsCat .about .text h4:lang(fa) {
    font-family: "Rokh";
    font-weight: 500;
  }
  main.projectsCat .about .text p {
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 60px;
  }
  main.projectsCat .about .text p:lang(fa) {
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
  }
  main.projectsCat .about .text img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 40px;
  }
  main.projectsCat .about .text img:lang(fa) {
    margin-bottom: 20px;
  }
  main.projectsCat .about .text a {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    border: 1px solid #fff;
    transition: all 700ms;
  }
  main.projectsCat .about .text a:lang(fa) {
    font-size: 20px;
    font-weight: 500;
  }
  main.projectsCat .about .text a:hover {
    background-color: #fff;
    color: #191919;
  }
  main.projectsCat .about .bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 680px;
    object-fit: cover;
  }
  main.projectsCat .about .bg:lang(fa) {
    right: unset;
    left: 0;
  }
  @media screen and (max-width: 576px) {
    main.projectsCat .about .bg {
      display: none;
    }
  }
  
  main.projectsShow {
    height: 100vh;
    position: relative;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide {
    height: 100vh !important;
    position: relative;
    background-color: #272727;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 1;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div {
    height: 16.667vh;
    background-size: 100vw 100vh;
    transition: transform 1500ms, background-position 1000ms;
  }
  @media screen and (max-width: 1200px) {
    main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div {
      background-size: auto 100vh;
      background-position-x: center;
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(1) {
    background-position-y: 0;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(2) {
    background-position-y: -16.667vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(3) {
    background-position-y: -33.334vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(4) {
    background-position-y: -50.001vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(5) {
    background-position-y: -66.668vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .tiles > div:nth-child(6) {
    background-position-y: -83.335vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .bg {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 0;
  }
  @media screen and (max-width: 576px) {
    main.projectsShow > .swiper-wrapper > .swiper-slide .bg {
      object-fit: cover;
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 5;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow > .swiper-wrapper > .swiper-slide .info {
      /* display: none; */
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
  }
  @keyframes dotAnime {
    from {
      opacity: 0.3;
      transform: translate(-50%, -50%) scale(1);
    }
    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(4);
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot::before, main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot::before {
    animation: dotAnime 2s infinite;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot::after {
    animation: dotAnime 2s 500ms infinite;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot.active::before, main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .dot.active::after {
    animation: unset;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box {
    position: absolute;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1, 0);
    transition: transform 1s, opacity 1s;
    z-index: 11;
  }
  @media screen and (max-width: 576px) {
    main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box {
      width: 200px;
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    position: relative;
    padding: 20px;
    background-color: #fff;
  }
  @media screen and (max-width: 576px) {
    main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy {
      padding: 15px;
    }
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy .close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    background-color: transparent;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy .close i {
    display: block;
    width: 5px;
    height: 5px;
    background-image: url("../img/close-icon.png");
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: center;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 16px;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy h5 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy h5:lang(fa) {
    font-family: "Rokh";
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy p:lang(fa) {
    font-size: 10px;
    line-height: 17px;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy a:lang(fa) {
    font-family: "Rokh";
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy a:hover {
    color: #272727;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy .close,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy img,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy h5,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy p,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box .bdy a {
    opacity: 0;
    transition: opacity 1s 700ms;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active .close,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active img,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active h5,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active p,
  main.projectsShow > .swiper-wrapper > .swiper-slide .info .cnt .box.active a {
    opacity: 1;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info.btm .cnt .box {
    top: 100%;
    left: auto;
    right: auto;
    bottom: auto;
    transform-origin: center top;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide .info.top .cnt .box {
    top: auto;
    left: auto;
    right: auto;
    bottom: 100%;
    transform-origin: center bottom;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(odd), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(odd) {
    transform: translateY(100%);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(even), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(even) {
    transform: translateY(-100%);
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(1), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(1) {
    background-position-y: -8vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(2), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(2) {
    background-position-y: -24.667vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(3), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(3) {
    background-position-y: -41.334vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(4), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(4) {
    background-position-y: -58.001vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(5), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(5) {
    background-position-y: -74.668vh;
  }
  main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-prev .tiles > div:nth-child(6), main.projectsShow > .swiper-wrapper > .swiper-slide.swiper-slide-next .tiles > div:nth-child(6) {
    background-position-y: -91.335vh;
  }
  main.projectsShow .bottomSect {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 1;
    color: #fff;
  }
  main.projectsShow .bottomSect .row {
    align-items: center;
    justify-content: space-between;
  }
  main.projectsShow .bottomSect .row:lang(fa) {
    flex-direction: row-reverse;
    text-align: left;
  }
  main.projectsShow .bottomSect .paginate h2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
  }
  main.projectsShow .bottomSect .paginate h2:lang(fa) {
    line-height: 20px;
  }
  main.projectsShow .bottomSect .paginate h5 {
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 0;
  }
  main.projectsShow .bottomSect .paginate h5:lang(fa) {
    font-size: 8px;
    font-weight: 300;
    line-height: 13px;
  }
  @media screen and (max-width: 920px) {
    main.projectsShow .bottomSect .paginate h5 {
      display: none;
    }
  }
  main.projectsShow .bottomSect .paginate .prodsOpen {
    background-color: transparent;
    padding: 0;
    border: unset;
    color: #fff;
    font-size: 10px;
    display: none;
  }
  @media screen and (max-width: 920px) {
    main.projectsShow .bottomSect .paginate .prodsOpen {
      display: inline-block;
    }
  }
  main.projectsShow .bottomSect .paginate .prog {
    width: 400px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
    margin-top: 10px;
  }
  @media screen and (max-width: 576px) {
    main.projectsShow .bottomSect .paginate .prog {
      display: none;
    }
  }
  main.projectsShow .bottomSect .paginate .prog span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 0;
    height: 2px;
  }
  main.projectsShow .bottomSect .navg {
    display: flex;
    gap: 20px;
  }
  main.projectsShow .bottomSect .navg:lang(fa) {
    flex-direction: row-reverse;
  }
  main.projectsShow .bottomSect .navg > * {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
  }
  main.projectsShow .bottomSect .navg > *.swiper-button-disabled {
    opacity: 0.5;
  }
  main.projectsShow .prods {
    position: fixed;
    right: -100vw;
    top: 0;
    width: 80vw;
    height: 100vh;
    z-index: 10;
    display: flex;
    transition: all 1000ms;
  }
  @media screen and (max-width: 1100px) {
    main.projectsShow .prods {
      width: 90vw;
    }
  }
  main.projectsShow .prods.opened {
    right: 0;
  }
  main.projectsShow .prods .about {
    background-color: #191919;
    padding-top: 150px;
    padding-right: 40px;
    padding-left: 40px;
    color: #fff;
  }
  @media screen and (max-width: 1200px) {
    main.projectsShow .prods .about {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  @media screen and (max-width: 1100px) {
    main.projectsShow .prods .about {
      display: none;
    }
  }
  main.projectsShow .prods .about h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  main.projectsShow .prods .about p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    width: 390px;
  }
  main.projectsShow .prods .about img {
    display: block;
    width: 390px;
    margin-bottom: 40px;
  }
  main.projectsShow .prods .about a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 390px;
    height: 60px;
    border: 1px solid #fff;
    color: #fff;
    transition: all 600ms;
  }
  main.projectsShow .prods .about a:hover {
    background-color: #fff;
    color: #191919;
  }
  main.projectsShow .prods .proj {
    background-color: #fff;
    padding-top: 100px;
    padding-right: 40px;
    padding-left: 20px;
  }
  @media screen and (max-width: 1200px) {
    main.projectsShow .prods .proj {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  @media screen and (max-width: 1100px) and (max-height: 1200px) {
    main.projectsShow .prods .proj {
      padding-top: 160px;
      height: 100vh;
      overflow: auto;
    }
  }
  @media screen and (max-width: 576px) {
    main.projectsShow .prods .proj {
      padding-top: 80px;
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  main.projectsShow .prods .proj .prodsClose {
    display: none;
    background-color: transparent;
    border: unset;
    margin-bottom: 1rem;
    width: 32px;
    height: 32px;
    position: sticky;
    top: 0;
    right: 0;
    background-color: #fff;
  }
  @media screen and (max-width: 576px) {
    main.projectsShow .prods .proj .prodsClose {
      display: block;
    }
  }
  main.projectsShow .prods .proj .prodsClose::before, main.projectsShow .prods .proj .prodsClose::after {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
  }
  main.projectsShow .prods .proj .prodsClose::before {
    transform: rotate(45deg) translate(10px, 10px);
  }
  main.projectsShow .prods .proj .prodsClose::after {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  main.projectsShow .prods .proj .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex {
      flex-wrap: wrap;
    }
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex .title {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.projectsShow .prods .proj .flex .title h1 {
    width: 200px;
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 500;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex .title h1 {
      width: 100%;
      font-size: 26px;
    }
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex .desc {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.projectsShow .prods .proj .flex .desc p {
    width: 325px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex .desc p {
      width: 100%;
    }
  }
  main.projectsShow .prods .proj .flex .desc ul {
    width: 325px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .flex .desc ul {
      width: 100%;
    }
  }
  main.projectsShow .prods .proj .flex .desc ul li {
    display: flex;
    justify-content: space-between;
    padding-top: 13px;
    padding-bottom: 13px;
    border-top: 1px solid #000;
  }
  main.projectsShow .prods .proj .flex .desc ul li span,
  main.projectsShow .prods .proj .flex .desc ul li strong {
    font-size: 14px;
    font-weight: 400;
  }
  main.projectsShow .prods .proj .flex .desc ul li:last-child {
    border-bottom: 1px solid #000;
  }
  main.projectsShow .prods .proj .gallery {
    width: 650px;
  }
  @media screen and (max-width: 1100px) {
    main.projectsShow .prods .proj .gallery {
      width: 600px;
    }
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .gallery {
      width: 100%;
    }
  }
  main.projectsShow .prods .proj .gallery .swiper-slide {
    width: 325px;
    height: 360px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 767px) {
    main.projectsShow .prods .proj .gallery .swiper-slide {
      width: 50%;
      height: 240px;
      padding-right: 10px;
      padding-left: 10px;
    }
    main.projectsShow .prods .proj .gallery .swiper-slide img {
      width: 100%;
    }
  }
  main.projectsShow .prods .proj .gallery .swiper-scrollbar {
    position: relative;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  main.projectsShow .prods .proj .gallery .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #000;
    height: 1px;
  }
  
  main.blogList {
    padding-top: 152px;
  }
  main.blogList .hero {
    margin-bottom: 40px;
    height: 140px;
    border: 1px solid #000;
    position: relative;
  }
  main.blogList .hero h1 {
    margin-top: 38px;
    margin-bottom: 0;
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
  }
  main.blogList .hero h1:lang(fa) {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
  }
  main.blogList .hero form {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    width: 400px;
    height: 48px;
    margin-right: auto;
    margin-left: auto;
  }
  @media screen and (max-width: 576px) {
    main.blogList .hero form {
      width: 90%;
    }
  }
  main.blogList .hero form input {
    height: 48px;
    width: 100%;
    background-color: #fdfdfd;
    border: 1px solid #000;
    padding-left: 44px;
    padding-right: 10px;
  }
  main.blogList .hero form button {
    background-color: transparent;
    border: unset;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
  }
  main.blogList .hero form button i {
    width: 24px;
    height: 24px;
  }
  main.blogList .hero form button i::before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("../img/search-icon.png");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
  }
  main.blogList ul {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
  }
  main.blogList ul li {
    display: inline-block;
    margin-right: 15px;
  }
  main.blogList ul li:lang(fa) {
    margin-left: 15px;
    margin-right: 0;
  }
  main.blogList ul li a {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.5);
    transition: color 500ms;
  }
  main.blogList ul li:last-child {
    margin-right: 0;
  }
  main.blogList ul li:last-child:lang(fa) {
    margin-left: 0;
  }
  main.blogList ul li.active a, main.blogList ul li:hover a {
    color: #272727;
  }
  main.blogList .selected {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected {
      flex-wrap: wrap;
    }
  }
  main.blogList .selected .image {
    flex: 0 0 35%;
    max-width: 35%;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected .image {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 2rem;
    }
  }
  main.blogList .selected .image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected .image img {
      height: 250px;
    }
  }
  main.blogList .selected .text {
    flex: 0 0 65%;
    max-width: 65%;
    padding-left: 40px;
    color: #000;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected .text {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.blogList .selected .text:lang(fa) {
    padding-left: 0;
    padding-right: 40px;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected .text:lang(fa) {
      padding-right: 0;
    }
  }
  main.blogList .selected .text .cat {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  main.blogList .selected .text .cat:lang(fa) {
    line-height: 18px;
  }
  main.blogList .selected .text h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.blogList .selected .text h3:lang(fa) {
    line-height: 34px;
  }
  main.blogList .selected .text p {
    width: 465px;
    font-size: 14px;
    font-weight: 200;
    line-height: 18px;
    margin-bottom: 70px;
  }
  main.blogList .selected .text p:lang(fa) {
    font-weight: 300;
    line-height: 18px;
  }
  @media screen and (max-width: 576px) {
    main.blogList .selected .text p {
      width: 100%;
    }
  }
  main.blogList .selected .text .date {
    font-size: 12px;
    font-weight: 300;
  }
  main.blogList .selected .text .date:lang(fa) {
    font-family: "JosefinSans";
  }
  main.blogList .row {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 80px;
  }
  main.blogList .col {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 820px) {
    main.blogList .col {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogList .col {
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  main.blogList .single {
    display: block;
    margin-bottom: 20px;
  }
  main.blogList .single img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    margin-bottom: 20px;
  }
  main.blogList .single .cat {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
  }
  main.blogList .single .cat:lang(fa) {
    line-height: 18px;
  }
  main.blogList .single h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000;
  }
  main.blogList .single h3:lang(fa) {
    line-height: 27px;
  }
  main.blogList .single p {
    font-size: 10px;
    font-weight: 200;
    margin-bottom: 30px;
    color: #000;
  }
  main.blogList .single p:lang(fa) {
    font-weight: 300;
    line-height: 17px;
  }
  main.blogList .single .date {
    font-size: 12px;
    font-weight: 300;
    color: #000;
  }
  main.blogList .single .date:lang(fa) {
    text-align: left;
    font-family: "JosefinSans";
  }
  
  main.blogShow .hero {
    height: 640px;
    position: relative;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .hero {
      height: 500px;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .hero {
      height: 400px;
    }
  }
  main.blogShow .hero > img {
    width: 100%;
    height: 640px;
    object-fit: cover;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .hero > img {
      height: 500px;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .hero > img {
      height: 400px;
    }
  }
  main.blogShow .hero .container {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
  }
  main.blogShow .hero .social {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  main.blogShow .hero .social:lang(fa) {
    text-align: left;
  }
  main.blogShow .hero .social li {
    display: inline-block;
    margin-right: 30px;
  }
  main.blogShow .hero .social li:lang(fa) {
    margin-right: 0;
    margin-left: 30px;
  }
  main.blogShow .hero .social li img {
    width: 28px;
    height: 28px;
  }
  main.blogShow .hero .social li:last-child {
    margin-right: 0;
  }
  main.blogShow .hero .social li:last-child:lang(fa) {
    margin-left: 0;
  }
  main.blogShow .info {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #000;
    color: #fdfdfd;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .info {
      padding-bottom: 40px;
    }
  }
  main.blogShow .info .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 120px;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .info .title {
      margin-bottom: 40px;
    }
  }
  main.blogShow .info .title h1 {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
  }
  main.blogShow .info .title h1:lang(fa) {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  main.blogShow .info .title .date {
    font-size: 16px;
    font-weight: 400;
  }
  main.blogShow .info p {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 70px;
    line-height: 18px;
  }
  main.blogShow .info p:lang(fa) {
    font-size: 14px;
    line-height: 18px;
  }
  main.blogShow .info .row {
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 70px;
  }
  main.blogShow .info .row.reverse {
    flex-direction: row;
  }
  main.blogShow .info .row.reverse .col-p {
    padding-left: 15px;
    padding-right: 60px;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .info .row.reverse .col-p {
      padding-right: 15px;
    }
  }
  main.blogShow .info .col-img {
    flex: 0 0 460px;
    max-width: 460px;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .info .col-img {
      flex: 0 0 40%;
      max-width: 40%;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .info .col-img {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.blogShow .info .col-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  main.blogShow .info .col-p {
    flex: 0 0 calc(100% - 460px);
    max-width: calc(100% - 460px);
    padding-left: 60px;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .info .col-p {
      flex: 0 0 60%;
      max-width: 60%;
      padding-left: 15px;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .info .col-p {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.blogShow .info .col-p p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 21px;
  }
  main.blogShow .info .col-p p:lang(fa) {
    line-height: 24px;
  }
  main.blogShow .gallery {
    padding-bottom: 60px;
    overflow: hidden;
    background-color: #000;
  }
  main.blogShow .gallery .slides .swiper-slide {
    width: 875px !important;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .gallery .slides .swiper-slide {
      width: 560px !important;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .gallery .slides .swiper-slide {
      width: 320px !important;
    }
  }
  main.blogShow .gallery .slides .swiper-slide img {
    width: 100%;
    height: 460px;
    object-fit: cover;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .gallery .slides .swiper-slide img {
      height: 340px;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .gallery .slides .swiper-slide img {
      height: 250px;
    }
  }
  main.blogShow .gallery .slides .paginate {
    margin-top: 20px;
    font-size: 10px;
    font-weight: 200;
    line-height: 1;
    text-align: left;
  }
  main.blogShow .gallery .slides .paginate span {
    color: #fff;
  }
  main.blogShow .gallery .slides .paginate span:first-child::after {
    content: "/";
    margin-right: 3px;
  }
  main.blogShow .gallery .slides .paginate span:last-child {
    color: rgba(255, 255, 255, 0.4);
  }
  main.blogShow .related {
    padding-top: 140px;
    padding-bottom: 80px;
  }
  main.blogShow .related:lang(fa) {
    padding-top: 80px;
  }
  main.blogShow .related h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.blogShow .related h5:lang(fa) {
    font-family: "Rokh";
    line-height: 25px;
  }
  main.blogShow .related .row.rel-pros {
    justify-content: center;
  }
  main.blogShow .related .row.rel-pros .col {
    flex: 0 0 23%;
    max-width: 23%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 576px) {
    main.blogShow .related .row.rel-pros  .col {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  main.blogShow .related .row.rel-pros .single {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    height: 360px;
    margin-bottom: 20px;
    position: relative;
    transition: background-color 1000ms;
  }
  main.blogShow .related .row.rel-pros .single img {
    transition: transform 1000ms;
  }
  main.blogShow .related .row.rel-pros .single h3 {
    position: absolute;
    left: 30px;
    bottom: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  main.blogShow .related .row.rel-pros .single h3:lang(fa) {
    left: unset;
    right: 30px;
    font-family: "Rokh";
    font-weight: 700;
  }
  main.blogShow .related .row.rel-pros .single:hover {
    background-color: #eee;
  }
  main.blogShow .related .row.rel-pros .single:hover img {
    transform: scale(1.1);
  }
  
  main.contact {
    display: flex;
    align-items: flex-end;
    gap: 120px;
  }
  @media screen and (max-width: 920px) {
    main.contact {
      flex-wrap: wrap;
      gap: 0;
    }
  }
  main.contact .image {
    flex: 0 0 50%;
    max-width: 50%;
  }
  @media screen and (max-width: 920px) {
    main.contact .image {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.contact .image img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  @media screen and (max-width: 920px) {
    main.contact .image img {
      height: 35vh;
    }
  }
  main.contact .text {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    position: static;
  }
  @media screen and (max-width: 920px) {
    main.contact .text {
      flex: 0 0 100%;
      max-width: 100%;
      position: relative;
      padding-top: 70px;
      padding-bottom: 0;
    }
  }
  main.contact .text .back {
    display: inline-block;
    position: absolute;
    top: 30px;
    font-size: 12px;
    font-weight: 300;
    direction: rtl !important;
    z-index: 100;
    left: 120px;
  }
  main.contact .text .back i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url("../img/back-icon.png");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
  }
  main.contact .text h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 60px;
    text-transform: uppercase;
  }
  main.contact .text h2:lang(fa) {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
  }
  @media screen and (max-width: 920px) {
    main.contact .text h2:lang(fa) {
      font-size: 30px;
      margin-bottom: 40px;
    }
  }
  main.contact .text strong {
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
  }
  main.contact .text strong:lang(fa) {
    line-height: 24px;
  }
  main.contact .text ul {
    list-style: none;
    margin: 0;
    padding: 0;


  }
  a.icon-cnt {
    position: absolute;
    left: 75px;
    top: 100px;
}
a.icon-cnt img {
  border-radius: 50%;
}
  main.contact .text ul li {
    margin-bottom: 5px;
  }
  main.contact .text a,
  main.contact .text p {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 0;
  }
  main.contact .text a:lang(fa) {
    direction: ltr;
  }
  main.contact .text .call {
    padding-right: 40px;
  }
  @media screen and (max-width: 920px) {
    main.contact .text .call {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.contact .text .call:lang(fa) {
    padding-right: 15px;
    padding-left: 40px;
    width: 100%;
  }
  main.contact .text .visit {
    margin-top: 40px;
    width: 100%;
  }
  @media screen and (max-width: 920px) {
    main.contact .text .visit {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.contact .text .map {
    margin-top: 40px;
  }
  @media screen and (max-width: 920px) {
    main.contact .text .map {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 40px;
    }
  }
  @media screen and (max-width: 576px) {
    main.contact .text .map img {
      width: 100%;
    }
  }
  
  main.branches {
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  main.branches .map {
    height: 100vh;
    position: relative;
  }
  main.branches .map img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  main.branches .map .marker {
    position: absolute;
    width: 53px;
    height: 66px;
    background-image: url("../img/marker.png");
    background-repeat: no-repeat;
    background-size: 53px;
    background-position: center;
  }
  @media screen and (max-width: 576px) {
    main.branches .map .marker {
      width: 30px;
      background-size: 30px;
    }
  }
  main.branches .info {
    position: absolute;
    bottom: -400px;
    left: 0;
    width: 100%;
    height: 480px;
    background-color: #fff;
    transition: bottom 700ms;
  }
  main.branches .info.opened {
    bottom: 0;
  }
  main.branches .info .top {
    display: flex;
    flex-flow: row;
    align-items: center;
    height: 80px;
    border-bottom: 1px solid #c6c6c6;
  }
  main.branches .info .top:lang(fa) {
    flex-direction: row-reverse;
  }
  main.branches .info .top .col:nth-child(1) {
    flex: 0 0 16.667%;
    max-width: 16.667%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 60px;
    padding-left: 60px;
    height: 80px;
    border-right: 1px solid #c6c6c6;
  }
  @media screen and (max-width: 576px) {
    main.branches .info .top .col:nth-child(1) {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  main.branches .info .top .col:nth-child(1) h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
  }
  main.branches .info .top .col:nth-child(2) {
    width: 80%;
    display: flex;
    align-items: center;
  }
  @media screen and (max-width: 576px) {
    main.branches .info .top .col:nth-child(2) {
      display: none;
    }
  }
  main.branches .info .top .col:nth-child(2) input {
    display: block;
    width: 100%;
    padding: 20px 60px;
    border: 0;
  }
  main.branches .info .top .col:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding-right: 60px;
    padding-left: 60px;
    border-left: 1px solid #c6c6c6;
  }
  @media screen and (max-width: 576px) {
    main.branches .info .top .col:nth-child(1) {
      display: none;
    }
  }
  main.branches .info .top .col:nth-child(3) button {
    padding: 0;
    background-color: transparent;
    border: 0;
  }
  main.branches .info .top .col:nth-child(3) i {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../img/location-icon.png");
    background-size: 21px;
    background-position: center;
    background-repeat: no-repeat;
  }
  main.branches .info .top .col:nth-child(4) {
    flex: 0 0 16.667%;
    max-width: 16.667%;
  }
  @media screen and (max-width: 576px) {
    main.branches .info .top .col:nth-child(4) , main.branches .info .top .col:nth-child(3){
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  main.branches .info .top .col:nth-child(4) button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    border: unset;
    padding-right: 60px;
    padding-left: 60px;
    border-left: 1px solid #c6c6c6;
    background-color: #000;
    color: #fff;
  }
  main.branches .info .top .col:nth-child(4) button:lang(fa) {
    width: 100%;
  }
  main.branches .info .top .col:nth-child(4) button span {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    white-space: nowrap;
  }
  main.branches .info .top .col:nth-child(4) button span:lang(fa) {
    margin-right: 0;
    margin-left: 10px;
  }
  main.branches .info .top .col:nth-child(4) button i {
    display: inline-block;
    width: 6px;
    height: 4px;
    background-image: url("../img/angle-down.png");
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 500ms;
  }
  main.branches .info .top .col:nth-child(4) button.opened i {
    transform: rotate(180deg);
  }
  main.branches .info .bottom {
    display: flex;
    flex-wrap: wrap;
  }
  .agency-box-detail{
    display: flex;
    flex-wrap: wrap;
    width:100%
  }
  @media screen and (max-width: 576px) {
    main.branches .info .bottom {
      height: 52vh;
      overflow: auto;
    }
  }
  main.branches .info .bottom .single {
    flex: 0 0 16.667%;
    max-width: 16.667%;
    padding: 20px;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    min-height: 185px;
  }
  @media screen and (max-width: 576px) {
    main.branches .info .bottom .single {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  main.branches .info .bottom .single:lang(fa) {
    border-right: unset;
    border-left: 1px solid #c6c6c6;
  }
  main.branches .info .bottom .single:nth-child(6), main.branches .info .bottom .single:nth-child(12) {
    border-right: unset;
  }
  main.branches .info .bottom .single:nth-child(6):lang(fa), main.branches .info .bottom .single:nth-child(12):lang(fa) {
    border-left: unset;
  }
  main.branches .info .bottom .single h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 40px;
  }
  main.branches .info .bottom .single p {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 20px;
    height: 55px;
  }
  main.branches .info .bottom .single a {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  
  main.searchResult {
    padding-top: 182px;
  }
  main.searchResult h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 60px;
    text-align: center;
  }
  main.searchResult h2:lang(fa) {
    font-family: "Rokh";
    font-size: 20px;
    font-weight: 400;
  }
  @media screen and (max-width: 576px) {
    main.searchResult h2:lang(fa) {
      font-size: 30px;
    }
  }
  main.searchResult .products {
    margin-bottom: 80px;
  }
  main.searchResult .products .col {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 576px) {
    main.searchResult .products .col {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  main.searchResult .products .single {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    height: 360px;
    position: relative;
    transition: background-color 1000ms;
  }
  main.searchResult .products .single img {
    transition: transform 1000ms;
  }
  main.searchResult .products .single h3 {
    position: absolute;
    left: 30px;
    bottom: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
  }
  main.searchResult .products .single h3:lang(fa) {
    left: unset;
    right: 30px;
    font-family: "Rokh";
    font-weight: 700;
  }
  main.searchResult .products .single:hover {
    background-color: #eee;
  }
  main.searchResult .products .single:hover img {
    transform: scale(1.1);
  }
  
  main.services {
    padding-top: 192px;
  }
  @media screen and (max-width: 576px) {
    main.services {
      padding-top: 100px;
    }
  }
  main.services .row.first {
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: end;
  }
  @media screen and (max-width: 1100px) {
    main.services .row.first .right {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.services .row.first h1 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 170px;
  }
  @media screen and (max-width: 576px) {
    main.services .row.first h1 {
      margin-bottom: 50px;
    }
  }
  main.services .row.first .selects {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  main.services .row.first .selects li {
    display: block;
    width: 600px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 20px;
    font-weight: 300;
    position: relative;
    cursor: pointer;
  }
  @media screen and (max-width: 1100px) {
    main.services .row.first .selects li {
      width: 100%;
    }
  }
  main.services .row.first .selects li::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url("../img/angle-icon.png");
    position: absolute;
    left: 20px;
    top: 11px;
    transition: all 500ms;
  }
  main.services .row.first .selects li.active::before {
    transform: rotate(180deg);
  }
  main.services .row.first img {
    height: 270px;
  }
  @media screen and (max-width: 1100px) {
    main.services .row.first img {
      width: 100%;
      object-fit: cover;
    }
  }
  main.services .sects {
    position: relative;
  }
  main.services .sects .sect1,
  main.services .sects .sect2,
  main.services .sects .sect3 {
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
    z-index: -1;
  }
  main.services .sects .sect1.active,
  main.services .sects .sect2.active,
  main.services .sects .sect3.active {
    position: relative;
    visibility: visible;
    z-index: 1;
  }
  main.services h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 14px;
  }
  main.services p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 20px;
  }
  main.services p + p {
    margin-bottom: 80px;
  }
  main.services ol {
    padding-right: 20px;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 20px;
  }
  main.services form {
    margin-bottom: 120px;
  }
  main.services form .row {
    align-items: center;
    margin-bottom: 40px;
  }
  main.services form .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  @media screen and (max-width: 576px) {
    main.services form .col {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.services form strong {
    font-size: 20px;
    font-weight: 400;
  }
  main.services form label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
  }
  main.services form input {
    display: none;
  }
  main.services form button {
    display: block;
    width: 660px;
    margin-right: auto;
    margin-left: auto;
    background-color: #6979F8;
    color: #fff;
    border: unset;
    padding: 14px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
    main.services form button {
      width: 100%;
    }
  }
  
  main.workEstekhdam {
    padding-top: 192px;
  }
  @media screen and (max-width: 576px) {
    main.workEstekhdam {
      padding-top: 92px;
    }
  }
  main.workEstekhdam .first {
    justify-content: space-between;
    margin-bottom: 80px;
  }
  main.workEstekhdam .first .title {
    flex: 0 0 50%;
    max-width: 50%;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .first .title {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.workEstekhdam .first .title h1 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .first .title h1 {
      margin-bottom: 20px;
    }
  }
  main.workEstekhdam .first .title p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 0;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .first .title p {
      margin-bottom: 20px;
    }
  }
  main.workEstekhdam .first img {
    flex: 0 0 45%;
    max-width: 45%;
    height: 271px;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .first img {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.workEstekhdam .steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 120px;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .steps {
      margin-bottom: 40px;
    }
  }
  @media screen and (max-width: 576px) {
    main.workEstekhdam .steps {
      display: none;
    }
  }
  main.workEstekhdam .steps li {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  main.workEstekhdam .steps li span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    transition: all 700ms;
  }
  @media screen and (max-width: 1400px) {
    main.workEstekhdam .steps li span {
      width: 80px;
      height: 80px;
    }
  }
  @media screen and (max-width: 1100px) {
    main.workEstekhdam .steps li span {
      width: 100px;
      height: 100px;
    }
  }
  main.workEstekhdam .steps li span.active {
    background-color: #000;
  }
  main.workEstekhdam .steps li::after {
    content: "";
    display: block;
    width: 100px;
    height: 26px;
    background-image: url("../img/work-step.png");
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
  }
  @media screen and (max-width: 1400px) {
    main.workEstekhdam .steps li::after {
      width: 80px;
    }
  }
  @media screen and (max-width: 1000px) {
    main.workEstekhdam .steps li::after {
      display: none;
    }
  }
  main.workEstekhdam .steps li:last-child::after {
    display: none;
  }
  main.workEstekhdam .form {
    position: relative;
    margin-bottom: 160px;
  }
  main.workEstekhdam .form .step1,
  main.workEstekhdam .form .step2,
  main.workEstekhdam .form .step3,
  main.workEstekhdam .form .step4,
  main.workEstekhdam .form .step5,
  main.workEstekhdam .form .step6 {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-right: -15px;
    margin-left: -15px;
    z-index: -1;
  }
  main.workEstekhdam .form .step1 .right,
  main.workEstekhdam .form .step1 .left,
  main.workEstekhdam .form .step2 .right,
  main.workEstekhdam .form .step2 .left,
  main.workEstekhdam .form .step3 .right,
  main.workEstekhdam .form .step3 .left,
  main.workEstekhdam .form .step4 .right,
  main.workEstekhdam .form .step4 .left,
  main.workEstekhdam .form .step5 .right,
  main.workEstekhdam .form .step5 .left,
  main.workEstekhdam .form .step6 .right,
  main.workEstekhdam .form .step6 .left {
    padding-right: 15px;
    padding-left: 15px;
  }
  main.workEstekhdam .form .step1 .right,
  main.workEstekhdam .form .step2 .right,
  main.workEstekhdam .form .step3 .right,
  main.workEstekhdam .form .step4 .right,
  main.workEstekhdam .form .step5 .right,
  main.workEstekhdam .form .step6 .right {
    flex: 0 0 50%;
    max-width: 50%;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .form .step1 .right,
    main.workEstekhdam .form .step2 .right,
    main.workEstekhdam .form .step3 .right,
    main.workEstekhdam .form .step4 .right,
    main.workEstekhdam .form .step5 .right,
    main.workEstekhdam .form .step6 .right {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 3rem;
    }
  }
  main.workEstekhdam .form .step1 .right .box,
  main.workEstekhdam .form .step2 .right .box,
  main.workEstekhdam .form .step3 .right .box,
  main.workEstekhdam .form .step4 .right .box,
  main.workEstekhdam .form .step5 .right .box,
  main.workEstekhdam .form .step6 .right .box {
    background-color: #fff;
    padding: 16px 20px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0px 38px 80px rgba(0, 0, 0, 0.014629), 0px 15.8755px 33.4221px rgba(0, 0, 0, 0.0226077), 0px 8.4878px 17.869px rgba(0, 0, 0, 0.0276918), 0px 4.75819px 10.0172px rgba(0, 0, 0, 0.0316869), 0px 2.52704px 5.32008px rgba(0, 0, 0, 0.0364658), 0px 1.05156px 2.21381px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 40px;
  }
  main.workEstekhdam .form .step1 .right .box .group,
  main.workEstekhdam .form .step2 .right .box .group,
  main.workEstekhdam .form .step3 .right .box .group,
  main.workEstekhdam .form .step4 .right .box .group,
  main.workEstekhdam .form .step5 .right .box .group,
  main.workEstekhdam .form .step6 .right .box .group {
    margin-bottom: 16px;
  }
  main.workEstekhdam .form .step1 .right .box .group:last-child,
  main.workEstekhdam .form .step2 .right .box .group:last-child,
  main.workEstekhdam .form .step3 .right .box .group:last-child,
  main.workEstekhdam .form .step4 .right .box .group:last-child,
  main.workEstekhdam .form .step5 .right .box .group:last-child,
  main.workEstekhdam .form .step6 .right .box .group:last-child {
    margin-bottom: 0;
  }
  main.workEstekhdam .form .step1 .right .box .group strong,
  main.workEstekhdam .form .step2 .right .box .group strong,
  main.workEstekhdam .form .step3 .right .box .group strong,
  main.workEstekhdam .form .step4 .right .box .group strong,
  main.workEstekhdam .form .step5 .right .box .group strong,
  main.workEstekhdam .form .step6 .right .box .group strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  main.workEstekhdam .form .step1 .right .box input[type=text],
  main.workEstekhdam .form .step1 .right .box select,
  main.workEstekhdam .form .step1 .right .box textarea,
  main.workEstekhdam .form .step2 .right .box input[type=text],
  main.workEstekhdam .form .step2 .right .box select,
  main.workEstekhdam .form .step2 .right .box textarea,
  main.workEstekhdam .form .step3 .right .box input[type=text],
  main.workEstekhdam .form .step3 .right .box select,
  main.workEstekhdam .form .step3 .right .box textarea,
  main.workEstekhdam .form .step4 .right .box input[type=text],
  main.workEstekhdam .form .step4 .right .box select,
  main.workEstekhdam .form .step4 .right .box textarea,
  main.workEstekhdam .form .step5 .right .box input[type=text],
  main.workEstekhdam .form .step5 .right .box select,
  main.workEstekhdam .form .step5 .right .box textarea,
  main.workEstekhdam .form .step6 .right .box input[type=text],
  main.workEstekhdam .form .step6 .right .box select,
  main.workEstekhdam .form .step6 .right .box textarea {
    display: block;
    width: 100%;
    border: unset;
    background-color: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
  }
  main.workEstekhdam .form .step1 .right .box .group.radio label,
  main.workEstekhdam .form .step2 .right .box .group.radio label,
  main.workEstekhdam .form .step3 .right .box .group.radio label,
  main.workEstekhdam .form .step4 .right .box .group.radio label,
  main.workEstekhdam .form .step5 .right .box .group.radio label,
  main.workEstekhdam .form .step6 .right .box .group.radio label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
  }
  main.workEstekhdam .form .step1 .right .box .group.radio label::after,
  main.workEstekhdam .form .step2 .right .box .group.radio label::after,
  main.workEstekhdam .form .step3 .right .box .group.radio label::after,
  main.workEstekhdam .form .step4 .right .box .group.radio label::after,
  main.workEstekhdam .form .step5 .right .box .group.radio label::after,
  main.workEstekhdam .form .step6 .right .box .group.radio label::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 12px;
    background-color: #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #6979F8;
    transition: all 400ms;
  }
  main.workEstekhdam .form .step1 .right .box .group.radio input,
  main.workEstekhdam .form .step2 .right .box .group.radio input,
  main.workEstekhdam .form .step3 .right .box .group.radio input,
  main.workEstekhdam .form .step4 .right .box .group.radio input,
  main.workEstekhdam .form .step5 .right .box .group.radio input,
  main.workEstekhdam .form .step6 .right .box .group.radio input {
    display: none;
  }
  main.workEstekhdam .form .step1 .right .box .group.radio input:checked + label::after,
  main.workEstekhdam .form .step2 .right .box .group.radio input:checked + label::after,
  main.workEstekhdam .form .step3 .right .box .group.radio input:checked + label::after,
  main.workEstekhdam .form .step4 .right .box .group.radio input:checked + label::after,
  main.workEstekhdam .form .step5 .right .box .group.radio input:checked + label::after,
  main.workEstekhdam .form .step6 .right .box .group.radio input:checked + label::after {
    background-color: #6979F8;
  }
  main.workEstekhdam .form .step1 .right .box .group.file label,
  main.workEstekhdam .form .step2 .right .box .group.file label,
  main.workEstekhdam .form .step3 .right .box .group.file label,
  main.workEstekhdam .form .step4 .right .box .group.file label,
  main.workEstekhdam .form .step5 .right .box .group.file label,
  main.workEstekhdam .form .step6 .right .box .group.file label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    cursor: pointer;
  }
  main.workEstekhdam .form .step1 .right .box .group.file label span,
  main.workEstekhdam .form .step2 .right .box .group.file label span,
  main.workEstekhdam .form .step3 .right .box .group.file label span,
  main.workEstekhdam .form .step4 .right .box .group.file label span,
  main.workEstekhdam .form .step5 .right .box .group.file label span,
  main.workEstekhdam .form .step6 .right .box .group.file label span {
    color: rgba(0, 0, 0, 0.3);
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
  }
  main.workEstekhdam .form .step1 .right .box .group.file input,
  main.workEstekhdam .form .step2 .right .box .group.file input,
  main.workEstekhdam .form .step3 .right .box .group.file input,
  main.workEstekhdam .form .step4 .right .box .group.file input,
  main.workEstekhdam .form .step5 .right .box .group.file input,
  main.workEstekhdam .form .step6 .right .box .group.file input {
    display: none;
  }
  main.workEstekhdam .form .step1 .right button,
  main.workEstekhdam .form .step2 .right button,
  main.workEstekhdam .form .step3 .right button,
  main.workEstekhdam .form .step4 .right button,
  main.workEstekhdam .form .step5 .right button,
  main.workEstekhdam .form .step6 .right button {
    display: block;
    width: 100%;
    height: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #6979F8;
    color: #fff;
    border: unset;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
  }
  main.workEstekhdam .form .step1 .left,
  main.workEstekhdam .form .step2 .left,
  main.workEstekhdam .form .step3 .left,
  main.workEstekhdam .form .step4 .left,
  main.workEstekhdam .form .step5 .left,
  main.workEstekhdam .form .step6 .left {
    flex: 0 0 50%;
    max-width: 50%;
  }
  @media screen and (max-width: 820px) {
    main.workEstekhdam .form .step1 .left,
    main.workEstekhdam .form .step2 .left,
    main.workEstekhdam .form .step3 .left,
    main.workEstekhdam .form .step4 .left,
    main.workEstekhdam .form .step5 .left,
    main.workEstekhdam .form .step6 .left {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  main.workEstekhdam .form .step1 .left .images .line,
  main.workEstekhdam .form .step2 .left .images .line,
  main.workEstekhdam .form .step3 .left .images .line,
  main.workEstekhdam .form .step4 .left .images .line,
  main.workEstekhdam .form .step5 .left .images .line,
  main.workEstekhdam .form .step6 .left .images .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
  main.workEstekhdam .form .step1 .left .images .line:last-child,
  main.workEstekhdam .form .step2 .left .images .line:last-child,
  main.workEstekhdam .form .step3 .left .images .line:last-child,
  main.workEstekhdam .form .step4 .left .images .line:last-child,
  main.workEstekhdam .form .step5 .left .images .line:last-child,
  main.workEstekhdam .form .step6 .left .images .line:last-child {
    margin-bottom: 0;
  }
  main.workEstekhdam .form .step1 .left .images .line:nth-child(even),
  main.workEstekhdam .form .step2 .left .images .line:nth-child(even),
  main.workEstekhdam .form .step3 .left .images .line:nth-child(even),
  main.workEstekhdam .form .step4 .left .images .line:nth-child(even),
  main.workEstekhdam .form .step5 .left .images .line:nth-child(even),
  main.workEstekhdam .form .step6 .left .images .line:nth-child(even) {
    flex-direction: row-reverse;
  }
  main.workEstekhdam .form .step1 .left .images .line p,
  main.workEstekhdam .form .step2 .left .images .line p,
  main.workEstekhdam .form .step3 .left .images .line p,
  main.workEstekhdam .form .step4 .left .images .line p,
  main.workEstekhdam .form .step5 .left .images .line p,
  main.workEstekhdam .form .step6 .left .images .line p {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
    flex: 0 0 35%;
    max-width: 35%;
  }
  main.workEstekhdam .form .step1 .left .images .line img,
  main.workEstekhdam .form .step2 .left .images .line img,
  main.workEstekhdam .form .step3 .left .images .line img,
  main.workEstekhdam .form .step4 .left .images .line img,
  main.workEstekhdam .form .step5 .left .images .line img,
  main.workEstekhdam .form .step6 .left .images .line img {
    flex: 0 0 60%;
    max-width: 60%;
    height: 400px;
    object-fit: cover;
  }
  main.workEstekhdam .form .step1.active,
  main.workEstekhdam .form .step2.active,
  main.workEstekhdam .form .step3.active,
  main.workEstekhdam .form .step4.active,
  main.workEstekhdam .form .step5.active,
  main.workEstekhdam .form .step6.active {
    position: relative;
    visibility: visible;
    z-index: 1;
  }
  

  main.workEstekhdam .form [data-bc-answer-container]{
width: 100%;
  }
  main.workEstekhdam .form [data-bc-title-container]{

  }
  main.workEstekhdam .form [data-bc-part-container]{
width: 100%;
  }
  main.workEstekhdam .form legend{
display: none;
  }
  main.workEstekhdam .form .captchaContainerclass {
    display: flex;
    align-items: center;
    margin-top: 20px;
    column-gap: 10px;
  }
  main.workEstekhdam .form .refressh2{
    width: 40px;
    cursor: pointer;
  }
  main.workEstekhdam .form .responsMsg6 {
display: none;
  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{

  }
  main.workEstekhdam .form{
    
  }

  
  main.about > .swiper-wrapper > .swiper-slide {
    width: auto;
    height: 100vh;
    padding-top: 192px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide {
      height: auto;
      padding-top: 108px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 {
    background-color: #171717;
    padding-right: 120px;
    padding-left: 234px;
    display: flex;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 {
      padding-right: 15px;
      padding-left: 15px;
      flex-wrap: wrap;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 img {
    height: 560px;
    position: absolute;
    z-index: -1;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 img {
      position: unset;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box {
    width: 890px;
    height: 400px;
    border: 1px solid #fff;
    padding-right: 430px;
    padding-top: 40px;
    padding-left: 80px;
    margin-top: 80px;
    margin-right: 90px;
    color: #fff;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 .box {
      width: 100%;
      height: auto;
      padding-right: 0;
      padding-left: 0;
      margin-right: 0;
      margin-top: 15px;
      border: unset;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box h3 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 .box h3 {
      font-size: 26px;
      margin-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box h3::after {
    content: "";
    display: block;
    width: 88px;
    height: 2px;
    background-color: #979797;
    margin-top: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 .box h3::after {
      margin-top: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box p {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 70px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 .box p {
      margin-bottom: 40px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box i.arrow {
    display: block;
    margin-right: auto;
    width: 33px;
    height: 33px;
    background-image: url("../img/about-left-icon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box .qoute {
    position: absolute;
    top: -16px;
    left: -35px;
    display: flex;
    gap: 18px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide1 .box .qoute {
      display: none;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide1 .box .qoute::before, main.about > .swiper-wrapper > .swiper-slide.slide1 .box .qoute::after {
    content: "";
    display: block;
    width: 25px;
    height: 68px;
    background-image: url("../img/about-qoute.png");
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 {
    background-color: #171717;
    position: relative;
    padding-left: 200px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2::after {
    content: "";
    display: block;
    width: 2px;
    height: 100vh;
    background-color: #171717;
    position: absolute;
    right: -1px;
    top: 0;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2::after {
      display: none;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2::before {
    content: "";
    display: block;
    width: 830px;
    height: 560px;
    border: 1px solid #fff;
    position: absolute;
    transform: translate(20px, -20px);
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2::before {
      display: none;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .flex {
    display: flex;
    gap: 80px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .flex {
      flex-wrap: wrap;
      gap: 15px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery {
    width: 830px;
    height: 560px;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery {
      width: 100%;
      height: 400px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: opacity 700ms;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .slide img {
    width: 100%;
    height: 100%;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .slide.active {
    opacity: 1;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs {
    position: absolute;
    bottom: 90px;
    left: -50px;
    z-index: 4;
    display: flex;
    gap: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs {
      bottom: 10px;
      left: 10px;
      gap: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs .thumb {
    cursor: pointer;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs .thumb span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs .thumb img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    transition: all 400ms;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs .thumb img {
      width: 60px;
      height: 50px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .gallery .thumbs .thumb.active img {
    filter: brightness(100);
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .text {
    color: #fff;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .text h3 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
    width: 146px;
    margin-bottom: 46px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .text h3 {
      width: 100%;
      font-size: 26px;
      margin-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .text h3::after {
    content: "";
    display: block;
    width: 88px;
    height: 2px;
    background-color: #979797;
    margin-top: 46px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .text h3::after {
      margin-top: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide2 .text p {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    width: 347px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide2 .text p {
      width: 100%;
      margin-bottom: 40px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide3 {
    padding-top: 0;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #fff;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide3 {
      padding-right: 0;
      padding-left: 0;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide3 .hero {
    height: 100vh;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide3 .hero {
      width: 100%;
      height: auto;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 {
    background-color: #fff;
    padding-right: 90px;
    padding-left: 205px;
    display: flex;
    align-items: center;
    gap: 160px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 {
      padding-right: 15px;
      padding-left: 15px;
      flex-wrap: wrap;
      gap: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .text h3 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .text h3 {
      font-size: 26px;
      margin-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .text p {
    font-size: 12px;
    font-weight: 300;
    width: 350px;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .text p {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .text a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 57px;
    border-radius: 70px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .text a {
      font-size: 14px;
      height: 45px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .text hr {
    width: 468px;
    height: 1px;
    background-color: rgba(151, 151, 151, 0.6);
    border-bottom: unset;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .text hr {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams {
    display: flex;
    gap: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams {
      flex-wrap: wrap;
      gap: 10px;
      padding-bottom: 40px;
      width: 100%;
    overflow: hidden;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single {
    width: 300px;
    height: 560px;
    position: relative;
    transition: width 1000ms;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single {
      width: 100%;
      height: 300px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .image {
    width: 300px;
    height: 560px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: width 1000ms;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .image {
      width: 50%;
      height: 300px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .image img {
    width: 500px;
    height: 560px;
    object-fit: cover;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .image img {
      width: 100%;
      height: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .title {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 272px;
    z-index: -1;
    padding-right: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .title {
      width: 50%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .title h5 {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single .title h4 {
    font-family: "Rokh";
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single:hover {
    width: 772px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single:hover {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single:hover .image {
    width: 500px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide4 .teams .single:hover .image {
      width: 50%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 {
    background-color: #171717;
    padding-right: 100px;
    padding-left: 240px;
    display: flex;
    color: #fff;
    gap: 120px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 {
      flex-wrap: wrap;
      padding-right: 15px;
      padding-left: 15px;
      gap: 40px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .text {
    padding-left: 120px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .text {
      padding-left: 0;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .text h3 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    width: 138px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .text h3 {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .text h3::after {
    content: "";
    display: block;
    width: 88px;
    height: 2px;
    background-color: #979797;
    margin-top: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .text h3::after {
      margin-top: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .text p {
    width: 138px;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .text p {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery {
    width: 560px;
    height: 560px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery {
      width: 100%;
      height: 400px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .slide {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: -1;
    transition: all 600ms;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .slide {
      height: 100%;
    }
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .slide img {
      height: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .slide.active {
    opacity: 1;
    z-index: 1;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .nums {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    direction: ltr;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .nums strong {
    font-family: "Rokh";
    font-size: 128px;
    font-weight: 700;
    color: #000;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .nums strong {
      font-size: 30px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .nums span {
    font-family: "Rokh";
    font-size: 96px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .gallery .nums span {
      font-size: 24px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .navs {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide5 .navs {
      height: auto;
      gap: 10px;
      margin-bottom: 80px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .navs li {
    display: block;
    font-family: "Rokh";
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    opacity: 0.5;
    cursor: pointer;
    transition: all 700ms;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .navs li::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 15px;
    opacity: 0;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .navs li.active {
    font-weight: 700;
    opacity: 1;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide5 .navs li.active::before {
    opacity: 1;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 {
    display: flex;
    padding-right: 40px;
    gap: 160px;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 {
      flex-wrap: wrap;
      gap: 20px;
      padding-right: 15px;
      padding-left: 15px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6::before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6::before {
      display: none;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6::after {
    content: "";
    display: block;
    width: 366px;
    height: calc(100% - 40px);
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6::after {
      display: none;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .text h3 {
    font-family: "Rokh";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    width: 138px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 .text h3 {
      font-size: 26px;
      margin-bottom: 20px;
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .text h3::after {
    content: "";
    display: block;
    width: 88px;
    height: 2px;
    background-color: #979797;
    margin-top: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 .text h3::after {
      margin-top: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .text p {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0;
    width: 138px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 .text p {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs {
    width: 337px;
    padding-top: 140px;
    position: relative;
    z-index: 1;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs {
      width: 100%;
      padding-top: 10px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab {
    border-top: 1px solid #000;
    padding-bottom: 35px;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .title {
    padding-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .title span {
    font-family: "Rokh";
    font-size: 16px;
    font-weight: 500;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .title .plus {
    position: relative;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .title .plus::before {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background-color: #000;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .title .plus::after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab .body {
    display: none;
    font-size: 12px;
    font-weight: 300;
    padding-top: 20px;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab:last-child {
    border-bottom: 1px solid #000;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab.active .title .plus::after {
    height: 0;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .tabs .tab.active .body {
    display: block;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide6 .bg {
    height: 100vh;
    width: 386px;
    object-fit: cover;
    margin-top: -192px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide6 .bg {
      margin-top: 0;
      height: 400px;
      width: 100%;
      margin-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 {
    background-color: #000;
    padding-right: 40px;
    padding-left: 40px;
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide7 {
      padding-right: 15px;
      padding-left: 15px;
      padding-bottom: 20px;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    width: 390px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide7 p {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 img {
    width: 390px;
    height: 280px;
    object-fit: cover;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide7 img {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 390px;
    height: 60px;
    border: 1px solid #fff;
    color: #fff;
    transition: all 600ms;
  }
  @media screen and (max-width: 767px) {
    main.about > .swiper-wrapper > .swiper-slide.slide7 a {
      width: 100%;
    }
  }
  main.about > .swiper-wrapper > .swiper-slide.slide7 a:hover {
    background-color: #fff;
    color: #000;
  }
  
  /*# sourceMappingURL=app.css.map */
  
  .mob-slider{
    display: none
  }
  
  @media only screen and (max-width:768px){
  
    .mob-slider{
      display: flex
    }
    .desktop-slider{
      display: none
    }
      
    .swiper-fade .swiper-slide {
      /* pointer-events: auto; */
  }}
  .notfound {
    text-align: center;
    width: 100%;
    padding-top: 100px;
  }
  
  @media screen and (max-width: 700px) {
    header .mainMenu nav .menu li a strong:lang(fa) {
        font-size: 22px;
    }
    header .mainMenu nav .menu {
        gap: 2.9vh;
    }
    header .mainMenu .container {
      padding-top: 13vh;
  }
     }
  
  
     
  .js__widget__show-more {
    height: 240px;
  }
  .widget__show-more {
    margin-bottom: 70px;
    padding: 0 15px;
    overflow: hidden;
    -webkit-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out;
    position: relative;
    border-radius: 0 0 4px 4px;
    margin-top: 60px;
    margin-left: 120px;
    margin-right: 120px;
  }
  .advanced-filtering__description {
    padding: 12px 15px;
      padding-bottom: 12px;
    text-align: justify;
    direction: rtl;
    padding-bottom: 50px;
    color: #6c6d6f !important;
  }
  .advanced-filtering__description h1 {
    font-size: 20px;
    margin: 13px 0px;
    color: #58595b;
  }
  main.home .articles .advanced-filtering__description h2, main.home .articles .advanced-filtering__description .h2 {
    font-size: 20px;
    margin: 0 0 25px;
  }
  .advanced-filtering__description p {
    line-height: 38px;
    text-align: justify;
    direction: rtl;
    color: #626262 !important;
    font-size: 13px;
  }
  .widget__show-more > .toggle {
    direction: rtl;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    line-height: 140px;
    padding-left: 40px !important;
    text-align: left !important;
    cursor: pointer;
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, #ededed));
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, #ededed 80%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  }
  .widget__show-more > .toggle::before {
    content: 'نمایش بیشتر';
    display: inline-block;
    height: 60px;
    line-height: 60px;
    color: #9c9c9e;
    padding-top: 60px;
  }.widget__show-more > .toggle::after {
    content: "\f177" !important;
    display: inline-block;
    font-family: FontAwesome;
    color: #9c9c9e;
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    font-weight: bold;
  }
  .js__widget__show-more.autoheight2 {
    height: auto;
  }
  .widget__show-more > .toggle.active {
    background: none;
    -webkit-filter: none;
    filter: none;
  }
  .widget__show-more > .toggle.active::before {
    content: 'نمایش کمتر';
  }
  .widget__show-more > .toggle.active::after {
    content: "\f178" !important;
  }
  
  
  
  
  
  
  main.blogShow .related .row {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 80px;
  }
  main.blogShow .related .rel-arcs .col {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
  @media screen and (max-width: 820px) {
    main.blogShow .related .rel-arcs .col {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media screen and (max-width: 576px) {
    main.blogShow .related .rel-arcs .col {
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  main.blogShow .related .rel-arcs .single {
    display: block;
    margin-bottom: 20px;
    background: unset;
  height: auto;
  }
  main.blogShow .related .rel-arcs .single img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    margin-bottom: 20px;
  }
  main.blogShow .related .rel-arcs .single .cat {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
  }
  main.blogShow .related .rel-arcs .single .cat:lang(fa) {
    line-height: 18px;
  }
  main.blogShow  .related .rel-arcs .single h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000;
    position: unset
  }
  main.blogShow  .related .rel-arcs .single h3:lang(fa) {
    line-height: 27px;
  }
  main.blogShow  .related .rel-arcs .single p {
    font-size: 10px;
    font-weight: 200;
    margin-bottom: 30px;
    color: #000;
  }
  main.blogShow   .related .rel-arcs .single p:lang(fa) {
    font-weight: 300;
    line-height: 17px;
  }
  main.blogShow  .related .rel-arcs .single .date {
    font-size: 12px;
    font-weight: 300;
    color: #000;
  }
  main.blogShow  .related .rel-arcs .single .date:lang(fa) {
    text-align: left;
    font-family: "JosefinSans";
  }

.contact  .text .social a{
  border: 1px solid #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 32px;
  margin: 0 auto;
  text-align: center;

}
.contact  .text .social {
  display: flex
  ;
      width: 100%;
      margin-top: 12px;
      gap: 10px;

}
footer .social img , .mainMenu .social img{
filter: invert(1);
}

a.icon-cntf img {
  border-radius: 50%;
  width: 100%;
  filter: unset !important;
}


@media screen and (max-width: 1400px) and (min-width: 1000px)  {
  main.services .row.first img {
    width: 470px;
    height: auto;
}
main.contact .text h2 {
  margin-bottom: 0;
}
}

.contactbody  .col-menu{
  
  backdrop-filter: blur(4px) saturate(2);
  background-color: #ffffff94;
  padding: 20px 15px;
}

@media screen and (max-width: 600px)   {
  a.icon-cnt {
    position: absolute;
    left: 4px;
    bottom: 300px;
    top: unset;
}
}
.productsList  .dropdown{

display: none;
}

.aboutHeader header .mainHeader .col-menu ul li a, 
.aboutHeader header .mainHeader .col-menu ul li button, .aboutHeader header .mainHeader .col-menu ul li strong {
  color: #999;
}