/** Theme Name: sepid dynamics **/
/** Author:  @smh47 **/
/** Description: New Look of sepid dynamics **/
/** Author URI: https://nemayman.com **/
/** Version: 2 **/
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 50;
  src: url("assets/fonts/bon/woff/bon-Hairline.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Hairline.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 100;
  src: url("assets/fonts/bon/woff/bon-Thin.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 200;
  src: url("assets/fonts/bon/woff/bon-Extralight.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Extralight.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/bon/woff/bon-Light.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Light.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/bon/woff/bon-Regular.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/bon/woff/bon-Medium.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/bon/woff/bon-SemiBold.woff") format("woff"), url("assets/fonts/bon/woff2/bon-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: bold;
  src: url("assets/fonts/bon/woff/bon-Bold.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 800;
  src: url("assets/fonts/bon/woff/bon-ExtraBold.woff") format("woff"), url("assets/fonts/bon/woff2/bon-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "bon";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/bon/woff/bon-Black.woff") format("woff"), url("assets/fonts/bon/woff2/bon-Black.woff2") format("woff2");
}
@font-face {
  font-family: "sepid";
  src: url("assets/fonts/icons/sepid.eot?u1rc2s");
  src: url("assets/fonts/icons/sepid.eot?u1rc2s#iefix") format("embedded-opentype"), url("assets/fonts/icons/sepid.ttf?u1rc2s") format("truetype"), url("assets/fonts/icons/sepid.woff?u1rc2s") format("woff"), url("assets/fonts/icons/sepid.svg?u1rc2s#sepid") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "inter";
  src: url("assets/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "inter";
  src: url("assets/fonts/inter/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "inter";
  src: url("assets/fonts/inter/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "inter";
  src: "assets/fonts/inter/Inter-Bold.woff" format("woff");
  font-weight: bold;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "sepid" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-announcement-500:before {
  content: "\e900";
}

.icon-announcement:before {
  content: "\e901";
}

.icon-arrow-link-500:before {
  content: "\e902";
}

.icon-arrow-link:before {
  content: "\e903";
}

.icon-bank-300:before {
  content: "\e905";
}

.icon-bank:before {
  content: "\e906";
}

.icon-bank-500:before {
  content: "\e904";
}

.icon-bank-600:before {
  content: "\e907";
}

.icon-bank-700:before {
  content: "\e908";
}

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

.icon-call:before {
  content: "\e90b";
}

.icon-call-500:before {
  content: "\e90a";
}

.icon-call-in:before {
  content: "\e90c";
}

.icon-call-in-500:before {
  content: "\e90d";
}

.icon-call-voicemail-300:before {
  content: "\e90f";
}

.icon-call-voicemail:before {
  content: "\e90e";
}

.icon-cardiogram-300:before {
  content: "\e913";
}

.icon-cardiogram:before {
  content: "\e914";
}

.icon-cardiogram-500:before {
  content: "\e912";
}

.icon-cardiogram-700:before {
  content: "\e911";
}

.icon-cardiogram-600:before {
  content: "\e910";
}

.icon-chart-arrow-up-1:before {
  content: "\e915";
}

.icon-chart-arrow-up-2:before {
  content: "\e916";
}

.icon-chart-arrow-up-3:before {
  content: "\e917";
}

.icon-chart-arrow-up-4:before {
  content: "\e918";
}

.icon-chart-arrow-up-5:before {
  content: "\e919";
}

.icon-chart-arrow-up-6:before {
  content: "\e91a";
}

.icon-chart-arrow-up-7:before {
  content: "\e91b";
}

.icon-chart-arrow-up-8:before {
  content: "\e91c";
}

.icon-chart-arrow-up-9:before {
  content: "\e91d";
}

.icon-chart-arrow-up-10:before {
  content: "\e91e";
}

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

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

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

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

.icon-direction-down:before {
  content: "\e923";
}

.icon-direction-up:before {
  content: "\e924";
}

.icon-dislike:before {
  content: "\e925";
}

.icon-download:before {
  content: "\e926";
}

.icon-download-500:before {
  content: "\e927";
}

.icon-emergency-300:before {
  content: "\e92b";
}

.icon-emergency:before {
  content: "\e928";
}

.icon-emergency-500:before {
  content: "\e929";
}

.icon-emergency-600:before {
  content: "\e92a";
}

.icon-eye:before {
  content: "\e92c";
}

.icon-eye-2:before {
  content: "\e92d";
}

.icon-headphones:before {
  content: "\e92f";
}

.icon-headphones-500:before {
  content: "\e931";
}

.icon-headphones-600:before {
  content: "\e930";
}

.icon-home:before {
  content: "\e932";
}

.icon-home-arrow-down:before {
  content: "\e933";
}

.icon-home-flash:before {
  content: "\e934";
}

.icon-home-flash-500:before {
  content: "\e935";
}

.icon-home-flash-2-300:before {
  content: "\e93a";
}

.icon-home-flash-2:before {
  content: "\e938";
}

.icon-home-flash-2-500:before {
  content: "\e936";
}

.icon-home-flash-2-700:before {
  content: "\e937";
}

.icon-home-flash-2-600:before {
  content: "\e939";
}

.icon-home-warning:before {
  content: "\e93b";
}

.icon-home-warning-500:before {
  content: "\e93c";
}

.icon-hugeicons-clean-300:before {
  content: "\e940";
}

.icon-hugeicons-clean:before {
  content: "\e93d";
}

.icon-hugeicons-clean-500:before {
  content: "\e93e";
}

.icon-hugeicons-clean-600:before {
  content: "\e93f";
}

.icon-hugeicons-dish-300:before {
  content: "\e944";
}

.icon-hugeicons-dish:before {
  content: "\e941";
}

.icon-hugeicons-dish-500:before {
  content: "\e942";
}

.icon-hugeicons-dish-600:before {
  content: "\e943";
}

.icon-hugeicons-robot-300:before {
  content: "\e948";
}

.icon-hugeicons-robot:before {
  content: "\e945";
}

.icon-hugeicons-robot-500:before {
  content: "\e946";
}

.icon-hugeicons-robot-600:before {
  content: "\e947";
}

.icon-image:before {
  content: "\e949";
}

.icon-like:before {
  content: "\e94b";
}

.icon-link:before {
  content: "\e94c";
}

.icon-location:before {
  content: "\e94e";
}

.icon-mail:before {
  content: "\e94f";
}

.icon-mailbox-300:before {
  content: "\e951";
}

.icon-mailbox:before {
  content: "\e950";
}

.icon-mail-notification:before {
  content: "\e952";
}

.icon-mail-notification-500:before {
  content: "\e953";
}

.icon-megaphone-300:before {
  content: "\e957";
}

.icon-megaphone:before {
  content: "\e954";
}

.icon-megaphone-500:before {
  content: "\e955";
}

.icon-megaphone-600:before {
  content: "\e956";
}

.icon-noodles-300:before {
  content: "\e95c";
}

.icon-noodles:before {
  content: "\e958";
}

.icon-noodles-500:before {
  content: "\e95b";
}

.icon-noodles-700:before {
  content: "\e95a";
}

.icon-noodles-600:before {
  content: "\e959";
}

.icon-notebook:before {
  content: "\e95d";
}

.icon-notepad:before {
  content: "\e95e";
}

.icon-pause:before {
  content: "\e95f";
}

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

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

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

.icon-reload-circle:before {
  content: "\e963";
}

.icon-remove:before {
  content: "\e964";
}

.icon-school-300:before {
  content: "\e968";
}

.icon-school:before {
  content: "\e969";
}

.icon-school-500:before {
  content: "\e967";
}

.icon-schoo-700:before {
  content: "\e965";
}

.icon-school-600:before {
  content: "\e966";
}

.icon-search:before {
  content: "\e96a";
}

.icon-share:before {
  content: "\e96b";
}

.icon-shield-300:before {
  content: "\e96d";
}

.icon-shield:before {
  content: "\e970";
}

.icon-shield-500:before {
  content: "\e96c";
}

.icon-shield-700:before {
  content: "\e96f";
}

.icon-shield-600:before {
  content: "\e96e";
}

.icon-shopping-bag-300:before {
  content: "\e974";
}

.icon-shopping-bag:before {
  content: "\e975";
}

.icon-shopping-bag-500:before {
  content: "\e973";
}

.icon-shopping-bag-600:before {
  content: "\e971";
}

.icon-shopping-bag-700:before {
  content: "\e972";
}

.icon-speed-test:before {
  content: "\e976";
}

.icon-speed-test-500:before {
  content: "\e977";
}

.icon-target:before {
  content: "\e978";
}

.icon-target-500:before {
  content: "\e979";
}

.icon-time-oclock:before {
  content: "\e97a";
}

.icon-transfusion-300:before {
  content: "\e97c";
}

.icon-transfusion:before {
  content: "\e97d";
}

.icon-transfusion-500:before {
  content: "\e97b";
}

.icon-transfusion-600:before {
  content: "\e97e";
}

.icon-transfusion-700:before {
  content: "\e97f";
}

.icon-trolley-300:before {
  content: "\e982";
}

.icon-trolley:before {
  content: "\e983";
}

.icon-trolley-500:before {
  content: "\e981";
}

.icon-trolley-600:before {
  content: "\e980";
}

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

.icon-users-2:before {
  content: "\e985";
}

.icon-warehouse-300:before {
  content: "\e989";
}

.icon-warehouse:before {
  content: "\e98a";
}

.icon-warehouse-500:before {
  content: "\e988";
}

.icon-warehouse-600:before {
  content: "\e987";
}

.icon-warehouse-700:before {
  content: "\e986";
}

.icon-zoom-out:before {
  content: "\e98d";
}

.icon-zoom-text:before {
  content: "\e98e";
}

.icon-instagram:before {
  content: "\e94a";
}

.icon-gmail:before {
  content: "\e92e";
}

.icon-Linkedin:before {
  content: "\e94d";
}

.icon-whatsapp:before {
  content: "\e98b";
}

.icon-Youtobe:before {
  content: "\e98c";
}

/** start base css **/
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

:root {
  --green25: #F4FCF9;
  --green50: #E9FCF5;
  --green100: #C9F7E6;
  --green200: #89EEC9;
  --green300: #2BB58A;
  --green400: #06B172;
  --green500: #059661;
  --green600: #047A4F;
  --green700: #035E3D;
  --green800: #053F2A;
  --green900: #032518;
  --color25: #FCFCFC;
  --color50: #F9F9F9;
  --color100: #F0F0F0;
  --color200: #E1E1E1;
  --color300: #B8B8B8;
  --color400: #8B8B8B;
  --color500: #696969;
  --color600: #555555;
  --color700: #3B3B3B;
  --color800: #2A2A2A;
  --color900: #171717;
  --text: #B6C5BE;
  --backgroundBlack: #0C0C0C;
  --backgroundGreen: #111714;
  --fontBase: 18px;
}

h1, h2, h3, h4, h5, h6, body, input, button, textarea {
  font-family: bon;
}

body {
  overflow-x: hidden;
  direction: rtl;
  font-weight: normal;
  font-size: 14px;
  background: var(--backgroundWhite);
}

img {
  max-width: 100%;
  max-height: 100%;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button, input {
  background: transparent;
  border: 0;
  outline: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.all {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.flex-column {
  flex-direction: column;
}

.gap12 {
  gap: 12px;
}

.gap16 {
  gap: 16px;
}

.whiteBg {
  background: white;
}

.radius8 {
  border-radius: 8px;
}

.radius16 {
  border-radius: 16px;
}

.mt48 {
  margin-top: 48px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.p24:not(.btnGlobal) {
  padding: 24px !important;
}

.hide {
  display: none !important;
}

.whiteColor {
  color: #fff;
}

.lockScroll{overflow:hidden !important}

.listStyle ul, .listStyle ol {
  padding: revert;
}
.listStyle ul li, .listStyle ol li {
  list-style: initial;
}
.noMarginTop{margin-top:0 !important}

@media only screen and (max-width: 1050px) {
  body {
    font-size: 15px;
  }
  .mt48 {
    margin-top: 32px !important;
  }
  .mobileHide {
    display: none !important;
  }
}
.tabs .tabBtn .item {
  cursor: pointer;
}
.tabs .tabBox .box:not(:first-child) {
  display: none;
}

.pagination {
  text-align: center;
}
.pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: var(--color300) !important;
  border-radius: 0;
  opacity: 1;
  transition: all 0.3s;
}
.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 28px;
}

.badge {
  padding: 2px 8px;
  background: var(--green25);
  color: var(--green500);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
.badge.important {
  background: #FFF1F3;
  color: #BF1E2E;
}

/** end base css **/
/** start in this file only write css that is for global component **/
/** social **/
.socialGlobal {
  display: flex;
  gap: 20px;
  align-items: center;
}
.socialGlobal.lite a {
  color: white;
}
.socialGlobal.lite a:hover {
  opacity: 0.8;
}
.socialGlobal a {
  color: var(--grayIcon);
  font-size: 1.33em;
  display: flex;
  transition: all 0.3s;
}
.socialGlobal a:hover {
  color: white;
}

/** end social **/
/** btn **/
.globalBtn {
  background: var(--green500);
  padding: 8.5px 12px;
  border: 1px solid var(--green500);
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
}
.globalBtn.big {
  font-size: 16px;
  padding: 11.5px 12px;
}
.globalBtn.whiteBg {
  background: #fff;
  color: var(--color900);
  border-color: #fff;
}
.globalBtn.whiteColor {
  color: #fff;
}
.globalBtn.borderGray {
  border-color: var(--color900);
}
.globalBtn.transparent {
  background: transparent;
}
.globalBtn i {
  font-size: 22px;
}

/** showMoreGlobal **/
.showMoreGlobal {
  overflow: hidden;
  position: relative;
}
.showMoreGlobal::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 90%);
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: all 0.3s;
  pointer-events: none;
}
.showMoreGlobal.noShowMore {
  height: unset !important;
}
.showMoreGlobal.noShowMore::after, .showMoreGlobal.noShowMore .showMore {
  display: none;
}
.showMoreGlobal.show::after {
  opacity: 0;
}
.showMoreGlobal .showMore {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  margin: auto;
  width: fit-content;
  z-index: 1;
  color: var(--green500);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  cursor: pointer;
}
.showMoreGlobal .showMore i {
  font-size: 20px;
}
.showMoreGlobal .showMore:not(.active) {
  display: none;
}
.showMoreGlobal .text {
  line-height: 28px;
  margin-top: 32px;
}

/** end showMoreGlobal **/
/** showMoreGlobal **/
.breadcrumbsGlobal, .woo-breadcrumbs {
  display: flex;
  font-size: 0.66em;
  color: var(--grayIcon);
  gap: 10px;
  align-items: center;
  margin: 16px 0;
}
.breadcrumbsGlobal a, .woo-breadcrumbs a {
  color: var(--grayIcon);
}

.breadcrumb-trail span {
  display: flex;
  gap: 10px;
  align-items: center;
}

/** end showMoreGlobal **/
/** discountGlobal **/
.discountGlobal {
  background: var(--red);
  border-radius: 23px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  font-family: yekanbakhfanum;
  width: 30px;
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
}

/** end discountGlobal **/
/** arrowGlobal **/
.arrowGlobal {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.arrowGlobal::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 1;
}
.arrowGlobal::after {
  position: absolute;
  bottom: -1px;
  left: -2px;
  content: "";
  border-bottom: 9px solid var(--grayBorder);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

/** end arrowGlobal **/
/** arrowGlobal **/
.quantityGlobal {
  max-width: 115px;
  min-width: 115px;
  border: 1px solid var(--grayBorder);
  border-radius: 8px;
  position: relative;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.quantityGlobal label {
  display: none;
}
.quantityGlobal input {
  border: 0;
  background: transparent;
  pointer-events: none;
  cursor: default;
  text-align: center;
}
.quantityGlobal .plus-minus {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.quantityGlobal .plus-minus .items {
  border: 1px solid var(--yellowDark);
  border-radius: 100%;
  color: var(--yellowDark);
  width: 21px;
  height: 21px;
  font-size: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.quantityGlobal .plus-minus .items.removeAdded {
  font-size: 11px;
}
.quantityGlobal .plus-minus .items:hover {
  background: var(--yellowDark);
  color: white;
}

/** end arrowGlobal **/
/** popupGlobal **/
.popupGlobal {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 99;
  display: none;
}
.popupGlobal .content video {
  width: 100%;
}
.popupGlobal .content > p {
  font-size: 0.83em;
  color: var(--blackText);
  margin-bottom: 24px;
}
.popupGlobal .blackLayer {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.popupGlobal .textLayer {
  background: white;
  border-radius: 16px;
  max-width: 90%;
  width: 510px;
  position: relative;
  z-index: 1;
}
.popupGlobal .textLayer .title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grayBorder);
  padding: 24px;
  margin-bottom: 24px;
}
.popupGlobal .textLayer .title i {
  color: #7B7E81;
  font-size: 25px;
  cursor: pointer;
}
.popupGlobal .textLayer .title span {
  margin: 0 auto;
  font-weight: 900;
  font-size: 1.1em;
  color: var(--blackBoldText);
}
.popupGlobal .textLayer .content {
  padding: 0 24px 24px;
}

/** end popupGlobal **/
/** faqGlobal **/
.faqGlobal {
  overflow: hidden;
}
.faqGlobal .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color900);
  cursor: pointer;
  padding: 16px 0;
}
.faqGlobal .question.active i{transform:rotate(180deg)}
.faqGlobal .question h3 {
  font-weight: 500;
  font-size: 14px;
}
.faqGlobal .question i {
  font-size: 18px;transition:all 0.3s
}
.faqGlobal .answer {
  color: var(--color400);
  display: none;
  line-height: 28px;
}

/** end faqGlobal **/
/** end in this file only write css that is for global component **/
body {
  min-height: 100vh;
}

/**header**/
header.smh {
  padding: 24px 0 16px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  z-index: 9;
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  transition: all 0.3s;
	top:0
}
.admin-bar header.smh{top:32px}
header.smh.noHide {
  top: 0 !important;
}
header.smh.stick {
  top: -134px;
}
header.smh.active {
  position: fixed !important;
}
header.smh.stick.down {
  top: 0;
}
header.smh .top {
  background: var(--color100);
  padding: 0 16px;
  border-radius: 4px;
  font-size: 12px;
}
header.smh .top ul {
  display: flex;
  gap: 16px;
}
header.smh .top ul li {
  position: relative;
}
header.smh .top ul li.page-item-12.current-menu-item a {
  min-width: 60px;
  justify-content: center;
}
header.smh .top ul li.current-menu-item::before {
  opacity: 1;
}
header.smh .top ul li.current-menu-item a {
  color: var(--green300) !important;
}
header.smh .top ul li.current-menu-item a::before {
  opacity: 1;
}
header.smh .top ul li::before {
  width: 4px;
  height: 4px;
  background: var(--green400);
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -1px;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
header.smh .top ul li a {
  color: var(--color600);
  padding: 10px 0;
  position: relative;
  display: flex;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s;
}
header.smh .top ul li a:hover {
  color: var(--green300);
}
header.smh .top ul li a::before {
  width: 100%;
  height: 100%;
  background: url("assets/img/menuHover.png") no-repeat center bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
header.smh .top .left .phone {
  color: var(--green600);
}
header.smh .top .left .time {
  color: var(--color600);
  margin-right: 8px;
}
header.smh .second {
  margin-top: 16px;
}
header.smh .second .logo {
  width: 165px;
}
header.smh .second .logo a {
  display: flex;
  align-items: center;
  gap: 6px;
}
header.smh .second .logo a img {
  display: flex;
}
header.smh .second .logo a .logoText {
  animation: collapseAndExpand 2s ease-in-out 1;
  overflow: hidden;
}
header.smh .second .logo a .logoText img {
  min-height: 17px;
  width: 125px;
  min-width: 125px;
  display: none;
}
header.smh .second .logo a .logoText img.active {
  display: flex;
}

.home header.smh {
  position: absolute;
}
.home header.smh #openMenu .white {
  display: none;
}
.home header.smh #openMenu .black {
  display: flex;
}
.home header.smh:not(.stick) {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) -51.12%, rgba(0, 0, 0, 0.598632) -2.89%, rgba(0, 0, 0, 0) 98.22%);
  backdrop-filter: blur(4px);
  top: 0;
  right: 0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
}
.home header.smh:not(.stick) .top {
  background: rgba(255, 255, 255, 0.08);
}
.home header.smh:not(.stick) .top ul li a {
  color: var(--color400);
}
.home header.smh:not(.stick) .top .left .phone {
  color: #fff;
}
.home header.smh:not(.stick) .top .left .time {
  color: var(--color400);
}
.home header.smh:not(.stick) .mainMenu ul li > a {
  color: #fff;
}
.home header.smh:not(.stick) .globalBtn.demo {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.home header.smh:not(.stick) #openMenu .white {
  display: flex;
}
.home header.smh:not(.stick) #openMenu .black {
  display: none;
}

@keyframes collapseAndExpand {
  0% {
    width: 125px;
  }
  50% {
    width: 0;
  }
  100% {
    width: 125px;
  }
}
.menuHoverBlackBg {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 3;
  display: none;
}

.mainMenu ul {
  display: flex;
  align-items: center;
  gap: 32px;
}
.mainMenu ul li:hover > a {
  color: var(--green500) !important;
  padding: 30px 0;
}
.mainMenu ul li:hover > a::before {
  opacity: 1;
}
.mainMenu ul li:hover .subMenu {
  opacity: 1;
  visibility: visible;
}
.mainMenu ul li > a {
  color: var(--color500);
  position: relative;
  padding: 4px 0;
  transition: all 0.3s;
}
.mainMenu ul li > a::before {
  width: 4px;
  height: 4px;
  background: var(--green400);
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: -35px;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
.mainMenu ul li ul.subMenu {
  position: absolute;
  width: 100%;
  background: #fff;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 48px 0;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #808080;
}
.mainMenu ul li ul.subMenu > li{width:100%}
.mainMenu ul li ul.subMenu .productsSection {
  margin-top: 0;
}
.mainMenu ul li ul.subMenu .productsSection .mainTitle {
  margin-bottom: -26px;
  justify-content: flex-end;
}
.mainMenu ul li ul.subMenu .productsSection .tabBtn {
  gap: 12px;
}
.mainMenu ul li ul.subMenu .productsSection .tabBtn .item {
  flex-direction: row;
  background: var(--color100);
  border-radius: 8px;
  padding: 6px 13px;
  color: var(--color900);
}
.mainMenu ul li ul.subMenu .productsSection .tabBtn .item.active {
  background: var(--color900);
  color: #fff !important;
}
.mainMenu ul li ul.subMenu .productsSection .tabBtn .item::after {
  display: none;
}
.mainMenu ul li ul.subMenu .productsSection .tabBtn .item i {
  font-size: 20px;
}
.mainMenu ul li ul.subMenu .productsSection .tabBox {
  margin-top: 80px;
}
.mainMenu ul li ul.subMenu .productsSection .tabBox .loading {
  height: 212px;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  position: relative;
  padding: 0 6px;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide:hover .image img.bg {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide:not(:last-child)::after {
  width: 1px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 35px;
  content: "";
  background: #D7D7D7;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .title {
  font-weight: 500;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .text {
  color: var(--color400);
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .more {
  color: var(--green500);
  font-weight: 500;
  font-size: 12px;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .image {
  position: relative;
  margin-top: 60px;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .image img.bg {
  width: 100%;
  height: 124px;
  object-fit: cover;
  border-radius: 8px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s;
}
.mainMenu ul li ul.subMenu .solutionsMenuSwiper .swiper-slide .image img.robot {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  height: 154px;
  max-height: unset;
}
.mainMenu ul li ul.subMenu .industriesMenu {
  display: flex;
  gap: 32px;
  align-items: center;
}
.mainMenu ul li ul.subMenu .industriesMenu .image {
  width: 257px;
  display: flex;
}
.mainMenu ul li ul.subMenu .industriesMenu .image img {
  display: flex;
  width: 100%;
}
.mainMenu ul li ul.subMenu .industriesMenu .items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--color900);
  position: relative;
  align-items: center;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item::before {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--green500);
  position: absolute;
  right: 0;
  left: 0;
  top: -9px;
  margin: 0 auto;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item:not(:nth-child(5)):not(:nth-child(10))::after {
  width: 1px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 20px;
  content: "";
  background: #D7D7D7;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item:hover::before, .mainMenu ul li ul.subMenu .industriesMenu .items .item.active::before {
  opacity: 1;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item:hover i, .mainMenu ul li ul.subMenu .industriesMenu .items .item.active i {
  font-size: 28px;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item:hover .more, .mainMenu ul li ul.subMenu .industriesMenu .items .item.active .more {
  opacity: 1;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item i {
  font-size: 22px;
  transition: all 0.3s;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainMenu ul li ul.subMenu .industriesMenu .items .item .more {
  font-weight: 500;
  font-size: 12px;
  color: var(--green500);
  transition: all 0.3s;
  opacity: 0;
}
.mainMenu ul li ul.subMenu .menuItemBox {
  display: flex;
}
.mainMenu ul li ul.subMenu .menuItemBox .box {
  flex: 1;
  position: relative;
  padding: 0 48px;
}
.mainMenu ul li ul.subMenu .menuItemBox .box:not(:last-child)::after {
  width: 1px;
  height: 170px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background: #D7D7D7;
}
.mainMenu ul li ul.subMenu .menuItemBox .box .title {
  font-weight: 500;
  margin-bottom: 32px;
}
.mainMenu ul li ul.subMenu .menuItemBox .box .badge {
  background: var(--color100);
  color: var(--color900);
  margin-bottom: 8px;
}
.mainMenu ul li ul.subMenu .menuItemBox .box p {
  font-size: 12px;
  line-height: 24px;
}
.mainMenu ul li ul.subMenu .menuItemBox .box p a {
  color: var(--green500);
  font-size: 12px;
  font-weight: 500;
}
.mainMenu ul li ul.subMenu .menuItemBox .box img {
  display: flex;
  margin-top: 32px;
}

.homeVideo {
  width: 100%;
  height: 90vh;
  min-height: 690px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homeVideo::before {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0.6;
  content: "";
  top: 0;
  right: 0;
  z-index: 1;
}
.homeVideo video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.homeVideo video[poster] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homeVideo .text {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 140px;
}
.homeVideo .text .beforeTitle {
  background: rgba(5, 150, 97, 0.2);
  backdrop-filter: blur(6px);
  border-radius: 40px;
  padding: 6px 16px;
  color: var(--green200);
}
.homeVideo .text .hero-title {
  font-size: 48px;
  color: #fff;
  gap: 8px;
  margin: 10px 0;
  font-weight: 600;
}
.homeVideo .text .hero-title .swiper-wrapper {
  height: 72px;
}
.homeVideo .text .hero-title .swiper-wrapper .swiper-slide {
  height: 72px;
  line-height: 72px;
  display: flex;
}
.homeVideo .text .subTitle {
  font-size: 20px;
  color: #fff;
}
.homeVideo .text .btns {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.mainTitle {
  display: flex;
}
.mainTitle .title {
  color: var(--green500);
  font-size: 24px;
}
.mainTitle .more {
  color: var(--green500);
}

.robotCats {
  padding-top: 90px;
}
.robotCats .cats {
  display: flex;
  margin-top: 100px;
}
.robotCats .cats .item {
  position: relative;
}
.robotCats .cats .item:not(:last-child)::after {
  position: absolute;
  width: 1px;
  background: #d7d7d7;
  height: 100px;
  left: 0;
  top: 10px;
  content: "";
}
.robotCats .cats .item:hover .image {
  height: 115px;
}
.robotCats .cats .item:hover .text {
  opacity: 1;
}
.robotCats .cats .item .image {
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.robotCats .cats .item .title {
  color: var(--color900);
  font-size: 16px;
  text-align: center;
  margin: 15px 0 30px;
  display: block;
}
.robotCats .cats .item .text {
  background: var(--color50);
  padding: 14px;
  border-radius: 6px;
  font-size: 12px;
  color: var(--color500);
  line-height: 26px;
  opacity: 0;
  transition: all 0.3s;
  position: relative;
}
.robotCats .cats .item .text::before {
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  background: var(--green400);
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -3px;
  content: "";
}
.robotCats .cats .item .text .more {
  margin-top: 10px;
  color: var(--green500);
  font-weight: 500;
  display: flex;
  line-height: normal;
}

.solutions {
  margin-top: 24px;
}
.solutions .tabBtn {
  overflow: auto;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 32px 0 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.solutions .tabBtn::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.solutions .tabBtn .item {
  background: var(--color100);
  border-radius: 8px;
  padding: 3.5px 12px;
  color: var(--color900);
  transition: all 0.3s;
  min-width: fit-content;
}
.solutions .tabBtn .item.active {
  background: var(--color900);
  color: #fff;
}
.solutions .tabBox .box {
  position: relative;
  padding-bottom: 32px;
}
.solutions .tabBox .swiper-slide {
  position: relative;
  overflow: hidden;
}
.solutions .tabBox .swiper-slide img:not(.animateImage) {
  width: 100%;
}
.solutions .tabBox .swiper-slide .animateImage {
  position: absolute;
  bottom: -100%;
  transition: all 0.3s;
  width: 40%;
}
.solutions .tabBox .swiper-slide .animateImage.right {
  right: -100%;
}
.solutions .tabBox .swiper-slide .animateImage.left {
  left: -100%;
}
.solutions .tabBox .swiper-slide.swiper-slide-active .animateImage {
  bottom: 6px;
}
.solutions .tabBox .swiper-slide.swiper-slide-active .animateImage.right {
  right: 0;
}
.solutions .tabBox .swiper-slide.swiper-slide-active .animateImage.left {
  left: 0;
}
.solutions .tabBox .textLayer {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: -32px;
  right: 0;
  z-index: 1;
  color: #fff;
  gap: 16px;
  height: 100%;
}
.solutions .tabBox .textLayer .title {
  font-size: 20px;
  margin-top: auto;
}
.solutions .tabBox .textLayer .swiper .swiper-slide {
  padding-bottom: 8px;
  transition: all 0.3s;
}
.solutions .tabBox .textLayer .swiper .swiper-slide:first-child {
  opacity: 0;
}
.solutions .tabBox .textLayer .swiper .swiper-slide::after {
  width: 4px;
  min-width: 4px;
  height: 4px;
  min-height: 4px;
  background: var(--green400);
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0px;
  content: "";
  opacity: 0;
}
.solutions .tabBox .textLayer .swiper .swiper-slide-thumb-active {
  color: var(--green400);
}
.solutions .tabBox .textLayer .swiper .swiper-slide-thumb-active::after {
  opacity: 1;
}
.solutions .tabBox .textLayer .swiper-slide {
  width: fit-content;
}
.solutions .tabBox .textLayer .more {
  color: var(--green500);
}
.solutions .tabBox .textLayer .more span {
  transition: all 0.3s;
  /*opacity: 0;*/
}
.solutions .tabBox .textLayer .more span.active {
  opacity: 1;
}
.solutions .tabBox .textLayer .image {
  padding-top: 0;
  height: 390px;
  transition: all 0.3s;
  margin-top: auto;
}
.solutions .tabBox .textLayer .image.active {
  padding-top: 50px;
}

.productsSection {
  margin-top: 120px;
}
.productsSection .mainTitle {
  margin-bottom: -43px;
}
.productsSection .guidText {
  background: #F7FCFA;
  color: #626C66;
  text-align: center;
  padding: 16px;
  margin-top: 24px;
}
.productsSection .tabBtn {
  display: flex;
  gap: 48px;
  justify-content: center;
}
.productsSection .tabBtn .item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  transition: all 0.3s;
  position: relative;
}
.productsSection .tabBtn .item i {
  font-size: 22px;
}
.productsSection .tabBtn .item::after {
  width: 5px;
  min-width: 5px;
  height: 5px;
  min-height: 5px;
  background: var(--green400);
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -27px;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
.productsSection .tabBtn .item.active, .productsSection .tabBtn .item:hover {
  color: var(--green500) !important;
}
.productsSection .tabBtn .item.active::after, .productsSection .tabBtn .item:hover::after {
  opacity: 1;
}
.productsSection .tabBox .swiper {
  margin-top: 18px;
}
.productsSection .tabBox .loading {
  height: 436px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  width: 33%;
  position: relative;
}
.productsSection .tabBox .loading i {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.productsSection .tabBox .loading::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(225, 225, 225) 50%, rgb(255, 255, 255) 100%);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.productsSection .pagination {
  margin-top: 32px;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.product {
  position: relative;
  padding: 9px 30px;
}
.product:hover::after {
  width: 130px;
  opacity: 1;
}
.product:hover::before {
  opacity: 0;
}
.product:hover .image {
  padding: 10px;
}
.product:hover .image i {
  background: var(--color900);
  color: var(--color100);
}
.product:hover .title::before {
  opacity: 1;
}
.product:hover .sku .model {
  color: var(--green500);
}
.product::after {
  width: 0;
  height: 100%;
  background: url("assets/img/productHover.png") no-repeat right center;
  content: "";
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.product::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(225, 225, 225) 50%, rgb(255, 255, 255) 100%);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.product .image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  position: relative;
  padding: 20px;
  transition: all 0.3s;
}
.product .image i {
  position: absolute;
  color: var(--color900);
  background: var(--color100);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 4px;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.product .sku {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inter;
}
.product .sku .model {
  font-size: 28px;
  font-weight: 600;
  color: var(--color900);
  text-transform: uppercase;
  transition: all 0.3s;
}
.product .sku span {
  color: var(--green500);
  background: var(--green25);
  padding: 3px 9px;
  border-radius: 6px;
}
.product .title {
  font-weight: normal;
  font-size: 12px;
  margin-top: 8px;
}
.product .title::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, rgb(255, 255, 255) 0%, rgb(5, 150, 97) 50%, rgb(255, 255, 255) 100%);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.product .title a {
  color: var(--color900);
}
.product .forLocation {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.product .forLocation span {
  background: var(--color50);
  color: var(--color400);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
}
.product .fani li {
  list-style: inside;
  margin-top: 8px;
  font-size: 12px;
}
.product .more {
  font-weight: 500;
  color: var(--green500);
  margin-top: 10px;
  display: block;
  font-size: 12px;
}
.product.menu {
  display: flex;
  gap: 10px;
  align-items: center;
}
.product.menu:hover .image img {
  padding: 0;
}
.product.menu::before, .product.menu::after {
  display: none;
}
.product.menu .model {
  color: var(--green500);
}
.product.menu .image {
  width: 172px;
  height: 212px;
  padding: 0;
}
.product.menu .image img {
  padding: 10px 0 0 10px;
  transition: all 0.3s;
}
.product.menu .tahvil {
  font-weight: 500;
  margin-top: 6px;
}
.product.menu .explain {
  font-size: 12px;
  color: var(--color400);
  line-height: 24px;
  margin-top: 12px;
}

.inspection {
  background: #020202;
  margin-top: 125px;
  position: relative;
}
.inspection:hover::before {
  opacity: 1;
}
.inspection::before {
  width: 100%;
  height: 100%;
  content: "";
  background: url("assets/img/inspectionBg.png") no-repeat right bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  transition: all 0.3s;
}
.inspection .inspectionRobot {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: calc(100% + 80px);
  max-width: 50%;
}
.inspection .text {
  display: flex;
  flex-direction: column;
  color: #fff;
  width: 40%;
  margin-right: auto;
  padding: 85px 0;
  position: relative;
}
.inspection .text::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 253px;
  top: -30px;
  background: #FFFFFF;
  filter: blur(250px);
  border-radius: 100%;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0.15;
}
.inspection .text .title {
  font-size: 24px;
  font-weight: 600;
  color: var(--green400);
  margin-bottom: 4px;
  position: relative;
  z-index: 1;
}
.inspection .text .subTitle {
  text-align: center;
  line-height: 28px;
}
.inspection .text .btns {
  margin-top: 32px;
  position: relative;
  z-index: 1;
}
.inspection .text .items {
  display: flex;
  flex-wrap: wrap;
  gap: 45px 32px;
  margin-top: 72px;
  position: relative;
  z-index: 1;
}
.inspection .text .items .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 30px);
  gap: 18px;
  text-align: center;
}
.inspection .text .items .item i {
  font-size: 26px;
}

.industries {
  margin-top: 180px;
}
.industries .industriesSwiper {
  margin-top: 48px;
}
.industries .swiper-slide {
  width: 360px;
  height: 360px;
  overflow: hidden;
}
.industries .swiper-slide:first-child {
  margin-right: 16px;
}
.industries .swiper-slide:last-child {
  margin-right: 16px;
}
.industries .swiper-slide:not(.isMobile):hover .image {
  height: 236px;
}
.industries .swiper-slide:not(.isMobile):hover .image i {
  top: 18px;
}
.industries .swiper-slide:not(.isMobile):hover .locationBox .more {
  bottom: -150px;
}
.industries .swiper-slide:not(.isMobile):hover .locationBox span {
  color: var(--green500);
}
.industries .image {
  width: 100%;
  height: 320px;
  transition: all 0.7s;
  border-radius: 8px;
  position: relative;
  display: flex;
}
.industries .image i {
  position: absolute;
  background: var(--color900);
  color: var(--color100);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 4px;
  right: 18px;
  top: -40px;
  transition: all 0.7s;
}
.industries .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.industries .locationBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.industries .locationBox span {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--color900);
  gap: 6px;
  transition: all 0.3s;
}
.industries .locationBox span i {
  font-size: 18px;
}
.industries .locationBox .more {
  font-weight: 500;
  font-size: 12px;
  color: var(--green500);
  padding-left: 8px;
  position: relative;
  transition: all 0.7s;
  bottom: 0;
}
.industries .text {
  margin-top: 8px;
  font-size: 12px;
}
.industries .text .title a {
  color: var(--color900);
  font-size: 12px;
  font-weight: 500;
}
.industries .text p {
  color: var(--color500);
  margin-top: 6px;
}

.brands {
  margin-top: 180px;
}
.brands .swiper-wrapper {
  transition-timing-function: linear !important;
  margin-top: 110px;
}
.brands .swiper-slide {
  width: fit-content;
}
.brands .swiper-slide .image {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.services {
  padding: 56px 0;
  background: var(--backgroundGreen);
  margin-top: 100px;
}
.services .mainTitle span {
  color: #fff;
}
.services .items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 56px;
}
.services .items .item {
  background: #101412 url("assets/img/services/bg1.svg") no-repeat center/cover;
  border-radius: 8px;
  padding: 40px 48px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  color: #fff;
  flex-direction: column;
  gap: 16px;
  box-shadow: 2px 2px 10px 2px rgba(65, 74, 83, 0.08);
}
.services .items .item:nth-child(2), .services .items .item:nth-child(3) {
  background: #101412 url("assets/img/services/bg2.svg") no-repeat left bottom/cover;
  width: calc(100% - 424px);
  flex-direction: row-reverse;
  justify-content: space-between;
}
.services .items .item:nth-child(3) {
  background: #101412 url("assets/img/services/bg3.svg") no-repeat left bottom/cover;
}
.services .items .item .text .title {
  font-size: 20px;
  font-weight: 500;
}
.services .items .item .text span {
  color: var(--text);
  margin-top: 16px;
  display: block;
  max-width: 330px;
}

.comments {
  margin-top: 145px;
}
.comments .commentSwiper {
  margin-top: 48px;
}
.comments .swiper-slide .top {
  display: flex;
  align-items: center;
  gap: 16px;
}
.comments .swiper-slide .top img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 100%;
  border: 2px solid var(--green300);
}
.comments .swiper-slide .top .name span {
  color: var(--color900);
  display: block;
}
.comments .swiper-slide .top .name span:first-child {
  font-weight: 500;
}
.comments .swiper-slide .top .name span:last-child {
  font-size: 12px;
}
.comments .swiper-slide .cama {
  margin-top: 30px;
  display: flex;
}
.comments .swiper-slide p {
  color: var(--color500);
  line-height: 28px;
  margin-top: 20px;
  display: block;
}
.comments .swiper-slide .tags {
  margin-top: 30px;
  display: flex;
  gap: 6px;
}
.comments .swiper-slide .tags .item {
  font-size: 12px;
}
.comments .pagination {
  margin-top: 56px;
}

.consulting {
  background: var(--backgroundGreen) url("assets/img/consultingBg.svg") no-repeat right bottom;
  position: relative;
  overflow: hidden;
  margin-top: 165px;
}
.consulting .all {
  position: relative;
  padding-top: 80px;
}
.consulting .all::before {
  width: 560px;
  height: 500px;
  background: var(--backgroundGreen);
  background: #047A4F;
  opacity: 0.4;
  filter: blur(150px);
  border-radius: 100%;
  content: "";
  position: absolute;
  top: -250px;
  left: 69px;
  pointer-events: none;
}
.consulting .all::after {
  width: 560px;
  height: 100%;
  background: url("assets/img/consultingBg2.svg") no-repeat center top;
  content: "";
  position: absolute;
  top: 0;
  left: 76px;
  pointer-events: none;
}
.consulting .text {
  display: flex;
  flex-direction: column;
  color: #fff;
  max-width: 456px;
  position: relative;
  align-items: center;
  margin-top: 40px;
}
.consulting .text .title {
  font-size: 24px;
  font-weight: 600;
  color: var(--green400);
  margin-bottom: 4px;
  position: relative;
  z-index: 1;
}
.consulting .text .subTitle {
  color: var(--color200);
  text-align: center;
}
.consulting .text .btns {
  margin-top: 56px;
  position: relative;
  z-index: 1;
}
.consulting .images {
  position: relative;
  z-index: 1;
  display: flex;
}
.consulting .images .profile {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  object-fit: cover;
}
.consulting .images .profile.profile1 {
  left: 125px;
  top: 85px;
  animation: floatRotate 6s ease-in-out infinite;
}
.consulting .images .profile.profile2 {
  top: 85px;
  right: 28px;
  animation: floatCircle 8s ease-in-out infinite;
}
.consulting .images .profile3 {
  right: 0;
  bottom: 52px;
  left: 0;
  margin: auto;
  position: absolute;
  width: fit-content;
}
.consulting .images .profile3::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--green600);
  border-radius: 100%;
  right: 5px;
  top: 4px;
  z-index: 1;
}
.consulting .images .profile3::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 70px;
  background: url("assets/img/reday.svg") no-repeat center/contain;
  left: 11px;
  top: -51px;
  z-index: 1;
}
.consulting .images .profile3 .profile {
  position: unset;
  animation: floatScale 4s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes floatCircle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(10px, -8px);
  }
  50% {
    transform: translate(0, -15px);
  }
  75% {
    transform: translate(-10px, -8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes floatRotate {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-8px) rotate(1deg);
  }
  50% {
    transform: translateY(-15px) rotate(0deg);
  }
  75% {
    transform: translateY(-8px) rotate(-1deg);
  }
}
@keyframes floatScale {
  0%, 100% {
    transform: scale(1);
    border: 4px solid transparent;
    box-shadow: 0 0 0 rgba(5, 150, 97, 0);
  }
  50% {
    transform: scale(1.1);
    border: 4px solid rgba(5, 150, 97, 0.4);
    box-shadow: 0 0 25px rgba(5, 150, 97, 0.4);
  }
}
.lastBlog {
  margin-top: 94px;
}
.lastBlog .postsPart {
  margin-top: 64px;
}
.lastBlog .blogPart {
  width: calc(50% - 8px);
}
.lastBlog .blogPart .pagination {
  margin-top: 48px;
}
.lastBlog .newsPart {
  width: calc(50% - 8px);
}

.swiper-slide .blogItem {
  width: 100%;
}

.blogItem {
  height: 428px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  display: flex;
}
.blogItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}
.blogItem .text {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.blogItem .text .tag {
  background: rgba(23, 23, 23, 0.5);
  backdrop-filter: blur(3.5px);
  color: #fff;
  margin: 12px 12px 0 0;
}
.blogItem .text .tag i {
  font-size: 18px;
}
.blogItem .text .bottom {
  padding: 12px 12px 20px;
  margin-top: auto;
  position: relative;
}
.blogItem .text .bottom::before {
  width: 100%;
  height: 130%;
  position: absolute;
  right: 0;
  bottom: -15px;
  content: "";
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(15px);
  mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
}
.blogItem .text .bottom .date {
  gap: 6px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.blogItem .text .bottom .date i {
  font-size: 16px;
}
.blogItem .text .bottom .title {
  font-weight: 500;
  font-size: 18px;
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

.swiper-slide .newsItem {
  width: 100%;
}

.newsSwiper .swiper-wrapper {
  transition-timing-function: linear !important;
  height: 428px;
}
.newsSwiper .swiper-wrapper .swiper-slide {
  height: 248px;
}

.newsItem {
  display: flex;
  gap: 20px;
}
.newsItem.column {
  flex-direction: column;
}
.newsItem.column .image, .newsItem.column .text {
  width: 100%;
}
.newsItem .image {
  width: 248px;
  height: 248px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.newsItem .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}
.newsItem .image .tag {
  background: rgba(23, 23, 23, 0.5);
  backdrop-filter: blur(3.5px);
  margin: 12px 12px 0 0;
  position: absolute;
  top: 0;
  color: #fff;
}
.newsItem .image .tag i {
  font-size: 18px;
}
.newsItem .text {
  width: calc(100% - 268px);
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.newsItem .text .top {
  display: flex;
  gap: 6px;
}
.newsItem .text .title {
  font-size: 20px;
  font-weight: 500;
  color: var(--color900);
}
.newsItem .text .subTitle {
  font-size: 16px;
  color: var(--green500);
}
.newsItem .text .shortText {
  color: var(--color400);
  line-height: 28px;
}
.newsItem .text .bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  color: var(--color400);
  font-size: 12px;
  gap: 8px;
}
.newsItem .text .bottom .date {
  display: flex;
  align-items: center;
  gap: 6px;
  border-right: 1px solid var(--color400);
  padding-right: 8px;
}
.newsItem .text .bottom .date i {
  font-size: 16px;
}

footer {
  margin-top: 94px;
  background: var(--color900);
  padding: 45px 0 65px;
  color: #fff;
}
footer .footer {
  display: flex;
  gap: 52px;
  border-bottom: 1px solid var(--color700);
  padding-bottom: 30px;
}
footer .about {
  width: 395px;
}
footer .about .text {
  margin-top: 42px;
  line-height: 28px;
}
footer .links .title {
  font-size: 12px;
  color: var(--color400);
}
footer .links ul {
  margin-top: 24px;
  display: flex;
  gap: 18px;
  flex-direction: column;
}
footer .links ul li a {
  color: #fff;
  font-size: 12px;
  transition: all 0.3s;
}
footer .links ul li a:hover {
  color: var(--color400);
}
footer .links:nth-child(2) {
  width: 92px;
}
footer .links:nth-child(3) {
  width: 76px;
}
footer .links:nth-child(4) {
  width: 193px;
}
footer .links:nth-child(5) {
  width: 336px;
}
footer .links.duble ul {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 18px 50px;
}
footer .links.duble ul li {
  width: calc(50% - 25px);
}
footer .contact {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .contact .item {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  color: var(--color200);
  transition: all 0.3s;
}
footer .contact .item i {
  transition: all 0.3s;
  color: var(--color400);
  font-size: 18px;
}
footer .contact .item:hover {
  color: var(--green500);
}
footer .contact .item:hover i {
  color: var(--green500);
}
footer .contact .bottom {
  margin-top: 18px;
  gap: 14px;
}
footer .contact .left {
  display: flex;
  gap: 40px;
}
footer .contact .left .item {
  color: #fff;
  width: 173px;
}
footer .contact .left .item i {
  color: #fff;
}
footer .contact .left .item:hover {
  color: var(--green500);
}
footer .contact .left .social {
  display: flex;
  gap: 20px;
  font-size: 20px;
  justify-content: flex-end;
}
footer .contact .left .social a {
  color: #fff;
}
footer .contact .left .social a:hover {
  color: var(--green500);
}
footer .contact .left img {
  height: 66px;
}

.pageTitle {
  margin-top: 90px;
}

.productMenu {
  display: flex;
  gap: 24px;
  margin-top: 80px;
}
.productMenu.fixed.full ul {
  max-width: 100%;
}
.productMenu.fixed ul {
  background: var(--color50);
  position: fixed;
  top: 0;
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
  border-top: 8px solid #fff;
  border-bottom: 8px solid #fff;
}
.productMenu.full {
  width: calc(100% - 56px);
  margin-right: 56px;
}
.productMenu.full ul {
  border-radius: 0 6px 6px 0;
  width: 100%;
  overflow: auto;
}
.productMenu.blog ul {
  width: 100%;
}
.productMenu.case {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.productMenu.case.fixed{width:100%}
.productMenu.case ul li {
  width: 313px;
}
.productMenu ul {
  background: var(--color50);
  padding: 4px;
  border-radius: 6px;
  display: flex;
  gap: 6px;
  width: 100%;
}
.productMenu ul li {
  min-width: fit-content;
  flex: 1;
}
.productMenu ul a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color900);
  /*min-width: 133px;*/
  padding: 8px;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.3s;
}
.productMenu ul li.active a,.productMenu ul a.active, .productMenu ul a:hover {
  background: var(--color900);
  color: #fff;
}
.productMenu ul a i {
  font-size: 18px;
}
.productMenu .search {
  display: flex;
  align-items: center;
  border: 1px solid var(--color300);
  border-radius: 6px;
  padding: 0 14px;
  color: var(--color400);
  gap: 6px;
  min-width: 325px;
}
.productMenu .search button {
  display: flex;
  min-width: 16px;
}
.productMenu .search button i {
  font-size: 16px;
  color: var(--color400);
}
.productMenu .search input {
  padding: 5px 0;
  width: 100%;
}

.productList {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 0;
  margin-top: 80px;
}
.productList .product {
  width: 33.333%;
}

.descriptionPage {
  max-width: 880px;
  width: 100%;
  margin: 100px auto 0;
  padding-top: 100px;
  border-top: 1px solid var(--color200);
}

.archive .faqGlobal {
  max-width: 880px;
  width: 100%;
  margin: 100px auto 0;
  padding-top: 100px;
  border-top: 1px solid var(--color200);
}
.archive .faqGlobal .mainTitle {
  margin-bottom: 32px;
}

.pageHeader {
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  position: relative;
  background: no-repeat center/cover;
  justify-content: center;
  color: #fff;
}
.pageHeader .title {
  color: var(--green300);
}
.pageHeader::before {
  width: 100%;
  height: 100%;
  content: "";
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.8;
}
.pageHeader.noBlack::before {
  display: none;
}

.industriesPosts {
  position: relative;
  margin-top: 72px;
  gap: 72px;
  display: flex;
  flex-direction: column;
}
.industriesPosts .item {
  display: flex;
  align-items: center;
  position: sticky;
  top: 30px;
  background: #ffffff;
  padding: 90px 0 30px;
}
.industriesPosts .item .image {
  width: 60%;
}
.industriesPosts .item .image img {
  width: 100%;
  border-radius: 8px 0 0 8px;
}
.industriesPosts .item .text {
  width: 40%;
  padding: 0 48px 0 56px;
}
.industriesPosts .item .text .description {
  line-height: 28px;
  margin: 80px 0 48px;
}
.industriesPosts .item .text .more {
  color: var(--green500);
}
.industriesPosts .title a {
  color: var(--green500);
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}
.industriesPosts .title a i {
  font-size: 32px;
}

.notFound {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
}
.notFound .title {
  font-size: 24px;
  font-weight: 600;
  margin-top: 48px;
}
.notFound p {
  font-size: 20px;
}
.notFound .globalBtn {
  color: #fff;
  background: var(--color900);
  border: 0;
  margin-top: 24px;
}

.introduction {
  margin-top: 100px;
}
.introduction .sub .mt4 {
  margin-top: 24px !important;
}
.introduction img {
  margin-top: 80px;
}

.services.about .mainTitle span {
  margin-top: 32px;
  line-height: 24px;
}
.services.about .item {
  flex-direction: row;
  width: 570px;
  height: 270px;
}
.services.about .item:nth-child(2), .services.about .item:nth-child(3) {
  width: calc(100% - 594px);
}

.farhang {
  max-width: 820px;
  margin: 100px auto 0;
}
.farhang .text {
  margin-top: 32px;
  line-height: 28px;
  text-align: center;
}
.farhang .text li {
  list-style: inside;
}
.farhang .items {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 80px;
}
.farhang .items .item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
}
.farhang .items .item i {
  font-size: 40px;
}

.consulting.about {
  margin: 100px 0 -96px;
  border-bottom: 1px solid var(--color700);
}

.lastBlogAndNews {
  display: flex;
  gap: 16px;
  margin-top: 72px;
}
.lastBlogAndNews .right {
  width: 430px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lastBlogAndNews .right .blogItem {
  height: 358px;
}
.lastBlogAndNews .left {
  width: calc(100% - 446px);
}
.lastBlogAndNews .left .image {
  height: 450px;
}

.blogIndexSwiper {
  overflow: unset !important;
}

.lastNewsIndex {
  display: flex;
  gap: 48px;
  margin-top: 100px;
}
.lastNewsIndex .right {
  position: relative;
  width: 466px;
}
.lastNewsIndex .right .mainTitle {
  position: sticky;
  top: 72px;
}
.lastNewsIndex .left {
  width: calc(100% - 514px);
}
.lastNewsIndex .left .newsItem:not(:last-child) {
  margin-bottom: 16px;
}

.blogIndex {
  margin-top: 100px;
}

.document {
  margin-top: 100px;
}
.document .row {
  display: flex;
  justify-content: space-between;
  color: var(--color900);
  margin-bottom: 64px;
}
.document .row.head {
  border-bottom: 1px solid var(--color200);
  padding: 24px 0;
  margin-bottom: 54px;
  position: sticky;
  top: 45px;
  background: #fff;
  z-index: 1;
}
.document .row .right {
  width: 376px;
  text-align: center;
  position: relative;
}
.document .row .right .cat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 124px;
  bottom: 24px;
  font-size: 20px;
  font-weight: 500;
  gap: 32px;
}
.document .row .right .cat img{max-height:158px}
.document .row .left {
  width: calc(100% - 416px);
}
.document .row .left .detail {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.document .row .left .detail .image {
  width: 80px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.document .row .left .detail .text .sku {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inter;
}
.document .row .left .detail .text .sku .model {
  font-size: 28px;
  font-weight: 600;
  color: var(--color900);
  text-transform: uppercase;
  transition: all 0.3s;
}
.document .row .left .detail .text .sku span {
  color: var(--green500);
  background: var(--green25);
  padding: 3px 9px;
  border-radius: 6px;
}
.document .row .left .detail .text .title {
  font-size: 12px;
  font-weight: normal;
  margin-top: 12px;
}
.document .row .left .button {
  min-width: 90px;
  text-align: center;
}
.document .row .left .button .share span {
  display: none;
}
.document .row .left .button .share.copied i {
  color: var(--green500);
}
.document .row .left .button .share.copied span {
  display: block;
}
.document .row .left .button i {
  font-size: 16px;
  color: #0C0C0C;
  transition: all 0.3s;
}
.document .row .left .item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color200);
  padding: 24px 0;
}

.popupGlobal.videoProduct .textLayer {
  width: auto;
}
.popupGlobal.videoProduct .textLayer .title {
  position: absolute;
}
.popupGlobal.videoProduct .textLayer .title i {
  color: #fff;
  font-size: 28px;
  text-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);
}
.popupGlobal.videoProduct .textLayer .content {
  padding: 0;
  display: flex;
}
.popupGlobal.videoProduct .textLayer .content video {
  border-radius: 8px;
  max-height: 80vh;
}

.single-products .section1 {
  display: flex;
  gap: 48px;
  margin-top: 45px;
}
.single-products .section1 .right {
  width: calc(100% - 555px);
}
.single-products .section1 .left {
  width: 507px;
}
.single-products .section1 .left .sku {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inter;
}
.single-products .section1 .left .sku .model {
  font-size: 28px;
  font-weight: 600;
  color: var(--color900);
  text-transform: uppercase;
  transition: all 0.3s;
}
.single-products .section1 .left .sku span {
  color: var(--green500);
  background: var(--green25);
  padding: 3px 9px;
  border-radius: 6px;
}
.single-products .section1 .left .rahkar {
  border-radius: 40px;
  padding: 4px 16px;
  margin-top: 10px;
}
.single-products .section1 .left .shortDes {
  margin-top: 10px;
  line-height: 28px;
}
.single-products .section1 .left .fani {
  margin-top: 48px;
}
.single-products .section1 .left .fani span {
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.single-products .section1 .left .fani li {
  list-style: inside;
  margin-bottom: 4px;
  font-size: 12px;
}
.single-products .section1 .left .more {
  font-weight: 500;
  font-size: 12px;
  color: var(--green500);
  margin-top: 10px;
  display: inline-block;
}
.single-products .section1 .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 48px 0;
}
.single-products .section1 .tags span {
  background: var(--color50);
  color: var(--color400);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
}
.single-products .section2 {
  position: relative;
  width: 100%;
  margin-top: 80px;
}
.single-products .section2 .text {
  width: 50%;
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single-products .section2 .text .title {
  font-size: 24px;
  color: var(--green500);
  font-weight: 600;
}
.single-products .section2 .text .des {
  margin-top: 32px;
  line-height: 28px;
}
.single-products .section2 img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.single-products .section3 {
  background: var(--color900);
  padding: 80px 0 64px;
}
.single-products .section4 {
  padding: 120px 0;
  width: 100%;
}
.single-products .section5 {
  background: var(--backgroundGreen);
  padding: 100px 0;margin-top:100px
}
.single-products .section5 .mt4 {
  color: #fff;
}
.single-products .section5 .item {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
.single-products .section5 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.single-products .section5 .item:nth-child(2n) .text {
  padding: 64px 0 64px 48px;
}
.single-products .section5 .item:nth-child(2n) .text::after {
  right: unset;
  left: -63px;
}
.single-products .section5 .item:nth-child(2n) .text::before {
  right: unset;
  left: 0;
}
.single-products .section5 .item .image {
  width: 740px;
}
.single-products .section5 .item .image img{border-radius:8px}
.single-products .section5 .item .text {
  position: relative;
  padding: 64px 48px 64px 0;
  overflow: hidden;
  width: calc(100% - 740px);
}
.single-products .section5 .item .text::after {
  width: 130px;
  height: 20%;
  background: #2BB58A;
  opacity: 0.5;
  filter: blur(80px);
  content: "";
  transition: all 0.3s;
  position: absolute;
  right: -63px;
  top: 0;
  pointer-events: none;
  border-radius: 100%;
  bottom: 0;
  margin: auto;
}
.single-products .section5 .item .text::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, #111714 0%, #059661 50%, #111714 100%);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.single-products .section5 .item .text .title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
.single-products .section5 .item .text .des {
  color: #B6C5BE;
  font-size: 12px;
  line-height: 24px;
  margin-top: 32px;
}
.single-products .section5 .item .text .des li{list-style: inside;}
.single-products .section6 {
  padding-top: 100px;
}
.single-products .section6 .mainTitle {
  margin-bottom: 48px;
}
.single-products .section6 .swiper {
  padding: 0 16px;
}
.single-products .section7 {
  background: var(--backgroundGreen);
  padding: 120px 0;
	margin-top:100px
}
.single-products .section7 .mt4 {
  color: #fff;
}
.single-products .section7 .content {
  display: flex;
  position: relative;
  gap: 40px;
  align-items: flex-start;
}
.single-products .section7 .content .right {
  position: sticky;
  top: 0;
  width: calc(100% - 750px);
}
.single-products .section7 .content .right::after {
  width: 130px;
  height: 20%;
  background: #2BB58A;
  opacity: 0.5;
  filter: blur(80px);
  content: "";
  transition: all 0.3s;
  position: absolute;
  left: -63px;
  top: 0;
  pointer-events: none;
  border-radius: 100%;
  bottom: 0;
  margin: auto;
}
.single-products .section7 .content .right::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, #111714 0%, #059661 50%, #111714 100%);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
}
.single-products .section7 .content .right img {
  width: 100%;
  background: var(--backgroundGreen);
  position: relative;
  z-index: 1;
  padding-left: 40px;
}
.single-products .section7 .content .left {
  width: 710px;
}
.single-products .section7 .content .left .items {
  margin-top: 72px;
}
.single-products .section7 .content .left .items .item {
  display: flex;
  gap: 24px;
}
.single-products .section7 .content .left .items .item:not(:last-child) {
  margin-bottom: 48px;
}
.single-products .section7 .content .left .items .item .image {
  width: 82px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-products .section7 .content .left .items .item .text .title {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.single-products .section7 .content .left .items .item .text p {
  font-size: 12px;
  color: #B6C5BE;
  margin-top: 12px;
  line-height: 24px;
}
.single-products .section8 .swiper {
  overflow: unset;
}
.single-products .section8.industries .swiper-slide:first-child {
  margin-right: 0;
}
.single-products .section9 {
  background: var(--backgroundGreen);
  position: relative;
  margin-top: 120px;
}
.single-products .section9 .all {
  position: relative;
  padding: 94px 0 80px;
}
.single-products .section9 .text {
  width: 45%;
}
.single-products .section9 .text .items {
  margin-top: 48px;
}
.single-products .section9 .text .items .item {
  color: #fff;
}
.single-products .section9 .text .items .item:not(:last-child) {
  margin-bottom: 20px;
}
.single-products .section9 .text .items .item.active .title .icon-direction-down {
  opacity: 0;
}
.single-products .section9 .text .items .item .title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.single-products .section9 .text .items .item .title i {
  font-size: 22px;
}
.single-products .section9 .text .items .item .title i.icon-direction-down {
  font-size: 20px;
  color: var(--color300);
  transition: all 0.3s;
}
.single-products .section9 .text .items .item .des {
  border-right: 1px solid #B6C5BE;
  padding-right: 20px;
  font-size: 12px;
  color: #B6C5BE;
  line-height: 24px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
  margin-top: 12px;
  margin-right: 10px;
}
.single-products .section9 .images {
  width: 50%;
  height: calc(100% + 26px);
  position: absolute;
  top: -13px;
  left: 0;
  max-height: unset;
  overflow: hidden;
}
.single-products .section9 .images img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.single-products .section9 .images img.active {
  right: 0;
}
.single-products .section9 .images img.right {
  right: -100%;
}
.single-products .section9 .images img.left {
  right: 100%;
}
.single-products .section10.comments .swiper-slide:not(:last-child) {
  padding-left: 40px;
}
.single-products .section10.comments .swiper-slide:not(:last-child)::after {
  width: 1px;
  height: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background: #D7D7D7;
  content: "";
}
.single-products .section10.comments .company {
  width: 114px;
  height: 114px;
  object-fit: contain;
  border: 0;
  margin-right: auto;
}
.single-products .section11 .items{
	max-width:580px;
	margin: 64px auto 0
}
.single-products .section11 {margin-top:56px}
.single-products .section11 .items .item:not(:last-child){margin-bottom:56px}
.single-products .section11 .items .item img{border-radius:8px}
.single-products .section11 .items .item .title {font-size:18px;font-weight:500;color:var(--green500);margin-top:16px}
.single-products .section11 .items .item .des {font-size:12px;margin-top:8px;line-height:24px}
.single-products .section14 {
  background: var(--backgroundGreen);
  padding: 100px 0;margin-top:100px
}
.single-products .section14 .mt4 {
  color: #fff;
}
.single-products .section14 .items {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 48px;
	flex-wrap:wrap;
}
.single-products .section14 .item {
  display: flex;
  align-items: center;
  gap: 16px;
  width: calc(50% - 16px);
	color:#fff
}
.single-products .section14 .item .image{min-width: 326px;height: 253px;}
.single-products .section14 .item .image img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.single-products .section14 .item .title{font-size:16px;font-weight:500}
.single-products .section14 .item .des{color:#B6C5BE;margin-top:20px}
.single-products .section15 {margin-top:100px}
.single-products .section15 .items{display: flex;flex-wrap: wrap;margin-top:48px; gap: 72px 0}
.single-products .section15 .items .item{width:33.333%;text-align:center}
.single-products .section15 .items .item .titleEn{font-size:20px;font-weight:600;font-family:inter;margin:16px 0 8px;}
.single-products .section15 .items .item .image{height:64px}
.single-products .section12 {
  display: flex;
  gap: 16px;
  margin-top: 120px;
  align-items: flex-start;
}
.single-products .section12.theme1 .stickyBox {
  background: var(--green25);
  padding: 48px 32px;
  flex: 1;
  position: sticky;
  top: 0;
  border-radius: 8px;
}
.single-products .section12.theme1 .stickyBox img {
  width: 100%;
}
.single-products .section12 .tables {
  flex: 1;
  width: 100%;
}
.single-products .section12 .tables table {
  width: 100%;
  border-collapse: collapse;
}
.single-products .section12 .tables table:not(:last-child) {
  margin-bottom: 40px;
}
.single-products .section12 .tables table caption {
  text-align: right;
  margin-bottom: 14px;
}
.single-products .section12 .tables table tr td,.single-products .section12 .tables table tr th {
  background: var(--color50);font-weight: normal;
  padding: 7px 10px;text-align: right;
}
.single-products .section12 .tables table tr th {
  color: var(--color400);
  border-radius: 0 8px 8px 0;
}
.single-products .section12 .tables table tr td:last-child, .single-products .section12 .tables table tr td.value {
  text-align: left;
  direction: ltr;
}
.single-products .section12 .tables table tr td:last-child {
  border-radius: 8px 0 0 8px;
}
.single-products .section12 .tables table tr td.value {
  width: 440px;
}
.single-products .section12 .tables table tr:nth-child(2n) td,.single-products .section12 .tables table tr:nth-child(2n) th {
  background: #fff;
}
.single-products .section12.theme2 {
  flex-direction: column;
}
.single-products .section12.theme2 .stickyBox {
  display: flex;
  width: 100%;
  align-items: center;
  position: sticky;
  top: 65px;
  background: #fff;
}
.single-products .section12.theme2 .stickyBox .mainTitle {
  margin-left: auto;
  max-width: 450px;
}
.single-products .section12.theme2 .stickyBox .item {
  font-size: 18px;
  font-weight: bold;
  direction: ltr;
}
.single-products .section12.theme2 .stickyBox .item:last-child {
  width: 440px;
}
.single-products .section12.theme2 .stickyBox .item img {
  width: 111px;
  height: 123px;
  object-fit: contain;
}
.single-products .section12.theme2 .stickyBox .btns {
  display: none;
}
.single-products .section12.theme2 .stickyBox .btns .btn {
  background: var(--color100);
  border-radius: 8px;
  padding: 3.5px 10px;
  font-size: 14px;
  font-weight: normal;
  transition: all 0.3s;
}
.single-products .section12.theme2 .stickyBox .btns .btn.active {
  background: var(--color900);
  color: #fff;
}
.single-products .section13 {
  margin-top: 100px;
}
.single-products .section13 .swiper {
  margin-top: 64px;
}
.single-products .bottomFix {
  position: fixed;
  bottom: -150px;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.12);
  transition: all 0.3s;
  z-index: 2;
  display: none;
}
.single-products .bottomFix.show {
  bottom: 0;
}
.single-products .bottomFix .content {
  display: flex;
  align-items: center;
  padding: 10px 0;
  gap: 56px;
  width: 100%;
}
.single-products .bottomFix .content .image {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-products .bottomFix .content .text .title {
  font-size: 16px;
  font-weight: 500;
}
.single-products .bottomFix .content .text .rahkar {
  font-size: 12px;
  color: var(--color500);
  margin-top: 4px;
}
.single-products .bottomFix .content .shortDes {
  font-size: 12px;
  margin-left: auto;
}

.industriesSingle .section1 .title {
  gap: 12px;
  margin-top: 32px;
  font-size: 24px;
  font-weight: 600;
}
.industriesSingle .section1 .title i {
  font-size: 32px;
}
.industriesSingle .section1 .des {
  margin-top: 32px;
  line-height: 28px;
}
.industriesSingle .section2 {
  margin-top: 120px;
}
.industriesSingle .section2 .items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}
.industriesSingle .section2 .items .item {
  width: 33.333%;
  padding: 21px 77px;
}
.industriesSingle .section2 .items .item i {
  font-size: 48px;
}
.industriesSingle .section2 .items .item .title {
  font-size: 20px;
  margin-top: 32px;
  font-weight: 500;
}
.industriesSingle .section2 .items .item .number {
  font-size: 20px;
  margin-top: 20px;
  color: var(--green500);
  font-weight: 600;
  font-family: Inter;
  direction: ltr;
  text-align: right;
}
.industriesSingle .section3 {
  margin-top: 80px;
}
.industriesSingle .section3 .mobile {
  display: none;
}
.industriesSingle .section3 .desktop {
  margin-top: 48px;
  width: 100%;
  border-radius: 8px;
}
.industriesSingle .section4 {
  background: var(--backgroundGreen);
  padding: 100px 0;
  margin-top: 56px;
}
.industriesSingle .section4.noTitleFix .mainTitle {
  position: initial;
}
.industriesSingle .section4.noTitleFix .content .right {
  top: 70px;
}
.industriesSingle .section4 .mainTitle {
  position: sticky;
  top: 66px;
}
.industriesSingle .section4 .content {
  display: flex;
  position: relative;
  gap: 40px;
  align-items: flex-start;
  margin-top: 64px;
}
.industriesSingle .section4 .content .right {
  position: sticky;
  top: 127px;
  width: calc(100% - 540px);
}
.industriesSingle .section4 .content .right::after {
  width: 130px;
  height: 20%;
  background: #2BB58A;
  opacity: 0.5;
  filter: blur(80px);
  content: "";
  transition: all 0.3s;
  position: absolute;
  left: -63px;
  top: 0;
  pointer-events: none;
  border-radius: 100%;
  bottom: 0;
  margin: auto;
}
.industriesSingle .section4 .content .right::before {
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, #111714 0%, #059661 50%, #111714 100%);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
}
.industriesSingle .section4 .content .right img {
  width: 100%;
  background: var(--backgroundGreen);
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
.industriesSingle .section4 .content .left {
  width: 500px;
}
.industriesSingle .section4 .content .left .items {
  color: #fff;
}
.industriesSingle .section4 .content .left .items .item .title {
  margin-top: 160px;
  font-size: 24px;
  font-weight: 600;
}
.industriesSingle .section4 .content .left .items .item .text {
  margin-top: 32px;
  line-height: 28px;
  color: #B6C5BE;
}
.industriesSingle .section4 .content .left .items .item .text li {
  list-style: inside;
}
.industriesSingle .section5 {
  padding: 100px 0 0;
}
.industriesSingle .section5 .swiper {
  margin-top: 64px;
}

.solutionSingle .section1 {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 72px;
}
.solutionSingle .section1 .right {
  width: calc(100% - 540px);
}
.solutionSingle .section1 .right img {
  width: 100%;
  border-radius: 8px;
}
.solutionSingle .section1 .left {
  width: 500px;
}
.solutionSingle .section1 .left .title {
  font-weight: 600;
}
.solutionSingle .section1 .left .text {
  margin-top: 80px;
  line-height: 28px;
}
.solutionSingle .section2 {
  display: flex;
  gap: 94px;
  margin-top: 120px;
}
.solutionSingle .section2 .right {
  flex: 1;
}
.solutionSingle .section2 .right .text {
  margin-top: 56px;
  line-height: 28px;
}
.solutionSingle .section2 .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solutionSingle .section2 .left .item {
  display: flex;
  align-items: center;
  gap: 30px;
}
.solutionSingle .section2 .left .item:not(:last-child) {
  margin-bottom: 20px;
}
.solutionSingle .section2 .left .item i {
  font-size: 32px;
}
.solutionSingle .section2 .left .item .title {
  font-size: 20px;
  font-weight: 500;
}
.solutionSingle .section2 .left .item span {
  color: var(--color500);
  margin-top: 8px;
  display: block;
}
.solutionSingle .section3 {
  background: var(--backgroundGreen);
  position: relative;
  overflow: hidden;
  margin-top: 120px;
  padding: 56px 0;
}
.solutionSingle .section3::after, .solutionSingle .section3::before {
  position: absolute;
  width: 50%;
  height: 200%;
  left: -25%;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(7, 221, 143, 0.1);
  filter: blur(190px);
  content: "";
}
.solutionSingle .section3::before {
  left: initial;
  right: -25%;
}
.solutionSingle .section3 .items {
  display: flex;
}
.solutionSingle .section3 .items .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  text-align: center;
}
.solutionSingle .section3 .items .item i {
  font-size: 40px;
  color: #B6C5BE;
}
.solutionSingle .section3 .items .item .title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 22px;
}
.solutionSingle .section3 .items .item span {
  color: #B6C5BE;
  display: block;
  margin-top: 8px;
}
.solutionSingle .section5 {
  margin-top: 120px;
}
.solutionSingle .section5 .swiper {
  overflow: unset;
  text-align: center;
  margin-top: 20px;
}
.solutionSingle .section5 .swiper .image {
  width: 100%;
  position: relative;
}
.solutionSingle .section5 .swiper .image::after {
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #fff 0%, #059661 50%, #fff 100%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
}
.solutionSingle .section5 .swiper .image img {
  width: 100%;
  display: flex;
}
.solutionSingle .section5 .swiper .title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 18px;
}
.solutionSingle .section5 .swiper span {
  color: var(--color500);
  display: block;
  margin-top: 8px;
}
.solutionSingle .section6 {
  margin-top: 100px;
}
.solutionSingle .section6 .swiper {
  margin-top: 64px;
}
.solutionSingle .section7 {
  margin-top: 120px;
}
.solutionSingle .section7 .items {
  display: flex;
  justify-content: space-around;
  background: url("assets/img/bgIcons.svg") no-repeat top;
  max-width: 1050px;
  margin: 80px auto 0;
  padding-top: 17px;
}
.solutionSingle .section7 .item {
  text-align: center;
}
.solutionSingle .section7 .item i {
  font-size: 36px;
  background: #fff;
  padding: 17px;
}
.solutionSingle .section7 .item .title {
  margin-top: 26px;
  font-size: 20px;
  font-weight: 500;
}
.solutionSingle .section7 .item span {
  color: var(--color500);
  line-height: 28px;
  display: block;
  margin-top: 8px;
}

.case .pageTitle {
  margin-top: 87px;
}
.case .section1 {
  display: flex;
  align-items: center;
  gap: 48px;
  margin-top: 120px;
}
.case .section1 .images {
  width: calc(100% - 523px);
  display: flex;
  margin-right: 0 !important;
  position: relative;
  overflow: hidden;
}
.case .section1 .img {
  width: 100%;
  min-width: 100%;
  border-radius: 8px;
  transition: all 0.3s;
  position: relative;
}
.case .section1 .img.active {
  right: 0 !important;
}
.case .section1 .img.rightImg {
  right: -100%;
}
.case .section1 .img.leftImg {
  right: 100%;
}
.case .section1 .img.leftImg.active {
  right: -100% !important;
}
.case .section1 .left {
  width: 475px;
}
.case .section1 .left .item:not(.active) .title {
  color: var(--color900);
}
.case .section1 .left .item:not(.active) .title::before {
  background: var(--color900);
  height: 5px;
  border-radius: 2px;
}
.case .section1 .left .item:not(:first-child) .content {
  display: none;
}
.case .section1 .left .item:not(:last-child) {
  margin-bottom: 62px;
}
.case .section1 .left .item .title {
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
  cursor: pointer;
}
.case .section1 .left .item .title::before {
  transition: all 0.3s;
  width: 5px;
  height: 20px;
  background: var(--green500);
  border-radius: 10px;
  display: flex;
  content: "";
}
.case .section1 .left .item .text {
  margin-top: 16px;
  line-height: 28px;
}
.case .section1 .left .item .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.case .section1 .left .item .location {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.case .section1 .left .item .location .badge {
  background: var(--color50);
  color: var(--color400);
}
.case .section1 .left .item .more {
  color: var(--green500);
  margin-top: 22px;
  display: block;
}
.case .section2 {
  margin-top: 100px;
}
.case .section2 .full {
  width: 100%;
  margin-top: 32px;
  max-height: 70vh;
  object-fit: cover;
}
.case .section2 .content {
  max-width: 880px;
  margin: 32px auto 0;
}
.case .section2 .content .text {
  line-height: 28px;
}
.case .section2 .content .items {
  margin-top: 64px;
  display: flex;
  gap: 16px;
  padding: 0 30px;
}
.case .section2 .content .items .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
}
.case .section2 .content .items .item i {
  font-size: 40px;
}
.case .section3 {
  margin-top: 100px;
}
.case .section3 .swiper {
  margin-top: 48px;
}
.case .section3 .swiper img {
  border-radius: 8px;
}
.case .section3 .swiper .pagination {
  margin-top: 48px;
}

.singlePost {
  margin-top: 64px;
}
.singlePost .top .right {
  color: var(--color400);
}
.singlePost .top .right .author {
  gap: 10px;
}
.singlePost .top .right .author img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  object-fit: cover;
}
.singlePost .top .right .date {
  border-right: 1px solid;
  gap: 4px;
  margin-right: 10px;
  padding-right: 10px;
}
.singlePost .top .right .date i {
  font-size: 16px;
}
.singlePost .top .left {
  gap: 6px;
}
.singlePost .postMainTitle {
  font-size: 24px;
  font-weight: 600;
  margin-top: 24px;
}
.singlePost .postMainImg {
  margin: 24px 0;
  position: relative;
}
.singlePost .postMainImg img {
  width: 100%;
  border-radius: 8px;
}
.singlePost .postMainImg .tag {
  background: rgba(23, 23, 23, 0.5);
  backdrop-filter: blur(3.5px);
  margin: 12px 12px 0 0;
  position: absolute;
  top: 0;
  color: #fff;
}
.singlePost .postMainImg .tag i {
  font-size: 18px;
}
.singlePost .singleContainer {
  max-width: 880px;
  margin: auto;
}
.singlePost .singleContainer > .bottom {
  margin-top: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color200);
  padding-bottom: 80px;
}
.singlePost .singleContainer > .bottom .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.singlePost .singleContainer > .bottom .tags a {
  background: var(--color50);
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 12px;
  color: var(--color900);
}
.singlePost .singleContainer > .bottom .left {
  display: flex;
  align-items: center;
  gap: 24px;
}
.singlePost .singleContainer > .bottom .left .share.copied span {
  opacity: 1;
}
.singlePost .singleContainer > .bottom .left .share span {
  opacity: 0;
  transition: all 0.3s;
}
.singlePost .singleContainer > .bottom .left .item {
  display: flex;
  align-items: center;
  color: var(--color400);
  gap: 4px;
  font-size: 14px;
}
.singlePost .singleContainer > .bottom .left .item i {
  font-size: 20px;
  color: var(--color900);
}
.singlePost .singleContainer > .bottom .left .post-vote {
  gap: 24px;
}
.singlePost .wp-block-heading {
  margin-top: 24px;
  font-weight: 500;
}
.singlePost .wp-block-paragraph {
  margin-top: 24px;
  line-height: 28px;
}
.singlePost .wp-block-image {
  margin-top: 48px;
}
.singlePost .wp-block-image img {
  border-radius: 8px;
}
.singlePost .noNameSection {
  border-bottom: 1px solid var(--color200);
  padding-bottom: 56px;
  margin-top: 56px;
}
.singlePost .noNameSection .title {
  font-weight: 500;
  color: var(--color900);
}
.singlePost .noNameSection .globalBtn:not(.whiteBg) {
  background: var(--color900);
  border-color: var(--color900);
}
.singlePost .related {
  margin-top: 56px;
  border-bottom: 1px solid var(--color200);
  padding-bottom: 56px;
}
.singlePost .related .newsPart {
  margin-top: 48px;
}

.moshavere .textLayer {
  width: 890px;
}
.moshavere .textLayer .content {
  display: flex;
  gap: 32px;
}
.moshavere .textLayer .content .right {
  width: 50%;
}
.moshavere .textLayer .content .left {
  width: 50%;
}
.moshavere .textLayer .content .left .gform_title {
  font-weight: 600;
  font-size: 20px;
  color: var(--green500);
}
.moshavere .textLayer .content .left .gform_description {
  font-size: 12px;
}
.moshavere .textLayer .content .left .gform_required_legend {
  display: none;
}
.moshavere .textLayer .content .left form {
  margin-top: 40px;
}
.moshavere .textLayer .content .left form .gform_fields {max-height: 290px;overflow: auto;}
.moshavere .textLayer .content .left form input, .moshavere .textLayer .content .left form select, .moshavere .textLayer .content .left form textarea {
  border: 0.5px solid #B8B8B8;
  border-radius: 4px;
  background: #fff;
  padding: 11.5px 36px 11.5px 14px;
  width: 100%;
  font-family: bon; -webkit-appearance: none;
  appearance: none;
	color: var(--color900)
}
.moshavere .textLayer .content .left form input:focus,.moshavere .textLayer .content .left form textarea:focus{outline:none;border-color:#16a364;box-shadow:0 0 0 4px #16a36414}
.moshavere .textLayer .content .left form textarea {
  height: 114px;
}
.moshavere .textLayer .content .left form .gform_button {
  background: var(--green500);
  cursor: pointer;
  color: #fff;
  font-size: 16px;
}
.moshavere .textLayer .content .left form .gfield_required {
  display: none;
}
.moshavere .textLayer .content .left form .gfield {
  margin-bottom: 17px;
}
.moshavere .textLayer .content .left form label {
  font-size: 12px;
  background: #fff;
  margin: 0 10px -6px 0;
  display: flex;
  z-index: 1;
  position: relative;
  width: fit-content;
  padding: 0 4px;
}
.moshavere .textLayer .content .left form .ginput_container_text, .moshavere .textLayer .content .left form .ginput_container_textarea, .moshavere .textLayer .content .left form .ginput_container_email, .moshavere .textLayer .content .left form .ginput_container_select {
  position: relative;
}
.moshavere .textLayer .content .left form .ginput_container_text::before, .moshavere .textLayer .content .left form .ginput_container_textarea::before, .moshavere .textLayer .content .left form .ginput_container_email::before, .moshavere .textLayer .content .left form .ginput_container_select::before {
  font-family: "sepid";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: var(--color400);
  font-size: 18px;
  height: fit-content;
}
.ginput_container.ginput_container_select::after{content: "\e923";
  font-family: sepid;
  position: absolute;
  left: 5px;
  top: 6px;
  background: #fff;
  font-size: 18px;
  padding: 6px;}
.moshavere .textLayer .content .left form .name .ginput_container_text::before {
  content: "\e984";
}
.moshavere .textLayer .content .left form .company .ginput_container_text::before {
  content: "\e932";
}
.moshavere .textLayer .content .left form .phone .ginput_container_text::before {
  content: "\e90b";
}
.moshavere .textLayer .content .left form .email .ginput_container_email::before {
  content: "\e94f";
}
.moshavere .textLayer .content .left form .countries .ginput_container_select::before {
  content: "\e94e";
}
.moshavere .textLayer .content .left form .cats .ginput_container_select::before {
  content: "\e91a";
}
.moshavere .textLayer .content .left form .explain .ginput_container_textarea::before {
  content: "\e95d";
  bottom: inherit;
  top: 15px;
}
.moshavere .textLayer .content .left form .hideDefult {
  display: none;
}
.moshavere .textLayer .content .left form .showMore {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  margin-bottom: 20px;
  cursor: pointer;
}
.moshavere .textLayer .content .left form .showMore i {
  font-size: 16px;
  transition: all 0.3s;
}
.moshavere .textLayer .content .left form .showMore .less {
  display: none;
}
.moshavere .textLayer .content .left form .showMore.active .more {
  display: none;
}
.moshavere .textLayer .content .left form .showMore.active .less {
  display: block;
}
.moshavere .textLayer .content .left form .showMore.active i {
  transform: rotate(180deg);
}

/** responsive **/
header.smh .mobileMenu {
  position: fixed;
  top: 0;
  right: -100%;
  background: #fff;
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  z-index: 999;
  overflow: auto;
  transition: all 0.3s;
}
header.smh .mobileMenu.active {
  right: 0;
}
header.smh .mobileMenu .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
  border-bottom: 1px solid var(--color100);
  background: #fff;
}
header.smh .mobileMenu .top a {
  display: flex;
  align-items: center;
}
header.smh .mobileMenu .top a .logoIcon {
  width: 26px;
  margin-right: 6px;
}
header.smh .mobileMenu .top a img:not(.logoIcon) {
  width: 90px
}
header.smh .mobileMenu .top .close {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--color400);
}
header.smh .mobileMenu > ul {
  padding: 24px 16px;
}
header.smh .mobileMenu > ul > li {
  margin-bottom: 12px;
  width: 100%;
  position: relative;
}
header.smh .mobileMenu > ul > li.hasChild::after {
  content: "\e923";
  font-family: sepid;
  width: 40px;
  height: 30px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header.smh .mobileMenu > ul > li > a {
  width: calc(100% - 40px);
  display: block;
  color: var(--color800);
  padding: 5px 0;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
}
header.smh .mobileMenu > ul > li ul {
  padding: 0 16px;
  display: none;
}
header.smh .mobileMenu > ul > li ul li {
  margin-top: 20px;
}
header.smh .mobileMenu > ul > li ul li a {
  color: var(--color500);
  font-size: 12.5px;
  font-weight: normal;
  width: 100%;
  display: flex;
  padding: 5px 0;
  gap: 8px;
  align-items: center;
}
header.smh .mobileMenu > ul > li ul li a i {
  font-size: 18px;
}
header.smh .mobileMenu .requestBtn {
  padding: 24px;
  margin-top: auto;
  background: #FFFFFF;
  box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1);
  justify-content: center;
}

@media only screen and (max-width: 1365px) {
  body {
    font-size: 11px;
  }
  .all {
    width: 1000px;
  }
  .homeVideo .text .hero-title {
    font-size: 32px;
  }
  .homeVideo .text .subTitle {
    font-size: 17px;
  }
  .inspection .text .title {
    font-size: 19px;
  }
  .inspection .text .items {
    gap: 32px 6px;
    margin-top: 32px;
  }
  .inspection .text .items .item {
    width: calc(50% - 3px);
  }
  .services .items .item:nth-child(2) img, .services .items .item:nth-child(3) img {
    max-width: 250px;
  }
  .newsItem .text .title {
    font-size: 14px;
  }
  .newsItem .text .subTitle {
    font-size: 14px;
  }
  .newsItem .text .shortText {
    line-height: 24px;
    font-size: 12px;
  }
  .blogItem .text .bottom .title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1050px) {
	html,body{overflow-x:hidden}
  .all {
    width: calc(100% - 32px);
  }
  .mobileFull {
    width: calc(100% + 32px) !important;
    margin-right: -16px !important;
    max-width: unset;
  }
  header.smh {
    padding-top: 16px;
  }
  header.smh .top ul {
    display: none;
  }
  header.smh .top .left {
    padding: 8px;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  header.smh .top .left .time {
    margin-right: 6px;
  }
  header.smh .second {
    margin-top: 10px;
  }
  header.smh .second .logo {
    width: 120px;
  }
  header.smh .second .logo a .logoText img {
    width: 90px;
    min-width: 90px;
    min-height: 12.5px;
  }
  header.smh .second .logo .logoIcon {
    width: 26px;
  }
  .homeVideo {
    min-height: unset;
    height: 600px;
  }
  .homeVideo .text .beforeTitle {
    font-size: 10px;
  }
  .homeVideo .text .hero-title {
    flex-direction: column;
    font-size: 24px;
  }
  .homeVideo .text .hero-title .swiper-wrapper {
    height: 38px;
  }
  .homeVideo .text .hero-title .swiper-wrapper .swiper-slide {
    justify-content: center;
    height: 38px;
    line-height: unset;
  }
  .homeVideo .subTitle {
    display: none;
  }
  .homeVideo .btns {
    flex-direction: column;
    margin-top: 80px;
    gap: 24px;
  }
  .homeVideo .btns .globalBtn {
    justify-content: center;
    font-size: 14px;
    padding: 9px 12px;
  }
  .mainTitle .title {
    font-size: 16px;
    font-weight: 500;
  }
  .mainTitle .more {
    font-size: 11px;
  }
  .robotCats .cats {
    margin-top: 48px;
    flex-wrap: wrap;
    gap: 36px 0;
  }
  .robotCats .cats .item {
    width: 33.333%;
  }
  .robotCats .cats .item::after {
    display: none;
  }
  .robotCats .cats .item .text {
    display: none;
  }
  .robotCats .cats .item .image {
    height: 72px !important;
  }
  .robotCats .cats .item .title {
    font-size: 12px;
    margin-bottom: 0;
  }
  .solutions {
    margin-top: 100px;
  }
  .solutions .tabBtn {
    justify-content: unset;
    margin: 24px 0;
  }
  .solutions .tabBtn .item {
    font-size: 12px;
    padding: 7px 12px;
  }
  .solutions .tabBtn .item:first-child {
    margin-right: 16px;
  }
  .solutions .tabBtn .item:last-child {
    margin-left: 16px;
  }
  .solutions .tabBox .textLayer .title {
    display: none;
  }
  .solutions .tabBox .textLayer .thumbsSolutionsSwiper .swiper-wrapper {
    flex-direction: column;
    height: auto;
    align-items: center;
    gap: 12px;
  }
  .solutions .tabBox .textLayer .thumbsSolutionsSwiper .swiper-wrapper .swiper-slide {
    margin: 0 !important;
    font-size: 11px;
  }
  .solutions .tabBox .textLayer .thumbsSolutionsSwiper .swiper-wrapper .swiper-slide::after {
    display: none;
  }
  .solutions .tabBox .textLayer .more span {
    opacity: 1;
  }
  .solutions .tabBox .textLayer .image {
    height: unset;
  }
  .solutions .tabBox .textLayer .robot {
    max-height: 240px;
  }
  .productsSection {
    margin-top: 70px;
  }
  .productsSection .mainTitle {
    margin-bottom: 32px;
  }
  .productsSection .tabBtn {
    justify-content: space-around;
    gap: 0;
  }
  .productsSection .tabBtn .item {
    font-size: 10px;
    color: var(--color900) !important;
  }
  .productsSection .tabBtn .item:not(.active):after {
    opacity: 0;
  }
  .productsSection .tabBtn .item i {
    font-size: 16px;
  }
  .productsSection .guidText {
    font-size: 11px;
  }
  .productsSection .tabBox .swiper {
    width: calc(100% + 32px);
    margin-right: -16px;
  }
  .productsSection .tabBox .pagination {
    display: none;
  }
  .product::before, .product::after {
    display: none;
  }
  .product .title::before {
    display: none;
  }
  .product .image {
    height: 160px;
  }
  .product .sku .model {
    font-size: 20px;
  }
  .product .forLocation span {
    font-size: 11px;
  }
  .inspection {
    margin-top: 63px;
    display: flex;
    flex-direction: column-reverse;
  }
  .inspection .text {
    width: 100%;
    padding: 32px 0;
  }
  .inspection .text::before {
    background: var(--green500);
  }
  .inspection .text .title {
    font-size: 16px;
    text-align: center;
  }
  .inspection .text .subTitle {
    line-height: 22px;
  }
  .inspection .text .items .item {
    font-size: 10px;
  }
  .inspection .text .items .item i {
    font-size: 20px;
  }
  .inspection .inspectionRobot {
    position: relative;
    max-width: 90%;
  }
  .industries {
    margin-top: 48px;
  }
  .industries .swiper-slide {
    width: 290px;
    height: auto;
  }
  .industries .swiper-slide .image {
    height: 276px;
  }
  .industries .swiper-slide .locationBox span {
    color: var(--green500);
  }
  .industries .swiper-slide .locationBox .more {
    display: none;
  }
  .industries .swiper-slide .text .title {
    display: none;
  }
  .mainTitle .mt4 {
    line-height: 22px;
  }
  .brands {
    margin-top: 95px;
  }
  .brands .mainTitle {
    text-align: center;
  }
  .brands .swiper-wrapper {
    margin-top: 35px;
  }
  .brands .swiper-wrapper .swiper-slide .image {
    height: 66px;
  }
  .brands .swiper-wrapper .swiper-slide .image img {
    max-width: 140px;
  }
  .consulting {
    margin-top: 72px;
  }
  .consulting.about {
    margin-bottom: -40px;
  }
  .consulting .all > .flex {
    align-items: center;
  }
  .consulting .flex {
    flex-direction: column;
  }
  .consulting .flex .title {
    font-size: 16px;
  }
  .consulting .flex .subTitle {
    line-height: 22px;
  }
  .consulting .flex .globalBtn {
    justify-content: center;
    font-size: 12px;
    padding: 7px 12px;
  }
  .consulting .flex .images {
    margin-top: 60px;
    width: 360px;
  }
  .consulting .flex .images .profile {
    width: 43px;
    height: 43px;
  }
  .consulting .flex .images .profile.profile1 {
    left: 65px;
  }
  .consulting .flex .images .profile.profile2 {
    top: 65px;
    right: 23px;
  }
  .consulting .flex .images .profile.profile3::after {
    left: -2px;
  }
  .lastBlog .mt4 {
    display: none;
  }
  .lastBlog .postsPart {
    flex-direction: column;
    margin-top: 32px;
  }
  .lastBlog .postsPart .blogPart {
    width: calc(100% + 32px);
    margin-right: -16px;
  }
  .lastBlog .postsPart .blogPart .swiper-slide:first-child {
    margin-right: 16px;
  }
  .lastBlog .postsPart .blogPart .swiper-slide:last-child {
    margin-left: 16px;
  }
  .lastBlog .postsPart .blogPart .pagination {
    display: none;
  }
  .lastBlog .postsPart .newsPart {
    width: 100%;
  }
  .lastBlog .postsPart .newsPart .swiper-slide {
    height: auto;
  }
  .blogItem {
    height: 257px;
  }
  .blogItem .text .bottom .title {
    font-weight: normal;
    font-size: 12.5px;
  }
  .newsItem {
    flex-direction: column;
  }
  .newsItem .image {
    width: 100%;
  }
  .newsItem .text {
    width: 100%;
    padding: 0;
  }
  footer {
    margin-top: 40px;
    padding: 32px 0;position: relative;
  z-index: 2;
  }
  footer .footer {
    flex-direction: column;
    gap: 32px;
    padding-bottom: 64px;
  }
  footer .footer > div {
    width: 100% !important;
  }
  footer .footer .about .text {
    margin-top: 24px;
    margin-bottom: 64px;
  }
  footer .footer .links.duble ul li {
    width: 100%;
  }
  footer .footer .links ul {
    gap: 10px;
  }
  footer .contact {
    flex-direction: column-reverse;
    margin-top: 18px;
  }
  footer .contact .left {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: 1px solid var(--color700);
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  footer .contact .left .item {
    width: auto;
  }
  footer .contact .item {
    font-size: 11px;
  }
  footer .contact .right .bottom {
    flex-wrap: wrap;
    flex-direction: column;
    height: 57px;
  }
  .mainMenu {
    display: none;
  }
  #openMenu {
    display: flex;
    padding: 5px;
    border-radius: 4px;
    transition: all 0.3s;
    background: transparent;
  }
  .pageTitle {
    margin-top: 32px;
  }
  .pageTitle .mt4 {
    text-align: center;
  }
  .productMenu {
    flex-direction: column-reverse;
    gap: 28px;
    margin-top: 28px;
  }
  .productMenu.full {
    width: calc(100% - 18px);
    margin-right: 18px;
  }
  .productMenu ul {
    width: 100%;
    border-radius: 0 6px 6px 0;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
	.productMenu.fixed ul{
		width: calc(100% + 16px) !important;
	  margin-right: -16px !important;
		max-width: 100%;
	}
  .productMenu ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .productMenu ul li {
    min-width: fit-content;
  }
  .productMenu ul a {
    min-width: fit-content;
    padding: 4px 8px;
  }
  .productMenu ul a i {
    font-size: 16px;
  }
  .productMenu .search {
    min-width: 100%;
  }
  .productMenu .search input {
    padding: 10px 0;
  }
  .productList {
    gap: 18px 12px;
    margin-top: 70px;
  }
  .productList .product {
    width: calc(50% - 6px);
    padding: 0;
  }
  .descriptionPage, .archive .faqGlobal {
    margin-top: 70px;
    padding-top: 56px;
  }
  .faqGlobal .question {
    padding: 10px 0;
  }
  .faqGlobal .question h3 {
    font-weight: normal;
    padding-left: 8px;
  }
  .pageHeader {
    height: 320px;
  }
  .industriesPosts {
    padding: 0 16px;
    margin-top: 24px;
  }
  .industriesPosts .item {
    flex-direction: column;position: inherit;
    padding-top: 20px;
  }
  .industriesPosts .item .title {
    width: 100%;
    padding-top: 10px;
  }
  .industriesPosts .item .title a {
    font-size: 16px;
  }
  .industriesPosts .item .title a i {
    font-size: 24px;
  }
  .industriesPosts .item .image {
    width: 100%;
    margin-top: 24px;
  }
  .industriesPosts .item .image img {
    border-radius: 8px;
  }
  .industriesPosts .item .text {
    width: 100%;
    padding: 0;
  }
  .industriesPosts .item .text .description {
    margin: 24px 0 16px;
    font-size: 12px;
    line-height: 24px;
  }
  .notFound {
    min-height: 80vh;
    text-align: center;
  }
  .notFound .title {
    font-size: 18px;
    font-weight: 500;
    margin-top: 32px;
  }
  .notFound p {
    font-size: 12px;
  }
  .notFound .globalBtn {
    color: #fff;
    background: var(--color900);
    border: 0;
    margin-top: 24px;
  }
  .introduction {
    margin-top: 80px;
  }
  .introduction .sub .mt4 {
    margin-top: 16px !important;
  }
  .introduction img {
    margin-top: 45px;
  }
  .services.about .mainTitle span {
    margin-top: 16px;
  }
  .services.about .item {
    flex-direction: row;
    width: 100%;
    height: 130px;
    padding: 20px;
  }
  .services.about .item .text {
    width: 50%;
  }
  .services.about .item .text .title {
    font-size: 12px;
  }
  .services.about .item img {
    width: 50%;
  }
  .services.about .item:nth-child(2), .services.about .item:nth-child(3) {
    width: 100%;
    flex-direction: row;
  }
  .farhang .text {
    text-align: right;
  }
  .farhang .text li:not(:last-child) {
    margin-bottom: 16px;
  }
  .farhang .items {
    width: calc(100% + 32px);
    margin-right: -16px;
    padding: 0 16px;
    overflow: auto;
    gap: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .farhang .items::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .farhang .items .item {
    font-size: 12px;
    min-width: fit-content;
  }
  .farhang .items .item i {
    font-size: 24px;
  }
  .lastBlogAndNews {
    flex-direction: column-reverse;
    gap: 45px;
  }
  .lastBlogAndNews .left {
    width: 100%;
  }
  .lastBlogAndNews .left .image {
    height: 320px;
    width: calc(100% + 32px);
    margin-right: -16px;
    border-radius: 0;
  }
  .lastBlogAndNews .right {
    width: 100%;
  }
  .lastBlogAndNews .right .blogItem {
    height: 225px;
  }
  .blogIndex {
    margin-top: 90px;
  }
  .lastNewsIndex {
    flex-direction: column;
  }
  .lastNewsIndex .right {
    width: 100%;
  }
  .lastNewsIndex .left {
    width: 100%;
  }
  .lastNewsIndex .left .newsItem:not(:last-child) {
    margin-bottom: 40px;
  }
  .lastNewsIndex .left .image {
    width: calc(100% + 32px);
    margin-right: -16px;
    border-radius: 0;
  }
  .document {
    margin-top: 60px;
  }
  .document .row {
    margin-bottom: 0;
  }
  .document .row.head {
    margin-bottom: 12px;
    top: 32px;
  }
  .document .row .right {
    display: none;
  }
  .document .row .left {
    width: 100%;
    font-size: 10px;
    gap: 0;
  }
  .document .row .left .button {
    min-width: 52px;
  }
  .document .row .left .detail .image {
    width: 68px;
    height: 84px;
  }
  .document .row .left .detail .text .title {
    display: none;
  }
  .document .row .left .detail .text .sku {
    flex-direction: column;
  }
  .document .row .left .detail .text .sku .model {
    font-size: 18px;
  }
  .single-products .section1 {
    margin-top: 45px;
    flex-direction: column;
    gap: 0;
  }
  .single-products .section1 .productMenu {
    margin: 66px 0;
  }
  .single-products .section1 .right {
    width: 100%;
  }
  .single-products .section1 .left {
    width: 100%;
  }
  .single-products .section1 .left .sku .model {
    font-size: 16px;
  }
  .single-products .section1 .left .shortDes {
    font-size: 12px;
    line-height: 24px;
  }
  .single-products .section1 .left .fani {
    margin-top: 32px;
  }
  .single-products .section1 .left .fani span {
    font-size: 14px;
  }
  .single-products .section1 .left .tags {
    margin-top: 32px;
  }
  .single-products .section1 .left .tags span {
    font-size: 11px;
  }
  .single-products .section1 .left .requestBtn {
    display: none;
  }
  .single-products .section2 .text {
    width: 100%;
    height: auto;
  }
  .single-products .section2 .text .title {
    font-size: 16px;
  }
  .single-products .section2 .text .des {
    font-size: 12px;
    line-height: 24px;
  }
  .single-products .section2 img {
    position: inherit;
    display: flex;
    margin-top: 80px;
  }
  .single-products .section3 .tabs {
    display: flex;
    flex-direction: column;
  }
  .single-products .section6 {
    padding-top: 70px;
  }
  .single-products .section6 .mainTitle .title {
    font-size: 14px;
  }
  .single-products .section9 {
    margin-top: 80;
  }
  .single-products .section9 .all {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 0 40px;
  }
  .single-products .section9 .all .text {
    width: 100%;
    margin-top: 40px;
  }
  .single-products .section9 .all .text .items .item .title {
    font-size: 14px;
    font-weight: normal;
  }
  .single-products .section9 .all .text .items .item .title i {
    font-size: 18px;
  }
  .single-products .section9 .all .text .items .item .des {
    margin-right: 8px;
  }
  .single-products .section9 .all .images {
    width: calc(100% + 32px);
    position: relative;
    max-width: unset;
    margin-right: -16px;
    height: 300px;
    top: 0;
  }
  .single-products .section12 {
    flex-direction: column;
    margin-top: 0;
  }
  .single-products .section12.theme1 .stickyBox {
    position: relative;
    background: transparent;
  }
  .single-products .section12.theme2 .stickyBox {
    flex-direction: column;
    position: unset;
  }
  .single-products .section12.theme2 .stickyBox .item {
    width: 100% !important;
    text-align: center;
  }
  .single-products .section12.theme2 .stickyBox .item .title {
    display: none;
  }
  .single-products .section12.theme2 .stickyBox .item img {
    width: auto;
    height: auto;
  }
  .single-products .section12.theme2 .stickyBox .btns {
    display: flex;
    justify-content: center;
    margin: 24px 0;
    gap: 12px;
    direction: rtl;
  }
  .single-products .section12.theme2 .item2 {
    display: none;
  }
  .single-products .section12 .tables table tr td.value {
    width: unset;
  }
	.single-products .section11 .items .item .title{font-size: 13px;}
	.single-products .section14 .item .title{font-size: 13px;}
	.single-products .section14 .item .image{width: 100%;height: 145px;min-width: 100%;}
	.single-products .section14 .item{flex-direction: column;}
	.single-products .section14 .items{align-items: flex-start;}
	.single-products .section15 .items .item{width:50%;padding: 0 10px;}
	.single-products .section15 .items .item .titleEn{font-size:14px}
  .single-products .bottomFix {
    display: flex;
  }
  .single-products .bottomFix .content {
    gap: 16px;
    padding: 0;
  }
  .single-products .bottomFix .content .image {
    height: 88px;
    width: 88px;padding: 15px;
  }
  .single-products .bottomFix .content .text .rahkar {
    font-size: 11px;
  }
  .single-products .bottomFix .content .globalBtn {
    font-size: 12px;
    min-width: 91px;
    padding: 7px 9.5px;margin-right:auto
  }
  .single-products .bottomFix .shortDes {
    display: none;
  }
  .single-products .relatedProductSwiper .product {
    padding: 0;
  }
  .industriesSingle .section1 {
    margin-top: 50px;
  }
  .industriesSingle .section1 .title {
    font-size: 16px;
  }
  .industriesSingle .section1 .title i {
    font-size: 24px;
  }
  .industriesSingle .section1 .des {
    line-height: 22px;
    margin-top: 24px;
  }
  .industriesSingle .section2 .items {
    width: calc(100% + 32px);
    margin-right: -16px;
  }
  .industriesSingle .section2 .items .item {
    width: 100%;
    padding: 16px 24px;
    position: relative;
  }
  .industriesSingle .section2 .items .item::after {
    content: "";
    width: 1px;
    height: 50%;
    background: #D7D7D7;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .industriesSingle .section2 .items .item i {
    font-size: 32px;
  }
  .industriesSingle .section2 .items .item .title {
    font-size: 12px;
    margin-top: 8px;
  }
  .industriesSingle .section2 .items .item .number {
    font-size: 16px;
  }
  .industriesSingle .section3 .mobile {
    display: block;
    margin: 24px 0;
    width: 100%;
    border-radius: 6px;
  }
  .industriesSingle .section3 .desktop {
    display: none;
  }
  .industriesSingle .section4 {
    padding: 0 0 48px;
  }
  .industriesSingle .section4 .content {
    flex-direction: column;
  }
  .industriesSingle .section4 .content .right {
    width: calc(100% + 32px);
    margin-right: -16px;
    position: relative;top: 0;
  }
  .industriesSingle .section4 .content .right::before {
    width: 100%;
    height: 2px;
    bottom: 0;
    top: unset;
    background: linear-gradient(90deg, #111714 0%, #059661 50%, #111714 100%);
  }
  .industriesSingle .section4 .content .right::after {
    width: 20%;
    height: 130px;
    bottom: -30px;
    top: unset;
    right: 0;
    left: 0;
  }
  .industriesSingle .section4 .content .right img {
    display: flex;
  }
  .industriesSingle .section4 .content .left {
    width: 100%;
  }
  .industriesSingle .section4 .content .left .items .item .title {
    margin-top: 40px;
    font-size: 14px;
  }
  .industriesSingle .section5 {
    padding: 56px 0 0;
  }
  .industriesSingle .section5 .swiper {
    width: calc(100% + 32px);
    margin-right: -16px;
  }
  .industriesSingle .section5 .swiper .product {
    padding: 0 16px 0 12px;
  }
  .solutionSingle .section1 {
    flex-direction: column;
    gap: 24px;
  }
  .solutionSingle .section1 .right {
    width: 100%;
  }
  .solutionSingle .section1 .left {
    width: 100%;
  }
  .solutionSingle .section1 .left .text {
    margin-top: 0;
  }
  .solutionSingle .section2 {
    flex-direction: column;
    gap: 58px;
    margin-top: 78px;
  }
  .solutionSingle .section2 .right .text {
    margin-top: 24px;
  }
  .solutionSingle .section2 .left {
    padding-right: 32px;
  }
  .solutionSingle .section2 .left .item {
    gap: 20px;
  }
  .solutionSingle .section2 .left .item .title {
    font-size: 14px;
  }
  .solutionSingle .section3::after {
    display: none;
  }
  .solutionSingle .section3::before {
    bottom: initial;
    left: 0;
    right: 0;
    height: 200px;
    top: -100px;
  }
  .solutionSingle .section3 .items {
    flex-direction: column;
    gap: 48px;
  }
  .solutionSingle .section3 .items .item .title {
    font-size: 14px;
  }
  .solutionSingle .section3 .items .item span {
    font-size: 14px;
  }
  .solutionSingle .section5 .swiper .title {
    font-size: 14px;
  }
  .solutionSingle .services .items .item:nth-child(2), .solutionSingle .services .items .item:nth-child(3) {
    width: 100%;
    flex-direction: column;
  }
  .solutionSingle .section7 .items {
    flex-direction: column;
    background: transparent;
    gap: 16px;
  }
  .solutionSingle .section7 .items .item i {
    font-size: 32px;
  }
  .solutionSingle .section7 .items .item .title {
    margin-top: 8px;
    font-size: 14px;
  }
  .case .pageTitle {
    margin-top: 32px;
  }
  .case .productMenu.case {
    width: 100%;
  }
  .case .productMenu.case ul {
    width: 100%;
  }
  .case .productMenu.case ul li {
    width: unset;
    min-width: unset;
  }
  .case .section1 {
    flex-direction: column;
    gap: 16px;
    margin-top: 56px;
  }
	.case .section1 .images{width:100%}
  .case .section1 .img {
    border-radius: 0;
  }
  .case .section1 .left {
    width: 100%;
  }
  .case .section1 .left .item {
    margin-bottom: 0 !important;
  }
  .case .section1 .left .item:not(.active) {
    display: none;
  }
  .case .section1 .left .item .text {
    margin-top: 0;
  }
  .case .section1 .left .item .more {
    display: none;
  }
  .case .section2 {
    width: calc(100% - 32px);
    margin: 56px auto 0;
  }
  .case .section2 img {
    border-radius: 6px;
    margin-top: 0;
  }
  .case .section2 .mainTitle {
    display: none;
  }
  .case .section2 .content .text {
    line-height: 24px;
  }
  .case .section2 .content .items {
    overflow: auto;
    gap: 0;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .case .section2 .content .items::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .case .section2 .content .items .item {
    min-width: 160px;
    font-size: 12px;
  }
  .case .section2 .content .items .item i {
    font-size: 24px;
  }
  .case .section3 .swiper .pagination {
    margin-top: 24px;
  }
  .singlePost {
    margin-top: 48px;
  }
  .singlePost .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .singlePost .postMainTitle {
    font-size: 18px;
  }
  .singlePost .postMainImg img {
    border-radius: 0;
  }
  .singlePost h2 {
    font-size: 16px;
  }
  .singlePost h3 {
    font-size: 14px;
  }
  .singlePost .singleContainer .bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
  }
  .singlePost .singleContainer .bottom .left .share.copied span {
    display: block;
  }
  .singlePost .singleContainer .bottom .left .share span {
    display: none;
  }
  .moshavere .textLayer {
    max-width: 100%;
    border-radius: 0;
    height: 100dvh;
    overflow: auto;
  }
  .moshavere .textLayer .title {
    margin: 0;
    padding: 24px 0 0 24px;
  }
  .moshavere .textLayer .content {
    flex-direction: column;
  }
  .moshavere .textLayer .content .right {
    width: 100%;
  }
  .moshavere .textLayer .content .left {
    width: 100%;
  }
  .moshavere .textLayer .content .left .gform_title {
    font-size: 16px;
    font-weight: 500;
  }
	
	footer .about .logoText{width:90px}
	footer .about .logoIcon{width: 26px;margin-right: 6px;}
}
/** end responsive **/

/*# sourceMappingURL=style.css.map */