/* Author: Hassan Moaiery - Email:  h.moaiery@gmail.com - Phone:  +98 912 290 2832 - Website: https://hamo.ir - Project: Iran Textile Market Ui/Ux - Full Redesign */
:root {
  --primary: #2a9d8f;
  --primary-dark: #21867a;
  --secondary: #e9c46a;
  --accent: #e76f51;
  --dark: #264653;
  --light: #f8f9fa;
  --white: #fff;
  --neutral: #e9ecef;
  --gradient: linear-gradient(135deg, var(--primary), var(--secondary));
  --gradient-light: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.1),
    rgba(233, 196, 106, 0.1)
  );
}
body {
  color: #333;
  direction: rtl;
  text-align: right;
  background-color: #fff;
}
*,
html,
body {
  font-family: Vazirmatn !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: var(--primary-dark);
}
h2 {
  color: #80b23e;
}
header #top_menu > li:has(> a[href="/quote/cart"]),
header .navbar-nav > li:has(> a[href="/quote/cart"]) {
  display: none !important;
}
header #top_menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 3px;
  margin: 0 !important;
  padding: 5px 6px !important;
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
header #top_menu > .nav-item {
  position: relative;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}
header #top_menu > .nav-item > .nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 6px;
  padding: 8px 11px !important;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none !important;
  white-space: nowrap;
  transition:
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}
header #top_menu > .nav-item > .nav-link > span {
  color: inherit !important;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
header #top_menu > .nav-item > .nav-link:hover {
  transform: translateY(-1px);
  border-color: rgba(42, 157, 143, 0.13);
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f !important;
  box-shadow:
    0 6px 15px rgba(23, 52, 62, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
header #top_menu > .nav-item > .nav-link.active {
  border-color: rgba(42, 157, 143, 0.15);
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.13),
    rgba(42, 157, 143, 0.055)
  );
  color: #247f75 !important;
  font-weight: 900;
  box-shadow:
    0 5px 14px rgba(42, 157, 143, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
header #top_menu > .nav-item > .nav-link.active::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 3px;
  left: 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #2a9d8f, transparent);
}
header #top_menu > .nav-item.dropdown > .dropdown-toggle::after {
  width: auto;
  height: auto;
  margin: 0 4px 0 0 !important;
  border: 0 !important;
  color: #71858a;
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
  vertical-align: middle;
  content: "\f107";
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
header #top_menu > .nav-item.dropdown:hover > .dropdown-toggle::after,
header #top_menu > .nav-item.dropdown > .dropdown-toggle.show::after {
  color: #2a9d8f;
}
header #top_menu > .nav-item.dropdown > .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
header #top_menu .o_mega_menu.dropdown-menu {
  right: 0 !important;
  left: 0 !important;
  width: min(1320px, calc(100vw - 42px));
  max-width: 1320px;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 95% 5%,
      rgba(42, 157, 143, 0.09),
      transparent 29%
    ),
    radial-gradient(
      circle at 5% 95%,
      rgba(233, 196, 106, 0.08),
      transparent 26%
    ),
    rgba(255, 255, 255, 0.985) !important;
  box-shadow:
    0 24px 60px rgba(23, 52, 62, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu {
  padding: 18px 18px 10px !important;
  background: transparent !important;
  font-family: Vazirmatn, sans-serif;
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu > .container {
  max-width: 100% !important;
  padding: 0 !important;
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu .row {
  --bs-gutter-x: 14px;
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu .row > div[class*="col-"] {
  padding: 16px !important;
  border: 1px solid rgba(23, 52, 62, 0.06);
  border-radius: 18px;
  background: linear-gradient(
    145deg,
    rgba(247, 250, 249, 0.72),
    rgba(255, 255, 255, 0.92)
  );
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
header
  #top_menu
  .o_mega_menu
  .s_mega_menu_odoo_menu
  .row
  > div[class*="col-"]:hover {
  transform: translateY(-3px);
  border-color: rgba(42, 157, 143, 0.15);
  box-shadow: 0 12px 26px rgba(23, 52, 62, 0.055);
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu h4 {
  position: relative;
  margin: 0 0 12px !important;
  padding-right: 13px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.7;
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu h4::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 4px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2a9d8f, #e9c46a);
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu .s_hr {
  display: none !important;
}
header #top_menu .o_mega_menu .nav.flex-column {
  gap: 3px;
}
header #top_menu .o_mega_menu .nav.flex-column > .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  gap: 7px;
  margin: 0;
  padding: 6px 10px !important;
  border-radius: 10px;
  color: #62777c !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    padding-right 0.2s ease;
}
header #top_menu .o_mega_menu .nav.flex-column > .nav-link::before {
  content: "\f105";
  color: rgba(42, 157, 143, 0.72);
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
}
header #top_menu .o_mega_menu .nav.flex-column > .nav-link:hover {
  padding-right: 14px !important;
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f !important;
}
header #top_menu .o_mega_menu .s_mega_menu_odoo_menu_footer {
  margin-top: 12px;
  border-top: 1px solid rgba(23, 52, 62, 0.065) !important;
  background: rgba(247, 250, 249, 0.72);
}
header #top_menu .o_mega_menu .s_mega_menu_gray_area {
  padding: 10px 14px !important;
  background: transparent !important;
}
header #top_menu > .nav-item.dropdown > ul.dropdown-menu:empty {
  display: none !important;
}
@media (max-width: 1199.98px) {
  header #top_menu {
    gap: 1px;
  }
  header #top_menu > .nav-item > .nav-link {
    min-height: 39px;
    padding: 7px 8px !important;
    font-size: 11px;
  }
  header #top_menu .o_mega_menu.dropdown-menu {
    width: calc(100vw - 30px);
  }
}
@media (max-width: 991.98px) {
  header #top_menu {
    display: block;
    padding: 8px !important;
  }
  header #top_menu > .nav-item {
    width: 100%;
    margin-bottom: 3px !important;
  }
  header #top_menu > .nav-item > .nav-link {
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 9px 12px !important;
    border-radius: 11px;
    font-size: 12px;
  }
  header #top_menu .o_mega_menu.dropdown-menu {
    position: static !important;
    width: 100%;
    max-width: 100%;
    margin: 6px 0 10px !important;
    border-radius: 16px;
    box-shadow: none;
  }
  header #top_menu .o_mega_menu .s_mega_menu_odoo_menu {
    padding: 10px !important;
  }
  header
    #top_menu
    .o_mega_menu
    .s_mega_menu_odoo_menu
    .row
    > div[class*="col-"] {
    margin-bottom: 8px;
    padding: 13px !important;
    border-radius: 14px;
  }
}
.itm-content-page-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: "Vazirmatn", sans-serif;
  background: #264653;
}
.itm-content-page-hero .itm-content-page-hero__media {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.itm-content-page-hero .itm-content-page-hero__image {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}
.itm-content-page-hero .itm-content-page-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    90deg,
    rgba(38, 70, 83, 0.72) 0%,
    rgba(38, 70, 83, 0.89) 55%,
    rgba(26, 50, 59, 0.96) 100%
  );
}
.itm-content-page-hero .itm-content-page-hero__overlay::before {
  content: "";
  position: absolute;
  top: -130px;
  right: -90px;
  width: 360px;
  height: 360px;
  border: 52px solid rgba(233, 196, 106, 0.11);
  border-radius: 50%;
}
.itm-content-page-hero .itm-content-page-hero__overlay::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 8%;
  width: 300px;
  height: 300px;
  border: 42px solid rgba(42, 157, 143, 0.12);
  border-radius: 50%;
}
.itm-content-page-hero .itm-content-page-hero__container {
  position: relative;
  z-index: 4;
  width: 100%;
}
.itm-content-page-hero .itm-content-page-hero__content {
  max-width: 760px;
  padding: 75px 0 90px;
  color: #ffffff;
}
.itm-content-page-hero .itm-content-page-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 400;
}
.itm-content-page-hero .itm-content-page-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  transition: color 0.25s ease;
}
.itm-content-page-hero .itm-content-page-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-content-page-hero .itm-content-page-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 12px;
}
.itm-content-page-hero .itm-content-page-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 17px;
  margin-bottom: 18px;
  border: 1px solid rgba(233, 196, 106, 0.38);
  border-radius: 50px;
  background: rgba(233, 196, 106, 0.13);
  color: #f1d98f;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(6px);
}
.itm-content-page-hero .itm-content-page-hero__eyebrow i {
  color: #e9c46a;
}
.itm-content-page-hero .itm-content-page-hero__title {
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -1px;
}
.itm-content-page-hero .itm-content-page-hero__description {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}
.itm-content-page-hero .itm-content-page-hero__line {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 165px;
  margin-top: 25px;
}
.itm-content-page-hero .itm-content-page-hero__line span {
  height: 2px;
  border-radius: 5px;
}
.itm-content-page-hero .itm-content-page-hero__line span:first-child {
  width: 78px;
  background: #e9c46a;
}
.itm-content-page-hero .itm-content-page-hero__line span:last-child {
  width: 45px;
  background: rgba(255, 255, 255, 0.35);
}
.itm-content-page-hero .itm-content-page-hero__line i {
  color: #2a9d8f;
  font-size: 8px;
}
.itm-content-page-hero .itm-content-page-hero__bottom-shape {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 5;
  height: 34px;
  background: #ffffff;
  clip-path: polygon(
    0 100%,
    0 78%,
    18% 42%,
    36% 70%,
    58% 32%,
    78% 66%,
    100% 28%,
    100% 100%
  );
}
@media (max-width: 991px) {
  .itm-content-page-hero {
    min-height: 380px;
  }
  .itm-content-page-hero .itm-content-page-hero__content {
    padding: 65px 0 80px;
  }
  .itm-content-page-hero .itm-content-page-hero__title {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .itm-content-page-hero {
    min-height: 350px;
  }
  .itm-content-page-hero .itm-content-page-hero__overlay {
    background: rgba(38, 70, 83, 0.9);
  }
  .itm-content-page-hero .itm-content-page-hero__content {
    padding: 55px 0 75px;
  }
  .itm-content-page-hero .itm-content-page-hero__breadcrumb {
    margin-bottom: 19px;
  }
  .itm-content-page-hero .itm-content-page-hero__title {
    font-size: 36px;
  }
  .itm-content-page-hero .itm-content-page-hero__description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-content-page-hero .itm-content-page-hero__bottom-shape {
    height: 24px;
  }
}
.itm-about-intro {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-about-intro::before {
  content: "";
  position: absolute;
  top: 80px;
  left: -120px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.05);
}
.itm-about-intro .itm-about-intro__visual {
  position: relative;
  max-width: 590px;
  margin: 0 auto;
  padding: 20px 0 28px 24px;
}
.itm-about-intro .itm-about-intro__image-frame {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 30px 8px 30px 8px;
  box-shadow: 0 24px 55px rgba(38, 70, 83, 0.15);
}
.itm-about-intro .itm-about-intro__image {
  width: 100% !important;
  height: 510px !important;
  display: block;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.itm-about-intro .itm-about-intro__image-frame:hover .itm-about-intro__image {
  transform: scale(1.035);
}
.itm-about-intro .itm-about-intro__image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(38, 70, 83, 0) 55%,
    rgba(38, 70, 83, 0.22) 100%
  );
  pointer-events: none;
}
.itm-about-intro .itm-about-intro__shape {
  position: absolute;
  border-radius: 24px;
}
.itm-about-intro .itm-about-intro__shape--one {
  top: 0;
  right: -18px;
  width: 170px;
  height: 170px;
  z-index: 1;
  background: rgba(233, 196, 106, 0.28);
}
.itm-about-intro .itm-about-intro__shape--two {
  left: 0;
  bottom: 0;
  width: 210px;
  height: 125px;
  z-index: 1;
  background: #264653;
}
.itm-about-intro .itm-about-intro__badge {
  position: absolute;
  right: -28px;
  bottom: 60px;
  z-index: 4;
  min-width: 275px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 40px rgba(38, 70, 83, 0.16);
  backdrop-filter: blur(10px);
}
.itm-about-intro .itm-about-intro__badge-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 21px;
}
.itm-about-intro .itm-about-intro__badge-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.itm-about-intro .itm-about-intro__badge-content strong {
  color: #264653;
  font-size: 15px;
  font-weight: 700;
}
.itm-about-intro .itm-about-intro__badge-content span {
  color: #78858a;
  font-size: 12px;
}
.itm-about-intro .itm-about-intro__content {
  max-width: 650px;
}
.itm-about-intro .itm-about-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-about-intro .itm-about-intro__eyebrow i {
  font-size: 16px;
}
.itm-about-intro .itm-about-intro__title {
  margin: 0;
  color: #264653;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.5;
}
.itm-about-intro .itm-about-intro__divider {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 28px;
}
.itm-about-intro .itm-about-intro__divider span {
  width: 76px;
  height: 3px;
  border-radius: 8px;
  background: #e9c46a;
}
.itm-about-intro .itm-about-intro__divider i {
  color: #2a9d8f;
  font-size: 8px;
}
.itm-about-intro .itm-about-intro__text {
  margin: 0 0 16px;
  color: #69777d;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.15;
  text-align: justify;
}
.itm-about-intro .itm-about-intro__quote {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 25px;
  padding: 19px 20px;
  border-right: 4px solid #e9c46a;
  border-radius: 12px 0 0 12px;
  background: #f8fbfa;
}
.itm-about-intro .itm-about-intro__quote i {
  margin-top: 4px;
  color: #2a9d8f;
  font-size: 20px;
}
.itm-about-intro .itm-about-intro__quote p {
  margin: 0;
  color: #4f6067;
  font-size: 14px;
  line-height: 2;
}
.itm-about-intro .itm-about-intro__features {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  margin-top: 25px;
}
.itm-about-intro .itm-about-intro__feature {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-about-intro .itm-about-intro__feature i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
  font-size: 11px;
}
@media (max-width: 991px) {
  .itm-about-intro {
    padding: 85px 0;
  }
  .itm-about-intro .itm-about-intro__visual {
    max-width: 680px;
    margin-bottom: 20px;
  }
  .itm-about-intro .itm-about-intro__image {
    height: 470px !important;
  }
  .itm-about-intro .itm-about-intro__content {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .itm-about-intro {
    padding: 65px 0;
  }
  .itm-about-intro .itm-about-intro__visual {
    padding: 10px 0 72px;
  }
  .itm-about-intro .itm-about-intro__image {
    height: 360px !important;
  }
  .itm-about-intro .itm-about-intro__shape--one {
    width: 120px;
    height: 120px;
  }
  .itm-about-intro .itm-about-intro__shape--two {
    width: 150px;
    height: 90px;
  }
  .itm-about-intro .itm-about-intro__badge {
    right: 16px;
    bottom: 18px;
    left: 16px;
    min-width: 0;
  }
  .itm-about-intro .itm-about-intro__title {
    font-size: 32px;
  }
  .itm-about-intro .itm-about-intro__text {
    font-size: 14px;
    line-height: 2.05;
  }
  .itm-about-intro .itm-about-intro__features {
    flex-direction: column;
    align-items: flex-start;
  }
}
.itm-about-direction {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #f7faf9 0%, #ffffff 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-about-direction::before {
  content: "";
  position: absolute;
  top: -140px;
  right: -110px;
  width: 330px;
  height: 330px;
  border: 55px solid rgba(42, 157, 143, 0.06);
  border-radius: 50%;
}
.itm-about-direction::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.08);
}
.itm-about-direction .itm-about-direction__heading {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto 50px;
  text-align: center;
}
.itm-about-direction .itm-about-direction__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-about-direction .itm-about-direction__eyebrow i {
  font-size: 17px;
}
.itm-about-direction .itm-about-direction__title {
  margin: 0 0 16px;
  color: #264653;
  font-size: 39px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-about-direction .itm-about-direction__description {
  max-width: 680px;
  margin: 0 auto;
  color: #758287;
  font-size: 15px;
  line-height: 2;
}
.itm-about-direction .itm-about-direction__card {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 500px;
  overflow: hidden;
  padding: 34px;
  border: 1px solid #e7eeec;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(38, 70, 83, 0.08);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-about-direction .itm-about-direction__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(38, 70, 83, 0.13);
}
.itm-about-direction .itm-about-direction__card--vision:hover {
  border-color: rgba(42, 157, 143, 0.35);
}
.itm-about-direction .itm-about-direction__card--mission:hover {
  border-color: rgba(233, 196, 106, 0.55);
}
.itm-about-direction .itm-about-direction__card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 6px;
}
.itm-about-direction .itm-about-direction__card--vision::before {
  background: linear-gradient(90deg, #2a9d8f, #6fc2b8);
}
.itm-about-direction .itm-about-direction__card--mission::before {
  background: linear-gradient(90deg, #e9c46a, #f0d890);
}
.itm-about-direction .itm-about-direction__card::after {
  content: "";
  position: absolute;
  top: -95px;
  left: -95px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  pointer-events: none;
}
.itm-about-direction .itm-about-direction__card--vision::after {
  background: rgba(42, 157, 143, 0.06);
}
.itm-about-direction .itm-about-direction__card--mission::after {
  background: rgba(233, 196, 106, 0.09);
}
.itm-about-direction .itm-about-direction__card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.itm-about-direction .itm-about-direction__number {
  color: rgba(38, 70, 83, 0.12);
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
}
.itm-about-direction .itm-about-direction__icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  font-size: 28px;
}
.itm-about-direction
  .itm-about-direction__card--vision
  .itm-about-direction__icon {
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
}
.itm-about-direction
  .itm-about-direction__card--mission
  .itm-about-direction__icon {
  background: rgba(233, 196, 106, 0.18);
  color: #c99a29;
}
.itm-about-direction .itm-about-direction__card-content {
  position: relative;
  z-index: 2;
}
.itm-about-direction .itm-about-direction__label {
  display: block;
  margin-bottom: 7px;
  color: #8b969a;
  font-size: 13px;
  font-weight: 700;
}
.itm-about-direction .itm-about-direction__card-title {
  margin: 0 0 20px;
  color: #264653;
  font-size: 28px;
  font-weight: 700;
}
.itm-about-direction .itm-about-direction__card-text {
  margin: 0 0 15px;
  color: #69777d;
  font-size: 14px;
  line-height: 2.15;
  text-align: justify;
}
.itm-about-direction .itm-about-direction__card-footer {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
  padding-top: 22px;
  border-top: 1px solid #edf1f0;
}
.itm-about-direction .itm-about-direction__point {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 10px;
  background: #f7faf9;
  color: #43565d;
  font-size: 12px;
  font-weight: 700;
}
.itm-about-direction
  .itm-about-direction__card--vision
  .itm-about-direction__point
  i {
  color: #2a9d8f;
}
.itm-about-direction
  .itm-about-direction__card--mission
  .itm-about-direction__point
  i {
  color: #d2a438;
}
@media (max-width: 991px) {
  .itm-about-direction {
    padding: 80px 0;
  }
  .itm-about-direction .itm-about-direction__title {
    font-size: 34px;
  }
  .itm-about-direction .itm-about-direction__card {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .itm-about-direction {
    padding: 65px 0;
  }
  .itm-about-direction .itm-about-direction__heading {
    margin-bottom: 35px;
  }
  .itm-about-direction .itm-about-direction__title {
    font-size: 29px;
  }
  .itm-about-direction .itm-about-direction__description {
    font-size: 14px;
  }
  .itm-about-direction .itm-about-direction__card {
    padding: 27px 22px;
    border-radius: 22px;
  }
  .itm-about-direction .itm-about-direction__number {
    font-size: 48px;
  }
  .itm-about-direction .itm-about-direction__icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    font-size: 24px;
  }
  .itm-about-direction .itm-about-direction__card-title {
    font-size: 24px;
  }
  .itm-about-direction .itm-about-direction__card-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.itm-about-network {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: #264653;
  font-family: "Vazirmatn", sans-serif;
}
.itm-about-network::before {
  content: "";
  position: absolute;
  top: -160px;
  left: -100px;
  width: 380px;
  height: 380px;
  border: 70px solid rgba(233, 196, 106, 0.07);
  border-radius: 50%;
}
.itm-about-network::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.09);
}
.itm-about-network .itm-about-network__heading {
  position: relative;
  z-index: 3;
  max-width: 820px;
  margin: 0 auto 58px;
  text-align: center;
}
.itm-about-network .itm-about-network__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: #e9c46a;
  font-size: 14px;
  font-weight: 700;
}
.itm-about-network .itm-about-network__eyebrow i {
  font-size: 17px;
}
.itm-about-network .itm-about-network__title {
  margin: 0 0 17px;
  color: #ffffff;
  font-size: 39px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-about-network .itm-about-network__description {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 2.1;
}
.itm-about-network .itm-about-network__diagram {
  position: relative;
  z-index: 3;
}
.itm-about-network .itm-about-network__center {
  position: relative;
  z-index: 5;
  width: 230px;
  height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0 auto 45px;
  border: 1px solid rgba(233, 196, 106, 0.42);
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(233, 196, 106, 0.18) 0%,
    rgba(42, 157, 143, 0.12) 55%,
    rgba(255, 255, 255, 0.04) 100%
  );
  box-shadow:
    0 0 0 18px rgba(255, 255, 255, 0.025),
    0 0 0 38px rgba(255, 255, 255, 0.015);
  text-align: center;
}
.itm-about-network .itm-about-network__center::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(233, 196, 106, 0.32);
  border-radius: 50%;
}
.itm-about-network .itm-about-network__center-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #e9c46a;
  color: #264653;
  font-size: 27px;
}
.itm-about-network .itm-about-network__center strong {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.itm-about-network .itm-about-network__center span {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
}
.itm-about-network .itm-about-network__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.itm-about-network .itm-about-network__grid::before {
  content: "";
  position: absolute;
  top: -45px;
  right: 50%;
  width: 1px;
  height: 45px;
  background: rgba(233, 196, 106, 0.4);
}
.itm-about-network .itm-about-network__item {
  position: relative;
  min-height: 225px;
  padding: 28px 25px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;
}
.itm-about-network .itm-about-network__item:hover {
  transform: translateY(-7px);
  border-color: rgba(233, 196, 106, 0.38);
  background: rgba(255, 255, 255, 0.085);
}
.itm-about-network .itm-about-network__item::before {
  content: "";
  position: absolute;
  top: -55px;
  left: -55px;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.055);
}
.itm-about-network .itm-about-network__item-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 17px;
  font-size: 23px;
}
.itm-about-network
  .itm-about-network__item--suppliers
  .itm-about-network__item-icon,
.itm-about-network
  .itm-about-network__item--consumers
  .itm-about-network__item-icon,
.itm-about-network
  .itm-about-network__item--research
  .itm-about-network__item-icon {
  background: rgba(42, 157, 143, 0.2);
  color: #64c8bc;
}
.itm-about-network
  .itm-about-network__item--manufacturers
  .itm-about-network__item-icon,
.itm-about-network
  .itm-about-network__item--traders
  .itm-about-network__item-icon,
.itm-about-network
  .itm-about-network__item--consultants
  .itm-about-network__item-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-about-network .itm-about-network__item-content {
  position: relative;
  z-index: 2;
}
.itm-about-network .itm-about-network__item-number {
  position: absolute;
  top: -72px;
  left: 0;
  color: rgba(255, 255, 255, 0.09);
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
}
.itm-about-network .itm-about-network__item-content h3 {
  margin: 0 0 11px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 700;
}
.itm-about-network .itm-about-network__item-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 2;
}
@media (max-width: 991px) {
  .itm-about-network {
    padding: 85px 0;
  }
  .itm-about-network .itm-about-network__title {
    font-size: 34px;
  }
  .itm-about-network .itm-about-network__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .itm-about-network .itm-about-network__grid::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .itm-about-network {
    padding: 65px 0;
  }
  .itm-about-network .itm-about-network__heading {
    margin-bottom: 42px;
  }
  .itm-about-network .itm-about-network__title {
    font-size: 29px;
  }
  .itm-about-network .itm-about-network__description {
    font-size: 14px;
  }
  .itm-about-network .itm-about-network__center {
    width: 195px;
    height: 195px;
    margin-bottom: 35px;
  }
  .itm-about-network .itm-about-network__grid {
    grid-template-columns: 1fr;
  }
  .itm-about-network .itm-about-network__item {
    min-height: 0;
  }
}
.itm-about-trust {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-about-trust::before {
  content: "";
  position: absolute;
  top: 70px;
  right: -120px;
  width: 300px;
  height: 300px;
  border: 50px solid rgba(42, 157, 143, 0.05);
  border-radius: 50%;
}
.itm-about-trust::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: -90px;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.08);
}
.itm-about-trust .itm-about-trust__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-about-trust .itm-about-trust__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-about-trust .itm-about-trust__eyebrow i {
  font-size: 17px;
}
.itm-about-trust .itm-about-trust__title {
  margin: 0 0 15px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-about-trust .itm-about-trust__description {
  max-width: 670px;
  margin: 0 auto;
  color: #748187;
  font-size: 15px;
  line-height: 2;
}
.itm-about-trust .itm-about-trust__card {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 485px;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid #e9efed;
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(38, 70, 83, 0.07);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-about-trust .itm-about-trust__card:hover {
  transform: translateY(-9px);
  box-shadow: 0 25px 58px rgba(38, 70, 83, 0.12);
}
.itm-about-trust .itm-about-trust__card--marketing:hover {
  border-color: rgba(233, 196, 106, 0.58);
}
.itm-about-trust .itm-about-trust__card--technology:hover {
  border-color: rgba(42, 157, 143, 0.4);
}
.itm-about-trust .itm-about-trust__card--experience:hover {
  border-color: rgba(38, 70, 83, 0.4);
}
.itm-about-trust .itm-about-trust__card::before {
  content: "";
  position: absolute;
  top: -75px;
  left: -75px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  transition: transform 0.45s ease;
}
.itm-about-trust .itm-about-trust__card:hover::before {
  transform: scale(1.2);
}
.itm-about-trust .itm-about-trust__card--marketing::before {
  background: rgba(233, 196, 106, 0.13);
}
.itm-about-trust .itm-about-trust__card--technology::before {
  background: rgba(42, 157, 143, 0.09);
}
.itm-about-trust .itm-about-trust__card--experience::before {
  background: rgba(38, 70, 83, 0.08);
}
.itm-about-trust .itm-about-trust__card-index {
  position: absolute;
  top: 25px;
  left: 28px;
  color: rgba(38, 70, 83, 0.1);
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
}
.itm-about-trust .itm-about-trust__icon {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  border-radius: 22px;
  font-size: 28px;
}
.itm-about-trust .itm-about-trust__card--marketing .itm-about-trust__icon {
  background: rgba(233, 196, 106, 0.2);
  color: #c99722;
}
.itm-about-trust .itm-about-trust__card--technology .itm-about-trust__icon {
  background: rgba(42, 157, 143, 0.14);
  color: #2a9d8f;
}
.itm-about-trust .itm-about-trust__card--experience .itm-about-trust__icon {
  background: rgba(38, 70, 83, 0.12);
  color: #264653;
}
.itm-about-trust .itm-about-trust__card-title {
  position: relative;
  z-index: 2;
  margin: 0 0 16px;
  color: #264653;
  font-size: 23px;
  font-weight: 700;
}
.itm-about-trust .itm-about-trust__card-text {
  position: relative;
  z-index: 2;
  min-height: 125px;
  margin: 0;
  color: #6e7b80;
  font-size: 14px;
  line-height: 2.1;
  text-align: justify;
}
.itm-about-trust .itm-about-trust__card-line {
  width: 100%;
  height: 1px;
  margin: 24px 0 20px;
  background: #edf1f0;
}
.itm-about-trust .itm-about-trust__list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.itm-about-trust .itm-about-trust__list li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #4e6067;
  font-size: 13px;
  font-weight: 700;
}
.itm-about-trust .itm-about-trust__list li i {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 10px;
}
.itm-about-trust .itm-about-trust__card--marketing .itm-about-trust__list li i {
  background: rgba(233, 196, 106, 0.2);
  color: #c99722;
}
.itm-about-trust
  .itm-about-trust__card--technology
  .itm-about-trust__list
  li
  i {
  background: rgba(42, 157, 143, 0.13);
  color: #2a9d8f;
}
.itm-about-trust
  .itm-about-trust__card--experience
  .itm-about-trust__list
  li
  i {
  background: rgba(38, 70, 83, 0.11);
  color: #264653;
}
.itm-about-trust .itm-about-trust__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 880px;
  margin: 50px auto 0;
  padding: 24px 28px;
  border: 1px solid rgba(42, 157, 143, 0.2);
  border-radius: 20px;
  background: #f7fbfa;
}
.itm-about-trust .itm-about-trust__footer-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 24px;
}
.itm-about-trust .itm-about-trust__footer-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.itm-about-trust .itm-about-trust__footer-content strong {
  color: #264653;
  font-size: 16px;
  font-weight: 700;
}
.itm-about-trust .itm-about-trust__footer-content span {
  color: #748187;
  font-size: 13px;
}
@media (max-width: 991px) {
  .itm-about-trust {
    padding: 85px 0;
  }
  .itm-about-trust .itm-about-trust__title {
    font-size: 34px;
  }
  .itm-about-trust .itm-about-trust__card {
    min-height: 460px;
  }
}
@media (max-width: 767px) {
  .itm-about-trust {
    padding: 65px 0;
  }
  .itm-about-trust .itm-about-trust__heading {
    margin-bottom: 38px;
  }
  .itm-about-trust .itm-about-trust__title {
    font-size: 29px;
  }
  .itm-about-trust .itm-about-trust__description {
    font-size: 14px;
  }
  .itm-about-trust .itm-about-trust__card {
    min-height: 0;
    padding: 28px 23px;
    border-radius: 22px;
  }
  .itm-about-trust .itm-about-trust__card-text {
    min-height: 0;
  }
  .itm-about-trust .itm-about-trust__footer {
    align-items: flex-start;
    padding: 21px;
  }
  .itm-about-trust .itm-about-trust__footer-content strong {
    font-size: 14px;
    line-height: 1.9;
  }
  .itm-about-trust .itm-about-trust__footer-content span {
    line-height: 1.8;
  }
}
.itm-about-cta {
  padding: 90px 0 110px;
  font-family: "Vazirmatn", sans-serif;
  background: #ffffff;
}
.itm-about-cta .itm-about-cta__box {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 65px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  box-shadow: 0 25px 70px rgba(38, 70, 83, 0.18);
}
.itm-about-cta .itm-about-cta__pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.08) 1.5px,
    transparent 1.5px
  );
  background-size: 24px 24px;
  opacity: 0.45;
}
.itm-about-cta .itm-about-cta__content {
  position: relative;
  z-index: 2;
  max-width: 700px;
}
.itm-about-cta .itm-about-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 20px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.12);
  color: #e9c46a;
  font-size: 13px;
  font-weight: 700;
}
.itm-about-cta .itm-about-cta__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-about-cta .itm-about-cta__description {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 2.1;
}
.itm-about-cta .itm-about-cta__actions {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 35px;
}
.itm-about-cta .itm-about-cta__actions .btn {
  padding: 14px 30px;
  border-radius: 14px;
  font-weight: 700;
}
.itm-about-cta .itm-about-cta__actions .btn i {
  margin-left: 8px;
}
.itm-about-cta .itm-about-cta__icon {
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.itm-about-cta .itm-about-cta__circle {
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}
.itm-about-cta .itm-about-cta__circle i {
  color: #ffffff;
  font-size: 72px;
}
@media (max-width: 991px) {
  .itm-about-cta .itm-about-cta__box {
    padding: 45px;
    text-align: center;
  }
  .itm-about-cta .itm-about-cta__content {
    max-width: 100%;
  }
  .itm-about-cta .itm-about-cta__actions {
    justify-content: center;
  }
  .itm-about-cta .itm-about-cta__icon {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .itm-about-cta {
    padding: 65px 0 80px;
  }
  .itm-about-cta .itm-about-cta__box {
    padding: 35px 25px;
    border-radius: 22px;
  }
  .itm-about-cta .itm-about-cta__title {
    font-size: 30px;
  }
  .itm-about-cta .itm-about-cta__description {
    font-size: 14px;
  }
  .itm-about-cta .itm-about-cta__actions {
    flex-direction: column;
  }
  .itm-about-cta .itm-about-cta__actions .btn {
    width: 100%;
  }
  .itm-about-cta .itm-about-cta__circle {
    width: 120px;
    height: 120px;
  }
  .itm-about-cta .itm-about-cta__circle i {
    font-size: 48px;
  }
}
.itm-actors-hero,
.itm-actors-main {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
.itm-actors-hero {
  position: relative;
  padding: 42px 0 18px;
}
.itm-actors-hero-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 185px;
  padding: 34px 40px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 93% 12%,
      rgba(42, 157, 143, 0.14),
      transparent 28%
    ),
    radial-gradient(
      circle at 5% 95%,
      rgba(233, 196, 106, 0.14),
      transparent 25%
    ),
    linear-gradient(135deg, #ffffff 0%, #f7faf9 52%, #f0f8f6 100%);
  box-shadow:
    0 20px 50px rgba(23, 52, 62, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.itm-actors-hero-box::before {
  content: "";
  position: absolute;
  top: -105px;
  left: -75px;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(233, 196, 106, 0.15);
  border-radius: 50%;
}
.itm-actors-hero-box::after {
  content: "";
  position: absolute;
  bottom: -130px;
  right: 25%;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
}
.itm-actors-hero-icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 21px;
  background: linear-gradient(
    145deg,
    rgba(42, 157, 143, 0.13),
    rgba(255, 255, 255, 0.75)
  );
  color: #2a9d8f;
  font-size: 27px;
  box-shadow: 0 13px 28px rgba(42, 157, 143, 0.1);
}
.itm-actors-hero-content {
  position: relative;
  z-index: 2;
}
.itm-actors-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.07);
  color: #287f75;
  font-size: 13px;
  font-weight: 800;
}
.itm-actors-hero-badge i {
  color: #e9b949;
}
.itm-actors-hero-content h1 {
  margin: 0 0 8px;
  color: #17343e;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-actors-hero-content p {
  max-width: 760px;
  margin: 0;
  color: #71858a;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.itm-actors-main {
  position: relative;
  padding: 18px 0 75px;
}
.itm-actors-main::before {
  content: "";
  position: absolute;
  top: 180px;
  right: 0;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.045);
  filter: blur(80px);
  pointer-events: none;
}
.itm-actors-toolbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 30px;
  padding: 16px 18px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 35px rgba(23, 52, 62, 0.055);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-actors-toolbar-title {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-actors-toolbar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.09);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-actors-toolbar-title div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-actors-toolbar-title strong {
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-actors-toolbar-title span:not(.itm-actors-toolbar-icon) {
  color: #71858a;
  font-size: 13px;
  font-weight: 500;
}
.itm-actors-search {
  position: relative;
  width: min(100%, 340px);
}
.itm-actors-search i {
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 2;
  color: #2a9d8f;
  font-size: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}
.itm-actors-search input {
  width: 100%;
  height: 50px;
  padding: 0 47px 0 17px;
  border: 1px solid rgba(23, 52, 62, 0.09);
  border-radius: 14px;
  background: #f7faf9;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  outline: none;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-actors-search input::placeholder {
  color: #93a4a8;
}
.itm-actors-search input:focus {
  border-color: rgba(42, 157, 143, 0.48);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.07);
}
.itm-actors-grid {
  position: relative;
  z-index: 2;
}
.itm-actors-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 14px 38px rgba(23, 52, 62, 0.065);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-actors-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(23, 52, 62, 0.11);
}
.itm-actors-card-image {
  position: relative;
  height: 255px;
  margin: 10px 10px 0;
  overflow: hidden;
  border-radius: 18px;
  background: #f7faf9;
}
.itm-actors-card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 60%,
    rgba(16, 47, 54, 0.2) 100%
  );
  pointer-events: none;
}
.itm-actors-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.itm-actors-card:hover .itm-actors-card-image img {
  transform: scale(1.045);
}
.itm-actors-card-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #247f75;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 7px 18px rgba(23, 52, 62, 0.08);
  backdrop-filter: blur(8px);
}
.itm-actors-card-body {
  display: flex;
  flex-direction: column;
  min-height: 255px;
  padding: 22px 22px 20px;
}
.itm-actors-card-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.itm-actors-card-heading-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(42, 157, 143, 0.1);
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-actors-card-heading h2 {
  margin: 0;
  color: #17343e;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.75;
}
.itm-actors-card-body > p {
  display: -webkit-box;
  min-height: 58px;
  margin: 0 0 22px;
  overflow: hidden;
  color: #71858a;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.itm-actors-card-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding-top: 17px;
  border-top: 1px solid rgba(23, 52, 62, 0.06);
}
.itm-actors-btn-more,
.itm-actors-btn-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 45px;
  border-radius: 12px;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-actors-btn-more {
  flex: 1;
  padding: 9px 15px;
  border: 1px solid rgba(42, 157, 143, 0.17);
  background: rgba(42, 157, 143, 0.055);
  color: #247f75;
}
.itm-actors-btn-more:hover {
  border-color: rgba(42, 157, 143, 0.28);
  background: rgba(42, 157, 143, 0.1);
  color: #17343e;
}
.itm-actors-btn-shop {
  min-width: 105px;
  padding: 9px 17px;
  border: 1px solid #2a9d8f;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(42, 157, 143, 0.18);
}
.itm-actors-btn-shop:hover {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 11px 23px rgba(42, 157, 143, 0.25);
}
.itm-actors-pagination {
  position: relative;
  z-index: 2;
  margin-top: 45px;
}
.itm-actors-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.itm-actors-pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 43px;
  height: 43px;
  padding: 0 10px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 12px;
  background: #ffffff;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(23, 52, 62, 0.04);
  transition: all 0.25s ease;
}
.itm-actors-pagination li:not(.itm-actors-page-disabled) a:hover {
  border-color: rgba(42, 157, 143, 0.2);
  background: rgba(42, 157, 143, 0.07);
  color: #247f75;
  transform: translateY(-2px);
}
.itm-actors-pagination .itm-actors-page-active a {
  border-color: #2a9d8f;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(42, 157, 143, 0.2);
}
.itm-actors-pagination .itm-actors-page-disabled a {
  opacity: 0.42;
  cursor: default;
}
@media (max-width: 991.98px) {
  .itm-actors-hero {
    padding-top: 30px;
  }
  .itm-actors-hero-box {
    min-height: 165px;
    padding: 30px;
  }
  .itm-actors-hero-content h1 {
    font-size: 27px;
  }
  .itm-actors-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .itm-actors-search {
    width: 100%;
    max-width: none;
  }
  .itm-actors-card-image {
    height: 235px;
  }
}
@media (max-width: 767.98px) {
  .itm-actors-hero {
    padding: 22px 0 12px;
  }
  .itm-actors-hero-box {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 25px 22px;
    border-radius: 24px;
  }
  .itm-actors-hero-icon {
    flex-basis: 58px;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    font-size: 22px;
  }
  .itm-actors-hero-content h1 {
    font-size: 23px;
  }
  .itm-actors-hero-content p {
    font-size: 14px;
    line-height: 1.9;
  }
  .itm-actors-main {
    padding-bottom: 50px;
  }
  .itm-actors-toolbar {
    margin-bottom: 22px;
    padding: 14px;
    border-radius: 17px;
  }
  .itm-actors-card {
    border-radius: 20px;
  }
  .itm-actors-card-image {
    height: 245px;
    border-radius: 15px;
  }
  .itm-actors-card-body {
    min-height: 0;
    padding: 20px 18px 18px;
  }
  .itm-actors-card-heading h2 {
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .itm-actors-hero-content h1 {
    font-size: 21px;
  }
  .itm-actors-hero-badge {
    font-size: 12px;
  }
  .itm-actors-toolbar-title span:not(.itm-actors-toolbar-icon) {
    display: none;
  }
  .itm-actors-card-image {
    height: 220px;
  }
  .itm-actors-card-actions {
    gap: 8px;
  }
  .itm-actors-btn-more,
  .itm-actors-btn-shop {
    min-height: 44px;
    font-size: 13px;
  }
  .itm-actors-btn-shop {
    min-width: 95px;
  }
  .itm-actors-pagination ul {
    gap: 5px;
  }
  .itm-actors-pagination li a {
    min-width: 39px;
    height: 39px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 13px;
  }
}
.itm-blog-page-hero {
  position: relative;
  isolation: isolate;
  width: min(1420px, calc(100% - 40px));
  margin: 34px auto 0;
  padding: 38px 42px 36px;
  overflow: hidden;
  direction: rtl;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(42, 157, 143, 0.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 6% 95%,
      rgba(233, 196, 106, 0.13),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.96)
    );
  box-shadow:
    0 20px 48px rgba(23, 52, 62, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  font-family: Vazirmatn, sans-serif;
}
.itm-blog-page-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 45px;
  left: 45px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #2a9d8f 32%,
    #e9c46a 67%,
    transparent
  );
}
.itm-blog-page-hero::after {
  content: "";
  position: absolute;
  top: -120px;
  left: -80px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px rgba(42, 157, 143, 0.018),
    0 0 0 76px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-blog-page-hero-inner {
  position: relative;
  z-index: 2;
}
.itm-blog-page-hero-badge {
  display: inline-flex;
  align-items: center;
  min-height: 35px;
  gap: 8px;
  margin-bottom: 13px;
  padding: 6px 13px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.065);
  color: #247f75;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 800;
}
.itm-blog-page-hero-badge .fa {
  color: #e9c46a;
  font-size: 12px;
}
.itm-blog-page-hero-title {
  margin: 0 0 9px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.6;
}
.itm-blog-page-hero-text {
  max-width: 820px;
  margin: 0;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}
#o_wblog_blog_top.itm-blog-original-top {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
#o_wblog_blog_top.itm-blog-original-top #o_wblog_blog_top_droppable,
#o_wblog_blog_top.itm-blog-original-top #oe_structure_blog_filtered_header {
  min-height: 0;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar {
  width: min(1420px, calc(100% - 40px));
  margin: 18px auto 20px !important;
  padding: 9px 12px !important;
  direction: rtl;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 10px 27px rgba(23, 52, 62, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-family: Vazirmatn, sans-serif;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar > .container {
  width: 100%;
  max-width: none;
  padding: 0;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .navbar-nav {
  align-items: center;
  gap: 4px;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 13px !important;
  border-radius: 12px;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition:
    color 0.22s ease,
    background 0.22s ease,
    transform 0.22s ease;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .nav-link:hover {
  transform: translateY(-1px);
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .nav-link.active {
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff !important;
  box-shadow: 0 7px 17px rgba(42, 157, 143, 0.18);
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .nav-link.disabled {
  background: transparent !important;
  color: #96a6aa !important;
  transform: none !important;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .s_searchbar_input {
  min-width: 300px;
}
#o_wblog_blog_top.itm-blog-original-top
  + nav.navbar
  .s_searchbar_input
  .input-group {
  min-height: 44px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.085);
  border-radius: 13px;
  background: #f7faf9;
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}
#o_wblog_blog_top.itm-blog-original-top
  + nav.navbar
  .s_searchbar_input
  .input-group:focus-within {
  border-color: rgba(42, 157, 143, 0.48);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.07);
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .oe_search_box {
  height: 44px;
  padding: 0 15px !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  box-shadow: none !important;
}
#o_wblog_blog_top.itm-blog-original-top
  + nav.navbar
  .oe_search_box::placeholder {
  color: #90a1a5;
  opacity: 1;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .oe_search_button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin: 1px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(42, 157, 143, 0.18);
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .oe_search_button .oi {
  display: none;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .oe_search_button::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 13px;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .dropdown .btn-light {
  min-height: 44px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 13px;
  background: #f7faf9;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 700;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .dropdown-menu {
  padding: 7px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 17px 40px rgba(23, 52, 62, 0.13);
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .dropdown-item {
  margin: 2px 0;
  padding: 9px 11px;
  border-radius: 9px;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
#o_wblog_blog_top.itm-blog-original-top + nav.navbar .dropdown-item.active {
  background: #2a9d8f;
  color: #ffffff;
}
#o_wblog_index_content.itm-blog-index-content {
  position: relative;
  isolation: isolate;
  direction: rtl;
  padding: 30px 0 75px;
  background:
    radial-gradient(
      circle at 5% 9%,
      rgba(42, 157, 143, 0.075),
      transparent 25%
    ),
    radial-gradient(
      circle at 95% 28%,
      rgba(233, 196, 106, 0.075),
      transparent 25%
    ),
    linear-gradient(180deg, #f7faf9 0%, #ffffff 48%, #f7faf9 100%) !important;
  font-family: Vazirmatn, sans-serif;
}
#o_wblog_index_content.itm-blog-index-content > .container {
  width: min(1420px, calc(100% - 40px));
  max-width: 1420px !important;
  margin-right: auto;
  margin-left: auto;
  padding: 0 !important;
}
#o_wblog_index_content.itm-blog-index-content #o_wblog_posts_loop_container {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container.o_container_small {
  width: 100% !important;
  max-width: 100% !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  > .row,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  #o_wblog_posts_loop,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  .o_wblog_posts_loop {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  > .row
  > [class*="col"],
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  #o_wblog_posts_loop
  > [class*="col"],
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  .o_wblog_posts_loop
  > [class*="col"] {
  grid-column: auto !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  > .row
  > article,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  #o_wblog_posts_loop
  > article {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
#o_wblog_index_content.itm-blog-index-content article,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_card {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 12px 31px rgba(23, 52, 62, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
#o_wblog_index_content.itm-blog-index-content article:hover,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post:hover,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_card:hover {
  transform: translateY(-7px);
  border-color: rgba(42, 157, 143, 0.22);
  box-shadow:
    0 22px 47px rgba(23, 52, 62, 0.105),
    0 8px 19px rgba(42, 157, 143, 0.055);
}
#o_wblog_index_content.itm-blog-index-content #o_wblog_posts_loop_container a {
  font-family: Vazirmatn, sans-serif;
}
#o_wblog_index_content.itm-blog-index-content .o_record_cover_container,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_cover,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_image {
  position: relative;
  width: 100%;
  min-height: 235px;
  overflow: hidden;
  border-radius: 21px 21px 0 0;
  background-color: #edf3f1;
}
#o_wblog_index_content.itm-blog-index-content #o_wblog_posts_loop_container h2,
#o_wblog_index_content.itm-blog-index-content #o_wblog_posts_loop_container h3,
#o_wblog_index_content.itm-blog-index-content #o_wblog_posts_loop_container h4,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  .o_wblog_post_title {
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h2
  a,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h3
  a,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h4
  a {
  color: #17343e !important;
  text-decoration: none !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h2
  a:hover,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h3
  a:hover,
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  h4
  a:hover {
  color: #2a9d8f !important;
}
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_teaser,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_description {
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 2 !important;
}
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_meta,
#o_wblog_index_content.itm-blog-index-content .o_wblog_post_footer,
#o_wblog_index_content.itm-blog-index-content .text-muted {
  color: #8da0a4 !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  .badge {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  margin: 2px;
  padding: 4px 9px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.065);
  color: #247f75 !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 9px;
  font-weight: 800;
}
#o_wblog_index_content.itm-blog-index-content .alert-warning {
  margin-bottom: 22px !important;
  padding: 14px 17px;
  border: 1px solid rgba(233, 196, 106, 0.24);
  border-radius: 14px;
  background: rgba(233, 196, 106, 0.11);
  color: #755e26;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
#o_wblog_index_content.itm-blog-index-content
  #o_wblog_posts_loop_container
  > nav,
#o_wblog_index_content.itm-blog-index-content .products_pager {
  grid-column: 1 / -1;
  width: 100%;
}
#o_wblog_index_content.itm-blog-index-content .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 42px !important;
}
#o_wblog_index_content.itm-blog-index-content .pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 6px 10px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 12px !important;
  background: #ffffff;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 5px 13px rgba(23, 52, 62, 0.04);
}
#o_wblog_index_content.itm-blog-index-content
  .pagination
  .page-item.active
  .page-link {
  border-color: #2a9d8f;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .itm-blog-page-hero {
    padding: 31px 28px;
    border-radius: 25px;
  }
  .itm-blog-page-hero-title {
    font-size: 28px;
  }
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    > .row,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    #o_wblog_posts_loop,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    .o_wblog_posts_loop {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #o_wblog_blog_top.itm-blog-original-top + nav.navbar .s_searchbar_input {
    min-width: 0;
  }
}
@media (max-width: 767.98px) {
  .itm-blog-page-hero {
    width: calc(100% - 28px);
    margin-top: 20px;
    padding: 25px 20px;
    border-radius: 21px;
  }
  .itm-blog-page-hero-title {
    font-size: 24px;
  }
  .itm-blog-page-hero-text {
    font-size: 12px;
  }
  #o_wblog_blog_top.itm-blog-original-top + nav.navbar {
    width: calc(100% - 28px);
    border-radius: 17px;
  }
  #o_wblog_index_content.itm-blog-index-content {
    padding-top: 24px;
    padding-bottom: 55px;
  }
  #o_wblog_index_content.itm-blog-index-content > .container {
    width: calc(100% - 28px);
  }
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    > .row,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    #o_wblog_posts_loop,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    .o_wblog_posts_loop {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
@media (max-width: 575.98px) {
  .itm-blog-page-hero,
  #o_wblog_blog_top.itm-blog-original-top + nav.navbar {
    width: calc(100% - 20px);
  }
  .itm-blog-page-hero {
    padding: 22px 17px;
    border-radius: 19px;
  }
  .itm-blog-page-hero-title {
    font-size: 22px;
  }
  #o_wblog_index_content.itm-blog-index-content > .container {
    width: calc(100% - 20px);
  }
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    h2,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    h3,
  #o_wblog_index_content.itm-blog-index-content
    #o_wblog_posts_loop_container
    h4 {
    font-size: 16px !important;
  }
}
#o_wblog_index_content #o_wblog_posts_loop {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}
#o_wblog_index_content #o_wblog_posts_loop > .row {
  display: contents !important;
}
#o_wblog_index_content #o_wblog_posts_loop > [class*="col"],
#o_wblog_index_content #o_wblog_posts_loop > .row > [class*="col"] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
}
#o_wblog_index_content #o_wblog_posts_loop article {
  position: relative;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  padding: 10px !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.055),
      transparent 32%
    ),
    rgba(255, 255, 255, 0.97) !important;
  box-shadow:
    0 14px 35px rgba(23, 52, 62, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
#o_wblog_index_content #o_wblog_posts_loop article:hover {
  transform: translateY(-8px);
  border-color: rgba(42, 157, 143, 0.22) !important;
  box-shadow:
    0 26px 55px rgba(23, 52, 62, 0.12),
    0 10px 28px rgba(42, 157, 143, 0.07);
}
#o_wblog_index_content #o_wblog_posts_loop article::before {
  content: "";
  position: absolute;
  top: 0;
  right: 34px;
  left: 34px;
  z-index: 5;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(42, 157, 143, 0.75),
    rgba(233, 196, 106, 0.85),
    transparent
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}
#o_wblog_index_content #o_wblog_posts_loop article:hover::before {
  opacity: 1;
}
#o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container {
  position: relative !important;
  width: 100% !important;
  height: 235px !important;
  min-height: 235px !important;
  overflow: hidden !important;
  border-radius: 21px !important;
  background: #eef4f2 !important;
}
#o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(16, 47, 54, 0.02) 35%,
    rgba(16, 47, 54, 0.68) 100%
  );
  pointer-events: none;
}
#o_wblog_index_content #o_wblog_posts_loop .o_record_cover_image {
  width: 100% !important;
  height: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  transform: scale(1);
  transition:
    transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.4s ease;
}
#o_wblog_index_content #o_wblog_posts_loop article:hover .o_record_cover_image {
  transform: scale(1.055);
  filter: saturate(1.07) contrast(1.035);
}
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_author,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_author_name {
  position: relative;
  z-index: 3;
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_content,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_body,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_info {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100% !important;
  padding: 20px 13px 12px !important;
  text-align: right !important;
}
#o_wblog_index_content #o_wblog_posts_loop h2,
#o_wblog_index_content #o_wblog_posts_loop h3,
#o_wblog_index_content #o_wblog_posts_loop h4,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_title {
  display: -webkit-box;
  width: 100% !important;
  min-height: 58px;
  margin: 0 0 9px !important;
  overflow: hidden;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
  text-align: right !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#o_wblog_index_content #o_wblog_posts_loop h2 a,
#o_wblog_index_content #o_wblog_posts_loop h3 a,
#o_wblog_index_content #o_wblog_posts_loop h4 a,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_title a {
  color: #17343e !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
#o_wblog_index_content #o_wblog_posts_loop article:hover h2 a,
#o_wblog_index_content #o_wblog_posts_loop article:hover h3 a,
#o_wblog_index_content #o_wblog_posts_loop article:hover h4 a,
#o_wblog_index_content #o_wblog_posts_loop article:hover .o_wblog_post_title a {
  color: #247f75 !important;
}
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_teaser,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_description {
  display: -webkit-box;
  width: 100% !important;
  min-height: 76px;
  margin: 0 0 17px !important;
  overflow: hidden;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.95 !important;
  text-align: right !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_footer,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_meta {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: auto !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
}
#o_wblog_index_content #o_wblog_posts_loop time,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_date {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 9px;
  background: #f7faf9;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
#o_wblog_index_content #o_wblog_posts_loop time::before,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_date::before {
  content: "\f073";
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 10px;
}
#o_wblog_index_content #o_wblog_posts_loop a[href*="/blog/"] {
  transition: color 0.22s ease;
}
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_footer a,
#o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_meta a {
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
#o_wblog_index_content #o_wblog_posts_loop .badge,
#o_wblog_index_content #o_wblog_posts_loop a[href*="/tag/"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 27px;
  margin: 2px 1px;
  padding: 4px 9px !important;
  border: 1px solid rgba(42, 157, 143, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(42, 157, 143, 0.055) !important;
  color: #247f75 !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
#o_wblog_index_content #o_wblog_posts_loop .badge:nth-of-type(2),
#o_wblog_index_content #o_wblog_posts_loop a[href*="/tag/"]:nth-of-type(2) {
  border-color: rgba(233, 196, 106, 0.25) !important;
  background: rgba(233, 196, 106, 0.09) !important;
  color: #8b6a1f !important;
}
#o_wblog_index_content #o_wblog_posts_loop .card {
  height: 100% !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 1199.98px) {
  #o_wblog_index_content #o_wblog_posts_loop {
    gap: 21px !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container {
    height: 215px !important;
    min-height: 215px !important;
  }
}
@media (max-width: 991.98px) {
  #o_wblog_index_content #o_wblog_posts_loop {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container {
    height: 230px !important;
    min-height: 230px !important;
  }
}
@media (max-width: 767.98px) {
  #o_wblog_index_content #o_wblog_posts_loop {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop article {
    padding: 8px !important;
    border-radius: 23px !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container {
    height: 250px !important;
    min-height: 250px !important;
    border-radius: 18px !important;
  }
}
@media (max-width: 575.98px) {
  #o_wblog_index_content #o_wblog_posts_loop .o_record_cover_container {
    height: 215px !important;
    min-height: 215px !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop h2,
  #o_wblog_index_content #o_wblog_posts_loop h3,
  #o_wblog_index_content #o_wblog_posts_loop h4,
  #o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_title {
    min-height: 0;
    font-size: 17px !important;
  }
  #o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_teaser,
  #o_wblog_index_content #o_wblog_posts_loop .o_wblog_post_description {
    min-height: 0;
    font-size: 12px !important;
  }
}
#o_wblog_post_top,
#o_wblog_post_main,
#o_wblog_post_footer {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
#o_wblog_post_top {
  position: relative;
  max-width: 1600px;
  margin: 38px auto 0;
  padding: 0 18px;
}
#o_wblog_post_top .blog_header {
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 24px 60px rgba(23, 52, 62, 0.12);
}
#o_wblog_post_top .o_wblog_post_page_cover {
  position: relative;
  min-height: 470px !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 30px;
  isolation: isolate;
}
#o_wblog_post_top .o_record_cover_image {
  transition: transform 0.8s ease;
}
#o_wblog_post_top .o_wblog_post_page_cover:hover .o_record_cover_image {
  transform: scale(1.025);
}
#o_wblog_post_top .o_wblog_post_page_cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(16, 47, 54, 0.08) 0%,
    rgba(16, 47, 54, 0.18) 35%,
    rgba(16, 47, 54, 0.76) 100%
  );
  pointer-events: none;
}
#o_wblog_post_top .o_wblog_post_page_cover::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -160px;
  z-index: 1;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.16),
    transparent 68%
  );
  pointer-events: none;
}
#o_wblog_post_top .o_wblog_post_page_cover > .container {
  z-index: 3;
  justify-content: flex-end !important;
  align-items: flex-start;
  padding: 55px 58px 50px;
  text-align: right !important;
}
#o_wblog_post_top .o_wblog_post_title {
  padding: 0;
  text-align: right;
}
#o_wblog_post_top .o_wblog_post_name {
  margin: 0 0 13px;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: clamp(31px, 3vw, 47px);
  font-weight: 900;
  line-height: 1.55;
  text-shadow: 0 3px 20px rgba(16, 47, 54, 0.28);
}
#o_wblog_post_top .o_wblog_post_subtitle {
  color: rgba(255, 255, 255, 0.88) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 2;
}
.o_wblog_post_title{position:relative!important;overflow:hidden!important;margin:0!important;padding:26px 32px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(16,47,54,.82),rgba(23,52,62,.68))!important;box-shadow:0 16px 40px rgba(16,47,54,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;direction:rtl!important;text-align:right!important;}
.o_wblog_post_title:before{content:"";position:absolute!important;top:-90px!important;right:-70px!important;width:230px!important;height:230px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(42,157,143,.30),transparent 68%)!important;pointer-events:none!important;}
.o_wblog_post_title:after{content:"";position:absolute!important;right:32px!important;bottom:0!important;width:90px!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#2a9d8f,#e9c46a)!important;pointer-events:none!important;}
.o_wblog_post_title .o_wblog_post_name{position:relative!important;z-index:2!important;margin:0 0 12px!important;padding:0!important;color:#fff!important;font-family:Vazirmatn,sans-serif!important;font-size:clamp(24px,2.2vw,38px)!important;font-weight:900!important;line-height:1.75!important;text-align:right!important;text-shadow:0 2px 10px rgba(0,0,0,.22)!important;}
.o_wblog_post_title .o_wblog_post_subtitle{position:relative!important;z-index:2!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.82)!important;font-family:Vazirmatn,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1.9!important;text-align:right!important;text-shadow:0 1px 6px rgba(0,0,0,.18)!important;}
@media(max-width:767.98px){.o_wblog_post_title{padding:20px 20px!important;border-radius:18px!important;}.o_wblog_post_title .o_wblog_post_name{margin-bottom:8px!important;font-size:22px!important;line-height:1.7!important;}.o_wblog_post_title .o_wblog_post_subtitle{font-size:13px!important;line-height:1.8!important;}.o_wblog_post_title:after{right:20px!important;width:65px!important;}}
#o_wblog_post_top #o_wblog_post_content_jump {
  position: absolute;
  left: 50%;
  bottom: 21px;
  z-index: 5;
  display: flex !important;
  width: 48px;
  height: 48px;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 24px rgba(16, 47, 54, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translateX(-50%);
  transition:
    background 0.25s ease,
    transform 0.25s ease;
}
#o_wblog_post_top #o_wblog_post_content_jump:hover {
  background: rgba(42, 157, 143, 0.72);
  transform: translateX(-50%) translateY(3px);
}
#o_wblog_post_top #o_wblog_post_content_jump i {
  font-size: 23px !important;
}
#o_wblog_post_main {
  position: relative;
  width: min(1380px, calc(100% - 36px));
  max-width: 1380px;
  margin: 30px auto 65px;
  padding: 0 !important;
}
#o_wblog_post_main::before {
  content: "";
  position: absolute;
  top: 120px;
  right: -180px;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.055);
  filter: blur(80px);
  pointer-events: none;
}
#o_wblog_post_main > .o_container_small {
  max-width:100% !important;
  margin-right: auto;
  margin-left: auto;
}
#o_wblog_post_content {
  max-width: none !important;
  padding: 30px 38px 38px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.055),
      transparent 23%
    ),
    #ffffff;
  box-shadow:
    0 20px 55px rgba(23, 52, 62, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
#o_wblog_post_content .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap !important;
  gap: 5px;
  margin: 0 0 19px !important;
  padding: 12px 15px !important;
  border: 1px solid rgba(42, 157, 143, 0.09);
  border-radius: 13px;
  background: #f7faf9 !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
}
#o_wblog_post_content .breadcrumb-item {
  color: #71858a;
  font-weight: 600;
}
#o_wblog_post_content .breadcrumb-item a {
  color: #247f75;
  font-weight: 800;
  text-decoration: none;
}
#o_wblog_post_content .breadcrumb-item a:hover {
  color: #17343e;
}
#o_wblog_post_content .breadcrumb-item.active {
  color: #71858a;
}
#o_wblog_post_content .breadcrumb-item + .breadcrumb-item::before {
  content: "\f105" !important;
  float: none !important;
  padding: 0 7px !important;
  color: #e0ae42 !important;
  font-family: FontAwesome !important;
  font-size: 13px;
}
#o_wblog_post_info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 27px !important;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.065);
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 600;
}
#o_wblog_post_info > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  margin-left: 3px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.08);
  color: #2a9d8f;
}
#o_wblog_post_info .text-muted {
  color: #71858a !important;
}
#o_wblog_post_info .o_wblog_author_avatar {
  width: 31px !important;
  height: 31px !important;
  border: 2px solid #ffffff;
  object-fit: cover;
  box-shadow: 0 3px 10px rgba(23, 52, 62, 0.12);
}
#o_wblog_post_info address {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-style: normal;
  font-weight: 800;
}
#o_wblog_post_content .o_wblog_post_content_field {
  color: #40585e;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.25;
  text-align: right;
}
#o_wblog_post_content .o_wblog_post_content_field p {
  margin: 0 0 23px;
  color: #40585e;
  font-size: 16px;
  line-height: 2.25;
}
#o_wblog_post_content .o_wblog_post_content_field .lead {
  position: relative;
  margin-bottom: 30px;
  padding: 20px 23px;
  border-right: 4px solid #2a9d8f;
  border-radius: 13px;
  background: linear-gradient(
    90deg,
    rgba(42, 157, 143, 0.025),
    rgba(42, 157, 143, 0.08)
  );
  color: #17343e;
  font-size: 17px;
  font-weight: 700;
  line-height: 2.15;
}
#o_wblog_post_content .o_wblog_post_content_field h2 {
  margin: 38px 0 16px;
  color: #17343e;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.8;
}
#o_wblog_post_content .o_wblog_post_content_field h3 {
  margin: 32px 0 14px;
  color: #17343e;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.8;
}
#o_wblog_post_content .o_wblog_post_content_field h4 {
  margin: 27px 0 12px;
  color: #17343e;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.8;
}
#o_wblog_post_content .o_wblog_post_content_field a {
  color: #248d81;
  font-weight: 700;
  text-decoration: none;
}
#o_wblog_post_content .o_wblog_post_content_field a:hover {
  color: #17343e;
}
#o_wblog_post_content .o_wblog_post_content_field figure {
  margin: 32px 0 !important;
}
#o_wblog_post_content .o_wblog_post_content_field figure img,
#o_wblog_post_content .o_wblog_post_content_field > img {
  display: block;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 20px;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.09);
}
#o_wblog_post_content .o_wblog_post_content_field figcaption {
  margin-top: 10px;
  color: #8a9b9f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  text-align: center;
}
#o_wblog_post_content .o_wblog_post_content_field blockquote {
  position: relative;
  margin: 38px 0 !important;
  padding: 28px 72px 28px 28px;
  overflow: hidden;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-right: 4px solid #e9c46a;
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(233, 196, 106, 0.13),
      transparent 40%
    ),
    #fffdf8;
}
#o_wblog_post_content .o_wblog_post_content_field blockquote::before {
  content: "\f10d";
  position: absolute;
  top: 25px;
  right: 23px;
  color: #e9c46a;
  font-family: FontAwesome;
  font-size: 28px;
}
#o_wblog_post_content .o_wblog_post_content_field blockquote em {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 18px !important;
  font-weight: 800;
  line-height: 2;
}
#o_wblog_post_content .o_wblog_post_content_field .blockquote-footer {
  margin-top: 13px;
  color: #71858a !important;
  font-size: 13px;
}
#o_wblog_post_content > .css_editable_mode_hidden.text-muted {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px;
  padding: 17px 19px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 15px;
  background: #f7faf9;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
}
#o_wblog_post_content > .css_editable_mode_hidden.text-muted a {
  color: #247f75;
  text-decoration: none;
}
#o_wblog_post_content .o_tag {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  margin: 2px !important;
  padding: 4px 10px !important;
  border: 1px solid rgba(42, 157, 143, 0.15) !important;
  border-radius: 999px !important;
  background: rgba(42, 157, 143, 0.07) !important;
  color: #247f75 !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 700;
}
#o_wblog_post_footer {
  max-width: 1320px;
  margin: 0 auto 70px;
  padding: 0 18px;
}
#o_wblog_post_footer > .mt-5 {
  margin-top: 0 !important;
}
#o_wblog_next_container {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(23, 52, 62, 0.12);
}
#o_wblog_next_container .o_wblog_post_page_cover_footer {
  position: relative;
  min-height: 320px !important;
  overflow: hidden;
  border-radius: 28px;
}
#o_wblog_next_container .o_record_cover_image {
  transition: transform 0.6s ease;
}
#o_wblog_next_container:hover .o_record_cover_image {
  transform: scale(1.035);
}
#o_wblog_next_container .o_wblog_post_page_cover_footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(16, 47, 54, 0.32),
    rgba(16, 47, 54, 0.04)
  );
  pointer-events: none;
}
#o_wblog_next_container .o_wblog_post_page_cover_footer > .container {
  z-index: 3;
  align-items: flex-start;
  padding: 45px 55px;
  text-align: right !important;
}
#o_wblog_next_container .o_wblog_post_title {
  max-width: 750px;
  text-align: right;
}
#o_wblog_next_container .o_wblog_post_name {
  margin-bottom: 9px;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.6;
  text-shadow: 0 3px 18px rgba(16, 47, 54, 0.3);
}
#o_wblog_next_container .o_wblog_post_subtitle {
  color: rgba(255, 255, 255, 0.84) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}
#o_wblog_next_container .o_wblog_toggle {
  position: relative;
  z-index: 5;
}
#o_wblog_next_container .o_wblog_toggle > span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  padding: 0 !important;
  border: 1px solid rgba(233, 196, 106, 0.4);
  border-radius: 14px !important;
  background: #e9c46a;
  box-shadow: 0 9px 23px rgba(233, 196, 106, 0.23);
}
#o_wblog_next_container .o_wblog_toggle i {
  color: #17343e !important;
  font-size: 23px !important;
}
@media (max-width: 991.98px) {
  #o_wblog_post_top {
    margin-top: 28px;
  }
  #o_wblog_post_top .o_wblog_post_page_cover {
    min-height: 400px !important;
  }
  #o_wblog_post_top .o_wblog_post_page_cover > .container {
    padding: 45px 38px;
  }
  #o_wblog_post_top .o_wblog_post_name {
    font-size: 32px;
  }
  #o_wblog_post_main {
    margin-top: 25px;
  }
  #o_wblog_post_content {
    padding: 28px 30px 34px;
  }
}
@media (max-width: 767.98px) {
  #o_wblog_post_top {
    width: 100%;
    margin-top: 18px;
    padding: 0 12px;
  }
  #o_wblog_post_top .blog_header,
  #o_wblog_post_top .o_wblog_post_page_cover {
    border-radius: 22px;
  }
  #o_wblog_post_top .o_wblog_post_page_cover {
    min-height: 360px !important;
  }
  #o_wblog_post_top .o_wblog_post_page_cover > .container {
    padding: 35px 24px 45px;
  }
  #o_wblog_post_top .o_wblog_post_name {
    font-size: 26px;
    line-height: 1.65;
  }
  #o_wblog_post_top .o_wblog_post_subtitle {
    font-size: 14px;
    line-height: 1.9;
  }
  #o_wblog_post_main {
    width: calc(100% - 24px);
    margin-top: 20px;
    margin-bottom: 45px;
  }
  #o_wblog_post_content {
    padding: 22px 19px 27px;
    border-radius: 21px;
  }
  #o_wblog_post_content .o_wblog_post_content_field,
  #o_wblog_post_content .o_wblog_post_content_field p {
    font-size: 15px;
    line-height: 2.15;
  }
  #o_wblog_post_content .o_wblog_post_content_field .lead {
    padding: 17px 18px;
    font-size: 16px;
  }
  #o_wblog_post_content .o_wblog_post_content_field h2 {
    font-size: 22px;
  }
  #o_wblog_post_content .o_wblog_post_content_field h3 {
    font-size: 19px;
  }
  #o_wblog_post_content .o_wblog_post_content_field figure img,
  #o_wblog_post_content .o_wblog_post_content_field > img {
    border-radius: 15px;
  }
  #o_wblog_post_content .o_wblog_post_content_field blockquote {
    padding: 60px 19px 22px;
  }
  #o_wblog_post_content .o_wblog_post_content_field blockquote::before {
    top: 18px;
    right: 19px;
  }
  #o_wblog_post_info {
    padding-right: 5px;
    padding-left: 5px;
  }
  #o_wblog_post_footer {
    margin-bottom: 45px;
    padding: 0 12px;
  }
  #o_wblog_next_container,
  #o_wblog_next_container .o_wblog_post_page_cover_footer {
    border-radius: 22px;
  }
  #o_wblog_next_container .o_wblog_post_page_cover_footer {
    min-height: 270px !important;
  }
  #o_wblog_next_container .o_wblog_post_page_cover_footer > .container {
    padding: 32px 25px;
  }
  #o_wblog_next_container .o_wblog_post_name {
    font-size: 23px;
  }
}
@media (max-width: 575.98px) {
  #o_wblog_post_top .o_wblog_post_page_cover {
    min-height: 325px !important;
  }
  #o_wblog_post_top .o_wblog_post_name {
    font-size: 23px;
  }
  #o_wblog_post_content {
    padding: 19px 16px 24px;
  }
  #o_wblog_post_content .breadcrumb {
    font-size: 12px;
  }
  #o_wblog_post_content .o_wblog_post_content_field,
  #o_wblog_post_content .o_wblog_post_content_field p {
    font-size: 14px;
  }
  #o_wblog_post_content > .css_editable_mode_hidden.text-muted {
    align-items: flex-start;
    flex-direction: column;
  }
  #o_wblog_next_container .o_wblog_post_name {
    font-size: 20px;
  }
}
.itm-commercial-hero {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 32px 0 108px;
  background:
    radial-gradient(
      circle at 12% 22%,
      rgba(233, 196, 106, 0.15),
      transparent 27%
    ),
    radial-gradient(
      circle at 88% 78%,
      rgba(42, 157, 143, 0.28),
      transparent 34%
    ),
    linear-gradient(135deg, #102f36 0%, #143f47 48%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -150px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow:
    0 0 0 58px rgba(255, 255, 255, 0.025),
    0 0 0 116px rgba(255, 255, 255, 0.018);
  pointer-events: none;
}
.itm-commercial-hero::after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: -250px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.3), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}
.itm-commercial-hero-container {
  position: relative;
  z-index: 3;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-hero-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 72px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
}
.itm-commercial-hero-breadcrumb-link {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.25s ease;
}
.itm-commercial-hero-breadcrumb-link:hover {
  color: #e9c46a;
  text-decoration: none;
}
.itm-commercial-hero-breadcrumb-icon {
  color: #e9c46a;
  font-size: 12px;
}
.itm-commercial-hero-breadcrumb-current {
  color: #ffffff;
  font-weight: 700;
}
.itm-commercial-hero-content {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.itm-commercial-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding: 9px 17px;
  border: 1px solid rgba(233, 196, 106, 0.26);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.065);
  color: #f2d584;
  font-size: 14px;
  font-weight: 700;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-commercial-hero-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-commercial-hero-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 5.4vw, 76px);
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -1.8px;
}
.itm-commercial-hero-title-highlight {
  position: relative;
  display: inline-block;
  color: #e9c46a;
  white-space: nowrap;
}
.itm-commercial-hero-title-highlight::after {
  content: "";
  position: absolute;
  right: 3%;
  bottom: 4px;
  width: 94%;
  height: 11px;
  border-radius: 20px;
  background: rgba(233, 196, 106, 0.13);
  transform: rotate(-1deg);
}
.itm-commercial-hero-description {
  max-width: 780px;
  margin: 28px auto 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 2.1;
}
.itm-commercial-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 38px;
}
.itm-commercial-hero-primary-button,
.itm-commercial-hero-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 56px;
  padding: 0 25px;
  border-radius: 17px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-hero-primary-button {
  border: 1px solid #e9c46a;
  background: linear-gradient(135deg, #f2d584 0%, #e9c46a 100%);
  color: #17343e;
  box-shadow: 0 16px 42px rgba(233, 196, 106, 0.24);
}
.itm-commercial-hero-primary-button:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(233, 196, 106, 0.32);
}
.itm-commercial-hero-secondary-button {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.065);
  color: #ffffff;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-commercial-hero-secondary-button:hover {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.11);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-commercial-hero-floating-shape {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
}
.itm-commercial-hero-floating-shape-one {
  top: 34%;
  right: 7%;
  width: 72px;
  height: 72px;
  border-radius: 24px;
  transform: rotate(18deg);
  animation: itm-commercial-hero-float-one 6s ease-in-out infinite;
}
.itm-commercial-hero-floating-shape-two {
  left: 10%;
  bottom: 18%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.09);
  animation: itm-commercial-hero-float-two 7s ease-in-out infinite;
}
.itm-commercial-hero-floating-shape-three {
  top: 23%;
  left: 18%;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(42, 157, 143, 0.25);
  transform: rotate(45deg);
  animation: itm-commercial-hero-float-three 5.5s ease-in-out infinite;
}
.itm-commercial-hero-scroll {
  position: absolute;
  z-index: 4;
  right: 50%;
  bottom: 26px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 11px;
  transform: translateX(50%);
}
.itm-commercial-hero-scroll-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
}
.itm-commercial-hero-scroll-dot {
  width: 4px;
  height: 8px;
  border-radius: 10px;
  background: #e9c46a;
  animation: itm-commercial-hero-scroll-dot 2s ease-in-out infinite;
}
@keyframes itm-commercial-hero-float-one {
  0%,
  100% {
    transform: translateY(0) rotate(18deg);
  }
  50% {
    transform: translateY(-14px) rotate(24deg);
  }
}
@keyframes itm-commercial-hero-float-two {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(12px);
  }
}
@keyframes itm-commercial-hero-float-three {
  0%,
  100% {
    transform: translateY(0) rotate(45deg);
  }
  50% {
    transform: translateY(-10px) rotate(70deg);
  }
}
@keyframes itm-commercial-hero-scroll-dot {
  0% {
    transform: translateY(-8px);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    transform: translateY(9px);
    opacity: 0;
  }
}
@media (max-width: 991px) {
  .itm-commercial-hero {
    padding: 28px 0 100px;
  }
  .itm-commercial-hero-breadcrumb {
    margin-bottom: 58px;
  }
  .itm-commercial-hero-title {
    font-size: 54px;
  }
  .itm-commercial-hero-description {
    font-size: 17px;
  }
  .itm-commercial-hero-floating-shape-one {
    right: 3%;
  }
  .itm-commercial-hero-floating-shape-two {
    left: 5%;
  }
}
@media (max-width: 640px) {
  .itm-commercial-hero {
    padding: 22px 0 92px;
  }
  .itm-commercial-hero-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-hero-breadcrumb {
    margin-bottom: 45px;
    font-size: 12px;
  }
  .itm-commercial-hero-badge {
    padding: 7px 12px;
    font-size: 12px;
  }
  .itm-commercial-hero-title {
    font-size: 38px;
    line-height: 1.45;
    letter-spacing: -1px;
  }
  .itm-commercial-hero-description {
    margin-top: 22px;
    font-size: 15px;
    line-height: 2;
  }
  .itm-commercial-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 31px;
  }
  .itm-commercial-hero-primary-button,
  .itm-commercial-hero-secondary-button {
    width: 100%;
  }
  .itm-commercial-hero-floating-shape-one {
    top: 20%;
    right: -18px;
    width: 58px;
    height: 58px;
  }
  .itm-commercial-hero-floating-shape-two {
    left: -10px;
    bottom: 20%;
  }
  .itm-commercial-hero-floating-shape-three {
    display: none;
  }
  .itm-commercial-hero-scroll {
    bottom: 18px;
  }
}
.itm-commercial-paths {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 112px 0;
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 88%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-paths::before {
  content: "";
  position: absolute;
  top: 76px;
  right: -110px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  border: 1px solid rgba(42, 157, 143, 0.11);
  box-shadow:
    0 0 0 42px rgba(42, 157, 143, 0.035),
    0 0 0 84px rgba(42, 157, 143, 0.022);
  pointer-events: none;
}
.itm-commercial-paths-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-paths-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 54px;
}
.itm-commercial-paths-heading-main {
  position: relative;
}
.itm-commercial-paths-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-paths-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}
.itm-commercial-paths-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: -1px;
}
.itm-commercial-paths-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-paths-description {
  max-width: 620px;
  margin: 0;
  color: #71858a;
  font-size: 16px;
  line-height: 2.05;
}
.itm-commercial-paths-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.itm-commercial-paths-card {
  position: relative;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 22px;
  min-height: 224px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 50px rgba(23, 52, 62, 0.07);
  color: #17343e;
  text-decoration: none;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-commercial-paths-card::before {
  content: "";
  position: absolute;
  top: -88px;
  left: -88px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.13),
    transparent 68%
  );
  transition:
    transform 0.45s ease,
    opacity 0.45s ease;
}
.itm-commercial-paths-card::after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 74px;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  transform: scaleX(0.42);
  transform-origin: right;
  transition: transform 0.35s ease;
}
.itm-commercial-paths-card:hover {
  border-color: rgba(42, 157, 143, 0.28);
  box-shadow: 0 28px 70px rgba(23, 52, 62, 0.12);
  color: #17343e;
  text-decoration: none;
  transform: translateY(-8px);
}
.itm-commercial-paths-card:hover::before {
  opacity: 1;
  transform: scale(1.18);
}
.itm-commercial-paths-card:hover::after {
  transform: scaleX(1);
}
.itm-commercial-paths-card-number {
  position: absolute;
  top: 18px;
  left: 23px;
  color: rgba(23, 52, 62, 0.075);
  font-size: 54px;
  font-weight: 900;
  line-height: 1;
}
.itm-commercial-paths-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border-radius: 26px;
  background: linear-gradient(
    145deg,
    rgba(42, 157, 143, 0.16),
    rgba(42, 157, 143, 0.06)
  );
  color: #2a9d8f;
  font-size: 30px;
  box-shadow: inset 0 0 0 1px rgba(42, 157, 143, 0.1);
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}
.itm-commercial-paths-card:hover .itm-commercial-paths-card-icon {
  background: linear-gradient(
    145deg,
    rgba(42, 157, 143, 0.22),
    rgba(233, 196, 106, 0.14)
  );
  transform: rotate(-5deg) scale(1.06);
}
.itm-commercial-paths-card-content {
  position: relative;
  z-index: 2;
}
.itm-commercial-paths-card-label {
  display: inline-block;
  margin-bottom: 9px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
}
.itm-commercial-paths-card-title {
  display: block;
  margin-bottom: 10px;
  color: #17343e;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.55;
}
.itm-commercial-paths-card-text {
  display: block;
  max-width: 420px;
  color: #71858a;
  font-size: 14px;
  line-height: 1.95;
}
.itm-commercial-paths-card-arrow {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 16px;
  background: #f7faf9;
  color: #17343e;
  font-size: 16px;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
.itm-commercial-paths-card:hover .itm-commercial-paths-card-arrow {
  border-color: #2a9d8f;
  background: #2a9d8f;
  color: #ffffff;
  transform: translateX(-6px);
}
.itm-commercial-paths-card-investment .itm-commercial-paths-card-icon {
  background: linear-gradient(
    145deg,
    rgba(233, 196, 106, 0.23),
    rgba(233, 196, 106, 0.08)
  );
  color: #b78923;
  box-shadow: inset 0 0 0 1px rgba(233, 196, 106, 0.18);
}
.itm-commercial-paths-card-investment:hover .itm-commercial-paths-card-icon {
  background: linear-gradient(
    145deg,
    rgba(233, 196, 106, 0.3),
    rgba(42, 157, 143, 0.1)
  );
}
.itm-commercial-paths-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin-top: 38px;
  color: #71858a;
  font-size: 13px;
  text-align: center;
}
.itm-commercial-paths-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.16);
  color: #b78923;
}
@media (max-width: 991px) {
  .itm-commercial-paths {
    padding: 92px 0;
  }
  .itm-commercial-paths-heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 42px;
    text-align: center;
  }
  .itm-commercial-paths-description {
    margin: 0 auto;
  }
  .itm-commercial-paths-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .itm-commercial-paths {
    padding: 76px 0;
  }
  .itm-commercial-paths-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-paths-title {
    font-size: 32px;
  }
  .itm-commercial-paths-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-paths-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 17px;
    min-height: 0;
    padding: 23px;
    border-radius: 24px;
  }
  .itm-commercial-paths-card-icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    font-size: 24px;
  }
  .itm-commercial-paths-card-title {
    font-size: 18px;
  }
  .itm-commercial-paths-card-text {
    font-size: 13px;
  }
  .itm-commercial-paths-card-arrow {
    grid-column: 1 / -1;
    width: 100%;
    height: 43px;
    border-radius: 13px;
  }
  .itm-commercial-paths-card:hover .itm-commercial-paths-card-arrow {
    transform: none;
  }
  .itm-commercial-paths-card-number {
    top: 15px;
    left: 17px;
    font-size: 42px;
  }
  .itm-commercial-paths-footer {
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.9;
  }
}
.itm-commercial-advantages {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 116px 0;
  background:
    radial-gradient(
      circle at 15% 22%,
      rgba(233, 196, 106, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(42, 157, 143, 0.12),
      transparent 32%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 48%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-advantages::before {
  content: "";
  position: absolute;
  top: -170px;
  right: -130px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    0 0 0 58px rgba(255, 255, 255, 0.022),
    0 0 0 116px rgba(255, 255, 255, 0.016);
  pointer-events: none;
}
.itm-commercial-advantages::after {
  content: "";
  position: absolute;
  left: -190px;
  bottom: -250px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.28),
    transparent 68%
  );
  filter: blur(20px);
  pointer-events: none;
}
.itm-commercial-advantages-container {
  position: relative;
  z-index: 3;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-advantages-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 78px;
}
.itm-commercial-advantages-content {
  position: relative;
}
.itm-commercial-advantages-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 8px 14px;
  border: 1px solid rgba(233, 196, 106, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #f2d584;
  font-size: 13px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-commercial-advantages-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
}
.itm-commercial-advantages-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 4.3vw, 58px);
  font-weight: 900;
  line-height: 1.48;
  letter-spacing: -1.2px;
}
.itm-commercial-advantages-title-highlight {
  color: #e9c46a;
}
.itm-commercial-advantages-description {
  margin: 25px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 2.12;
}
.itm-commercial-advantages-points {
  display: grid;
  gap: 16px;
  margin-top: 34px;
}
.itm-commercial-advantages-point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.itm-commercial-advantages-point-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-top: 2px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.16);
  color: #7ee0d4;
  font-size: 14px;
}
.itm-commercial-advantages-point-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
}
.itm-commercial-advantages-point-text {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 13px;
  line-height: 1.9;
}
.itm-commercial-advantages-visual {
  position: relative;
  min-height: 560px;
}
.itm-commercial-advantages-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.itm-commercial-advantages-orbit::before,
.itm-commercial-advantages-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}
.itm-commercial-advantages-orbit::before {
  inset: 48px;
}
.itm-commercial-advantages-orbit::after {
  inset: 108px;
}
.itm-commercial-advantages-core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 190px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 255, 255, 0.16),
      transparent 35%
    ),
    linear-gradient(145deg, rgba(42, 157, 143, 0.34), rgba(255, 255, 255, 0.06));
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.26),
    0 0 70px rgba(42, 157, 143, 0.18);
  text-align: center;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.itm-commercial-advantages-core-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 14px;
  border-radius: 19px;
  background: linear-gradient(135deg, #f2d584, #e9c46a);
  color: #17343e;
  font-size: 24px;
  box-shadow: 0 14px 34px rgba(233, 196, 106, 0.24);
}
.itm-commercial-advantages-core-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-commercial-advantages-core-text {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}
.itm-commercial-advantages-card {
  position: absolute;
  z-index: 4;
  width: 210px;
  min-height: 145px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 23px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13),
    rgba(255, 255, 255, 0.055)
  );
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}
.itm-commercial-advantages-card:hover {
  border-color: rgba(233, 196, 106, 0.32);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.17),
    rgba(255, 255, 255, 0.07)
  );
  transform: translateY(-6px);
}
.itm-commercial-advantages-card-one {
  top: 15px;
  right: 12px;
}
.itm-commercial-advantages-card-two {
  top: 72px;
  left: 0;
}
.itm-commercial-advantages-card-three {
  right: 0;
  bottom: 40px;
}
.itm-commercial-advantages-card-four {
  left: 26px;
  bottom: 3px;
}
.itm-commercial-advantages-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 18px;
}
.itm-commercial-advantages-card-gold .itm-commercial-advantages-card-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-commercial-advantages-card-title {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-commercial-advantages-card-text {
  display: block;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  line-height: 1.85;
}
.itm-commercial-advantages-node {
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow:
    0 0 0 7px rgba(233, 196, 106, 0.09),
    0 0 24px rgba(233, 196, 106, 0.38);
  animation: itm-commercial-advantages-pulse 2.8s ease-in-out infinite;
}
.itm-commercial-advantages-node-one {
  top: 18%;
  left: 45%;
}
.itm-commercial-advantages-node-two {
  right: 22%;
  bottom: 19%;
  animation-delay: 0.9s;
}
@keyframes itm-commercial-advantages-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.35);
    opacity: 1;
  }
}
@media (max-width: 1080px) {
  .itm-commercial-advantages-layout {
    gap: 42px;
  }
  .itm-commercial-advantages-card {
    width: 185px;
  }
}
@media (max-width: 991px) {
  .itm-commercial-advantages {
    padding: 94px 0;
  }
  .itm-commercial-advantages-layout {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .itm-commercial-advantages-content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-advantages-points {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }
  .itm-commercial-advantages-visual {
    width: min(650px, 100%);
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .itm-commercial-advantages {
    padding: 76px 0;
  }
  .itm-commercial-advantages-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-advantages-title {
    font-size: 33px;
  }
  .itm-commercial-advantages-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-advantages-point {
    text-align: right;
  }
  .itm-commercial-advantages-visual {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0;
  }
  .itm-commercial-advantages-orbit,
  .itm-commercial-advantages-node {
    display: none;
  }
  .itm-commercial-advantages-core {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    min-height: 180px;
    border-radius: 28px;
    transform: none;
  }
  .itm-commercial-advantages-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-height: 0;
  }
}
.itm-commercial-sell {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 82%,
      rgba(233, 196, 106, 0.1),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-sell::before {
  content: "";
  position: absolute;
  top: 86px;
  left: -150px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  border: 1px solid rgba(42, 157, 143, 0.1);
  box-shadow:
    0 0 0 52px rgba(42, 157, 143, 0.026),
    0 0 0 104px rgba(42, 157, 143, 0.016);
  pointer-events: none;
}
.itm-commercial-sell-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-sell-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 0.92fr);
  align-items: center;
  gap: 82px;
}
.itm-commercial-sell-content {
  position: relative;
}
.itm-commercial-sell-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-sell-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}
.itm-commercial-sell-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.6vw, 60px);
  font-weight: 900;
  line-height: 1.46;
  letter-spacing: -1.2px;
}
.itm-commercial-sell-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-sell-description {
  max-width: 700px;
  margin: 24px 0 0;
  color: #71858a;
  font-size: 16px;
  line-height: 2.1;
}
.itm-commercial-sell-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.itm-commercial-sell-benefit {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 18px;
  background: #f7faf9;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-commercial-sell-benefit:hover {
  border-color: rgba(42, 157, 143, 0.24);
  box-shadow: 0 15px 35px rgba(23, 52, 62, 0.08);
  transform: translateY(-4px);
}
.itm-commercial-sell-benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
  font-size: 14px;
}
.itm-commercial-sell-benefit-title {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-commercial-sell-benefit-text {
  display: block;
  color: #71858a;
  font-size: 12px;
  line-height: 1.85;
}
.itm-commercial-sell-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-commercial-sell-primary-button,
.itm-commercial-sell-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 23px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-sell-primary-button {
  border: 1px solid #2a9d8f;
  background: linear-gradient(135deg, #2a9d8f, #21877b);
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(42, 157, 143, 0.24);
}
.itm-commercial-sell-primary-button:hover {
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(42, 157, 143, 0.32);
}
.itm-commercial-sell-secondary-button {
  border: 1px solid rgba(23, 52, 62, 0.12);
  background: #ffffff;
  color: #17343e;
}
.itm-commercial-sell-secondary-button:hover {
  border-color: rgba(42, 157, 143, 0.32);
  background: #f7faf9;
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-commercial-sell-visual {
  position: relative;
  min-height: 590px;
}
.itm-commercial-sell-visual-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.18),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(14px);
}
.itm-commercial-sell-panel {
  position: absolute;
  top: 44px;
  right: 24px;
  left: 24px;
  overflow: hidden;
  padding: 26px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 32px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 250, 249, 0.92)
  );
  box-shadow: 0 30px 80px rgba(23, 52, 62, 0.13);
  transform: rotate(1.5deg);
}
.itm-commercial-sell-panel::before {
  content: "";
  position: absolute;
  top: -78px;
  left: -70px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.18),
    transparent 68%
  );
}
.itm-commercial-sell-panel-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.itm-commercial-sell-panel-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.itm-commercial-sell-panel-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: linear-gradient(135deg, #2a9d8f, #21877b);
  color: #ffffff;
  font-size: 19px;
  box-shadow: 0 12px 28px rgba(42, 157, 143, 0.24);
}
.itm-commercial-sell-panel-brand-title {
  display: block;
  margin-bottom: 2px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-commercial-sell-panel-brand-text {
  display: block;
  color: #71858a;
  font-size: 11px;
}
.itm-commercial-sell-panel-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-commercial-sell-panel-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2a9d8f;
  box-shadow: 0 0 0 5px rgba(42, 157, 143, 0.09);
}
.itm-commercial-sell-product {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 22px;
  background: #ffffff;
}
.itm-commercial-sell-product-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 30% 25%,
      rgba(255, 255, 255, 0.4),
      transparent 28%
    ),
    linear-gradient(145deg, #2a9d8f, #185158);
  color: rgba(255, 255, 255, 0.92);
  font-size: 40px;
}
.itm-commercial-sell-product-image::after {
  content: "";
  position: absolute;
  right: -25px;
  bottom: -25px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.18);
}
.itm-commercial-sell-product-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.itm-commercial-sell-product-category {
  display: inline-block;
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.15);
  color: #a97819;
  font-size: 10px;
  font-weight: 800;
}
.itm-commercial-sell-product-title {
  margin-bottom: 7px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-commercial-sell-product-text {
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-commercial-sell-metrics {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 15px;
}
.itm-commercial-sell-metric {
  padding: 14px 10px;
  border-radius: 17px;
  background: #f7faf9;
  text-align: center;
}
.itm-commercial-sell-metric-value {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 18px;
  font-weight: 900;
}
.itm-commercial-sell-metric-label {
  display: block;
  color: #71858a;
  font-size: 10px;
}
.itm-commercial-sell-float-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-commercial-sell-float-card-one {
  top: 4px;
  left: -4px;
}
.itm-commercial-sell-float-card-two {
  right: -4px;
  bottom: 26px;
}
.itm-commercial-sell-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
}
.itm-commercial-sell-float-card-two .itm-commercial-sell-float-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #a97819;
}
.itm-commercial-sell-float-label {
  display: block;
  margin-bottom: 2px;
  color: #71858a;
  font-size: 10px;
}
.itm-commercial-sell-float-value {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .itm-commercial-sell-layout {
    gap: 46px;
  }
  .itm-commercial-sell-visual {
    min-height: 550px;
  }
}
@media (max-width: 991px) {
  .itm-commercial-sell {
    padding: 94px 0;
  }
  .itm-commercial-sell-layout {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .itm-commercial-sell-content {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-sell-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-commercial-sell-benefits,
  .itm-commercial-sell-actions {
    text-align: right;
  }
  .itm-commercial-sell-actions {
    justify-content: center;
  }
  .itm-commercial-sell-visual {
    width: min(620px, 100%);
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .itm-commercial-sell {
    padding: 76px 0;
  }
  .itm-commercial-sell-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-sell-title {
    font-size: 33px;
  }
  .itm-commercial-sell-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-sell-benefits {
    grid-template-columns: 1fr;
  }
  .itm-commercial-sell-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-commercial-sell-primary-button,
  .itm-commercial-sell-secondary-button {
    width: 100%;
  }
  .itm-commercial-sell-visual {
    min-height: 650px;
  }
  .itm-commercial-sell-panel {
    top: 54px;
    right: 0;
    left: 0;
    padding: 18px;
    border-radius: 25px;
    transform: none;
  }
  .itm-commercial-sell-panel-status {
    display: none;
  }
  .itm-commercial-sell-product {
    grid-template-columns: 1fr;
  }
  .itm-commercial-sell-product-image {
    min-height: 150px;
  }
  .itm-commercial-sell-metrics {
    grid-template-columns: 1fr;
  }
  .itm-commercial-sell-float-card-one {
    top: 0;
    left: 8px;
  }
  .itm-commercial-sell-float-card-two {
    right: 8px;
    bottom: 0;
  }
}
.itm-commercial-outsourcing {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 12% 22%,
      rgba(233, 196, 106, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 78%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-outsourcing::before {
  content: "";
  position: absolute;
  top: -150px;
  right: -120px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  border: 1px solid rgba(42, 157, 143, 0.1);
  box-shadow:
    0 0 0 54px rgba(42, 157, 143, 0.025),
    0 0 0 108px rgba(42, 157, 143, 0.016);
  pointer-events: none;
}
.itm-commercial-outsourcing-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-outsourcing-layout {
  display: grid;
  grid-template-columns: minmax(430px, 0.94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 84px;
}
.itm-commercial-outsourcing-visual {
  position: relative;
  min-height: 590px;
}
.itm-commercial-outsourcing-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.18),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(16px);
}
.itm-commercial-outsourcing-board {
  position: absolute;
  top: 44px;
  right: 26px;
  left: 26px;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 32px;
  background:
    radial-gradient(
      circle at 18% 15%,
      rgba(233, 196, 106, 0.12),
      transparent 28%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 54%, #185158 100%);
  box-shadow: 0 34px 85px rgba(23, 52, 62, 0.2);
  transform: rotate(-1.5deg);
}
.itm-commercial-outsourcing-board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}
.itm-commercial-outsourcing-board-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.itm-commercial-outsourcing-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 15px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 19px;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.24);
}
.itm-commercial-outsourcing-board-title {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-commercial-outsourcing-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.52);
  font-size: 11px;
}
.itm-commercial-outsourcing-board-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(126, 224, 212, 0.16);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.14);
  color: #9be6dc;
  font-size: 10px;
  font-weight: 800;
}
.itm-commercial-outsourcing-board-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.09);
}
.itm-commercial-outsourcing-timeline {
  position: relative;
  display: grid;
  gap: 14px;
}
.itm-commercial-outsourcing-timeline::before {
  content: "";
  position: absolute;
  top: 36px;
  right: 22px;
  bottom: 36px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    rgba(233, 196, 106, 0.42),
    rgba(42, 157, 143, 0.26)
  );
}
.itm-commercial-outsourcing-step {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}
.itm-commercial-outsourcing-step:hover {
  border-color: rgba(233, 196, 106, 0.24);
  background: rgba(255, 255, 255, 0.085);
  transform: translateX(-5px);
}
.itm-commercial-outsourcing-step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 16px;
}
.itm-commercial-outsourcing-step-gold .itm-commercial-outsourcing-step-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-commercial-outsourcing-step-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}
.itm-commercial-outsourcing-step-text {
  display: block;
  color: rgba(255, 255, 255, 0.53);
  font-size: 11px;
  line-height: 1.8;
}
.itm-commercial-outsourcing-float-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-commercial-outsourcing-float-card-one {
  top: 2px;
  right: -5px;
}
.itm-commercial-outsourcing-float-card-two {
  left: -4px;
  bottom: 22px;
}
.itm-commercial-outsourcing-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
}
.itm-commercial-outsourcing-float-card-two
  .itm-commercial-outsourcing-float-icon {
  background: rgba(233, 196, 106, 0.18);
  color: #a97819;
}
.itm-commercial-outsourcing-float-label {
  display: block;
  margin-bottom: 2px;
  color: #71858a;
  font-size: 10px;
}
.itm-commercial-outsourcing-float-value {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-commercial-outsourcing-content {
  position: relative;
}
.itm-commercial-outsourcing-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-outsourcing-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}
.itm-commercial-outsourcing-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.5vw, 59px);
  font-weight: 900;
  line-height: 1.47;
  letter-spacing: -1.2px;
}
.itm-commercial-outsourcing-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-outsourcing-description {
  max-width: 700px;
  margin: 24px 0 0;
  color: #71858a;
  font-size: 16px;
  line-height: 2.1;
}
.itm-commercial-outsourcing-services {
  display: grid;
  gap: 15px;
  margin-top: 32px;
}
.itm-commercial-outsourcing-service {
  display: grid;
  grid-template-columns: 47px minmax(0, 1fr);
  align-items: flex-start;
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.76);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-commercial-outsourcing-service:hover {
  border-color: rgba(42, 157, 143, 0.24);
  box-shadow: 0 15px 34px rgba(23, 52, 62, 0.07);
  transform: translateX(-5px);
}
.itm-commercial-outsourcing-service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-commercial-outsourcing-service-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-commercial-outsourcing-service-text {
  display: block;
  color: #71858a;
  font-size: 12px;
  line-height: 1.9;
}
.itm-commercial-outsourcing-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-commercial-outsourcing-primary-button,
.itm-commercial-outsourcing-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 23px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-outsourcing-primary-button {
  border: 1px solid #17343e;
  background: linear-gradient(135deg, #17343e, #102f36);
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(23, 52, 62, 0.2);
}
.itm-commercial-outsourcing-primary-button:hover {
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(23, 52, 62, 0.28);
}
.itm-commercial-outsourcing-secondary-button {
  border: 1px solid rgba(23, 52, 62, 0.12);
  background: #ffffff;
  color: #17343e;
}
.itm-commercial-outsourcing-secondary-button:hover {
  border-color: rgba(42, 157, 143, 0.32);
  background: #ffffff;
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
}
@media (max-width: 1080px) {
  .itm-commercial-outsourcing-layout {
    gap: 48px;
  }
}
@media (max-width: 991px) {
  .itm-commercial-outsourcing {
    padding: 94px 0;
  }
  .itm-commercial-outsourcing-layout {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .itm-commercial-outsourcing-content {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-outsourcing-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-commercial-outsourcing-services {
    text-align: right;
  }
  .itm-commercial-outsourcing-actions {
    justify-content: center;
  }
  .itm-commercial-outsourcing-visual {
    width: min(620px, 100%);
    margin: 0 auto;
    order: 2;
  }
}
@media (max-width: 640px) {
  .itm-commercial-outsourcing {
    padding: 76px 0;
  }
  .itm-commercial-outsourcing-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-outsourcing-title {
    font-size: 33px;
  }
  .itm-commercial-outsourcing-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-outsourcing-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-commercial-outsourcing-primary-button,
  .itm-commercial-outsourcing-secondary-button {
    width: 100%;
  }
  .itm-commercial-outsourcing-visual {
    min-height: 620px;
  }
  .itm-commercial-outsourcing-board {
    top: 53px;
    right: 0;
    left: 0;
    padding: 18px;
    border-radius: 25px;
    transform: none;
  }
  .itm-commercial-outsourcing-board-badge {
    display: none;
  }
  .itm-commercial-outsourcing-float-card-one {
    top: 0;
    right: 8px;
  }
  .itm-commercial-outsourcing-float-card-two {
    left: 8px;
    bottom: 0;
  }
}
.itm-commercial-affiliate {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 86% 18%,
      rgba(233, 196, 106, 0.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 12% 82%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-affiliate::before {
  content: "";
  position: absolute;
  right: -145px;
  bottom: -145px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid rgba(233, 196, 106, 0.13);
  box-shadow:
    0 0 0 52px rgba(233, 196, 106, 0.03),
    0 0 0 104px rgba(233, 196, 106, 0.018);
  pointer-events: none;
}
.itm-commercial-affiliate-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-affiliate-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 0.92fr);
  align-items: center;
  gap: 84px;
}
.itm-commercial-affiliate-content {
  position: relative;
}
.itm-commercial-affiliate-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #a97819;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-affiliate-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.16);
  color: #a97819;
}
.itm-commercial-affiliate-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.6vw, 60px);
  font-weight: 900;
  line-height: 1.46;
  letter-spacing: -1.2px;
}
.itm-commercial-affiliate-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-affiliate-description {
  max-width: 700px;
  margin: 24px 0 0;
  color: #71858a;
  font-size: 16px;
  line-height: 2.1;
}
.itm-commercial-affiliate-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.itm-commercial-affiliate-feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 18px;
  background: #f7faf9;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-commercial-affiliate-feature:hover {
  border-color: rgba(233, 196, 106, 0.32);
  box-shadow: 0 15px 35px rgba(23, 52, 62, 0.08);
  transform: translateY(-4px);
}
.itm-commercial-affiliate-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-commercial-affiliate-feature-gold .itm-commercial-affiliate-feature-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #a97819;
}
.itm-commercial-affiliate-feature-title {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-commercial-affiliate-feature-text {
  display: block;
  color: #71858a;
  font-size: 12px;
  line-height: 1.85;
}
.itm-commercial-affiliate-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-commercial-affiliate-primary-button,
.itm-commercial-affiliate-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 23px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-affiliate-primary-button {
  border: 1px solid #2a9d8f;
  background: linear-gradient(135deg, #2a9d8f, #21877b);
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(42, 157, 143, 0.24);
}
.itm-commercial-affiliate-primary-button:hover {
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(42, 157, 143, 0.32);
}
.itm-commercial-affiliate-secondary-button {
  border: 1px solid rgba(23, 52, 62, 0.12);
  background: #ffffff;
  color: #17343e;
}
.itm-commercial-affiliate-secondary-button:hover {
  border-color: rgba(233, 196, 106, 0.4);
  background: #fffdf8;
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-commercial-affiliate-visual {
  position: relative;
  min-height: 600px;
}
.itm-commercial-affiliate-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.2),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(16px);
}
.itm-commercial-affiliate-network {
  position: absolute;
  top: 55px;
  right: 32px;
  left: 32px;
  min-height: 470px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 18% 18%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 82% 78%,
      rgba(42, 157, 143, 0.16),
      transparent 28%
    ),
    linear-gradient(145deg, #ffffff, #f7faf9);
  box-shadow: 0 34px 85px rgba(23, 52, 62, 0.14);
  transform: rotate(1.5deg);
}
.itm-commercial-affiliate-network::before,
.itm-commercial-affiliate-network::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(42, 157, 143, 0.18);
}
.itm-commercial-affiliate-network::before {
  top: 50%;
  left: 50%;
  width: 290px;
  height: 290px;
  transform: translate(-50%, -50%);
}
.itm-commercial-affiliate-network::after {
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  transform: translate(-50%, -50%);
}
.itm-commercial-affiliate-center {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(42, 157, 143, 0.2);
  border-radius: 50%;
  background: linear-gradient(145deg, #17343e, #102f36);
  box-shadow:
    0 24px 55px rgba(23, 52, 62, 0.25),
    0 0 0 18px rgba(42, 157, 143, 0.06);
  transform: translate(-50%, -50%);
}
.itm-commercial-affiliate-center-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 9px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 20px;
}
.itm-commercial-affiliate-center-title {
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}
.itm-commercial-affiliate-center-text {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
}
.itm-commercial-affiliate-node {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 135px;
  padding: 11px 13px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(23, 52, 62, 0.1);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-commercial-affiliate-node-one {
  top: 52px;
  right: 38px;
}
.itm-commercial-affiliate-node-two {
  top: 62px;
  left: 34px;
}
.itm-commercial-affiliate-node-three {
  right: 32px;
  bottom: 48px;
}
.itm-commercial-affiliate-node-four {
  left: 34px;
  bottom: 52px;
}
.itm-commercial-affiliate-node-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 14px;
}
.itm-commercial-affiliate-node-gold .itm-commercial-affiliate-node-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #a97819;
}
.itm-commercial-affiliate-node-title {
  display: block;
  margin-bottom: 2px;
  color: #17343e;
  font-size: 11px;
  font-weight: 900;
}
.itm-commercial-affiliate-node-text {
  display: block;
  color: #71858a;
  font-size: 9px;
}
.itm-commercial-affiliate-floating-card {
  position: absolute;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-commercial-affiliate-floating-card-one {
  top: 2px;
  left: -4px;
}
.itm-commercial-affiliate-floating-card-two {
  right: -4px;
  bottom: 14px;
}
.itm-commercial-affiliate-floating-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
}
.itm-commercial-affiliate-floating-card-two
  .itm-commercial-affiliate-floating-icon {
  background: rgba(233, 196, 106, 0.18);
  color: #a97819;
}
.itm-commercial-affiliate-floating-label {
  display: block;
  margin-bottom: 2px;
  color: #71858a;
  font-size: 10px;
}
.itm-commercial-affiliate-floating-value {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .itm-commercial-affiliate-layout {
    gap: 48px;
  }
}
@media (max-width: 991px) {
  .itm-commercial-affiliate {
    padding: 94px 0;
  }
  .itm-commercial-affiliate-layout {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .itm-commercial-affiliate-content {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-affiliate-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-commercial-affiliate-features {
    text-align: right;
  }
  .itm-commercial-affiliate-actions {
    justify-content: center;
  }
  .itm-commercial-affiliate-visual {
    width: min(620px, 100%);
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .itm-commercial-affiliate {
    padding: 76px 0;
  }
  .itm-commercial-affiliate-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-affiliate-title {
    font-size: 33px;
  }
  .itm-commercial-affiliate-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-affiliate-features {
    grid-template-columns: 1fr;
  }
  .itm-commercial-affiliate-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-commercial-affiliate-primary-button,
  .itm-commercial-affiliate-secondary-button {
    width: 100%;
  }
  .itm-commercial-affiliate-visual {
    min-height: 650px;
  }
  .itm-commercial-affiliate-network {
    top: 58px;
    right: 0;
    left: 0;
    min-height: 520px;
    border-radius: 26px;
    transform: none;
  }
  .itm-commercial-affiliate-network::before {
    width: 235px;
    height: 235px;
  }
  .itm-commercial-affiliate-network::after {
    width: 330px;
    height: 330px;
  }
  .itm-commercial-affiliate-center {
    width: 128px;
    height: 128px;
  }
  .itm-commercial-affiliate-node {
    min-width: 112px;
    padding: 9px 10px;
  }
  .itm-commercial-affiliate-node-one {
    top: 46px;
    right: 14px;
  }
  .itm-commercial-affiliate-node-two {
    top: 52px;
    left: 14px;
  }
  .itm-commercial-affiliate-node-three {
    right: 14px;
    bottom: 42px;
  }
  .itm-commercial-affiliate-node-four {
    left: 14px;
    bottom: 46px;
  }
  .itm-commercial-affiliate-node-text {
    display: none;
  }
  .itm-commercial-affiliate-floating-card-one {
    top: 0;
    left: 8px;
  }
  .itm-commercial-affiliate-floating-card-two {
    right: 8px;
    bottom: 0;
  }
}
.itm-commercial-investment {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(42, 157, 143, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 85% 82%,
      rgba(233, 196, 106, 0.13),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-investment::before {
  content: "";
  position: absolute;
  top: -165px;
  left: -145px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(42, 157, 143, 0.11);
  box-shadow:
    0 0 0 56px rgba(42, 157, 143, 0.027),
    0 0 0 112px rgba(42, 157, 143, 0.017);
  pointer-events: none;
}
.itm-commercial-investment-container {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-investment-layout {
  display: grid;
  grid-template-columns: minmax(430px, 0.94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 84px;
}
.itm-commercial-investment-visual {
  position: relative;
  min-height: 610px;
}
.itm-commercial-investment-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 470px;
  height: 470px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.18),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(16px);
}
.itm-commercial-investment-panel {
  position: absolute;
  top: 48px;
  right: 26px;
  left: 26px;
  min-height: 485px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 15% 18%,
      rgba(233, 196, 106, 0.15),
      transparent 28%
    ),
    radial-gradient(
      circle at 84% 82%,
      rgba(42, 157, 143, 0.18),
      transparent 30%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 34px 88px rgba(23, 52, 62, 0.22);
  transform: rotate(-1.5deg);
}
.itm-commercial-investment-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px;
}
.itm-commercial-investment-panel-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.itm-commercial-investment-panel-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 19px;
  box-shadow: 0 14px 32px rgba(233, 196, 106, 0.25);
}
.itm-commercial-investment-panel-brand-title {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-commercial-investment-panel-brand-text {
  display: block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 11px;
}
.itm-commercial-investment-panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(233, 196, 106, 0.18);
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.12);
  color: #f2d584;
  font-size: 10px;
  font-weight: 800;
}
.itm-commercial-investment-chart {
  position: relative;
  height: 220px;
  padding: 25px 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
}
.itm-commercial-investment-chart-grid {
  position: absolute;
  inset: 24px 18px 18px;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  pointer-events: none;
}
.itm-commercial-investment-chart-grid-line {
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
.itm-commercial-investment-chart-bars {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  height: 100%;
}
.itm-commercial-investment-chart-bar {
  position: relative;
  flex: 1;
  min-width: 32px;
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(to top, #21877b, #7ee0d4);
  box-shadow: 0 10px 25px rgba(42, 157, 143, 0.18);
}
.itm-commercial-investment-chart-bar-one {
  height: 34%;
}
.itm-commercial-investment-chart-bar-two {
  height: 47%;
}
.itm-commercial-investment-chart-bar-three {
  height: 58%;
}
.itm-commercial-investment-chart-bar-four {
  height: 72%;
}
.itm-commercial-investment-chart-bar-five {
  height: 86%;
  background: linear-gradient(to top, #a97819, #e9c46a);
  box-shadow: 0 10px 25px rgba(233, 196, 106, 0.18);
}
.itm-commercial-investment-chart-labels {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 9px;
  text-align: center;
}
.itm-commercial-investment-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.itm-commercial-investment-stat {
  padding: 14px 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
}
.itm-commercial-investment-stat-value {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}
.itm-commercial-investment-stat-label {
  display: block;
  color: rgba(255, 255, 255, 0.46);
  font-size: 9px;
}
.itm-commercial-investment-float-card {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-commercial-investment-float-card-one {
  top: 3px;
  right: -5px;
}
.itm-commercial-investment-float-card-two {
  left: -4px;
  bottom: 17px;
}
.itm-commercial-investment-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
}
.itm-commercial-investment-float-card-two
  .itm-commercial-investment-float-icon {
  background: rgba(233, 196, 106, 0.18);
  color: #a97819;
}
.itm-commercial-investment-float-label {
  display: block;
  margin-bottom: 2px;
  color: #71858a;
  font-size: 10px;
}
.itm-commercial-investment-float-value {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-commercial-investment-content {
  position: relative;
}
.itm-commercial-investment-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #a97819;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-investment-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.16);
  color: #a97819;
}
.itm-commercial-investment-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.5vw, 59px);
  font-weight: 900;
  line-height: 1.47;
  letter-spacing: -1.2px;
}
.itm-commercial-investment-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-investment-description {
  max-width: 700px;
  margin: 24px 0 0;
  color: #71858a;
  font-size: 16px;
  line-height: 2.1;
}
.itm-commercial-investment-opportunities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.itm-commercial-investment-opportunity {
  padding: 19px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-commercial-investment-opportunity:hover {
  border-color: rgba(42, 157, 143, 0.24);
  box-shadow: 0 16px 36px rgba(23, 52, 62, 0.08);
  transform: translateY(-5px);
}
.itm-commercial-investment-opportunity-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 16px;
}
.itm-commercial-investment-opportunity-gold
  .itm-commercial-investment-opportunity-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #a97819;
}
.itm-commercial-investment-opportunity-title {
  display: block;
  margin-bottom: 6px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-commercial-investment-opportunity-text {
  display: block;
  color: #71858a;
  font-size: 12px;
  line-height: 1.9;
}
.itm-commercial-investment-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-commercial-investment-primary-button,
.itm-commercial-investment-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 23px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-investment-primary-button {
  border: 1px solid #17343e;
  background: linear-gradient(135deg, #17343e, #102f36);
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(23, 52, 62, 0.2);
}
.itm-commercial-investment-primary-button:hover {
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(23, 52, 62, 0.28);
}
.itm-commercial-investment-secondary-button {
  border: 1px solid rgba(23, 52, 62, 0.12);
  background: #ffffff;
  color: #17343e;
}
.itm-commercial-investment-secondary-button:hover {
  border-color: rgba(233, 196, 106, 0.4);
  background: #fffdf8;
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
}
@media (max-width: 1080px) {
  .itm-commercial-investment-layout {
    gap: 48px;
  }
}
@media (max-width: 991px) {
  .itm-commercial-investment {
    padding: 94px 0;
  }
  .itm-commercial-investment-layout {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .itm-commercial-investment-content {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-investment-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-commercial-investment-opportunities {
    text-align: right;
  }
  .itm-commercial-investment-actions {
    justify-content: center;
  }
  .itm-commercial-investment-visual {
    width: min(620px, 100%);
    margin: 0 auto;
    order: 2;
  }
}
@media (max-width: 640px) {
  .itm-commercial-investment {
    padding: 76px 0;
  }
  .itm-commercial-investment-container {
    width: min(100% - 24px, 1280px);
  }
  .itm-commercial-investment-title {
    font-size: 33px;
  }
  .itm-commercial-investment-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-investment-opportunities {
    grid-template-columns: 1fr;
  }
  .itm-commercial-investment-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-commercial-investment-primary-button,
  .itm-commercial-investment-secondary-button {
    width: 100%;
  }
  .itm-commercial-investment-visual {
    min-height: 650px;
  }
  .itm-commercial-investment-panel {
    top: 55px;
    right: 0;
    left: 0;
    padding: 18px;
    border-radius: 26px;
    transform: none;
  }
  .itm-commercial-investment-panel-badge {
    display: none;
  }
  .itm-commercial-investment-chart {
    height: 200px;
  }
  .itm-commercial-investment-stats {
    grid-template-columns: 1fr;
  }
  .itm-commercial-investment-float-card-one {
    top: 0;
    right: 8px;
  }
  .itm-commercial-investment-float-card-two {
    left: 8px;
    bottom: 0;
  }
}
.itm-commercial-faq {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(42, 157, 143, 0.11),
      transparent 28%
    ),
    radial-gradient(
      circle at 10% 84%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-faq::before {
  content: "";
  position: absolute;
  top: 95px;
  right: -160px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid rgba(42, 157, 143, 0.1);
  box-shadow:
    0 0 0 54px rgba(42, 157, 143, 0.026),
    0 0 0 108px rgba(42, 157, 143, 0.016);
  pointer-events: none;
}
.itm-commercial-faq-container {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-faq-header {
  max-width: 780px;
  margin: 0 auto 56px;
  text-align: center;
}
.itm-commercial-faq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-faq-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}
.itm-commercial-faq-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1.1px;
}
.itm-commercial-faq-title-highlight {
  color: #2a9d8f;
}
.itm-commercial-faq-description {
  max-width: 680px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.05;
}
.itm-commercial-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 34px;
}
.itm-commercial-faq-list {
  display: grid;
  gap: 15px;
}
.itm-commercial-faq-item {
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(23, 52, 62, 0.055);
  transition:
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.28s ease;
}
.itm-commercial-faq-item:hover {
  border-color: rgba(42, 157, 143, 0.24);
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.09);
  transform: translateY(-3px);
}
.itm-commercial-faq-item[open] {
  border-color: rgba(42, 157, 143, 0.25);
  box-shadow: 0 18px 48px rgba(23, 52, 62, 0.1);
}
.itm-commercial-faq-question {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 16px 19px;
  color: #17343e;
  cursor: pointer;
  list-style: none;
}
.itm-commercial-faq-question::-webkit-details-marker {
  display: none;
}
.itm-commercial-faq-question-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 16px;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}
.itm-commercial-faq-item:nth-child(even) .itm-commercial-faq-question-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #a97819;
}
.itm-commercial-faq-question-text {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-commercial-faq-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #f7faf9;
  color: #71858a;
  font-size: 13px;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}
.itm-commercial-faq-item[open] .itm-commercial-faq-toggle {
  background: #2a9d8f;
  color: #ffffff;
  transform: rotate(45deg);
}
.itm-commercial-faq-item[open] .itm-commercial-faq-question-icon {
  color: #ffffff;
  background: #2a9d8f;
  transform: scale(1.05);
}
.itm-commercial-faq-answer {
  padding: 0 78px 23px 74px;
  color: #71858a;
  font-size: 13px;
  line-height: 2.05;
}
.itm-commercial-faq-answer-line {
  width: 100%;
  height: 1px;
  margin-bottom: 18px;
  background: linear-gradient(
    to left,
    rgba(42, 157, 143, 0.2),
    rgba(23, 52, 62, 0.05),
    transparent
  );
}
.itm-commercial-faq-side {
  position: sticky;
  top: 110px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 18% 16%,
      rgba(233, 196, 106, 0.16),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 86%,
      rgba(42, 157, 143, 0.18),
      transparent 30%
    ),
    linear-gradient(145deg, #102f36, #17343e 55%, #185158);
  box-shadow: 0 28px 70px rgba(23, 52, 62, 0.2);
}
.itm-commercial-faq-side::before {
  content: "";
  position: absolute;
  top: -55px;
  left: -55px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  border: 1px solid rgba(233, 196, 106, 0.15);
  box-shadow: 0 0 0 24px rgba(233, 196, 106, 0.035);
}
.itm-commercial-faq-side-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 22px;
  box-shadow: 0 15px 32px rgba(233, 196, 106, 0.24);
}
.itm-commercial-faq-side-title {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-commercial-faq-side-text {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 2;
}
.itm-commercial-faq-side-features {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  margin-bottom: 25px;
}
.itm-commercial-faq-side-feature {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 11px;
}
.itm-commercial-faq-side-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 10px;
}
.itm-commercial-faq-side-button {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 51px;
  padding: 0 18px;
  border: 1px solid rgba(233, 196, 106, 0.34);
  border-radius: 15px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 32px rgba(233, 196, 106, 0.17);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-commercial-faq-side-button:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(233, 196, 106, 0.25);
}
@media (max-width: 991px) {
  .itm-commercial-faq {
    padding: 94px 0;
  }
  .itm-commercial-faq-layout {
    grid-template-columns: 1fr;
  }
  .itm-commercial-faq-side {
    position: relative;
    top: auto;
    width: min(620px, 100%);
    margin: 16px auto 0;
    text-align: center;
  }
  .itm-commercial-faq-side-features {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }
}
@media (max-width: 640px) {
  .itm-commercial-faq {
    padding: 76px 0;
  }
  .itm-commercial-faq-container {
    width: min(100% - 24px, 1180px);
  }
  .itm-commercial-faq-header {
    margin-bottom: 38px;
  }
  .itm-commercial-faq-title {
    font-size: 33px;
  }
  .itm-commercial-faq-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-faq-question {
    grid-template-columns: 40px minmax(0, 1fr) 34px;
    gap: 10px;
    min-height: 76px;
    padding: 14px;
  }
  .itm-commercial-faq-question-icon {
    width: 40px;
    height: 40px;
  }
  .itm-commercial-faq-question-text {
    font-size: 13px;
  }
  .itm-commercial-faq-toggle {
    width: 34px;
    height: 34px;
  }
  .itm-commercial-faq-answer {
    padding: 0 64px 20px 48px;
    font-size: 12px;
  }
  .itm-commercial-faq-side {
    padding: 24px 20px;
    border-radius: 24px;
  }
}
.itm-commercial-finalcta {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 110px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.14),
      transparent 26%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.18),
      transparent 30%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-commercial-finalcta::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -150px;
  width: 470px;
  height: 470px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    0 0 0 58px rgba(255, 255, 255, 0.018),
    0 0 0 116px rgba(255, 255, 255, 0.012);
  pointer-events: none;
}
.itm-commercial-finalcta::after {
  content: "";
  position: absolute;
  left: -135px;
  bottom: -170px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  border: 1px solid rgba(233, 196, 106, 0.12);
  box-shadow:
    0 0 0 52px rgba(233, 196, 106, 0.025),
    0 0 0 104px rgba(233, 196, 106, 0.016);
  pointer-events: none;
}
.itm-commercial-finalcta-container {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-commercial-finalcta-card {
  position: relative;
  overflow: hidden;
  padding: 64px 66px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(233, 196, 106, 0.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 84% 78%,
      rgba(42, 157, 143, 0.17),
      transparent 30%
    ),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-commercial-finalcta-card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -55px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-commercial-finalcta-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 62px;
}
.itm-commercial-finalcta-content {
  position: relative;
}
.itm-commercial-finalcta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #f2d584;
  font-size: 14px;
  font-weight: 800;
}
.itm-commercial-finalcta-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #f2d584;
}
.itm-commercial-finalcta-title {
  max-width: 780px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1.2px;
}
.itm-commercial-finalcta-title-highlight {
  color: #7ee0d4;
}
.itm-commercial-finalcta-description {
  max-width: 720px;
  margin: 23px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 2.1;
}
.itm-commercial-finalcta-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
.itm-commercial-finalcta-primary-button,
.itm-commercial-finalcta-secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-commercial-finalcta-primary-button {
  border: 1px solid rgba(233, 196, 106, 0.38);
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 16px 38px rgba(233, 196, 106, 0.2);
}
.itm-commercial-finalcta-primary-button:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 20px 46px rgba(233, 196, 106, 0.29);
}
.itm-commercial-finalcta-secondary-button {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-commercial-finalcta-secondary-button:hover {
  border-color: rgba(126, 224, 212, 0.35);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-commercial-finalcta-panel {
  position: relative;
  min-height: 335px;
}
.itm-commercial-finalcta-panel-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.24),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(14px);
}
.itm-commercial-finalcta-center {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 170px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(255, 255, 255, 0.1),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.09),
      rgba(255, 255, 255, 0.04)
    );
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.24),
    0 0 0 22px rgba(42, 157, 143, 0.055);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-commercial-finalcta-center-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 14px 32px rgba(233, 196, 106, 0.22);
}
.itm-commercial-finalcta-center-title {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-commercial-finalcta-center-text {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
}
.itm-commercial-finalcta-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 275px;
  height: 275px;
  border: 1px dashed rgba(126, 224, 212, 0.22);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.itm-commercial-finalcta-orbit::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 7px rgba(126, 224, 212, 0.1);
  transform: translateX(-50%);
}
.itm-commercial-finalcta-option {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 142px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-commercial-finalcta-option-one {
  top: 8px;
  right: -4px;
}
.itm-commercial-finalcta-option-two {
  top: 18px;
  left: -5px;
}
.itm-commercial-finalcta-option-three {
  right: -8px;
  bottom: 16px;
}
.itm-commercial-finalcta-option-four {
  left: -4px;
  bottom: 4px;
}
.itm-commercial-finalcta-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 14px;
}
.itm-commercial-finalcta-option-gold .itm-commercial-finalcta-option-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #f2d584;
}
.itm-commercial-finalcta-option-title {
  display: block;
  margin-bottom: 2px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-commercial-finalcta-option-text {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 9px;
}
.itm-commercial-finalcta-note {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 32px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 11px;
  text-align: center;
}
.itm-commercial-finalcta-note-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.13);
  color: #7ee0d4;
  font-size: 10px;
}
@media (max-width: 991px) {
  .itm-commercial-finalcta {
    padding: 94px 0;
  }
  .itm-commercial-finalcta-card {
    padding: 54px 42px;
  }
  .itm-commercial-finalcta-layout {
    grid-template-columns: 1fr;
    gap: 58px;
  }
  .itm-commercial-finalcta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-commercial-finalcta-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-commercial-finalcta-actions {
    justify-content: center;
  }
  .itm-commercial-finalcta-panel {
    width: min(520px, 100%);
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .itm-commercial-finalcta {
    padding: 76px 0;
  }
  .itm-commercial-finalcta-container {
    width: min(100% - 24px, 1180px);
  }
  .itm-commercial-finalcta-card {
    padding: 42px 18px;
    border-radius: 26px;
  }
  .itm-commercial-finalcta-title {
    font-size: 33px;
  }
  .itm-commercial-finalcta-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-commercial-finalcta-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-commercial-finalcta-primary-button,
  .itm-commercial-finalcta-secondary-button {
    width: 100%;
  }
  .itm-commercial-finalcta-panel {
    min-height: 410px;
  }
  .itm-commercial-finalcta-center {
    width: 145px;
    height: 145px;
  }
  .itm-commercial-finalcta-orbit {
    width: 235px;
    height: 235px;
  }
  .itm-commercial-finalcta-option {
    min-width: 118px;
    padding: 9px 10px;
  }
  .itm-commercial-finalcta-option-one {
    top: 5px;
    right: 0;
  }
  .itm-commercial-finalcta-option-two {
    top: 12px;
    left: 0;
  }
  .itm-commercial-finalcta-option-three {
    right: 0;
    bottom: 14px;
  }
  .itm-commercial-finalcta-option-four {
    left: 0;
    bottom: 4px;
  }
  .itm-commercial-finalcta-option-text {
    display: none;
  }
  .itm-commercial-finalcta-note {
    align-items: flex-start;
    line-height: 1.9;
  }
}
.moaiery-header {
  position: relative;
  direction: rtl;
  padding: 64px 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(233, 196, 106, 0.17),
      transparent 24%
    ),
    radial-gradient(
      circle at 88% 85%,
      rgba(42, 157, 143, 0.24),
      transparent 27%
    ),
    linear-gradient(135deg, #102f36 0%, #173f47 48%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.moaiery-header:before {
  content: "";
  position: absolute;
  top: -115px;
  right: -80px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  pointer-events: none;
}
.moaiery-header:after {
  content: "";
  position: absolute;
  bottom: -160px;
  left: -80px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(233, 196, 106, 0.12);
  border-radius: 50%;
  pointer-events: none;
}
.itm-consumers-header-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 21px;
}
.itm-consumers-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
  font-size: 28px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
}
.itm-consumers-header-text span {
  display: block;
  margin-bottom: 4px;
  color: #e9c46a;
  font-size: 14px;
  font-weight: 800;
}
.itm-consumers-header-text h1 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}
.itm-consumers-header-text p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
}
.itm-consumers-section {
  position: relative;
  direction: rtl;
  padding: 76px 0 95px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 4% 20%,
      rgba(233, 196, 106, 0.09),
      transparent 20%
    ),
    radial-gradient(
      circle at 96% 80%,
      rgba(42, 157, 143, 0.07),
      transparent 23%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-consumers-section:before {
  content: "";
  position: absolute;
  top: 210px;
  right: -190px;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
.itm-consumers-intro {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 35px;
  margin-bottom: 42px;
}
.itm-consumers-intro-content {
  max-width: 830px;
}
.itm-consumers-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  padding: 7px 13px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.07);
  color: #247f75;
  font-size: 14px;
  font-weight: 800;
}
.itm-consumers-label i {
  color: #dba536;
}
.itm-consumers-intro h2 {
  margin: 0 0 12px;
  color: #17343e;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-consumers-intro p {
  margin: 0;
  color: #60777d;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.1;
  text-align: justify;
}
.itm-consumers-intro-line {
  flex: 1;
  height: 1px;
  margin-bottom: 13px;
  background: linear-gradient(90deg, transparent, rgba(42, 157, 143, 0.22));
}
.itm-consumers-main {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, 0.85fr);
  gap: 54px;
  align-items: start;
}
.itm-consumers-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.itm-consumers-benefit {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 116px;
  padding: 18px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 25px rgba(23, 52, 62, 0.035);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-consumers-benefit:hover {
  transform: translateY(-3px);
  border-color: rgba(42, 157, 143, 0.2);
  box-shadow: 0 15px 34px rgba(23, 52, 62, 0.075);
}
.itm-consumers-benefit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0.04)
  );
  color: #2a9d8f;
  font-size: 18px;
}
.itm-consumers-benefit-content {
  min-width: 0;
}
.itm-consumers-benefit h3 {
  margin: 0 0 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-consumers-benefit p {
  margin: 0;
  color: #71858a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
}
.itm-consumers-benefit-full {
  grid-column: 1/-1;
  min-height: auto;
}
.itm-consumers-side {
  position: sticky;
  top: 25px;
}
.itm-consumers-image-wrap {
  position: relative;
  padding: 17px 17px 30px 30px;
}
.itm-consumers-image-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 10px;
  left: 18px;
  border-radius: 31px;
  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(233, 196, 106, 0.16),
      transparent 25%
    ),
    linear-gradient(145deg, #102f36, #185158);
  box-shadow: 0 26px 60px rgba(23, 52, 62, 0.18);
}
.itm-consumers-image {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 470px;
  object-fit: cover;
  border: 6px solid #fff;
  border-radius: 27px;
  box-shadow: 0 22px 50px rgba(23, 52, 62, 0.14);
}
.itm-consumers-image-badge {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 185px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(23, 52, 62, 0.14);
  backdrop-filter: blur(10px);
}
.itm-consumers-image-badge-top {
  top: 55px;
  right: -8px;
}
.itm-consumers-image-badge-bottom {
  bottom: 65px;
  left: -7px;
}
.itm-consumers-image-badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-consumers-image-badge strong {
  display: block;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-consumers-image-badge span {
  display: block;
  margin-top: 2px;
  color: #71858a;
  font-size: 13px;
  font-weight: 500;
}
.itm-consumers-stats {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: -12px 38px 0;
  padding: 13px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(23, 52, 62, 0.07);
}
.itm-consumers-stat {
  padding: 8px 4px;
  text-align: center;
}
.itm-consumers-stat i {
  display: block;
  margin-bottom: 7px;
  color: #2a9d8f;
  font-size: 19px;
}
.itm-consumers-stat strong {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.itm-consumers-stat span {
  display: block;
  margin-top: 3px;
  color: #71858a;
  font-size: 12px;
  font-weight: 500;
}
.itm-consumers-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 18px;
  padding: 17px 18px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.11),
    rgba(255, 255, 255, 0.92)
  );
}
.itm-consumers-cta-text span {
  display: block;
  margin-bottom: 3px;
  color: #71858a;
  font-size: 13px;
  font-weight: 600;
}
.itm-consumers-cta-text strong {
  display: block;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-consumers-shop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 8px;
  min-height: 48px;
  padding: 9px 18px;
  border-radius: 13px;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 23px rgba(42, 157, 143, 0.21);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-consumers-shop-btn:hover {
  transform: translateY(-2px);
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(42, 157, 143, 0.29);
}
@media (max-width: 1199.98px) {
  .itm-consumers-main {
    grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr);
    gap: 35px;
  }
  .itm-consumers-image {
    height: 440px;
  }
}
@media (max-width: 991.98px) {
  .itm-consumers-section {
    padding: 65px 0 75px;
  }
  .itm-consumers-main {
    grid-template-columns: 1fr;
  }
  .itm-consumers-side {
    position: relative;
    top: auto;
    width: 100%;
    max-width: 650px;
    margin: 15px auto 0;
  }
  .itm-consumers-image {
    height: 500px;
  }
}
@media (max-width: 767.98px) {
  .moaiery-header {
    padding: 48px 0;
  }
  .itm-consumers-header-icon {
    flex-basis: 62px;
    width: 62px;
    height: 62px;
    border-radius: 18px;
    font-size: 23px;
  }
  .itm-consumers-header-text h1 {
    font-size: 27px !important;
  }
  .itm-consumers-header-text p {
    font-size: 15px !important;
  }
  .itm-consumers-intro {
    display: block;
  }
  .itm-consumers-intro-line {
    display: none;
  }
  .itm-consumers-intro h2 {
    font-size: 25px;
  }
  .itm-consumers-intro p {
    font-size: 15px;
  }
  .itm-consumers-benefits {
    grid-template-columns: 1fr;
  }
  .itm-consumers-benefit-full {
    grid-column: auto;
  }
  .itm-consumers-image {
    height: 410px;
  }
  .itm-consumers-image-badge-top {
    right: 0;
  }
  .itm-consumers-image-badge-bottom {
    left: 0;
  }
  .itm-consumers-cta {
    align-items: stretch;
    flex-direction: column;
  }
  .itm-consumers-shop-btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .moaiery-header {
    padding: 40px 0;
  }
  .itm-consumers-header-inner {
    gap: 14px;
  }
  .itm-consumers-header-icon {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 20px;
  }
  .itm-consumers-header-text span {
    font-size: 13px;
  }
  .itm-consumers-header-text h1 {
    font-size: 23px !important;
  }
  .itm-consumers-header-text p {
    font-size: 14px !important;
  }
  .itm-consumers-section {
    padding: 45px 0 55px;
  }
  .itm-consumers-intro h2 {
    font-size: 22px;
  }
  .itm-consumers-benefit {
    padding: 15px;
  }
  .itm-consumers-image-wrap {
    padding: 9px 9px 20px 18px;
  }
  .itm-consumers-image-bg {
    left: 8px;
    border-radius: 24px;
  }
  .itm-consumers-image {
    height: 335px;
    border-width: 5px;
    border-radius: 21px;
  }
  .itm-consumers-image-badge {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100%;
    margin-top: 9px;
  }
  .itm-consumers-stats {
    grid-template-columns: 1fr;
    margin: 12px 0 0;
  }
  .itm-consumers-stat {
    display: grid;
    grid-template-columns: 30px 1fr;
    column-gap: 7px;
    align-items: center;
    text-align: right;
  }
  .itm-consumers-stat i {
    grid-row: 1/3;
    margin: 0;
  }
  .itm-consumers-stat strong,
  .itm-consumers-stat span {
    text-align: right;
  }
}
.itm-contact-channels {
  position: relative;
  padding: 100px 0 115px;
  overflow: hidden;
  background: linear-gradient(180deg, #f5f9f8 0%, #ffffff 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-contact-channels::before {
  content: "";
  position: absolute;
  top: 70px;
  right: -160px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.045);
  border-radius: 50%;
}
.itm-contact-channels::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -120px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.07);
}
.itm-contact-channels .itm-contact-channels__heading {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto 50px;
  text-align: center;
}
.itm-contact-channels .itm-contact-channels__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-contact-channels .itm-contact-channels__eyebrow i {
  font-size: 17px;
}
.itm-contact-channels .itm-contact-channels__title {
  margin: 0 0 15px;
  color: #264653;
  font-size: 41px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-contact-channels .itm-contact-channels__description {
  max-width: 680px;
  margin: 0 auto;
  color: #6f7f85;
  font-size: 15px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__tabs {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid #e2ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 25px 70px rgba(38, 70, 83, 0.1);
}
.itm-contact-channels .itm-contact-channels__nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid #e6eeec;
  background: #f7faf9;
}
.itm-contact-channels .itm-contact-channels__nav .nav-item {
  min-width: 0;
}
.itm-contact-channels .itm-contact-channels__nav .nav-link {
  width: 100%;
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 0;
  border-radius: 17px;
  background: transparent;
  color: #64757b;
  text-align: right;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-contact-channels .itm-contact-channels__nav .nav-link:hover {
  background: #ffffff;
  color: #264653;
}
.itm-contact-channels .itm-contact-channels__nav .nav-link.active {
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(38, 70, 83, 0.2);
}
.itm-contact-channels .itm-contact-channels__nav-icon {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-contact-channels .nav-link.active .itm-contact-channels__nav-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #e9c46a;
}
.itm-contact-channels .itm-contact-channels__nav-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-contact-channels .itm-contact-channels__nav-text strong {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.itm-contact-channels .itm-contact-channels__nav-text small {
  overflow: hidden;
  font-size: 9px;
  opacity: 0.65;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm-contact-channels .itm-contact-channels__content {
  min-height: 530px;
}
.itm-contact-channels .itm-contact-channels__content > .tab-pane {
  padding: 48px;
}
.itm-contact-channels .itm-contact-channels__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: center;
  gap: 55px;
}
.itm-contact-channels .itm-contact-channels__panel-main {
  max-width: 700px;
}
.itm-contact-channels .itm-contact-channels__panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 8px 14px;
  border-radius: 30px;
  background: rgba(42, 157, 143, 0.1);
  color: #25887f;
  font-size: 11px;
  font-weight: 700;
}
.itm-contact-channels .itm-contact-channels__panel-main h3 {
  margin: 0 0 14px;
  color: #264653;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-contact-channels .itm-contact-channels__panel-main > p {
  margin: 0 0 22px;
  color: #6c7c82;
  font-size: 14px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__address {
  max-width: 680px;
  padding: 19px 21px;
  border-right: 4px solid #2a9d8f;
  border-radius: 15px;
  background: #f5faf8;
  color: #40565d !important;
  font-size: 15px !important;
  font-weight: 700;
}
.itm-contact-channels .itm-contact-channels__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 20px;
  padding: 17px 18px;
  border: 1px solid rgba(233, 196, 106, 0.28);
  border-radius: 15px;
  background: #fffaf0;
}
.itm-contact-channels .itm-contact-channels__notice > i {
  margin-top: 4px;
  color: #d6a72e;
  font-size: 18px;
}
.itm-contact-channels .itm-contact-channels__notice p {
  margin: 0;
  color: #6d654f;
  font-size: 12px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__action {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 22px;
  padding: 11px 22px;
  border-radius: 13px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(42, 157, 143, 0.2);
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-contact-channels .itm-contact-channels__action:hover {
  transform: translateY(-3px);
  background: #23887f;
  color: #ffffff;
  box-shadow: 0 16px 32px rgba(42, 157, 143, 0.27);
}
.itm-contact-channels .itm-contact-channels__panel-visual,
.itm-contact-channels .itm-contact-channels__document-visual,
.itm-contact-channels .itm-contact-channels__mobile-visual {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
  border-radius: 26px;
  background: linear-gradient(145deg, #17343e, #264653 60%, #1e615e);
}
.itm-contact-channels .itm-contact-channels__location-card {
  width: 100%;
  max-width: 300px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  text-align: center;
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
}
.itm-contact-channels .itm-contact-channels__location-pin {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 33px;
}
.itm-contact-channels .itm-contact-channels__location-card strong {
  display: block;
  margin-bottom: 5px;
  font-size: 17px;
}
.itm-contact-channels .itm-contact-channels__location-card small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
}
.itm-contact-channels .itm-contact-channels__location-line {
  height: 1px;
  margin: 22px 0;
  background: rgba(255, 255, 255, 0.11);
}
.itm-contact-channels .itm-contact-channels__location-card > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}
.itm-contact-channels .itm-contact-channels__phone-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
.itm-contact-channels .itm-contact-channels__phone-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px;
  border: 1px solid #e3ebe9;
  border-radius: 16px;
  background: #ffffff;
  color: #264653;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(38, 70, 83, 0.06);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-contact-channels .itm-contact-channels__phone-list a:hover {
  transform: translateY(-3px);
  border-color: rgba(42, 157, 143, 0.4);
  color: #264653;
  box-shadow: 0 17px 32px rgba(38, 70, 83, 0.1);
}
.itm-contact-channels .itm-contact-channels__phone-list a > span {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-contact-channels .itm-contact-channels__phone-list a > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-contact-channels .itm-contact-channels__phone-list small {
  color: #8a979c;
  font-size: 9px;
}
.itm-contact-channels .itm-contact-channels__phone-list strong {
  color: #264653;
  font-size: 15px;
}
.itm-contact-channels .itm-contact-channels__schedule {
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(145deg, #17343e, #264653);
  color: #ffffff;
  box-shadow: 0 20px 45px rgba(38, 70, 83, 0.2);
}
.itm-contact-channels .itm-contact-channels__schedule-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 23px;
}
.itm-contact-channels .itm-contact-channels__schedule-header > span {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 21px;
}
.itm-contact-channels .itm-contact-channels__schedule-header > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-contact-channels .itm-contact-channels__schedule-header strong {
  font-size: 15px;
}
.itm-contact-channels .itm-contact-channels__schedule-header small {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-contact-channels .itm-contact-channels__schedule-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.itm-contact-channels .itm-contact-channels__schedule-row:last-child {
  border-bottom: 0;
}
.itm-contact-channels .itm-contact-channels__schedule-row span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
}
.itm-contact-channels .itm-contact-channels__schedule-row strong {
  color: #e9c46a;
  font-size: 11px;
}
.itm-contact-channels .itm-contact-channels__schedule-row--closed strong {
  color: #f1a2a2;
}
.itm-contact-channels .itm-contact-channels__fax-number {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 5px 0 3px;
  padding: 15px 22px;
  border-radius: 15px;
  background: #264653;
  color: #ffffff;
  text-decoration: none;
}
.itm-contact-channels .itm-contact-channels__fax-number i {
  color: #e9c46a;
  font-size: 20px;
}
.itm-contact-channels .itm-contact-channels__fax-number strong {
  font-size: 19px;
}
.itm-contact-channels .itm-contact-channels__document {
  width: 220px;
  padding: 28px;
  border-radius: 13px;
  background: #ffffff;
  color: #264653;
  text-align: center;
  box-shadow: 20px 22px 0 rgba(255, 255, 255, 0.08);
}
.itm-contact-channels .itm-contact-channels__document-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 27px;
}
.itm-contact-channels .itm-contact-channels__document strong {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}
.itm-contact-channels .itm-contact-channels__document small {
  color: #8a979c;
  font-size: 9px;
}
.itm-contact-channels .itm-contact-channels__document-lines {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 22px 0;
}
.itm-contact-channels .itm-contact-channels__document-lines span {
  height: 6px;
  border-radius: 10px;
  background: #edf2f0;
}
.itm-contact-channels .itm-contact-channels__document-lines span:nth-child(2) {
  width: 80%;
}
.itm-contact-channels .itm-contact-channels__document-lines span:nth-child(3) {
  width: 60%;
}
.itm-contact-channels .itm-contact-channels__document-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.1);
  color: #25877d;
  font-size: 9px;
  font-weight: 700;
}
.itm-contact-channels .itm-contact-channels__sms-number {
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: 420px;
  padding: 17px;
  border: 1px solid #e1eae7;
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(38, 70, 83, 0.07);
}
.itm-contact-channels .itm-contact-channels__sms-number > span {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
  font-size: 25px;
}
.itm-contact-channels .itm-contact-channels__sms-number > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-contact-channels .itm-contact-channels__sms-number small {
  color: #8a979c;
  font-size: 9px;
}
.itm-contact-channels .itm-contact-channels__sms-number strong {
  color: #264653;
  font-size: 17px;
}
.itm-contact-channels .itm-contact-channels__mobile {
  width: 190px;
  padding: 13px 11px 15px;
  border: 5px solid #172f38;
  border-radius: 31px;
  background: #10272e;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}
.itm-contact-channels .itm-contact-channels__mobile-speaker {
  width: 45px;
  height: 4px;
  margin: 0 auto 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
}
.itm-contact-channels .itm-contact-channels__mobile-screen {
  min-height: 255px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(160deg, #eef8f5, #ffffff);
  text-align: center;
}
.itm-contact-channels .itm-contact-channels__mobile-logo {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 22px;
}
.itm-contact-channels .itm-contact-channels__mobile-screen strong {
  color: #264653;
  font-size: 12px;
}
.itm-contact-channels .itm-contact-channels__mobile-screen p {
  margin: 8px 0 0;
  padding: 11px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.09);
  color: #5c7077;
  font-size: 9px;
  line-height: 1.8;
}
.itm-contact-channels .itm-contact-channels__mobile-screen small {
  color: #9aa5a9;
  font-size: 8px;
}
.itm-contact-channels .itm-contact-channels__social-heading {
  max-width: 900px;
  margin: 0 auto 38px;
  text-align: center;
}
.itm-contact-channels .itm-contact-channels__social-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 700;
}
.itm-contact-channels .itm-contact-channels__social-heading h3 {
  margin: 0 0 13px;
  color: #264653;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-contact-channels .itm-contact-channels__social-heading p {
  margin: 0 0 15px;
  color: #6e7f85;
  font-size: 13px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__social-heading > strong {
  display: block;
  color: #264653;
  font-size: 13px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__social-card {
  position: relative;
  height: 100%;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 27px 22px;
  overflow: hidden;
  border: 1px solid #e3ebe9;
  border-radius: 22px;
  background: #ffffff;
  color: #264653;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 14px 35px rgba(38, 70, 83, 0.07);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-contact-channels .itm-contact-channels__social-card:hover {
  transform: translateY(-7px);
  color: #264653;
  text-decoration: none;
  box-shadow: 0 23px 45px rgba(38, 70, 83, 0.13);
}
.itm-contact-channels .itm-contact-channels__social-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  border-radius: 23px;
  color: #ffffff;
  font-size: 29px;
}
.itm-contact-channels
  .itm-contact-channels__social-card--telegram
  .itm-contact-channels__social-icon {
  background: #229ed9;
}
.itm-contact-channels
  .itm-contact-channels__social-card--whatsapp
  .itm-contact-channels__social-icon {
  background: #25d366;
}
.itm-contact-channels
  .itm-contact-channels__social-card--instagram
  .itm-contact-channels__social-icon {
  background: linear-gradient(135deg, #405de6, #833ab4, #c13584, #fd1d1d);
}
.itm-contact-channels
  .itm-contact-channels__social-card--linkedin
  .itm-contact-channels__social-icon {
  background: #0a66c2;
}
.itm-contact-channels .itm-contact-channels__social-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-contact-channels .itm-contact-channels__social-name strong {
  color: #264653;
  font-size: 17px;
  direction: ltr;
}
.itm-contact-channels .itm-contact-channels__social-name small {
  color: #8a979c;
  font-size: 9px;
}
.itm-contact-channels .itm-contact-channels__social-card p {
  flex: 1;
  margin: 17px 0;
  color: #718087;
  font-size: 11px;
  line-height: 2;
}
.itm-contact-channels .itm-contact-channels__social-link {
  width: 100%;
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  background: #f5f8f7;
  color: #51666d;
  font-size: 10px;
  font-weight: 700;
}
.itm-contact-channels
  .itm-contact-channels__social-card:hover
  .itm-contact-channels__social-link {
  background: #264653;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .itm-contact-channels .itm-contact-channels__nav {
    grid-template-columns: repeat(5, minmax(175px, 1fr));
    overflow-x: auto;
  }
  .itm-contact-channels .itm-contact-channels__panel {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 35px;
  }
}
@media (max-width: 991px) {
  .itm-contact-channels {
    padding: 80px 0 95px;
  }
  .itm-contact-channels .itm-contact-channels__title {
    font-size: 35px;
  }
  .itm-contact-channels .itm-contact-channels__content > .tab-pane {
    padding: 35px;
  }
  .itm-contact-channels .itm-contact-channels__panel {
    grid-template-columns: 1fr;
  }
  .itm-contact-channels .itm-contact-channels__panel-visual,
  .itm-contact-channels .itm-contact-channels__document-visual,
  .itm-contact-channels .itm-contact-channels__mobile-visual {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .itm-contact-channels {
    padding: 65px 0 75px;
  }
  .itm-contact-channels .itm-contact-channels__heading {
    margin-bottom: 35px;
  }
  .itm-contact-channels .itm-contact-channels__title {
    font-size: 28px;
  }
  .itm-contact-channels .itm-contact-channels__description {
    font-size: 13px;
  }
  .itm-contact-channels .itm-contact-channels__tabs {
    border-radius: 22px;
  }
  .itm-contact-channels .itm-contact-channels__nav {
    grid-template-columns: repeat(5, 165px);
  }
  .itm-contact-channels .itm-contact-channels__nav .nav-link {
    min-height: 76px;
  }
  .itm-contact-channels .itm-contact-channels__content {
    min-height: 0;
  }
  .itm-contact-channels .itm-contact-channels__content > .tab-pane {
    padding: 25px 18px;
  }
  .itm-contact-channels .itm-contact-channels__panel-main h3 {
    font-size: 24px;
  }
  .itm-contact-channels .itm-contact-channels__phone-list {
    grid-template-columns: 1fr;
  }
  .itm-contact-channels .itm-contact-channels__panel-visual,
  .itm-contact-channels .itm-contact-channels__document-visual,
  .itm-contact-channels .itm-contact-channels__mobile-visual {
    min-height: 270px;
    padding: 25px;
  }
  .itm-contact-channels .itm-contact-channels__social-heading h3 {
    font-size: 23px;
  }
}
.itm-contact-hero {
  position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #102b34 0%, #1c4650 48%, #17665f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-contact-hero .itm-contact-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-contact-hero .itm-contact-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-contact-hero .itm-contact-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
}
.itm-contact-hero .itm-contact-hero__glow--one {
  top: -230px;
  right: -120px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-contact-hero .itm-contact-hero__glow--two {
  bottom: -260px;
  left: -120px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-contact-hero .itm-contact-hero__line {
  position: absolute;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(233, 196, 106, 0.4),
    transparent
  );
  transform: rotate(-16deg);
}
.itm-contact-hero .itm-contact-hero__line--one {
  top: 170px;
  left: -80px;
  width: 500px;
}
.itm-contact-hero .itm-contact-hero__line--two {
  right: -100px;
  bottom: 130px;
  width: 550px;
}
.itm-contact-hero .itm-contact-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 85px;
  padding-bottom: 110px;
}
.itm-contact-hero .itm-contact-hero__content {
  max-width: 760px;
}
.itm-contact-hero .itm-contact-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.itm-contact-hero .itm-contact-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.25s ease;
}
.itm-contact-hero .itm-contact-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-contact-hero .itm-contact-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-contact-hero .itm-contact-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 15px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-contact-hero .itm-contact-hero__eyebrow i {
  font-size: 16px;
}
.itm-contact-hero .itm-contact-hero__title {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-contact-hero .itm-contact-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-contact-hero .itm-contact-hero__description {
  max-width: 690px;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 15px;
  line-height: 2.15;
}
.itm-contact-hero .itm-contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 29px;
}
.itm-contact-hero .itm-contact-hero__primary-btn,
.itm-contact-hero .itm-contact-hero__secondary-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-contact-hero .itm-contact-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
  box-shadow: 0 13px 30px rgba(233, 196, 106, 0.22);
}
.itm-contact-hero .itm-contact-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-contact-hero .itm-contact-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.itm-contact-hero .itm-contact-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-contact-hero .itm-contact-hero__quick-info {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 30px;
}
.itm-contact-hero .itm-contact-hero__quick-item {
  min-width: 235px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}
.itm-contact-hero .itm-contact-hero__quick-item > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.2);
  color: #73d6cc;
  font-size: 17px;
}
.itm-contact-hero .itm-contact-hero__quick-item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-contact-hero .itm-contact-hero__quick-item small {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-contact-hero .itm-contact-hero__quick-item strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-contact-hero .itm-contact-hero__visual {
  position: relative;
  width: 430px;
  height: 430px;
  margin: 0 auto;
}
.itm-contact-hero .itm-contact-hero__visual-ring {
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  border-radius: 50%;
  box-shadow:
    0 0 0 24px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.17);
}
.itm-contact-hero .itm-contact-hero__visual-ring::before {
  content: "";
  position: absolute;
  inset: 48px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
  border-radius: 50%;
}
.itm-contact-hero .itm-contact-hero__visual-core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(16, 43, 52, 0.92) 100%
  );
  box-shadow:
    inset 0 0 35px rgba(255, 255, 255, 0.04),
    0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
  backdrop-filter: blur(14px);
}
.itm-contact-hero .itm-contact-hero__visual-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 23px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 30px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22);
}
.itm-contact-hero .itm-contact-hero__visual-core strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
}
.itm-contact-hero .itm-contact-hero__visual-core > span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 10px;
}
.itm-contact-hero .itm-contact-hero__online-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.16);
  color: #7adfd4;
  font-size: 9px;
  font-weight: 700;
}
.itm-contact-hero .itm-contact-hero__online-status i {
  font-size: 6px;
}
.itm-contact-hero .itm-contact-hero__contact-card {
  position: absolute;
  z-index: 4;
  min-width: 185px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.8);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}
.itm-contact-hero .itm-contact-hero__contact-card > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 17px;
}
.itm-contact-hero .itm-contact-hero__contact-card > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-contact-hero .itm-contact-hero__contact-card strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-contact-hero .itm-contact-hero__contact-card small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-contact-hero .itm-contact-hero__contact-card--phone {
  top: 45px;
  right: -20px;
}
.itm-contact-hero .itm-contact-hero__contact-card--location {
  bottom: 80px;
  left: -35px;
}
.itm-contact-hero .itm-contact-hero__contact-card--social {
  right: 12px;
  bottom: 5px;
}
.itm-contact-hero .itm-contact-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #f5f9f8;
}
@media (max-width: 1199px) {
  .itm-contact-hero .itm-contact-hero__title {
    font-size: 47px;
  }
  .itm-contact-hero .itm-contact-hero__visual {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 991px) {
  .itm-contact-hero {
    min-height: auto;
  }
  .itm-contact-hero .itm-contact-hero__container {
    padding-top: 70px;
    padding-bottom: 130px;
  }
  .itm-contact-hero .itm-contact-hero__content {
    max-width: none;
    text-align: center;
  }
  .itm-contact-hero .itm-contact-hero__breadcrumb,
  .itm-contact-hero .itm-contact-hero__actions,
  .itm-contact-hero .itm-contact-hero__quick-info {
    justify-content: center;
  }
  .itm-contact-hero .itm-contact-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-contact-hero .itm-contact-hero__visual {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .itm-contact-hero .itm-contact-hero__container {
    padding-top: 55px;
    padding-bottom: 115px;
  }
  .itm-contact-hero .itm-contact-hero__title {
    font-size: 36px;
  }
  .itm-contact-hero .itm-contact-hero__description {
    font-size: 13px;
  }
  .itm-contact-hero .itm-contact-hero__actions {
    flex-direction: column;
  }
  .itm-contact-hero .itm-contact-hero__primary-btn,
  .itm-contact-hero .itm-contact-hero__secondary-btn {
    width: 100%;
  }
  .itm-contact-hero .itm-contact-hero__quick-item {
    width: 100%;
    min-width: 0;
  }
  .itm-contact-hero .itm-contact-hero__visual {
    width: 305px;
    height: 305px;
  }
  .itm-contact-hero .itm-contact-hero__visual-core {
    width: 165px;
    height: 165px;
  }
  .itm-contact-hero .itm-contact-hero__visual-icon {
    width: 58px;
    height: 58px;
    font-size: 25px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card {
    min-width: 145px;
    padding: 10px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card--phone {
    top: 15px;
    right: -4px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card--location {
    bottom: 55px;
    left: -3px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card--social {
    right: 15px;
    bottom: -8px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card > span {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 14px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card strong {
    font-size: 9px;
  }
  .itm-contact-hero .itm-contact-hero__contact-card small {
    font-size: 7px;
  }
}
.itm-contact-form-intro {
  max-width: 850px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-contact-form-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 30px;
  background: #eef8f5;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-contact-form-intro h2 {
  margin: 18px 0 15px;
  color: #264653;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-contact-form-intro > p {
  max-width: 650px;
  margin: 0 auto;
  color: #6f7f85;
  font-size: 15px;
  line-height: 2;
}
.itm-contact-form-intro__note {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin-top: 35px;
  padding: 24px;
  border: 1px solid #e7d6a3;
  border-radius: 18px;
  background: #fffaf0;
  text-align: right;
}
.itm-contact-form-intro__icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #e9c46a;
  color: #264653;
  font-size: 22px;
}
.itm-contact-form-intro__note strong {
  display: block;
  margin-bottom: 8px;
  color: #264653;
  font-size: 16px;
  font-weight: 700;
}
.itm-contact-form-intro__note p {
  margin: 0;
  color: #5d6c72;
  line-height: 2;
  font-size: 14px;
}
@media (max-width: 767px) {
  .itm-contact-form-intro h2 {
    font-size: 30px;
  }
  .itm-contact-form-intro__note {
    flex-direction: column;
    text-align: center;
  }
  .itm-contact-form-intro__icon {
    margin: 0 auto;
  }
}
.itm-distributors-hero {
  position: relative;
  min-height: 590px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-distributors-hero .itm-distributors-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-distributors-hero .itm-distributors-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-distributors-hero .itm-distributors-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-distributors-hero .itm-distributors-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-distributors-hero .itm-distributors-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-distributors-hero .itm-distributors-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 80px;
  padding-bottom: 105px;
}
.itm-distributors-hero .itm-distributors-hero__content {
  max-width: 720px;
}
.itm-distributors-hero .itm-distributors-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-distributors-hero .itm-distributors-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-distributors-hero .itm-distributors-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-distributors-hero .itm-distributors-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-distributors-hero .itm-distributors-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-distributors-hero .itm-distributors-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-distributors-hero .itm-distributors-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-distributors-hero .itm-distributors-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-distributors-hero .itm-distributors-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}
.itm-distributors-hero .itm-distributors-hero__primary-btn,
.itm-distributors-hero .itm-distributors-hero__secondary-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-distributors-hero .itm-distributors-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
}
.itm-distributors-hero .itm-distributors-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-distributors-hero .itm-distributors-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-distributors-hero .itm-distributors-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-distributors-hero .itm-distributors-hero__visual {
  position: relative;
  width: 390px;
  height: 390px;
  margin: 0 auto;
}
.itm-distributors-hero .itm-distributors-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-distributors-hero .itm-distributors-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-distributors-hero .itm-distributors-hero__orbit--inner {
  inset: 65px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-distributors-hero .itm-distributors-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-distributors-hero .itm-distributors-hero__core-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 28px;
}
.itm-distributors-hero .itm-distributors-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-distributors-hero .itm-distributors-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-distributors-hero .itm-distributors-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 170px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.8);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
}
.itm-distributors-hero .itm-distributors-hero__floating > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 16px;
}
.itm-distributors-hero .itm-distributors-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-distributors-hero .itm-distributors-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-distributors-hero .itm-distributors-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-distributors-hero .itm-distributors-hero__floating--producer {
  top: 38px;
  right: -18px;
}
.itm-distributors-hero .itm-distributors-hero__floating--distributor {
  bottom: 72px;
  left: -30px;
}
.itm-distributors-hero .itm-distributors-hero__floating--buyer {
  right: 12px;
  bottom: 0;
}
.itm-distributors-hero .itm-distributors-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
@media (max-width: 991px) {
  .itm-distributors-hero {
    min-height: auto;
  }
  .itm-distributors-hero .itm-distributors-hero__content {
    text-align: center;
  }
  .itm-distributors-hero .itm-distributors-hero__breadcrumb,
  .itm-distributors-hero .itm-distributors-hero__actions {
    justify-content: center;
  }
  .itm-distributors-hero .itm-distributors-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-distributors-hero .itm-distributors-hero__visual {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .itm-distributors-hero .itm-distributors-hero__title {
    font-size: 36px;
  }
  .itm-distributors-hero .itm-distributors-hero__actions {
    flex-direction: column;
  }
  .itm-distributors-hero .itm-distributors-hero__primary-btn,
  .itm-distributors-hero .itm-distributors-hero__secondary-btn {
    width: 100%;
  }
  .itm-distributors-hero .itm-distributors-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-distributors-hero .itm-distributors-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-distributors-hero .itm-distributors-hero__floating {
    min-width: 140px;
    padding: 9px;
  }
}
.itm-distributors-intro {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-distributors-intro::before {
  content: "";
  position: absolute;
  top: 150px;
  right: -160px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-distributors-intro .itm-distributors-intro__content {
  position: relative;
  z-index: 2;
}
.itm-distributors-intro .itm-distributors-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__title {
  margin: 0 0 22px;
  color: #264653;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-distributors-intro .itm-distributors-intro__title span {
  display: block;
  color: #2a9d8f;
}
.itm-distributors-intro .itm-distributors-intro__text {
  margin: 0 0 16px;
  color: #68797f;
  font-size: 14px;
  line-height: 2.15;
  text-align: justify;
}
.itm-distributors-intro .itm-distributors-intro__highlight {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 24px;
  padding: 20px;
  border-right: 4px solid #e9c46a;
  border-radius: 17px;
  background: #fffaf0;
}
.itm-distributors-intro .itm-distributors-intro__highlight > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #e9c46a;
  color: #264653;
  font-size: 19px;
}
.itm-distributors-intro .itm-distributors-intro__highlight strong {
  display: block;
  margin-bottom: 6px;
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__highlight p {
  margin: 0;
  color: #6b6554;
  font-size: 12px;
  line-height: 2;
}
.itm-distributors-intro .itm-distributors-intro__visual {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 30px;
  background: #17343e;
  box-shadow: 0 28px 65px rgba(38, 70, 83, 0.17);
}
.itm-distributors-intro .itm-distributors-intro__image {
  width: 100%;
  height: 500px;
  display: block;
  object-fit: cover;
}
.itm-distributors-intro .itm-distributors-intro__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(19, 47, 56, 0.04),
    rgba(19, 47, 56, 0.58)
  );
}
.itm-distributors-intro .itm-distributors-intro__visual-card {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  background: rgba(23, 52, 62, 0.8);
  backdrop-filter: blur(14px);
}
.itm-distributors-intro .itm-distributors-intro__visual-card > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 20px;
}
.itm-distributors-intro .itm-distributors-intro__visual-card > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-distributors-intro .itm-distributors-intro__visual-card strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__visual-card small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
}
.itm-distributors-intro .itm-distributors-intro__role {
  position: relative;
  z-index: 2;
  margin-top: 90px;
  padding: 38px;
  border: 1px solid #e1ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgba(38, 70, 83, 0.08);
}
.itm-distributors-intro .itm-distributors-intro__role-heading {
  display: flex;
  align-items: center;
  gap: 15px;
}
.itm-distributors-intro .itm-distributors-intro__role-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 23px;
}
.itm-distributors-intro .itm-distributors-intro__role-heading > div > span {
  display: block;
  margin-bottom: 3px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__role-heading h3 {
  margin: 0;
  color: #264653;
  font-size: 27px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__role-description {
  max-width: 920px;
  margin: 22px 0 32px;
  color: #6c7d83;
  font-size: 14px;
  line-height: 2.1;
}
.itm-distributors-intro .itm-distributors-intro__role-item {
  position: relative;
  height: 100%;
  min-height: 250px;
  padding: 23px;
  overflow: hidden;
  border: 1px solid #e5ecea;
  border-radius: 21px;
  background: #f9fbfa;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-distributors-intro .itm-distributors-intro__role-item:hover {
  transform: translateY(-6px);
  border-color: rgba(42, 157, 143, 0.35);
  box-shadow: 0 18px 38px rgba(38, 70, 83, 0.09);
}
.itm-distributors-intro .itm-distributors-intro__role-number {
  position: absolute;
  top: 18px;
  left: 20px;
  color: rgba(38, 70, 83, 0.1);
  font-size: 34px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__role-item-icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 17px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 20px;
}
.itm-distributors-intro .itm-distributors-intro__role-item h4 {
  margin: 0 0 9px;
  color: #264653;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-distributors-intro .itm-distributors-intro__role-item p {
  margin: 0;
  color: #74848a;
  font-size: 11px;
  line-height: 2;
}
.itm-distributors-intro .itm-distributors-intro__cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
  padding: 24px;
  border-radius: 21px;
  background: linear-gradient(135deg, #17343e, #264653 58%, #1d625e);
}
.itm-distributors-intro .itm-distributors-intro__cta-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-distributors-intro .itm-distributors-intro__cta-content > span {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 22px;
}
.itm-distributors-intro .itm-distributors-intro__cta-content strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.itm-distributors-intro .itm-distributors-intro__cta-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  line-height: 1.9;
}
.itm-distributors-intro .itm-distributors-intro__cta-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 21px;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-distributors-intro .itm-distributors-intro__cta-link:hover {
  transform: translateY(-3px);
  background: #f1d584;
  color: #264653;
}
@media (max-width: 991px) {
  .itm-distributors-intro {
    padding: 85px 0;
  }
  .itm-distributors-intro .itm-distributors-intro__visual {
    margin-top: 20px;
  }
  .itm-distributors-intro .itm-distributors-intro__role {
    margin-top: 65px;
  }
}
@media (max-width: 767px) {
  .itm-distributors-intro {
    padding: 65px 0;
  }
  .itm-distributors-intro .itm-distributors-intro__title {
    font-size: 30px;
  }
  .itm-distributors-intro .itm-distributors-intro__visual,
  .itm-distributors-intro .itm-distributors-intro__image {
    min-height: 340px;
    height: 340px;
  }
  .itm-distributors-intro .itm-distributors-intro__role {
    padding: 23px 18px;
    border-radius: 22px;
  }
  .itm-distributors-intro .itm-distributors-intro__role-heading {
    align-items: flex-start;
  }
  .itm-distributors-intro .itm-distributors-intro__role-heading h3 {
    font-size: 21px;
  }
  .itm-distributors-intro .itm-distributors-intro__cta {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-distributors-intro .itm-distributors-intro__cta-link {
    width: 100%;
  }
}
.itm-events-hero {
  position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #1f4650 48%, #17645f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-events-hero .itm-events-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-events-hero .itm-events-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-events-hero .itm-events-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
}
.itm-events-hero .itm-events-hero__glow--one {
  top: -230px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-events-hero .itm-events-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 570px;
  height: 570px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-events-hero .itm-events-hero__shape {
  position: absolute;
  border: 1px solid rgba(233, 196, 106, 0.18);
  border-radius: 50%;
}
.itm-events-hero .itm-events-hero__shape--one {
  top: 100px;
  left: 8%;
  width: 18px;
  height: 18px;
}
.itm-events-hero .itm-events-hero__shape--two {
  right: 46%;
  bottom: 115px;
  width: 12px;
  height: 12px;
  background: #2a9d8f;
  border: 0;
  box-shadow: 0 0 24px rgba(42, 157, 143, 0.8);
}
.itm-events-hero .itm-events-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 85px;
  padding-bottom: 115px;
}
.itm-events-hero .itm-events-hero__content {
  max-width: 750px;
}
.itm-events-hero .itm-events-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 23px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-events-hero .itm-events-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-events-hero .itm-events-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-events-hero .itm-events-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-events-hero .itm-events-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-events-hero .itm-events-hero__eyebrow i {
  font-size: 16px;
}
.itm-events-hero .itm-events-hero__title {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-events-hero .itm-events-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-events-hero .itm-events-hero__description {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.15;
}
.itm-events-hero .itm-events-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 29px;
}
.itm-events-hero .itm-events-hero__primary-btn,
.itm-events-hero .itm-events-hero__secondary-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-events-hero .itm-events-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
  box-shadow: 0 13px 30px rgba(233, 196, 106, 0.22);
}
.itm-events-hero .itm-events-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-events-hero .itm-events-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.itm-events-hero .itm-events-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-events-hero .itm-events-hero__quick-info {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 30px;
}
.itm-events-hero .itm-events-hero__quick-item {
  min-width: 220px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}
.itm-events-hero .itm-events-hero__quick-item > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.2);
  color: #73d6cc;
  font-size: 17px;
}
.itm-events-hero .itm-events-hero__quick-item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-events-hero .itm-events-hero__quick-item small {
  color: rgba(255, 255, 255, 0.44);
  font-size: 9px;
}
.itm-events-hero .itm-events-hero__quick-item strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-events-hero .itm-events-hero__visual {
  position: relative;
  width: 430px;
  height: 430px;
  margin: 0 auto;
}
.itm-events-hero .itm-events-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-events-hero .itm-events-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-events-hero .itm-events-hero__orbit--inner {
  inset: 70px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-events-hero .itm-events-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow:
    inset 0 0 35px rgba(255, 255, 255, 0.04),
    0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
  backdrop-filter: blur(14px);
}
.itm-events-hero .itm-events-hero__core-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 23px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 30px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22);
}
.itm-events-hero .itm-events-hero__core strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  direction: ltr;
}
.itm-events-hero .itm-events-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-events-hero .itm-events-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.8);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}
.itm-events-hero .itm-events-hero__floating > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 17px;
}
.itm-events-hero .itm-events-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-events-hero .itm-events-hero__floating strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-events-hero .itm-events-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-events-hero .itm-events-hero__floating--exhibition {
  top: 42px;
  right: -24px;
}
.itm-events-hero .itm-events-hero__floating--education {
  bottom: 82px;
  left: -35px;
}
.itm-events-hero .itm-events-hero__floating--conference {
  right: 14px;
  bottom: 4px;
}
.itm-events-hero .itm-events-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .itm-events-hero .itm-events-hero__title {
    font-size: 48px;
  }
  .itm-events-hero .itm-events-hero__visual {
    width: 380px;
    height: 380px;
  }
}
@media (max-width: 991px) {
  .itm-events-hero {
    min-height: auto;
  }
  .itm-events-hero .itm-events-hero__container {
    padding-top: 70px;
    padding-bottom: 130px;
  }
  .itm-events-hero .itm-events-hero__content {
    max-width: none;
    text-align: center;
  }
  .itm-events-hero .itm-events-hero__breadcrumb,
  .itm-events-hero .itm-events-hero__actions,
  .itm-events-hero .itm-events-hero__quick-info {
    justify-content: center;
  }
  .itm-events-hero .itm-events-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-events-hero .itm-events-hero__visual {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .itm-events-hero .itm-events-hero__container {
    padding-top: 55px;
    padding-bottom: 115px;
  }
  .itm-events-hero .itm-events-hero__title {
    font-size: 36px;
  }
  .itm-events-hero .itm-events-hero__description {
    font-size: 13px;
  }
  .itm-events-hero .itm-events-hero__actions {
    flex-direction: column;
  }
  .itm-events-hero .itm-events-hero__primary-btn,
  .itm-events-hero .itm-events-hero__secondary-btn {
    width: 100%;
  }
  .itm-events-hero .itm-events-hero__quick-item {
    width: 100%;
    min-width: 0;
  }
  .itm-events-hero .itm-events-hero__visual {
    width: 305px;
    height: 305px;
  }
  .itm-events-hero .itm-events-hero__core {
    width: 165px;
    height: 165px;
  }
  .itm-events-hero .itm-events-hero__core-icon {
    width: 58px;
    height: 58px;
    font-size: 24px;
  }
  .itm-events-hero .itm-events-hero__floating {
    min-width: 145px;
    padding: 10px;
  }
  .itm-events-hero .itm-events-hero__floating--exhibition {
    top: 15px;
    right: -3px;
  }
  .itm-events-hero .itm-events-hero__floating--education {
    bottom: 55px;
    left: -3px;
  }
  .itm-events-hero .itm-events-hero__floating--conference {
    right: 14px;
    bottom: -8px;
  }
  .itm-events-hero .itm-events-hero__floating > span {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 14px;
  }
  .itm-events-hero .itm-events-hero__floating strong {
    font-size: 9px;
  }
  .itm-events-hero .itm-events-hero__floating small {
    font-size: 7px;
  }
}
.itm-events-list {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9f8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-events-list::before {
  content: "";
  position: absolute;
  top: 180px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-events-list::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -110px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.07);
}
.itm-events-list .itm-events-list__heading {
  position: relative;
  z-index: 2;
  max-width: 790px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-events-list .itm-events-list__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__eyebrow i {
  font-size: 16px;
}
.itm-events-list .itm-events-list__title {
  margin: 0 0 14px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-events-list .itm-events-list__description {
  max-width: 680px;
  margin: 0 auto;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-events-list .itm-events-list__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.itm-events-list .itm-events-list__card {
  overflow: hidden;
  border: 1px solid #e3ebe9;
  border-radius: 25px;
  background: #ffffff;
  box-shadow: 0 17px 45px rgba(38, 70, 83, 0.08);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-events-list .itm-events-list__card:hover {
  transform: translateY(-6px);
  border-color: rgba(42, 157, 143, 0.34);
  box-shadow: 0 27px 55px rgba(38, 70, 83, 0.14);
}
.itm-events-list .itm-events-list__image-wrapper {
  position: relative;
  height: 360px;
  overflow: hidden;
  background: #eef2f1;
}
.itm-events-list .itm-events-list__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.itm-events-list .itm-events-list__card:hover .itm-events-list__image {
  transform: scale(1.035);
}
.itm-events-list .itm-events-list__image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(19, 47, 56, 0.05) 20%,
    rgba(19, 47, 56, 0.42) 100%
  );
  pointer-events: none;
}
.itm-events-list .itm-events-list__category {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 30px;
  background: rgba(38, 70, 83, 0.88);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-events-list .itm-events-list__category i {
  color: #e9c46a;
}
.itm-events-list .itm-events-list__category--education {
  background: rgba(42, 157, 143, 0.9);
}
.itm-events-list .itm-events-list__date {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 2;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(12px);
}
.itm-events-list .itm-events-list__date strong {
  color: #264653;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}
.itm-events-list .itm-events-list__date span {
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__body {
  padding: 27px;
}
.itm-events-list .itm-events-list__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  margin-bottom: 13px;
}
.itm-events-list .itm-events-list__meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #849197;
  font-size: 10px;
}
.itm-events-list .itm-events-list__meta i {
  color: #2a9d8f;
  font-size: 12px;
}
.itm-events-list .itm-events-list__card-title {
  margin: 0 0 10px;
  color: #264653;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-events-list .itm-events-list__card-description {
  margin: 0;
  color: #6e7e84;
  font-size: 13px;
  line-height: 2.1;
}
.itm-events-list .itm-events-list__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 23px;
  padding-top: 20px;
  border-top: 1px solid #edf1f0;
}
.itm-events-list .itm-events-list__attendees {
  display: flex;
  align-items: center;
  gap: 10px;
}
.itm-events-list .itm-events-list__attendees > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 16px;
}
.itm-events-list .itm-events-list__attendees > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-events-list .itm-events-list__attendees small {
  color: #929da1;
  font-size: 8px;
}
.itm-events-list .itm-events-list__attendees strong {
  color: #52666d;
  font-size: 10px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__details {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 19px;
  border-radius: 13px;
  background: #264653;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-events-list .itm-events-list__details:hover {
  transform: translateY(-3px);
  background: #2a9d8f;
  color: #ffffff;
  box-shadow: 0 12px 27px rgba(42, 157, 143, 0.22);
}
.itm-events-list .itm-events-list__sidebar {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.itm-events-list .itm-events-list__filter-box {
  padding: 23px;
  border: 1px solid #e3ebe9;
  border-radius: 23px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(38, 70, 83, 0.07);
}
.itm-events-list .itm-events-list__filter-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #edf1f0;
}
.itm-events-list .itm-events-list__filter-heading > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 18px;
}
.itm-events-list .itm-events-list__filter-heading > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-events-list .itm-events-list__filter-heading strong {
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__filter-heading small {
  color: #929da1;
  font-size: 9px;
}
.itm-events-list .itm-events-list__filters {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.itm-events-list .itm-events-list__filter {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: #f7faf9;
  color: #52666d;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}
.itm-events-list .itm-events-list__filter:hover {
  transform: translateX(-3px);
  border-color: rgba(42, 157, 143, 0.28);
  background: #ffffff;
  color: #264653;
}
.itm-events-list .itm-events-list__filter.active {
  border-color: rgba(42, 157, 143, 0.22);
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
}
.itm-events-list .itm-events-list__filter-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-events-list .itm-events-list__filter.active .itm-events-list__filter-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #e9c46a;
}
.itm-events-list .itm-events-list__filter-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-events-list .itm-events-list__filter-content strong {
  font-size: 11px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__filter-content small {
  font-size: 8px;
  opacity: 0.62;
}
.itm-events-list .itm-events-list__filter-count {
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #ffffff;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 700;
  box-shadow: 0 5px 12px rgba(38, 70, 83, 0.08);
}
.itm-events-list .itm-events-list__newsletter {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 23px;
  background: linear-gradient(145deg, #17343e, #264653 58%, #1d625e);
  color: #ffffff;
  box-shadow: 0 20px 45px rgba(38, 70, 83, 0.18);
}
.itm-events-list .itm-events-list__newsletter::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.1);
}
.itm-events-list .itm-events-list__newsletter-icon {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 18px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 23px;
}
.itm-events-list .itm-events-list__newsletter h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-events-list .itm-events-list__newsletter p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  line-height: 2;
}
.itm-events-list .itm-events-list__newsletter-link {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-events-list .itm-events-list__newsletter-link:hover {
  transform: translateY(-3px);
  background: #f1d584;
  color: #264653;
}
.itm-events-list .itm-events-list__empty {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 35px;
  padding: 24px 27px;
  border: 1px dashed #cedbd7;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
}
.itm-events-list .itm-events-list__empty-icon {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 21px;
}
.itm-events-list .itm-events-list__empty h3 {
  margin: 0 0 4px;
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-events-list .itm-events-list__empty p {
  margin: 0;
  color: #7b898e;
  font-size: 10px;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .itm-events-list {
    padding: 85px 0;
  }
  .itm-events-list .itm-events-list__title {
    font-size: 35px;
  }
  .itm-events-list .itm-events-list__sidebar {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .itm-events-list {
    padding: 65px 0;
  }
  .itm-events-list .itm-events-list__heading {
    margin-bottom: 40px;
  }
  .itm-events-list .itm-events-list__title {
    font-size: 29px;
  }
  .itm-events-list .itm-events-list__description {
    font-size: 13px;
  }
  .itm-events-list .itm-events-list__image-wrapper {
    height: 240px;
  }
  .itm-events-list .itm-events-list__body {
    padding: 21px;
  }
  .itm-events-list .itm-events-list__card-title {
    font-size: 18px;
  }
  .itm-events-list .itm-events-list__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-events-list .itm-events-list__details {
    width: 100%;
  }
  .itm-events-list .itm-events-list__empty {
    flex-direction: column;
    text-align: center;
  }
}
.itm-markethero {
  position: relative;
  overflow: hidden;
  direction: rtl;
  min-height: 760px;
  padding: 118px 0 96px;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(42, 157, 143, 0.22),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(233, 196, 106, 0.17),
      transparent 31%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-markethero::before {
  content: "";
  position: absolute;
  top: -210px;
  left: -170px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 66px rgba(255, 255, 255, 0.018),
    0 0 0 132px rgba(255, 255, 255, 0.012);
  pointer-events: none;
}
.itm-markethero::after {
  content: "";
  position: absolute;
  right: -140px;
  bottom: -190px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(233, 196, 106, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(233, 196, 106, 0.018),
    0 0 0 116px rgba(233, 196, 106, 0.012);
  pointer-events: none;
}
.itm-markethero-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-markethero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
  align-items: center;
  gap: 70px;
}
.itm-markethero-content {
  position: relative;
  z-index: 3;
}
.itm-markethero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 23px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-markethero-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 14px;
}
.itm-markethero-title {
  max-width: 720px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(44px, 6vw, 76px);
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -1.6px;
}
.itm-markethero-title-highlight {
  color: #e9c46a;
}
.itm-markethero-text {
  max-width: 690px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 16px;
  line-height: 2.15;
}
.itm-markethero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}
.itm-markethero-primary,
.itm-markethero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 58px;
  padding: 0 25px;
  border-radius: 17px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-markethero-primary {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 20px 42px rgba(233, 196, 106, 0.22);
}
.itm-markethero-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 25px 50px rgba(233, 196, 106, 0.3);
}
.itm-markethero-secondary {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}
.itm-markethero-secondary:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-4px);
}
.itm-markethero-points {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 34px;
}
.itm-markethero-point {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 700;
}
.itm-markethero-point-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.2);
  color: #7ee0d4;
  font-size: 11px;
}
.itm-markethero-visual {
  position: relative;
  min-height: 520px;
}
.itm-markethero-dashboard {
  position: absolute;
  top: 50%;
  right: 50%;
  width: min(100%, 470px);
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow:
    0 34px 70px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  transform: translate(50%, -50%);
}
.itm-markethero-dashboard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 25px;
}
.itm-markethero-dashboard-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.itm-markethero-dashboard-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 15px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 18px;
  box-shadow: 0 14px 28px rgba(42, 157, 143, 0.22);
}
.itm-markethero-dashboard-title-main {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}
.itm-markethero-dashboard-title-sub {
  display: block;
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-markethero-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
}
.itm-markethero-live::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-markethero-chart {
  position: relative;
  overflow: hidden;
  height: 215px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-markethero-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 42px,
    62px 100%;
}
.itm-markethero-chart-line {
  position: absolute;
  right: 27px;
  bottom: 42px;
  width: calc(100% - 54px);
  height: 120px;
}
.itm-markethero-chart-segment {
  position: absolute;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
  box-shadow: 0 0 16px rgba(126, 224, 212, 0.34);
  transform-origin: right center;
}
.itm-markethero-chart-segment-one {
  right: 0;
  bottom: 12px;
  width: 22%;
  transform: rotate(-17deg);
}
.itm-markethero-chart-segment-two {
  right: 20%;
  bottom: 28px;
  width: 22%;
  transform: rotate(11deg);
}
.itm-markethero-chart-segment-three {
  right: 40%;
  bottom: 20px;
  width: 23%;
  transform: rotate(-28deg);
}
.itm-markethero-chart-segment-four {
  right: 60%;
  bottom: 48px;
  width: 21%;
  transform: rotate(-13deg);
}
.itm-markethero-chart-segment-five {
  right: 78%;
  bottom: 64px;
  width: 22%;
  transform: rotate(-32deg);
}
.itm-markethero-chart-point {
  position: absolute;
  width: 11px;
  height: 11px;
  border: 3px solid #17343e;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 5px rgba(233, 196, 106, 0.12);
}
.itm-markethero-chart-point-one {
  right: 0;
  bottom: 9px;
}
.itm-markethero-chart-point-two {
  right: 39%;
  bottom: 18px;
}
.itm-markethero-chart-point-three {
  right: 78%;
  bottom: 62px;
}
.itm-markethero-chart-point-four {
  left: -2px;
  top: 8px;
}
.itm-markethero-chart-label {
  position: absolute;
  top: 18px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  font-weight: 800;
}
.itm-markethero-chart-label strong {
  color: #7ee0d4;
  font-size: 16px;
  font-weight: 900;
}
.itm-markethero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 16px;
}
.itm-markethero-stat {
  padding: 15px 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-markethero-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 12px;
}
.itm-markethero-stat-value {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-markethero-stat-label {
  display: block;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
  line-height: 1.7;
}
.itm-markethero-float {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-markethero-float-one {
  top: 46px;
  left: -28px;
}
.itm-markethero-float-two {
  right: -25px;
  bottom: 55px;
}
.itm-markethero-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 15px;
}
.itm-markethero-float-two .itm-markethero-float-icon {
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
}
.itm-markethero-float-title {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}
.itm-markethero-float-text {
  display: block;
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
}
.itm-markethero-scroll {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 72px;
  color: rgba(255, 255, 255, 0.43);
  font-size: 10px;
  font-weight: 700;
}
.itm-markethero-scroll-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  color: #e9c46a;
}
@media (max-width: 1100px) {
  .itm-markethero {
    min-height: auto;
  }
  .itm-markethero-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .itm-markethero-content {
    max-width: 800px;
  }
  .itm-markethero-visual {
    min-height: 570px;
  }
  .itm-markethero-dashboard {
    width: min(100%, 540px);
  }
}
@media (max-width: 700px) {
  .itm-markethero {
    padding: 90px 0 72px;
  }
  .itm-markethero-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-markethero-title {
    font-size: 40px;
  }
  .itm-markethero-text {
    font-size: 14px;
  }
  .itm-markethero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-markethero-primary,
  .itm-markethero-secondary {
    width: 100%;
  }
  .itm-markethero-points {
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
  }
  .itm-markethero-visual {
    min-height: 520px;
  }
  .itm-markethero-dashboard {
    padding: 20px;
    border-radius: 24px;
  }
  .itm-markethero-chart {
    height: 190px;
  }
  .itm-markethero-stats {
    grid-template-columns: 1fr;
  }
  .itm-markethero-float {
    display: none;
  }
  .itm-markethero-scroll {
    margin-top: 45px;
  }
}
.itm-marketstats {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 14% 20%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 86% 82%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketstats::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -150px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 56px rgba(42, 157, 143, 0.02),
    0 0 0 112px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-marketstats-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketstats-header {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 62px;
}
.itm-marketstats-heading {
  max-width: 620px;
}
.itm-marketstats-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketstats-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-marketstats-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketstats-title-highlight {
  color: #2a9d8f;
}
.itm-marketstats-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #ffffff;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-marketstats-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 28px;
}
.itm-marketstats-board {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  padding: 38px;
  border-radius: 35px;
  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(233, 196, 106, 0.17),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.2),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 34px 80px rgba(16, 47, 54, 0.21);
}
.itm-marketstats-board::before {
  content: "";
  position: absolute;
  left: -120px;
  bottom: -140px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.018),
    0 0 0 96px rgba(255, 255, 255, 0.012);
}
.itm-marketstats-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.itm-marketstats-board-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-marketstats-board-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7ee0d4;
  font-size: 10px;
  font-weight: 900;
}
.itm-marketstats-board-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 6px rgba(126, 224, 212, 0.1);
}
.itm-marketstats-board-title {
  position: relative;
  z-index: 2;
  margin: 30px 0 14px;
  color: #ffffff;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-marketstats-board-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.63);
  font-size: 13px;
  line-height: 2.05;
}
.itm-marketstats-chart {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 240px;
  margin-top: 30px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-marketstats-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 44px,
    66px 100%;
}
.itm-marketstats-bars {
  position: absolute;
  inset: 34px 28px 30px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 13px;
}
.itm-marketstats-bar {
  position: relative;
  flex: 1;
  min-width: 0;
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(180deg, #7ee0d4 0%, #2a9d8f 100%);
  box-shadow: 0 0 18px rgba(42, 157, 143, 0.23);
}
.itm-marketstats-bar:nth-child(even) {
  background: linear-gradient(180deg, #f2d584 0%, #e9c46a 100%);
  box-shadow: 0 0 18px rgba(233, 196, 106, 0.19);
}
.itm-marketstats-bar-one {
  height: 42%;
}
.itm-marketstats-bar-two {
  height: 58%;
}
.itm-marketstats-bar-three {
  height: 47%;
}
.itm-marketstats-bar-four {
  height: 72%;
}
.itm-marketstats-bar-five {
  height: 64%;
}
.itm-marketstats-bar-six {
  height: 88%;
}
.itm-marketstats-bar-seven {
  height: 76%;
}
.itm-marketstats-chart-value {
  position: absolute;
  top: 16px;
  right: 19px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  font-weight: 800;
}
.itm-marketstats-chart-value strong {
  color: #7ee0d4;
  font-size: 17px;
  font-weight: 900;
}
.itm-marketstats-board-footer {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 17px;
}
.itm-marketstats-mini {
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-marketstats-mini-value {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketstats-mini-label {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
  line-height: 1.7;
}
.itm-marketstats-side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.itm-marketstats-card {
  position: relative;
  overflow: hidden;
  min-height: 218px;
  padding: 25px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketstats-card::before {
  content: "";
  position: absolute;
  top: -62px;
  left: -62px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketstats-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketstats-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-6px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-marketstats-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.itm-marketstats-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 21px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketstats-card:nth-child(even) .itm-marketstats-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketstats-card-change {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
}
.itm-marketstats-card:nth-child(even) .itm-marketstats-card-change {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-marketstats-card-value {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 24px;
  color: #17343e;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.25;
}
.itm-marketstats-card-title {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 8px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketstats-card-text {
  position: relative;
  z-index: 2;
  margin: 7px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.85;
}
.itm-marketstats-cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 27px 29px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 24px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
  box-shadow: 0 18px 44px rgba(23, 52, 62, 0.05);
}
.itm-marketstats-cta-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketstats-cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 55px;
  width: 55px;
  height: 55px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 20px;
}
.itm-marketstats-cta-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketstats-cta-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketstats-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketstats-cta-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-marketstats-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-marketstats-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketstats-board {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-marketstats {
    padding: 80px 0;
  }
  .itm-marketstats-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketstats-header {
    margin-bottom: 44px;
  }
  .itm-marketstats-title {
    font-size: 34px;
  }
  .itm-marketstats-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-marketstats-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-marketstats-board-title {
    font-size: 27px;
  }
  .itm-marketstats-board-footer {
    grid-template-columns: 1fr;
  }
  .itm-marketstats-side {
    grid-template-columns: 1fr;
  }
  .itm-marketstats-card {
    min-height: auto;
  }
  .itm-marketstats-cta {
    grid-column: auto;
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketstats-cta-link {
    width: 100%;
  }
}
.itm-marketreports {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.12),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(42, 157, 143, 0.1),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketreports::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -150px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(233, 196, 106, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 56px rgba(233, 196, 106, 0.022),
    0 0 0 112px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-marketreports-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketreports-header {
  max-width: 830px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-marketreports-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketreports-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-marketreports-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketreports-title-highlight {
  color: #2a9d8f;
}
.itm-marketreports-description {
  max-width: 740px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-marketreports-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 30px;
  align-items: stretch;
}
.itm-marketreports-featured {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  padding: 40px;
  border-radius: 35px;
  background:
    radial-gradient(
      circle at 84% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 15% 88%,
      rgba(42, 157, 143, 0.2),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 35px 82px rgba(16, 47, 54, 0.22);
}
.itm-marketreports-featured::before {
  content: "";
  position: absolute;
  right: -125px;
  bottom: -145px;
  width: 350px;
  height: 350px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(255, 255, 255, 0.018),
    0 0 0 100px rgba(255, 255, 255, 0.012);
}
.itm-marketreports-featured-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-marketreports-featured-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  border-radius: 25px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 33px;
  box-shadow:
    0 20px 44px rgba(233, 196, 106, 0.26),
    0 0 0 14px rgba(233, 196, 106, 0.06);
}
.itm-marketreports-featured-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-marketreports-featured-title {
  position: relative;
  z-index: 2;
  margin: 34px 0 16px;
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-marketreports-featured-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  line-height: 2.15;
}
.itm-marketreports-featured-meta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}
.itm-marketreports-featured-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 800;
}
.itm-marketreports-featured-meta-item i {
  color: #e9c46a;
}
.itm-marketreports-preview {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-top: 28px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-marketreports-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.itm-marketreports-preview-title {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}
.itm-marketreports-preview-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
}
.itm-marketreports-preview-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketreports-preview-bars {
  display: flex;
  align-items: flex-end;
  gap: 11px;
  height: 130px;
}
.itm-marketreports-preview-bar {
  flex: 1;
  min-width: 0;
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, #7ee0d4 0%, #2a9d8f 100%);
}
.itm-marketreports-preview-bar:nth-child(even) {
  background: linear-gradient(180deg, #f2d584 0%, #e9c46a 100%);
}
.itm-marketreports-preview-bar-one {
  height: 42%;
}
.itm-marketreports-preview-bar-two {
  height: 62%;
}
.itm-marketreports-preview-bar-three {
  height: 53%;
}
.itm-marketreports-preview-bar-four {
  height: 79%;
}
.itm-marketreports-preview-bar-five {
  height: 66%;
}
.itm-marketreports-preview-bar-six {
  height: 90%;
}
.itm-marketreports-featured-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 55px;
  margin-top: 28px;
  padding: 0 24px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketreports-featured-action:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 19px 40px rgba(233, 196, 106, 0.26);
}
.itm-marketreports-list {
  display: grid;
  gap: 18px;
}
.itm-marketreports-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 132px;
  padding: 22px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 40px rgba(23, 52, 62, 0.05);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketreports-card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketreports-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketreports-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-marketreports-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 20px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 23px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketreports-card:nth-child(even) .itm-marketreports-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketreports-card-content {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.itm-marketreports-card-category {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
}
.itm-marketreports-card-title {
  display: block;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.75;
}
.itm-marketreports-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 6px;
  color: #71858a;
  font-size: 8px;
}
.itm-marketreports-card-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.itm-marketreports-card-link {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 16px;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease;
}
.itm-marketreports-card-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateX(-3px);
}
.itm-marketreports-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #f7faf9;
}
.itm-marketreports-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketreports-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-marketreports-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketreports-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketreports-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketreports-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-marketreports-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketreports-featured {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-marketreports {
    padding: 80px 0;
  }
  .itm-marketreports-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketreports-header {
    margin-bottom: 44px;
  }
  .itm-marketreports-title {
    font-size: 34px;
  }
  .itm-marketreports-featured {
    padding: 28px;
    border-radius: 27px;
  }
  .itm-marketreports-featured-title {
    font-size: 28px;
  }
  .itm-marketreports-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
  }
  .itm-marketreports-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
    font-size: 20px;
  }
  .itm-marketreports-card-link {
    grid-column: 1 / -1;
    width: 100%;
  }
  .itm-marketreports-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketreports-footer-link {
    width: 100%;
  }
}
.itm-marketmaterials {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 10% 16%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 84%,
      rgba(233, 196, 106, 0.13),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketmaterials::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -160px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(42, 157, 143, 0.02),
    0 0 0 120px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-marketmaterials-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketmaterials-header {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-marketmaterials-heading {
  max-width: 650px;
}
.itm-marketmaterials-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketmaterials-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-marketmaterials-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketmaterials-title-highlight {
  color: #2a9d8f;
}
.itm-marketmaterials-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #ffffff;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-marketmaterials-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 30px;
  align-items: stretch;
}
.itm-marketmaterials-board {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  padding: 38px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.2),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-marketmaterials-board::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-marketmaterials-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.itm-marketmaterials-board-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-marketmaterials-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 22px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-marketmaterials-board-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketmaterials-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-marketmaterials-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketmaterials-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketmaterials-summary {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 34px;
}
.itm-marketmaterials-summary-value {
  display: block;
  margin-bottom: 7px;
  color: #ffffff;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
}
.itm-marketmaterials-summary-label {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
}
.itm-marketmaterials-change {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 11px;
  font-weight: 900;
}
.itm-marketmaterials-chart {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 285px;
  margin-top: 28px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-marketmaterials-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 48px,
    70px 100%;
}
.itm-marketmaterials-chart-line {
  position: absolute;
  right: 30px;
  bottom: 50px;
  width: calc(100% - 60px);
  height: 165px;
}
.itm-marketmaterials-line-segment {
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
  box-shadow: 0 0 18px rgba(126, 224, 212, 0.33);
  transform-origin: right center;
}
.itm-marketmaterials-line-one {
  right: 0;
  bottom: 21px;
  width: 17%;
  transform: rotate(-13deg);
}
.itm-marketmaterials-line-two {
  right: 15%;
  bottom: 36px;
  width: 18%;
  transform: rotate(17deg);
}
.itm-marketmaterials-line-three {
  right: 31%;
  bottom: 24px;
  width: 18%;
  transform: rotate(-29deg);
}
.itm-marketmaterials-line-four {
  right: 47%;
  bottom: 57px;
  width: 18%;
  transform: rotate(-10deg);
}
.itm-marketmaterials-line-five {
  right: 63%;
  bottom: 72px;
  width: 19%;
  transform: rotate(-28deg);
}
.itm-marketmaterials-line-six {
  right: 80%;
  bottom: 106px;
  width: 20%;
  transform: rotate(-17deg);
}
.itm-marketmaterials-point {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid #17343e;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 6px rgba(233, 196, 106, 0.12);
}
.itm-marketmaterials-point-one {
  right: 0;
  bottom: 16px;
}
.itm-marketmaterials-point-two {
  right: 31%;
  bottom: 20px;
}
.itm-marketmaterials-point-three {
  right: 63%;
  bottom: 68px;
}
.itm-marketmaterials-point-four {
  left: -2px;
  top: 15px;
}
.itm-marketmaterials-chart-label {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-weight: 800;
}
.itm-marketmaterials-tabs {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.itm-marketmaterials-tab {
  padding: 14px 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  text-align: center;
}
.itm-marketmaterials-tab-active {
  border-color: rgba(233, 196, 106, 0.26);
  background: rgba(233, 196, 106, 0.12);
}
.itm-marketmaterials-tab-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}
.itm-marketmaterials-tab-value {
  display: block;
  color: rgba(255, 255, 255, 0.46);
  font-size: 8px;
}
.itm-marketmaterials-tab-active .itm-marketmaterials-tab-title {
  color: #e9c46a;
}
.itm-marketmaterials-side {
  display: grid;
  gap: 18px;
}
.itm-marketmaterials-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 17px;
  min-height: 125px;
  padding: 21px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 15px 40px rgba(23, 52, 62, 0.05);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketmaterials-card::before {
  content: "";
  position: absolute;
  top: -62px;
  left: -62px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketmaterials-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketmaterials-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-marketmaterials-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketmaterials-card:nth-child(even) .itm-marketmaterials-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketmaterials-card-content {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.itm-marketmaterials-card-title {
  display: block;
  margin-bottom: 7px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketmaterials-card-price {
  display: block;
  color: #71858a;
  font-size: 10px;
  line-height: 1.8;
}
.itm-marketmaterials-card-trend {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketmaterials-card-trend-down {
  background: rgba(224, 93, 93, 0.1);
  color: #c95454;
}
.itm-marketmaterials-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-marketmaterials-info-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-marketmaterials-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 53px;
  width: 53px;
  height: 53px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 20px;
}
.itm-marketmaterials-info-card:nth-child(even) .itm-marketmaterials-info-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-marketmaterials-info-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketmaterials-info-text {
  display: block;
  color: #71858a;
  font-size: 10px;
  line-height: 1.8;
}
.itm-marketmaterials-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
}
.itm-marketmaterials-cta-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketmaterials-cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-marketmaterials-cta-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketmaterials-cta-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketmaterials-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketmaterials-cta-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-marketmaterials-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-marketmaterials-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketmaterials-board {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-marketmaterials {
    padding: 80px 0;
  }
  .itm-marketmaterials-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketmaterials-header {
    margin-bottom: 44px;
  }
  .itm-marketmaterials-title {
    font-size: 34px;
  }
  .itm-marketmaterials-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-marketmaterials-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-marketmaterials-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-marketmaterials-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .itm-marketmaterials-card {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 14px;
  }
  .itm-marketmaterials-card-icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 19px;
  }
  .itm-marketmaterials-card-trend {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .itm-marketmaterials-info {
    grid-template-columns: 1fr;
  }
  .itm-marketmaterials-cta {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketmaterials-cta-link {
    width: 100%;
  }
}
.itm-markettrade {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.12),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.1),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-markettrade::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -150px;
  width: 450px;
  height: 450px;
  border: 1px solid rgba(233, 196, 106, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(233, 196, 106, 0.022),
    0 0 0 116px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-markettrade-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-markettrade-header {
  max-width: 850px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-markettrade-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-markettrade-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-markettrade-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-markettrade-title-highlight {
  color: #2a9d8f;
}
.itm-markettrade-description {
  max-width: 760px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-markettrade-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 30px;
  align-items: stretch;
}
.itm-markettrade-map {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 84% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.21),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-markettrade-map::before {
  content: "";
  position: absolute;
  right: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-markettrade-map-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-markettrade-map-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-markettrade-map-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 59px;
  width: 59px;
  height: 59px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-markettrade-map-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-markettrade-map-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-markettrade-map-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-markettrade-map-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-markettrade-world {
  position: relative;
  z-index: 2;
  min-height: 300px;
  margin-top: 34px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 25px;
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(42, 157, 143, 0.12),
      transparent 58%
    ),
    rgba(16, 47, 54, 0.42);
}
.itm-markettrade-globe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(126, 224, 212, 0.25);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 28px rgba(126, 224, 212, 0.025),
    0 0 0 56px rgba(126, 224, 212, 0.018);
}
.itm-markettrade-globe::before,
.itm-markettrade-globe::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(126, 224, 212, 0.16);
  border-radius: 50%;
}
.itm-markettrade-globe::before {
  inset: 28px 0;
}
.itm-markettrade-globe::after {
  inset: 0 62px;
}
.itm-markettrade-globe-line-one,
.itm-markettrade-globe-line-two {
  position: absolute;
  left: 15px;
  right: 15px;
  height: 1px;
  background: rgba(126, 224, 212, 0.16);
}
.itm-markettrade-globe-line-one {
  top: 75px;
}
.itm-markettrade-globe-line-two {
  bottom: 75px;
}
.itm-markettrade-route {
  position: absolute;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  box-shadow: 0 0 14px rgba(233, 196, 106, 0.25);
  transform-origin: right center;
}
.itm-markettrade-route-one {
  top: 68px;
  right: 48px;
  width: 120px;
  transform: rotate(-20deg);
}
.itm-markettrade-route-two {
  bottom: 72px;
  left: 54px;
  width: 130px;
  transform: rotate(18deg);
}
.itm-markettrade-route-three {
  top: 145px;
  right: 30px;
  width: 150px;
  transform: rotate(8deg);
}
.itm-markettrade-node {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 3px solid #17343e;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 6px rgba(233, 196, 106, 0.12);
}
.itm-markettrade-node-one {
  top: 50px;
  right: 38px;
}
.itm-markettrade-node-two {
  top: 102px;
  left: 55px;
}
.itm-markettrade-node-three {
  bottom: 53px;
  right: 85px;
}
.itm-markettrade-node-four {
  bottom: 82px;
  left: 38px;
}
.itm-markettrade-country {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
  color: rgba(255, 255, 255, 0.64);
  font-size: 8px;
  font-weight: 800;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.itm-markettrade-country i {
  color: #e9c46a;
}
.itm-markettrade-country-one {
  top: 34px;
  left: 30px;
}
.itm-markettrade-country-two {
  top: 120px;
  right: 24px;
}
.itm-markettrade-country-three {
  bottom: 30px;
  left: 42px;
}
.itm-markettrade-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.itm-markettrade-summary-card {
  padding: 17px 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-markettrade-summary-value {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}
.itm-markettrade-summary-label {
  display: block;
  color: rgba(255, 255, 255, 0.45);
  font-size: 8px;
  line-height: 1.7;
}
.itm-markettrade-side {
  display: grid;
  gap: 18px;
}
.itm-markettrade-card {
  position: relative;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-markettrade-card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-markettrade-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-markettrade-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-markettrade-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.itm-markettrade-card-titlebox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-markettrade-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-markettrade-card:nth-child(even) .itm-markettrade-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-markettrade-card-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-markettrade-card-subtitle {
  display: block;
  color: #71858a;
  font-size: 9px;
}
.itm-markettrade-card-change {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
}
.itm-markettrade-card-value {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 24px;
  color: #17343e;
  font-size: 33px;
  font-weight: 900;
  line-height: 1.2;
}
.itm-markettrade-card-text {
  position: relative;
  z-index: 2;
  margin: 8px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.85;
}
.itm-markettrade-progress {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 8px;
  margin-top: 20px;
  border-radius: 999px;
  background: rgba(23, 52, 62, 0.08);
}
.itm-markettrade-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
}
.itm-markettrade-progress-fill-export {
  width: 78%;
}
.itm-markettrade-progress-fill-import {
  width: 61%;
  background: linear-gradient(90deg, #e9c46a, #f2d584);
}
.itm-markettrade-list {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}
.itm-markettrade-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 17px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 16px;
  background: #f7faf9;
}
.itm-markettrade-list-name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #17343e;
  font-size: 11px;
  font-weight: 900;
}
.itm-markettrade-list-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
}
.itm-markettrade-list-value {
  color: #71858a;
  font-size: 10px;
  font-weight: 800;
}
.itm-markettrade-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #f7faf9;
}
.itm-markettrade-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-markettrade-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-markettrade-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-markettrade-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-markettrade-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-markettrade-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-markettrade-layout {
    grid-template-columns: 1fr;
  }
  .itm-markettrade-map {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-markettrade {
    padding: 80px 0;
  }
  .itm-markettrade-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-markettrade-header {
    margin-bottom: 44px;
  }
  .itm-markettrade-title {
    font-size: 34px;
  }
  .itm-markettrade-map {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-markettrade-map-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-markettrade-world {
    min-height: 270px;
  }
  .itm-markettrade-globe {
    width: 180px;
    height: 180px;
  }
  .itm-markettrade-summary {
    grid-template-columns: 1fr;
  }
  .itm-markettrade-card {
    padding: 23px;
  }
  .itm-markettrade-card-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-markettrade-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-markettrade-footer-link {
    width: 100%;
  }
}
.itm-marketdemand {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 14% 16%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(233, 196, 106, 0.13),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketdemand::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -150px;
  width: 450px;
  height: 450px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(42, 157, 143, 0.02),
    0 0 0 116px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-marketdemand-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketdemand-header {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-marketdemand-heading {
  max-width: 650px;
}
.itm-marketdemand-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketdemand-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-marketdemand-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketdemand-title-highlight {
  color: #2a9d8f;
}
.itm-marketdemand-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #ffffff;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-marketdemand-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 30px;
  align-items: stretch;
}
.itm-marketdemand-board {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.22),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-marketdemand-board::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-marketdemand-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-marketdemand-board-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-marketdemand-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-marketdemand-board-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketdemand-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-marketdemand-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketdemand-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketdemand-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}
.itm-marketdemand-summary-card {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
}
.itm-marketdemand-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.itm-marketdemand-summary-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
  font-weight: 900;
}
.itm-marketdemand-summary-title i {
  color: #7ee0d4;
}
.itm-marketdemand-summary-card:nth-child(even)
  .itm-marketdemand-summary-title
  i {
  color: #e9c46a;
}
.itm-marketdemand-summary-change {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
}
.itm-marketdemand-summary-card:nth-child(even)
  .itm-marketdemand-summary-change {
  color: #e9c46a;
}
.itm-marketdemand-summary-value {
  display: block;
  margin-top: 16px;
  color: #ffffff;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.2;
}
.itm-marketdemand-summary-label {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
  line-height: 1.7;
}
.itm-marketdemand-chart {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 275px;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-marketdemand-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 46px,
    68px 100%;
}
.itm-marketdemand-chart-labels {
  position: absolute;
  top: 18px;
  right: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketdemand-chart-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-weight: 800;
}
.itm-marketdemand-chart-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ee0d4;
}
.itm-marketdemand-chart-dot-gold {
  background: #e9c46a;
}
.itm-marketdemand-lines {
  position: absolute;
  right: 28px;
  bottom: 42px;
  width: calc(100% - 56px);
  height: 165px;
}
.itm-marketdemand-line {
  position: absolute;
  height: 3px;
  border-radius: 999px;
  transform-origin: right center;
}
.itm-marketdemand-line-supply {
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
  box-shadow: 0 0 16px rgba(126, 224, 212, 0.28);
}
.itm-marketdemand-line-demand {
  background: linear-gradient(90deg, #e9c46a, #f2d584);
  box-shadow: 0 0 16px rgba(233, 196, 106, 0.24);
}
.itm-marketdemand-supply-one {
  right: 0;
  bottom: 28px;
  width: 22%;
  transform: rotate(-12deg);
}
.itm-marketdemand-supply-two {
  right: 20%;
  bottom: 45px;
  width: 21%;
  transform: rotate(-21deg);
}
.itm-marketdemand-supply-three {
  right: 39%;
  bottom: 72px;
  width: 22%;
  transform: rotate(9deg);
}
.itm-marketdemand-supply-four {
  right: 59%;
  bottom: 63px;
  width: 21%;
  transform: rotate(-24deg);
}
.itm-marketdemand-supply-five {
  right: 78%;
  bottom: 93px;
  width: 22%;
  transform: rotate(-17deg);
}
.itm-marketdemand-demand-one {
  right: 0;
  bottom: 88px;
  width: 21%;
  transform: rotate(17deg);
}
.itm-marketdemand-demand-two {
  right: 19%;
  bottom: 71px;
  width: 22%;
  transform: rotate(14deg);
}
.itm-marketdemand-demand-three {
  right: 39%;
  bottom: 52px;
  width: 21%;
  transform: rotate(-12deg);
}
.itm-marketdemand-demand-four {
  right: 58%;
  bottom: 64px;
  width: 22%;
  transform: rotate(18deg);
}
.itm-marketdemand-demand-five {
  right: 78%;
  bottom: 46px;
  width: 22%;
  transform: rotate(-13deg);
}
.itm-marketdemand-balance {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-marketdemand-balance-content {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-marketdemand-balance-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-marketdemand-balance-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-marketdemand-balance-text {
  display: block;
  color: rgba(255, 255, 255, 0.45);
  font-size: 8px;
}
.itm-marketdemand-balance-value {
  color: #7ee0d4;
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketdemand-side {
  display: grid;
  gap: 18px;
}
.itm-marketdemand-card {
  position: relative;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketdemand-card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketdemand-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketdemand-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-marketdemand-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketdemand-card-titlebox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-marketdemand-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketdemand-card:nth-child(even) .itm-marketdemand-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketdemand-card-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketdemand-card-subtitle {
  display: block;
  color: #71858a;
  font-size: 9px;
  line-height: 1.7;
}
.itm-marketdemand-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketdemand-card:nth-child(even) .itm-marketdemand-card-badge {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-marketdemand-card-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  margin-top: 22px;
}
.itm-marketdemand-card-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px;
  border-radius: 15px;
  background: #f7faf9;
}
.itm-marketdemand-card-item-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #17343e;
  font-size: 10px;
  font-weight: 900;
}
.itm-marketdemand-card-item-name i {
  color: #2a9d8f;
}
.itm-marketdemand-card:nth-child(even) .itm-marketdemand-card-item-name i {
  color: #9a6f17;
}
.itm-marketdemand-card-item-value {
  color: #71858a;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.itm-marketdemand-opportunities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-marketdemand-opportunity {
  position: relative;
  overflow: hidden;
  padding: 25px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-marketdemand-opportunity-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 19px;
}
.itm-marketdemand-opportunity:nth-child(even)
  .itm-marketdemand-opportunity-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-marketdemand-opportunity-title {
  display: block;
  margin-top: 17px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketdemand-opportunity-text {
  margin: 8px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.9;
}
.itm-marketdemand-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
}
.itm-marketdemand-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketdemand-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-marketdemand-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketdemand-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketdemand-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketdemand-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-marketdemand-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-marketdemand-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketdemand-board {
    min-height: auto;
  }
}
@media (max-width: 780px) {
  .itm-marketdemand {
    padding: 80px 0;
  }
  .itm-marketdemand-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketdemand-header {
    margin-bottom: 44px;
  }
  .itm-marketdemand-title {
    font-size: 34px;
  }
  .itm-marketdemand-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-marketdemand-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-marketdemand-board-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-marketdemand-summary {
    grid-template-columns: 1fr;
  }
  .itm-marketdemand-card {
    padding: 23px;
  }
  .itm-marketdemand-card-head {
    flex-direction: column;
  }
  .itm-marketdemand-opportunities {
    grid-template-columns: 1fr;
  }
  .itm-marketdemand-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketdemand-footer-link {
    width: 100%;
  }
}
.itm-marketforecast {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.12),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketforecast::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -150px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(233, 196, 106, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(233, 196, 106, 0.022),
    0 0 0 120px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-marketforecast-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketforecast-header {
  max-width: 860px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-marketforecast-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketforecast-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-marketforecast-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketforecast-title-highlight {
  color: #2a9d8f;
}
.itm-marketforecast-description {
  max-width: 760px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-marketforecast-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 30px;
  align-items: stretch;
}
.itm-marketforecast-engine {
  position: relative;
  overflow: hidden;
  min-height: 670px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 84% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.23),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-marketforecast-engine::before {
  content: "";
  position: absolute;
  right: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-marketforecast-engine-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-marketforecast-engine-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-marketforecast-engine-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 24px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-marketforecast-engine-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketforecast-engine-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-marketforecast-engine-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketforecast-engine-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketforecast-score {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  margin-top: 34px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-marketforecast-score-ring {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #17343e 56%, transparent 57%),
    conic-gradient(#7ee0d4 0deg 298deg, rgba(255, 255, 255, 0.08) 298deg 360deg);
  box-shadow:
    0 0 0 10px rgba(126, 224, 212, 0.035),
    0 18px 40px rgba(0, 0, 0, 0.18);
}
.itm-marketforecast-score-value {
  display: block;
  color: #ffffff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.itm-marketforecast-score-label {
  display: block;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
  font-weight: 800;
  text-align: center;
}
.itm-marketforecast-score-title {
  display: block;
  margin-bottom: 11px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-marketforecast-score-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
  line-height: 2;
}
.itm-marketforecast-score-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 17px;
}
.itm-marketforecast-score-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.55);
  font-size: 8px;
  font-weight: 800;
}
.itm-marketforecast-score-meta-item i {
  color: #e9c46a;
}
.itm-marketforecast-chart {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 270px;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-marketforecast-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 46px,
    68px 100%;
}
.itm-marketforecast-chart-head {
  position: absolute;
  top: 18px;
  right: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketforecast-chart-title {
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
  font-weight: 800;
}
.itm-marketforecast-chart-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7ee0d4;
  font-size: 8px;
  font-weight: 900;
}
.itm-marketforecast-chart-line {
  position: absolute;
  right: 28px;
  bottom: 42px;
  width: calc(100% - 56px);
  height: 160px;
}
.itm-marketforecast-chart-segment {
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
  box-shadow: 0 0 16px rgba(126, 224, 212, 0.3);
  transform-origin: right center;
}
.itm-marketforecast-chart-segment-one {
  right: 0;
  bottom: 24px;
  width: 17%;
  transform: rotate(-11deg);
}
.itm-marketforecast-chart-segment-two {
  right: 15%;
  bottom: 38px;
  width: 18%;
  transform: rotate(-18deg);
}
.itm-marketforecast-chart-segment-three {
  right: 31%;
  bottom: 61px;
  width: 18%;
  transform: rotate(10deg);
}
.itm-marketforecast-chart-segment-four {
  right: 47%;
  bottom: 52px;
  width: 18%;
  transform: rotate(-25deg);
}
.itm-marketforecast-chart-segment-five {
  right: 63%;
  bottom: 84px;
  width: 19%;
  transform: rotate(-18deg);
}
.itm-marketforecast-chart-segment-six {
  right: 80%;
  bottom: 111px;
  width: 20%;
  transform: rotate(-14deg);
  background: linear-gradient(90deg, #e9c46a, #f2d584);
  box-shadow: 0 0 16px rgba(233, 196, 106, 0.24);
}
.itm-marketforecast-chart-point {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid #17343e;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 6px rgba(233, 196, 106, 0.12);
}
.itm-marketforecast-chart-point-one {
  right: 0;
  bottom: 19px;
}
.itm-marketforecast-chart-point-two {
  right: 31%;
  bottom: 57px;
}
.itm-marketforecast-chart-point-three {
  right: 63%;
  bottom: 80px;
}
.itm-marketforecast-chart-point-four {
  left: -2px;
  top: 17px;
}
.itm-marketforecast-engine-footer {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.itm-marketforecast-engine-mini {
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-marketforecast-engine-mini-value {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketforecast-engine-mini-label {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
  line-height: 1.7;
}
.itm-marketforecast-side {
  display: grid;
  gap: 18px;
}
.itm-marketforecast-card {
  position: relative;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketforecast-card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketforecast-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketforecast-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-marketforecast-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketforecast-card-titlebox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-marketforecast-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketforecast-card:nth-child(even) .itm-marketforecast-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketforecast-card-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketforecast-card-subtitle {
  display: block;
  color: #71858a;
  font-size: 9px;
  line-height: 1.7;
}
.itm-marketforecast-card-trend {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketforecast-card:nth-child(even) .itm-marketforecast-card-trend {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-marketforecast-card-value {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 23px;
  color: #17343e;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.2;
}
.itm-marketforecast-card-text {
  position: relative;
  z-index: 2;
  margin: 8px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.9;
}
.itm-marketforecast-card-progress {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 8px;
  margin-top: 19px;
  border-radius: 999px;
  background: rgba(23, 52, 62, 0.08);
}
.itm-marketforecast-card-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
}
.itm-marketforecast-card-progress-demand {
  width: 84%;
}
.itm-marketforecast-card-progress-price {
  width: 72%;
  background: linear-gradient(90deg, #e9c46a, #f2d584);
}
.itm-marketforecast-card-progress-export {
  width: 79%;
}
.itm-marketforecast-insights {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}
.itm-marketforecast-insight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 17px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 16px;
  background: #f7faf9;
}
.itm-marketforecast-insight-content {
  display: flex;
  align-items: center;
  gap: 11px;
}
.itm-marketforecast-insight-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 14px;
}
.itm-marketforecast-insight-title {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 10px;
  font-weight: 900;
}
.itm-marketforecast-insight-text {
  display: block;
  color: #71858a;
  font-size: 8px;
  line-height: 1.7;
}
.itm-marketforecast-insight-badge {
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketforecast-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-marketforecast-feature {
  position: relative;
  overflow: hidden;
  padding: 25px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-marketforecast-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 19px;
}
.itm-marketforecast-feature:nth-child(even) .itm-marketforecast-feature-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-marketforecast-feature-title {
  display: block;
  margin-top: 17px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketforecast-feature-text {
  margin: 8px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.9;
}
.itm-marketforecast-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #f7faf9;
}
.itm-marketforecast-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketforecast-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-marketforecast-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketforecast-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketforecast-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketforecast-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-marketforecast-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketforecast-engine {
    min-height: auto;
  }
}
@media (max-width: 780px) {
  .itm-marketforecast {
    padding: 80px 0;
  }
  .itm-marketforecast-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketforecast-header {
    margin-bottom: 44px;
  }
  .itm-marketforecast-title {
    font-size: 34px;
  }
  .itm-marketforecast-engine {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-marketforecast-engine-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-marketforecast-score {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .itm-marketforecast-score-meta {
    justify-content: center;
  }
  .itm-marketforecast-engine-footer {
    grid-template-columns: 1fr;
  }
  .itm-marketforecast-card {
    padding: 23px;
  }
  .itm-marketforecast-card-head {
    flex-direction: column;
  }
  .itm-marketforecast-features {
    grid-template-columns: 1fr;
  }
  .itm-marketforecast-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketforecast-footer-link {
    width: 100%;
  }
}
.itm-marketfinal {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 110px 0;
  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(233, 196, 106, 0.16),
      transparent 27%
    ),
    radial-gradient(
      circle at 86% 82%,
      rgba(42, 157, 143, 0.18),
      transparent 30%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 50%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-marketfinal::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -160px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 62px rgba(255, 255, 255, 0.018),
    0 0 0 124px rgba(255, 255, 255, 0.011);
  pointer-events: none;
}
.itm-marketfinal::after {
  content: "";
  position: absolute;
  left: -170px;
  bottom: -210px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(126, 224, 212, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 66px rgba(126, 224, 212, 0.018),
    0 0 0 132px rgba(126, 224, 212, 0.011);
  pointer-events: none;
}
.itm-marketfinal-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketfinal-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 55px;
  padding: 55px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 38px;
  background:
    radial-gradient(
      circle at 90% 14%,
      rgba(233, 196, 106, 0.14),
      transparent 25%
    ),
    radial-gradient(
      circle at 12% 90%,
      rgba(42, 157, 143, 0.16),
      transparent 28%
    ),
    rgba(255, 255, 255, 0.055);
  box-shadow:
    0 38px 90px rgba(0, 0, 0, 0.21),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-marketfinal-panel::before {
  content: "";
  position: absolute;
  top: -90px;
  left: -90px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.16),
    transparent 68%
  );
  pointer-events: none;
}
.itm-marketfinal-content {
  position: relative;
  z-index: 2;
}
.itm-marketfinal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 900;
}
.itm-marketfinal-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-marketfinal-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1.2px;
}
.itm-marketfinal-title-highlight {
  color: #7ee0d4;
}
.itm-marketfinal-description {
  max-width: 670px;
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.15;
}
.itm-marketfinal-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 30px;
}
.itm-marketfinal-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 56px;
  padding: 0 25px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(233, 196, 106, 0.2);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketfinal-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 23px 46px rgba(233, 196, 106, 0.27);
}
.itm-marketfinal-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 56px;
  padding: 0 25px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-marketfinal-secondary:hover {
  border-color: rgba(126, 224, 212, 0.3);
  background: rgba(42, 157, 143, 0.16);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-4px);
}
.itm-marketfinal-points {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 28px;
}
.itm-marketfinal-point {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
  font-weight: 800;
}
.itm-marketfinal-point-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.16);
  color: #7ee0d4;
  font-size: 11px;
}
.itm-marketfinal-visual {
  position: relative;
  z-index: 2;
  min-height: 480px;
}
.itm-marketfinal-dashboard {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(100%, 470px);
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 28px;
  background: rgba(16, 47, 54, 0.72);
  box-shadow: 0 32px 75px rgba(0, 0, 0, 0.26);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-marketfinal-dashboard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketfinal-dashboard-titlebox {
  display: flex;
  align-items: center;
  gap: 12px;
}
.itm-marketfinal-dashboard-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: linear-gradient(135deg, #2a9d8f, #58c8ba);
  color: #ffffff;
  font-size: 18px;
}
.itm-marketfinal-dashboard-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}
.itm-marketfinal-dashboard-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
}
.itm-marketfinal-dashboard-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #7ee0d4;
  font-size: 8px;
  font-weight: 900;
}
.itm-marketfinal-dashboard-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketfinal-dashboard-chart {
  position: relative;
  overflow: hidden;
  height: 190px;
  margin-top: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}
.itm-marketfinal-dashboard-grid {
  position: absolute;
  inset: 16px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size:
    100% 38px,
    58px 100%;
}
.itm-marketfinal-dashboard-bars {
  position: absolute;
  inset: 36px 22px 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
.itm-marketfinal-dashboard-bar {
  flex: 1;
  min-width: 0;
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, #7ee0d4 0%, #2a9d8f 100%);
}
.itm-marketfinal-dashboard-bar:nth-child(even) {
  background: linear-gradient(180deg, #f2d584 0%, #e9c46a 100%);
}
.itm-marketfinal-dashboard-bar-one {
  height: 36%;
}
.itm-marketfinal-dashboard-bar-two {
  height: 56%;
}
.itm-marketfinal-dashboard-bar-three {
  height: 48%;
}
.itm-marketfinal-dashboard-bar-four {
  height: 72%;
}
.itm-marketfinal-dashboard-bar-five {
  height: 64%;
}
.itm-marketfinal-dashboard-bar-six {
  height: 88%;
}
.itm-marketfinal-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.itm-marketfinal-dashboard-stat {
  padding: 14px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}
.itm-marketfinal-dashboard-value {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}
.itm-marketfinal-dashboard-label {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 7px;
  line-height: 1.7;
}
.itm-marketfinal-float {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 175px;
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-marketfinal-float-one {
  top: 38px;
  right: -18px;
}
.itm-marketfinal-float-two {
  left: -12px;
  bottom: 42px;
}
.itm-marketfinal-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 16px;
}
.itm-marketfinal-float-two .itm-marketfinal-float-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-marketfinal-float-value {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}
.itm-marketfinal-float-label {
  display: block;
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
}
.itm-marketfinal-footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}
.itm-marketfinal-footer-card {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-marketfinal-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.17);
  color: #7ee0d4;
  font-size: 17px;
}
.itm-marketfinal-footer-card:nth-child(even) .itm-marketfinal-footer-icon {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-marketfinal-footer-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-marketfinal-footer-text {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 8px;
  line-height: 1.7;
}
@media (max-width: 1050px) {
  .itm-marketfinal-panel {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .itm-marketfinal-visual {
    min-height: 500px;
  }
  .itm-marketfinal-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .itm-marketfinal {
    padding: 80px 0;
  }
  .itm-marketfinal-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketfinal-panel {
    padding: 28px;
    border-radius: 28px;
  }
  .itm-marketfinal-title {
    font-size: 36px;
  }
  .itm-marketfinal-description {
    font-size: 14px;
  }
  .itm-marketfinal-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .itm-marketfinal-primary,
  .itm-marketfinal-secondary {
    width: 100%;
  }
  .itm-marketfinal-points {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-marketfinal-visual {
    min-height: 460px;
  }
  .itm-marketfinal-dashboard {
    width: 100%;
    padding: 19px;
  }
  .itm-marketfinal-dashboard-stats {
    grid-template-columns: 1fr;
  }
  .itm-marketfinal-float {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    min-width: 0;
    margin-top: 12px;
  }
  .itm-marketfinal-visual {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .itm-marketfinal-dashboard {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .itm-marketfinal-footer {
    grid-template-columns: 1fr;
  }
}
.itm-manufacturers-hero {
  position: relative;
  min-height: 590px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-manufacturers-hero .itm-manufacturers-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-manufacturers-hero .itm-manufacturers-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-manufacturers-hero .itm-manufacturers-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-manufacturers-hero .itm-manufacturers-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-manufacturers-hero .itm-manufacturers-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 80px;
  padding-bottom: 105px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__content {
  max-width: 720px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-manufacturers-hero .itm-manufacturers-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-manufacturers-hero .itm-manufacturers-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-manufacturers-hero .itm-manufacturers-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-manufacturers-hero .itm-manufacturers-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-manufacturers-hero .itm-manufacturers-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__primary-btn,
.itm-manufacturers-hero .itm-manufacturers-hero__secondary-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-manufacturers-hero .itm-manufacturers-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
}
.itm-manufacturers-hero .itm-manufacturers-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-manufacturers-hero .itm-manufacturers-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-manufacturers-hero .itm-manufacturers-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-manufacturers-hero .itm-manufacturers-hero__visual {
  position: relative;
  width: 390px;
  height: 390px;
  margin: 0 auto;
}
.itm-manufacturers-hero .itm-manufacturers-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-manufacturers-hero .itm-manufacturers-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-manufacturers-hero .itm-manufacturers-hero__orbit--inner {
  inset: 65px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-manufacturers-hero .itm-manufacturers-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-manufacturers-hero .itm-manufacturers-hero__core-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 28px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-manufacturers-hero .itm-manufacturers-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 170px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.8);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 16px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating--production {
  top: 38px;
  right: -18px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating--market {
  bottom: 72px;
  left: -30px;
}
.itm-manufacturers-hero .itm-manufacturers-hero__floating--connection {
  right: 12px;
  bottom: 0;
}
.itm-manufacturers-hero .itm-manufacturers-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-manufacturers-intro {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-manufacturers-intro::before {
  content: "";
  position: absolute;
  top: 160px;
  right: -160px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-manufacturers-intro .itm-manufacturers-intro__content {
  position: relative;
  z-index: 2;
}
.itm-manufacturers-intro .itm-manufacturers-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__title {
  margin: 0 0 22px;
  color: #264653;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-manufacturers-intro .itm-manufacturers-intro__title span {
  display: block;
  color: #2a9d8f;
}
.itm-manufacturers-intro .itm-manufacturers-intro__text {
  margin: 0 0 16px;
  color: #68797f;
  font-size: 14px;
  line-height: 2.15;
  text-align: justify;
}
.itm-manufacturers-intro .itm-manufacturers-intro__challenge {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 24px 0;
  padding: 20px;
  border-right: 4px solid #e9c46a;
  border-radius: 17px;
  background: #fffaf0;
}
.itm-manufacturers-intro .itm-manufacturers-intro__challenge-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #e9c46a;
  color: #264653;
  font-size: 19px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__challenge strong {
  display: block;
  margin-bottom: 6px;
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__challenge p {
  margin: 0;
  color: #6b6554;
  font-size: 12px;
  line-height: 2;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 30px;
  background: #17343e;
  box-shadow: 0 28px 65px rgba(38, 70, 83, 0.17);
}
.itm-manufacturers-intro .itm-manufacturers-intro__image {
  width: 100%;
  height: 520px;
  display: block;
  object-fit: cover;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(19, 47, 56, 0.04),
    rgba(19, 47, 56, 0.58)
  );
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-card {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  background: rgba(23, 52, 62, 0.8);
  backdrop-filter: blur(14px);
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-card > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 20px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-card > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-card strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visual-card small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital {
  position: relative;
  z-index: 2;
  margin-top: 90px;
  padding: 38px;
  border: 1px solid #e1ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgba(38, 70, 83, 0.08);
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 23px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital-heading span {
  display: block;
  margin-bottom: 3px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital-heading h3 {
  margin: 0;
  color: #264653;
  font-size: 27px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__digital-content p {
  margin: 0 0 15px;
  color: #6c7d83;
  font-size: 13px;
  line-height: 2.1;
  text-align: justify;
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison {
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(145deg, #17343e, #264653);
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 17px;
}
.itm-manufacturers-intro
  .itm-manufacturers-intro__comparison-item--traditional {
  background: rgba(255, 255, 255, 0.07);
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item--digital {
  background: rgba(42, 157, 143, 0.2);
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 19px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-item small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__comparison-arrow {
  padding: 12px 0;
  color: #e9c46a;
  text-align: center;
  font-size: 20px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: center;
  gap: 40px;
  margin-top: 35px;
  padding: 34px;
  border-radius: 27px;
  background: linear-gradient(135deg, #17343e, #264653 60%, #1d625e);
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #e9c46a;
  font-size: 11px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility p {
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  line-height: 2.1;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility-stats div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
  text-align: center;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility-stats strong {
  color: #e9c46a;
  font-size: 16px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__visibility-stats span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 8px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__role {
  position: relative;
  z-index: 2;
  margin-top: 35px;
  padding: 38px;
  border: 1px solid #e1ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgba(38, 70, 83, 0.08);
}
.itm-manufacturers-intro .itm-manufacturers-intro__role-heading {
  display: flex;
  align-items: center;
  gap: 15px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__role-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 23px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__role-heading > div > span {
  display: block;
  margin-bottom: 3px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__role-heading h3 {
  margin: 0;
  color: #264653;
  font-size: 27px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__role-description {
  max-width: 950px;
  margin: 22px 0 32px;
  color: #6c7d83;
  font-size: 14px;
  line-height: 2.1;
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit {
  position: relative;
  height: 100%;
  min-height: 245px;
  padding: 23px;
  overflow: hidden;
  border: 1px solid #e5ecea;
  border-radius: 21px;
  background: #f9fbfa;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit:hover {
  transform: translateY(-6px);
  border-color: rgba(42, 157, 143, 0.35);
  box-shadow: 0 18px 38px rgba(38, 70, 83, 0.09);
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit-number {
  position: absolute;
  top: 18px;
  left: 20px;
  color: rgba(38, 70, 83, 0.1);
  font-size: 34px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit-icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 17px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 20px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit h4 {
  margin: 0 0 9px;
  color: #264653;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-manufacturers-intro .itm-manufacturers-intro__benefit p {
  margin: 0;
  color: #74848a;
  font-size: 11px;
  line-height: 2;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
  padding: 24px;
  border-radius: 21px;
  background: linear-gradient(135deg, #17343e, #264653 58%, #1d625e);
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-content > span {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 22px;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-content strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  line-height: 1.9;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 21px;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-manufacturers-intro .itm-manufacturers-intro__cta-link:hover {
  transform: translateY(-3px);
  background: #f1d584;
  color: #264653;
}
@media (max-width: 991px) {
  .itm-manufacturers-hero {
    min-height: auto;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__content {
    text-align: center;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__breadcrumb,
  .itm-manufacturers-hero .itm-manufacturers-hero__actions {
    justify-content: center;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__visual {
    margin-top: 30px;
  }
  .itm-manufacturers-intro {
    padding: 85px 0;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__visual {
    margin-top: 20px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__digital {
    margin-top: 65px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__visibility {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .itm-manufacturers-hero .itm-manufacturers-hero__title {
    font-size: 36px;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__actions {
    flex-direction: column;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__primary-btn,
  .itm-manufacturers-hero .itm-manufacturers-hero__secondary-btn {
    width: 100%;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-manufacturers-hero .itm-manufacturers-hero__floating {
    min-width: 140px;
    padding: 9px;
  }
  .itm-manufacturers-intro {
    padding: 65px 0;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__title {
    font-size: 30px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__visual,
  .itm-manufacturers-intro .itm-manufacturers-intro__image {
    min-height: 350px;
    height: 350px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__digital,
  .itm-manufacturers-intro .itm-manufacturers-intro__role {
    padding: 23px 18px;
    border-radius: 22px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__digital-heading,
  .itm-manufacturers-intro .itm-manufacturers-intro__role-heading {
    align-items: flex-start;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__digital-heading h3,
  .itm-manufacturers-intro .itm-manufacturers-intro__role-heading h3 {
    font-size: 21px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__visibility {
    padding: 24px 20px;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__visibility-stats {
    grid-template-columns: 1fr;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__cta {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-manufacturers-intro .itm-manufacturers-intro__cta-link {
    width: 100%;
  }
}
.itm-jobs-hero {
  position: relative;
  min-height: 590px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-jobs-hero .itm-jobs-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-jobs-hero .itm-jobs-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-jobs-hero .itm-jobs-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-jobs-hero .itm-jobs-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-jobs-hero .itm-jobs-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-jobs-hero .itm-jobs-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 80px;
  padding-bottom: 105px;
}
.itm-jobs-hero .itm-jobs-hero__content {
  max-width: 720px;
}
.itm-jobs-hero .itm-jobs-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-jobs-hero .itm-jobs-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-jobs-hero .itm-jobs-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-jobs-hero .itm-jobs-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-jobs-hero .itm-jobs-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-jobs-hero .itm-jobs-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-jobs-hero .itm-jobs-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-jobs-hero .itm-jobs-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-jobs-hero .itm-jobs-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}
.itm-jobs-hero .itm-jobs-hero__primary-btn,
.itm-jobs-hero .itm-jobs-hero__secondary-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-jobs-hero .itm-jobs-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
}
.itm-jobs-hero .itm-jobs-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-jobs-hero .itm-jobs-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-jobs-hero .itm-jobs-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-jobs-hero .itm-jobs-hero__visual {
  position: relative;
  width: 390px;
  height: 390px;
  margin: 0 auto;
}
.itm-jobs-hero .itm-jobs-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-jobs-hero .itm-jobs-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-jobs-hero .itm-jobs-hero__orbit--inner {
  inset: 65px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-jobs-hero .itm-jobs-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-jobs-hero .itm-jobs-hero__core-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 28px;
}
.itm-jobs-hero .itm-jobs-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-jobs-hero .itm-jobs-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-jobs-hero .itm-jobs-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 170px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.8);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
}
.itm-jobs-hero .itm-jobs-hero__floating > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 16px;
}
.itm-jobs-hero .itm-jobs-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-jobs-hero .itm-jobs-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-jobs-hero .itm-jobs-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-jobs-hero .itm-jobs-hero__floating--growth {
  top: 38px;
  right: -18px;
}
.itm-jobs-hero .itm-jobs-hero__floating--team {
  bottom: 72px;
  left: -30px;
}
.itm-jobs-hero .itm-jobs-hero__floating--future {
  right: 12px;
  bottom: 0;
}
.itm-jobs-hero .itm-jobs-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-jobs-list {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-jobs-list::before {
  content: "";
  position: absolute;
  top: 170px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-jobs-list .itm-jobs-list__heading {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-jobs-list .itm-jobs-list__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__title {
  margin: 0 0 14px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-jobs-list .itm-jobs-list__description {
  max-width: 700px;
  margin: 0 auto;
  color: #708087;
  font-size: 14px;
  line-height: 2.1;
}
.itm-jobs-list .itm-jobs-list__filter {
  position: relative;
  z-index: 2;
  padding: 23px;
  border: 1px solid #e3ebe9;
  border-radius: 23px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(38, 70, 83, 0.07);
}
.itm-jobs-list .itm-jobs-list__filter-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #edf1f0;
}
.itm-jobs-list .itm-jobs-list__filter-header > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 18px;
}
.itm-jobs-list .itm-jobs-list__filter-header > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-jobs-list .itm-jobs-list__filter-header strong {
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__filter-header small {
  color: #929da1;
  font-size: 9px;
}
.itm-jobs-list .itm-jobs-list__filter-nav {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.itm-jobs-list .itm-jobs-list__filter-nav a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid transparent;
  border-radius: 15px;
  background: #f7faf9;
  color: #52666d;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}
.itm-jobs-list .itm-jobs-list__filter-nav a:hover {
  transform: translateX(-3px);
  border-color: rgba(42, 157, 143, 0.28);
  background: #ffffff;
  color: #264653;
}
.itm-jobs-list .itm-jobs-list__filter-nav a.active {
  border-color: rgba(42, 157, 143, 0.22);
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
}
.itm-jobs-list .itm-jobs-list__filter-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-jobs-list .itm-jobs-list__filter-nav a.active .itm-jobs-list__filter-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #e9c46a;
}
.itm-jobs-list .itm-jobs-list__filter-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-jobs-list .itm-jobs-list__filter-text strong {
  font-size: 11px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__filter-text small {
  font-size: 8px;
  opacity: 0.62;
}
.itm-jobs-list .itm-jobs-list__filter-count {
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #ffffff;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__culture {
  position: relative;
  z-index: 2;
  margin-top: 22px;
  padding: 27px;
  overflow: hidden;
  border-radius: 23px;
  background: linear-gradient(145deg, #17343e, #264653 58%, #1d625e);
  color: #ffffff;
  box-shadow: 0 20px 45px rgba(38, 70, 83, 0.18);
}
.itm-jobs-list .itm-jobs-list__culture-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  border-radius: 18px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 23px;
}
.itm-jobs-list .itm-jobs-list__culture h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__culture p {
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  line-height: 2;
}
.itm-jobs-list .itm-jobs-list__culture a {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 19px;
  border-radius: 12px;
  background: #e9c46a;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.itm-jobs-list .itm-jobs-list__results-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 18px 21px;
  border: 1px solid #e3ebe9;
  border-radius: 18px;
  background: #ffffff;
}
.itm-jobs-list .itm-jobs-list__results-header > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-jobs-list .itm-jobs-list__results-header span {
  color: #8b989d;
  font-size: 9px;
}
.itm-jobs-list .itm-jobs-list__results-header strong {
  color: #264653;
  font-size: 14px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__updated {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2a9d8f !important;
  font-size: 9px !important;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.itm-jobs-list .itm-jobs-list__card {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) auto;
  align-items: center;
  gap: 19px;
  padding: 23px;
  border: 1px solid #e3ebe9;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 35px rgba(38, 70, 83, 0.06);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-jobs-list .itm-jobs-list__card:hover {
  transform: translateY(-5px);
  border-color: rgba(42, 157, 143, 0.35);
  box-shadow: 0 22px 45px rgba(38, 70, 83, 0.11);
}
.itm-jobs-list .itm-jobs-list__card--draft {
  opacity: 0.78;
}
.itm-jobs-list .itm-jobs-list__card-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.14),
    rgba(233, 196, 106, 0.14)
  );
  color: #2a9d8f;
  font-size: 24px;
}
.itm-jobs-list .itm-jobs-list__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.itm-jobs-list .itm-jobs-list__department {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__card h3 {
  margin: 0;
  color: #264653;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-jobs-list .itm-jobs-list__card-content > p {
  margin: 8px 0 13px;
  color: #74848a;
  font-size: 11px;
  line-height: 2;
}
.itm-jobs-list .itm-jobs-list__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 20px;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.itm-jobs-list .itm-jobs-list__status--published {
  background: rgba(42, 157, 143, 0.1);
  color: #25877d;
}
.itm-jobs-list .itm-jobs-list__status--draft {
  background: rgba(233, 196, 106, 0.17);
  color: #a87d16;
}
.itm-jobs-list .itm-jobs-list__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.itm-jobs-list .itm-jobs-list__meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #89969b;
  font-size: 9px;
}
.itm-jobs-list .itm-jobs-list__meta i {
  color: #2a9d8f;
  font-size: 11px;
}
.itm-jobs-list .itm-jobs-list__apply {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #264653;
  color: #ffffff;
  font-size: 9px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.itm-jobs-list .itm-jobs-list__apply:hover {
  background: #2a9d8f;
  color: #ffffff;
}
.itm-jobs-list .itm-jobs-list__apply--disabled {
  background: #e8eeec;
  color: #879499;
  cursor: default;
}
.itm-jobs-list .itm-jobs-list__open-application {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding: 24px;
  border-radius: 21px;
  background: linear-gradient(135deg, #17343e, #264653 58%, #1d625e);
}
.itm-jobs-list .itm-jobs-list__open-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-jobs-list .itm-jobs-list__open-content > span {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 22px;
}
.itm-jobs-list .itm-jobs-list__open-content strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.itm-jobs-list .itm-jobs-list__open-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  line-height: 1.9;
}
.itm-jobs-list .itm-jobs-list__open-application > a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 21px;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 991px) {
  .itm-jobs-hero {
    min-height: auto;
  }
  .itm-jobs-hero .itm-jobs-hero__content {
    text-align: center;
  }
  .itm-jobs-hero .itm-jobs-hero__breadcrumb,
  .itm-jobs-hero .itm-jobs-hero__actions {
    justify-content: center;
  }
  .itm-jobs-hero .itm-jobs-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-jobs-hero .itm-jobs-hero__visual {
    margin-top: 30px;
  }
  .itm-jobs-list {
    padding: 85px 0;
  }
  .itm-jobs-list .itm-jobs-list__culture {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .itm-jobs-hero .itm-jobs-hero__title {
    font-size: 36px;
  }
  .itm-jobs-hero .itm-jobs-hero__actions {
    flex-direction: column;
  }
  .itm-jobs-hero .itm-jobs-hero__primary-btn,
  .itm-jobs-hero .itm-jobs-hero__secondary-btn {
    width: 100%;
  }
  .itm-jobs-hero .itm-jobs-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-jobs-hero .itm-jobs-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-jobs-hero .itm-jobs-hero__floating {
    min-width: 140px;
    padding: 9px;
  }
  .itm-jobs-list {
    padding: 65px 0;
  }
  .itm-jobs-list .itm-jobs-list__title {
    font-size: 29px;
  }
  .itm-jobs-list .itm-jobs-list__results-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-jobs-list .itm-jobs-list__card {
    grid-template-columns: 55px minmax(0, 1fr);
  }
  .itm-jobs-list .itm-jobs-list__card-icon {
    width: 55px;
    height: 55px;
    font-size: 20px;
  }
  .itm-jobs-list .itm-jobs-list__apply {
    grid-column: 1 / -1;
    width: 100%;
  }
  .itm-jobs-list .itm-jobs-list__card-top {
    flex-direction: column;
  }
  .itm-jobs-list .itm-jobs-list__open-application {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-jobs-list .itm-jobs-list__open-application > a {
    width: 100%;
  }
}
.itm-lab-hero {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    #17343e 0%,
    #264653 42%,
    #1d5a59 72%,
    #174b50 100%
  );
  font-family: "Vazirmatn", sans-serif;
}
.itm-lab-hero .itm-lab-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-lab-hero .itm-lab-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000000 15%,
    #000000 85%,
    transparent 100%
  );
}
.itm-lab-hero .itm-lab-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
}
.itm-lab-hero .itm-lab-hero__glow--one {
  top: -190px;
  right: -170px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-lab-hero .itm-lab-hero__glow--two {
  bottom: -260px;
  left: -140px;
  width: 620px;
  height: 620px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-lab-hero .itm-lab-hero__particle {
  position: absolute;
  border: 1px solid rgba(233, 196, 106, 0.28);
  border-radius: 50%;
}
.itm-lab-hero .itm-lab-hero__particle--one {
  top: 110px;
  left: 10%;
  width: 14px;
  height: 14px;
}
.itm-lab-hero .itm-lab-hero__particle--two {
  right: 47%;
  bottom: 130px;
  width: 9px;
  height: 9px;
  background: #2a9d8f;
  border: 0;
  box-shadow: 0 0 25px rgba(42, 157, 143, 0.8);
}
.itm-lab-hero .itm-lab-hero__particle--three {
  top: 22%;
  right: 43%;
  width: 18px;
  height: 18px;
}
.itm-lab-hero .itm-lab-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 75px;
  padding-bottom: 95px;
}
.itm-lab-hero .itm-lab-hero__content {
  max-width: 760px;
}
.itm-lab-hero .itm-lab-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
}
.itm-lab-hero .itm-lab-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.25s ease;
}
.itm-lab-hero .itm-lab-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-lab-hero .itm-lab-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 11px;
}
.itm-lab-hero .itm-lab-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 18px;
  margin-bottom: 21px;
  border: 1px solid rgba(233, 196, 106, 0.35);
  border-radius: 50px;
  background: rgba(233, 196, 106, 0.1);
  color: #f1d98f;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-lab-hero .itm-lab-hero__badge i {
  color: #e9c46a;
  font-size: 16px;
}
.itm-lab-hero .itm-lab-hero__title {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 61px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -1.4px;
}
.itm-lab-hero .itm-lab-hero__title span {
  position: relative;
  display: inline-block;
  color: #e9c46a;
}
.itm-lab-hero .itm-lab-hero__title span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 100%;
  height: 8px;
  border-radius: 20px;
  background: rgba(233, 196, 106, 0.16);
}
.itm-lab-hero .itm-lab-hero__lead {
  max-width: 700px;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
}
.itm-lab-hero .itm-lab-hero__description {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.63);
  font-size: 15px;
  line-height: 2;
}
.itm-lab-hero .itm-lab-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.itm-lab-hero .itm-lab-hero__primary-btn,
.itm-lab-hero .itm-lab-hero__secondary-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 24px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}
.itm-lab-hero .itm-lab-hero__primary-btn {
  background: #e9c46a;
  color: #264653;
  box-shadow: 0 14px 32px rgba(233, 196, 106, 0.22);
}
.itm-lab-hero .itm-lab-hero__primary-btn:hover {
  transform: translateY(-3px);
  background: #f1d98f;
  color: #264653;
  box-shadow: 0 18px 36px rgba(233, 196, 106, 0.3);
}
.itm-lab-hero .itm-lab-hero__secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.21);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.itm-lab-hero .itm-lab-hero__secondary-btn:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}
.itm-lab-hero .itm-lab-hero__stats {
  display: flex;
  align-items: stretch;
  gap: 13px;
  margin-top: 32px;
}
.itm-lab-hero .itm-lab-hero__stat {
  min-width: 125px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 13px 17px;
  border-right: 2px solid rgba(42, 157, 143, 0.65);
  background: rgba(255, 255, 255, 0.04);
}
.itm-lab-hero .itm-lab-hero__stat strong {
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
}
.itm-lab-hero .itm-lab-hero__stat span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}
.itm-lab-hero .itm-lab-hero__visual {
  position: relative;
  width: 440px;
  height: 440px;
  margin: 0 auto;
}
.itm-lab-hero .itm-lab-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-lab-hero .itm-lab-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.24);
  box-shadow:
    0 0 0 18px rgba(255, 255, 255, 0.015),
    0 0 80px rgba(42, 157, 143, 0.16);
}
.itm-lab-hero .itm-lab-hero__orbit--inner {
  inset: 76px;
  border: 1px dashed rgba(42, 157, 143, 0.52);
}
.itm-lab-hero .itm-lab-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 30%,
    rgba(255, 255, 255, 0.16),
    rgba(42, 157, 143, 0.18) 45%,
    rgba(23, 52, 62, 0.9) 100%
  );
  box-shadow:
    inset 0 0 40px rgba(255, 255, 255, 0.06),
    0 30px 70px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(14px);
}
.itm-lab-hero .itm-lab-hero__core-icon {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  border-radius: 23px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 34px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}
.itm-lab-hero .itm-lab-hero__core strong {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.itm-lab-hero .itm-lab-hero__core span {
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
  direction: ltr;
}
.itm-lab-hero .itm-lab-hero__floating-card {
  position: absolute;
  z-index: 5;
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(22, 55, 64, 0.76);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(16px);
}
.itm-lab-hero .itm-lab-hero__floating-card--analysis {
  top: 58px;
  right: -42px;
}
.itm-lab-hero .itm-lab-hero__floating-card--calculation {
  left: -42px;
  bottom: 95px;
}
.itm-lab-hero .itm-lab-hero__floating-card--standard {
  right: 15px;
  bottom: 9px;
}
.itm-lab-hero .itm-lab-hero__floating-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 17px;
}
.itm-lab-hero .itm-lab-hero__floating-card > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-lab-hero .itm-lab-hero__floating-card strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
.itm-lab-hero .itm-lab-hero__floating-card span {
  color: rgba(255, 255, 255, 0.47);
  font-size: 10px;
}
.itm-lab-hero .itm-lab-hero__data {
  position: absolute;
  z-index: 2;
  color: rgba(255, 255, 255, 0.15);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
.itm-lab-hero .itm-lab-hero__data--one {
  top: 19px;
  left: 84px;
}
.itm-lab-hero .itm-lab-hero__data--two {
  top: 210px;
  left: 8px;
}
.itm-lab-hero .itm-lab-hero__data--three {
  right: 0;
  bottom: 150px;
}
.itm-lab-hero .itm-lab-hero__bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
}
.itm-lab-hero .itm-lab-hero__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 22px 16px;
  border-radius: 18px 18px 0 0;
  background: #ffffff;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.itm-lab-hero .itm-lab-hero__scroll i {
  color: #2a9d8f;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .itm-lab-hero .itm-lab-hero__title {
    font-size: 52px;
  }
  .itm-lab-hero .itm-lab-hero__visual {
    width: 390px;
    height: 390px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card--analysis {
    right: -15px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card--calculation {
    left: -15px;
  }
}
@media (max-width: 991px) {
  .itm-lab-hero {
    min-height: auto;
  }
  .itm-lab-hero .itm-lab-hero__container {
    padding-top: 65px;
    padding-bottom: 120px;
  }
  .itm-lab-hero .itm-lab-hero__content {
    max-width: none;
    text-align: center;
  }
  .itm-lab-hero .itm-lab-hero__breadcrumb,
  .itm-lab-hero .itm-lab-hero__actions,
  .itm-lab-hero .itm-lab-hero__stats {
    justify-content: center;
  }
  .itm-lab-hero .itm-lab-hero__lead,
  .itm-lab-hero .itm-lab-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-lab-hero .itm-lab-hero__visual {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .itm-lab-hero .itm-lab-hero__container {
    padding-top: 50px;
    padding-bottom: 105px;
  }
  .itm-lab-hero .itm-lab-hero__badge {
    font-size: 11px;
    line-height: 1.8;
  }
  .itm-lab-hero .itm-lab-hero__title {
    font-size: 38px;
  }
  .itm-lab-hero .itm-lab-hero__lead {
    font-size: 16px;
  }
  .itm-lab-hero .itm-lab-hero__description {
    font-size: 13px;
  }
  .itm-lab-hero .itm-lab-hero__actions {
    flex-direction: column;
  }
  .itm-lab-hero .itm-lab-hero__primary-btn,
  .itm-lab-hero .itm-lab-hero__secondary-btn {
    width: 100%;
  }
  .itm-lab-hero .itm-lab-hero__stats {
    flex-wrap: wrap;
  }
  .itm-lab-hero .itm-lab-hero__stat {
    min-width: calc(50% - 7px);
  }
  .itm-lab-hero .itm-lab-hero__visual {
    width: 310px;
    height: 310px;
  }
  .itm-lab-hero .itm-lab-hero__core {
    width: 165px;
    height: 165px;
  }
  .itm-lab-hero .itm-lab-hero__core-icon {
    width: 60px;
    height: 60px;
    font-size: 27px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card {
    min-width: 145px;
    padding: 10px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card--analysis {
    top: 20px;
    right: -6px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card--calculation {
    bottom: 68px;
    left: -6px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card--standard {
    right: 18px;
    bottom: -6px;
  }
  .itm-lab-hero .itm-lab-hero__floating-icon {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 14px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card strong {
    font-size: 10px;
  }
  .itm-lab-hero .itm-lab-hero__floating-card span {
    font-size: 8px;
  }
}
.itm-lab-intro {
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-lab-intro::before {
  content: "";
  position: absolute;
  top: 90px;
  right: -130px;
  width: 330px;
  height: 330px;
  border: 55px solid rgba(42, 157, 143, 0.05);
  border-radius: 50%;
}
.itm-lab-intro::after {
  content: "";
  position: absolute;
  bottom: -140px;
  left: -100px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.08);
}
.itm-lab-intro .itm-lab-intro__content {
  position: relative;
  z-index: 3;
}
.itm-lab-intro .itm-lab-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-lab-intro .itm-lab-intro__eyebrow i {
  font-size: 17px;
}
.itm-lab-intro .itm-lab-intro__title {
  margin: 0 0 24px;
  color: #264653;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.55;
}
.itm-lab-intro .itm-lab-intro__title span {
  position: relative;
  display: inline-block;
  color: #2a9d8f;
}
.itm-lab-intro .itm-lab-intro__title span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 100%;
  height: 8px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.12);
}
.itm-lab-intro .itm-lab-intro__text {
  margin: 0 0 17px;
  color: #66767c;
  font-size: 15px;
  line-height: 2.15;
  text-align: justify;
}
.itm-lab-intro .itm-lab-intro__highlight {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-top: 25px;
  padding: 20px 22px;
  border-right: 4px solid #e9c46a;
  border-radius: 16px;
  background: #fffaf0;
}
.itm-lab-intro .itm-lab-intro__highlight-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 19px;
}
.itm-lab-intro .itm-lab-intro__highlight p {
  margin: 0;
  color: #5e6d72;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
}
.itm-lab-intro .itm-lab-intro__features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
  margin-top: 27px;
}
.itm-lab-intro .itm-lab-intro__feature {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #43565d;
  font-size: 13px;
  font-weight: 700;
}
.itm-lab-intro .itm-lab-intro__feature i {
  color: #2a9d8f;
  font-size: 17px;
}
.itm-lab-intro .itm-lab-intro__visual {
  position: relative;
  min-height: 560px;
  padding: 45px 34px;
  overflow: hidden;
  border-radius: 34px;
  background: linear-gradient(145deg, #17343e 0%, #264653 55%, #1d5a59 100%);
  box-shadow: 0 28px 70px rgba(38, 70, 83, 0.18);
}
.itm-lab-intro .itm-lab-intro__visual-grid {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 36px 36px;
}
.itm-lab-intro .itm-lab-intro__visual::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -80px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.12);
  filter: blur(8px);
}
.itm-lab-intro .itm-lab-intro__visual::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -100px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.18);
  filter: blur(8px);
}
.itm-lab-intro .itm-lab-intro__dashboard {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}
.itm-lab-intro .itm-lab-intro__dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.itm-lab-intro .itm-lab-intro__dashboard-title {
  display: flex;
  align-items: center;
  gap: 11px;
}
.itm-lab-intro .itm-lab-intro__dashboard-logo {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 19px;
}
.itm-lab-intro .itm-lab-intro__dashboard-title > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-lab-intro .itm-lab-intro__dashboard-title strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  direction: ltr;
}
.itm-lab-intro .itm-lab-intro__dashboard-title span {
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
}
.itm-lab-intro .itm-lab-intro__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.16);
  color: #76d9ce;
  font-size: 10px;
  font-weight: 700;
}
.itm-lab-intro .itm-lab-intro__status i {
  font-size: 7px;
}
.itm-lab-intro .itm-lab-intro__dashboard-body {
  padding: 20px;
}
.itm-lab-intro .itm-lab-intro__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.itm-lab-intro .itm-lab-intro__metric {
  padding: 13px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
}
.itm-lab-intro .itm-lab-intro__metric > span {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
  direction: ltr;
}
.itm-lab-intro .itm-lab-intro__metric strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  direction: ltr;
}
.itm-lab-intro .itm-lab-intro__progress {
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
}
.itm-lab-intro .itm-lab-intro__progress span {
  display: block;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
}
.itm-lab-intro .itm-lab-intro__chart {
  display: flex;
  gap: 11px;
  height: 200px;
  margin-top: 17px;
  padding: 15px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-lab-intro .itm-lab-intro__chart-labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 10px;
  color: rgba(255, 255, 255, 0.32);
  font-size: 8px;
  direction: ltr;
}
.itm-lab-intro .itm-lab-intro__chart-area {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.itm-lab-intro .itm-lab-intro__chart-line {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
}
.itm-lab-intro .itm-lab-intro__chart-line--one {
  top: 0;
}
.itm-lab-intro .itm-lab-intro__chart-line--two {
  top: 33%;
}
.itm-lab-intro .itm-lab-intro__chart-line--three {
  top: 66%;
}
.itm-lab-intro .itm-lab-intro__chart-line--four {
  bottom: 0;
}
.itm-lab-intro .itm-lab-intro__bars {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  gap: 9px;
  padding: 0 10px;
}
.itm-lab-intro .itm-lab-intro__bars span {
  width: 22px;
  display: block;
  border-radius: 7px 7px 2px 2px;
  background: linear-gradient(180deg, #e9c46a 0%, #2a9d8f 100%);
  box-shadow: 0 8px 20px rgba(42, 157, 143, 0.2);
}
.itm-lab-intro .itm-lab-intro__result {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 17px;
  padding: 13px 15px;
  border: 1px solid rgba(42, 157, 143, 0.22);
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
}
.itm-lab-intro .itm-lab-intro__result-icon {
  width: 37px;
  height: 37px;
  flex: 0 0 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 14px;
}
.itm-lab-intro .itm-lab-intro__result > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-lab-intro .itm-lab-intro__result strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-intro .itm-lab-intro__result span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 9px;
}
.itm-lab-intro .itm-lab-intro__floating {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(23, 52, 62, 0.82);
  box-shadow: 0 17px 35px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}
.itm-lab-intro .itm-lab-intro__floating--accuracy {
  top: 155px;
  right: 7px;
}
.itm-lab-intro .itm-lab-intro__floating--speed {
  bottom: 65px;
  left: 5px;
}
.itm-lab-intro .itm-lab-intro__floating > i {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 16px;
}
.itm-lab-intro .itm-lab-intro__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-lab-intro .itm-lab-intro__floating strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-intro .itm-lab-intro__floating span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 9px;
}
@media (max-width: 991px) {
  .itm-lab-intro {
    padding: 85px 0;
  }
  .itm-lab-intro .itm-lab-intro__title {
    font-size: 37px;
  }
  .itm-lab-intro .itm-lab-intro__visual {
    max-width: 620px;
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  .itm-lab-intro {
    padding: 65px 0;
  }
  .itm-lab-intro .itm-lab-intro__title {
    font-size: 30px;
  }
  .itm-lab-intro .itm-lab-intro__text {
    font-size: 14px;
  }
  .itm-lab-intro .itm-lab-intro__features {
    grid-template-columns: 1fr;
  }
  .itm-lab-intro .itm-lab-intro__visual {
    min-height: 500px;
    padding: 30px 17px;
    border-radius: 24px;
  }
  .itm-lab-intro .itm-lab-intro__dashboard-header {
    align-items: flex-start;
    gap: 10px;
  }
  .itm-lab-intro .itm-lab-intro__status {
    padding: 6px 8px;
  }
  .itm-lab-intro .itm-lab-intro__dashboard-body {
    padding: 14px;
  }
  .itm-lab-intro .itm-lab-intro__metrics {
    grid-template-columns: 1fr;
  }
  .itm-lab-intro .itm-lab-intro__chart {
    height: 165px;
  }
  .itm-lab-intro .itm-lab-intro__floating {
    display: none;
  }
}
.itm-lab-tools {
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f8f7 0%, #ffffff 48%, #f7faf9 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-lab-tools::before {
  content: "";
  position: absolute;
  top: 150px;
  right: -170px;
  width: 420px;
  height: 420px;
  border: 65px solid rgba(42, 157, 143, 0.045);
  border-radius: 50%;
}
.itm-lab-tools::after {
  content: "";
  position: absolute;
  bottom: 180px;
  left: -160px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.07);
}
.itm-lab-tools .itm-lab-tools__heading {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto 70px;
  text-align: center;
}
.itm-lab-tools .itm-lab-tools__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 14px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__eyebrow i {
  font-size: 17px;
}
.itm-lab-tools .itm-lab-tools__title {
  margin: 0 0 16px;
  color: #264653;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.55;
}
.itm-lab-tools .itm-lab-tools__description {
  max-width: 690px;
  margin: 0 auto;
  color: #708087;
  font-size: 15px;
  line-height: 2;
}
.itm-lab-tools .itm-lab-tools__summary {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
  padding: 14px 26px;
  border: 1px solid #e1eae7;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(38, 70, 83, 0.07);
}
.itm-lab-tools .itm-lab-tools__summary-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.itm-lab-tools .itm-lab-tools__summary-item strong {
  color: #2a9d8f;
  font-size: 20px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__summary-item span {
  color: #617278;
  font-size: 12px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__summary-divider {
  width: 1px;
  height: 28px;
  background: #e4ebe9;
}
.itm-lab-tools .itm-lab-tools__category {
  position: relative;
  z-index: 2;
  margin-bottom: 75px;
}
.itm-lab-tools .itm-lab-tools__category:last-child {
  margin-bottom: 0;
}
.itm-lab-tools .itm-lab-tools__category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
  padding: 24px 28px;
  overflow: hidden;
  border-radius: 22px;
  color: #ffffff;
}
.itm-lab-tools
  .itm-lab-tools__category--quality
  .itm-lab-tools__category-header {
  background: linear-gradient(135deg, #17343e, #264653);
}
.itm-lab-tools
  .itm-lab-tools__category--calculation
  .itm-lab-tools__category-header {
  background: linear-gradient(135deg, #1d6964, #2a9d8f);
}
.itm-lab-tools
  .itm-lab-tools__category--dyeing
  .itm-lab-tools__category-header {
  background: linear-gradient(135deg, #735d24, #b88b27);
}
.itm-lab-tools .itm-lab-tools__category-identity {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-lab-tools .itm-lab-tools__category-icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 25px;
}
.itm-lab-tools .itm-lab-tools__category-identity span {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__category-identity h3 {
  margin: 0;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__category-count {
  min-width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.09);
}
.itm-lab-tools .itm-lab-tools__category-count strong {
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__category-count span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
}
.itm-lab-tools .itm-lab-tools__card {
  position: relative;
  height: 100%;
  min-height: 305px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  overflow: hidden;
  border: 1px solid #e3ebe9;
  border-radius: 23px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 15px 42px rgba(38, 70, 83, 0.065);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-lab-tools .itm-lab-tools__card:hover {
  transform: translateY(-7px);
  border-color: rgba(42, 157, 143, 0.38);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 25px 55px rgba(38, 70, 83, 0.13);
}
.itm-lab-tools .itm-lab-tools__card::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -80px;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.055);
  transition: transform 0.4s ease;
}
.itm-lab-tools .itm-lab-tools__card:hover::before {
  transform: scale(1.25);
}
.itm-lab-tools .itm-lab-tools__card--coming {
  opacity: 0.82;
  cursor: default;
}
.itm-lab-tools .itm-lab-tools__card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.itm-lab-tools .itm-lab-tools__number {
  color: rgba(38, 70, 83, 0.12);
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
}
.itm-lab-tools .itm-lab-tools__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.1);
  color: #25877d;
  font-size: 10px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__status i {
  font-size: 6px;
}
.itm-lab-tools .itm-lab-tools__status--coming {
  background: rgba(233, 196, 106, 0.16);
  color: #b28319;
}
.itm-lab-tools .itm-lab-tools__status--coming i {
  font-size: 11px;
}
.itm-lab-tools .itm-lab-tools__card-main {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 17px;
}
.itm-lab-tools .itm-lab-tools__card-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.15),
    rgba(233, 196, 106, 0.14)
  );
  color: #2a9d8f;
  font-size: 23px;
}
.itm-lab-tools .itm-lab-tools__card-content {
  flex: 1;
}
.itm-lab-tools .itm-lab-tools__card-content h4 {
  margin: 0 0 5px;
  color: #264653;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-lab-tools .itm-lab-tools__english {
  display: block;
  margin-bottom: 11px;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 700;
  direction: ltr;
  text-align: right;
}
.itm-lab-tools .itm-lab-tools__card-content p {
  margin: 0;
  color: #718087;
  font-size: 12px;
  line-height: 2;
}
.itm-lab-tools .itm-lab-tools__card-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid #edf1f0;
}
.itm-lab-tools .itm-lab-tools__card-footer span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #849197;
  font-size: 10px;
}
.itm-lab-tools .itm-lab-tools__card-footer strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-tools .itm-lab-tools__card-footer strong i {
  transition: transform 0.3s ease;
}
.itm-lab-tools .itm-lab-tools__card:hover .itm-lab-tools__card-footer strong i {
  transform: translateX(-4px);
}
.itm-lab-tools .itm-lab-tools__card--coming .itm-lab-tools__card-footer strong {
  color: #b28319;
}
@media (max-width: 991px) {
  .itm-lab-tools {
    padding: 85px 0;
  }
  .itm-lab-tools .itm-lab-tools__title {
    font-size: 36px;
  }
  .itm-lab-tools .itm-lab-tools__category {
    margin-bottom: 55px;
  }
}
@media (max-width: 767px) {
  .itm-lab-tools {
    padding: 65px 0;
  }
  .itm-lab-tools .itm-lab-tools__heading {
    margin-bottom: 45px;
  }
  .itm-lab-tools .itm-lab-tools__title {
    font-size: 30px;
  }
  .itm-lab-tools .itm-lab-tools__summary {
    width: 100%;
    gap: 10px;
    padding: 13px 10px;
  }
  .itm-lab-tools .itm-lab-tools__summary-item {
    flex: 1;
    flex-direction: column;
    gap: 1px;
  }
  .itm-lab-tools .itm-lab-tools__summary-item strong {
    font-size: 17px;
  }
  .itm-lab-tools .itm-lab-tools__summary-item span {
    font-size: 9px;
  }
  .itm-lab-tools .itm-lab-tools__category-header {
    align-items: flex-start;
    padding: 20px;
  }
  .itm-lab-tools .itm-lab-tools__category-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 16px;
    font-size: 20px;
  }
  .itm-lab-tools .itm-lab-tools__category-identity h3 {
    font-size: 17px;
    line-height: 1.8;
  }
  .itm-lab-tools .itm-lab-tools__category-count {
    min-width: 67px;
    padding: 8px;
  }
  .itm-lab-tools .itm-lab-tools__category-count strong {
    font-size: 19px;
  }
  .itm-lab-tools .itm-lab-tools__category-count span {
    font-size: 8px;
  }
  .itm-lab-tools .itm-lab-tools__card {
    min-height: 0;
    padding: 21px;
    border-radius: 20px;
  }
  .itm-lab-tools .itm-lab-tools__card-main {
    gap: 13px;
  }
  .itm-lab-tools .itm-lab-tools__card-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 16px;
    font-size: 20px;
  }
  .itm-lab-tools .itm-lab-tools__card-content h4 {
    font-size: 16px;
  }
}
.itm-lab-advantages {
  position: relative;
  padding: 115px 0;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #1d414b 48%, #174c4f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-lab-advantages .itm-lab-advantages__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-lab-advantages .itm-lab-advantages__grid {
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 52px 52px;
}
.itm-lab-advantages .itm-lab-advantages__shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(4px);
}
.itm-lab-advantages .itm-lab-advantages__shape--one {
  top: -180px;
  right: -120px;
  width: 480px;
  height: 480px;
  background: rgba(42, 157, 143, 0.16);
}
.itm-lab-advantages .itm-lab-advantages__shape--two {
  bottom: -220px;
  left: -140px;
  width: 520px;
  height: 520px;
  background: rgba(233, 196, 106, 0.1);
}
.itm-lab-advantages .itm-lab-advantages__heading {
  position: relative;
  z-index: 2;
  max-width: 810px;
  margin: 0 auto 70px;
  text-align: center;
}
.itm-lab-advantages .itm-lab-advantages__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: #e9c46a;
  font-size: 14px;
  font-weight: 700;
}
.itm-lab-advantages .itm-lab-advantages__eyebrow i {
  font-size: 16px;
}
.itm-lab-advantages .itm-lab-advantages__title {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.55;
}
.itm-lab-advantages .itm-lab-advantages__description {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 2;
}
.itm-lab-advantages .itm-lab-advantages__layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
}
.itm-lab-advantages .itm-lab-advantages__side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.itm-lab-advantages .itm-lab-advantages__item {
  position: relative;
  min-height: 235px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.065);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(14px);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    border-color 0.35s ease;
}
.itm-lab-advantages .itm-lab-advantages__item:hover {
  transform: translateY(-6px);
  border-color: rgba(233, 196, 106, 0.26);
  background: rgba(255, 255, 255, 0.095);
}
.itm-lab-advantages .itm-lab-advantages__item::before {
  content: "";
  position: absolute;
  top: -55px;
  left: -55px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.1);
}
.itm-lab-advantages .itm-lab-advantages__item-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 17px;
}
.itm-lab-advantages .itm-lab-advantages__number {
  color: rgba(255, 255, 255, 0.13);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}
.itm-lab-advantages .itm-lab-advantages__icon {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 17px;
  background: rgba(233, 196, 106, 0.11);
  color: #e9c46a;
  font-size: 21px;
}
.itm-lab-advantages .itm-lab-advantages__item h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-lab-advantages .itm-lab-advantages__item p {
  position: relative;
  z-index: 2;
  min-height: 76px;
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  line-height: 2;
}
.itm-lab-advantages .itm-lab-advantages__tags {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 15px;
}
.itm-lab-advantages .itm-lab-advantages__tags span {
  padding: 6px 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.065);
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 700;
}
.itm-lab-advantages .itm-lab-advantages__center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itm-lab-advantages .itm-lab-advantages__core {
  position: relative;
  width: 360px;
  height: 360px;
}
.itm-lab-advantages .itm-lab-advantages__ring {
  position: absolute;
  border-radius: 50%;
}
.itm-lab-advantages .itm-lab-advantages__ring--outer {
  inset: 0;
  border: 1px solid rgba(233, 196, 106, 0.2);
  box-shadow: 0 0 70px rgba(42, 157, 143, 0.18);
}
.itm-lab-advantages .itm-lab-advantages__ring--middle {
  inset: 42px;
  border: 1px dashed rgba(42, 157, 143, 0.4);
}
.itm-lab-advantages .itm-lab-advantages__ring--inner {
  inset: 82px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.14),
    rgba(42, 157, 143, 0.12) 45%,
    rgba(19, 47, 56, 0.9) 100%
  );
  box-shadow:
    inset 0 0 35px rgba(255, 255, 255, 0.04),
    0 25px 60px rgba(0, 0, 0, 0.22);
}
.itm-lab-advantages .itm-lab-advantages__core-content {
  position: absolute;
  inset: 82px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
}
.itm-lab-advantages .itm-lab-advantages__core-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  border-radius: 23px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 31px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.22);
}
.itm-lab-advantages .itm-lab-advantages__core-content > span {
  color: #e9c46a;
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-advantages .itm-lab-advantages__core-content strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-lab-advantages .itm-lab-advantages__core-content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.46);
  font-size: 9px;
  line-height: 1.8;
}
.itm-lab-advantages .itm-lab-advantages__orbit-point {
  position: absolute;
  z-index: 4;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: #1e4650;
  color: #e9c46a;
  font-size: 16px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}
.itm-lab-advantages .itm-lab-advantages__orbit-point--one {
  top: 17px;
  right: 74px;
}
.itm-lab-advantages .itm-lab-advantages__orbit-point--two {
  top: 125px;
  left: -5px;
}
.itm-lab-advantages .itm-lab-advantages__orbit-point--three {
  right: -5px;
  bottom: 105px;
}
.itm-lab-advantages .itm-lab-advantages__orbit-point--four {
  right: 95px;
  bottom: 8px;
}
.itm-lab-advantages .itm-lab-advantages__center-stats {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 22px;
}
.itm-lab-advantages .itm-lab-advantages__center-stats div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 13px 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-lab-advantages .itm-lab-advantages__center-stats strong {
  color: #e9c46a;
  font-size: 18px;
  font-weight: 700;
}
.itm-lab-advantages .itm-lab-advantages__center-stats span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 8px;
}
.itm-lab-advantages .itm-lab-advantages__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 65px;
  padding: 24px 26px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(14px);
}
.itm-lab-advantages .itm-lab-advantages__footer-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #e9c46a;
  color: #264653;
  font-size: 24px;
}
.itm-lab-advantages .itm-lab-advantages__footer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.itm-lab-advantages .itm-lab-advantages__footer-content span {
  color: #e9c46a;
  font-size: 11px;
  font-weight: 700;
}
.itm-lab-advantages .itm-lab-advantages__footer-content strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-lab-advantages .itm-lab-advantages__footer-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 21px;
  border-radius: 13px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-lab-advantages .itm-lab-advantages__footer-link:hover {
  transform: translateY(-3px);
  background: #23887f;
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(42, 157, 143, 0.25);
}
@media (max-width: 1199px) {
  .itm-lab-advantages .itm-lab-advantages__layout {
    grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr);
    gap: 18px;
  }
  .itm-lab-advantages .itm-lab-advantages__core {
    width: 310px;
    height: 310px;
  }
  .itm-lab-advantages .itm-lab-advantages__core-content {
    inset: 70px;
  }
  .itm-lab-advantages .itm-lab-advantages__ring--inner {
    inset: 70px;
  }
}
@media (max-width: 991px) {
  .itm-lab-advantages {
    padding: 85px 0;
  }
  .itm-lab-advantages .itm-lab-advantages__title {
    font-size: 36px;
  }
  .itm-lab-advantages .itm-lab-advantages__layout {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
  .itm-lab-advantages .itm-lab-advantages__center {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 25px;
  }
  .itm-lab-advantages .itm-lab-advantages__center-stats {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  .itm-lab-advantages {
    padding: 65px 0;
  }
  .itm-lab-advantages .itm-lab-advantages__heading {
    margin-bottom: 45px;
  }
  .itm-lab-advantages .itm-lab-advantages__title {
    font-size: 29px;
  }
  .itm-lab-advantages .itm-lab-advantages__description {
    font-size: 13px;
  }
  .itm-lab-advantages .itm-lab-advantages__layout {
    display: flex;
    flex-direction: column;
  }
  .itm-lab-advantages .itm-lab-advantages__center {
    order: -1;
  }
  .itm-lab-advantages .itm-lab-advantages__core {
    width: 285px;
    height: 285px;
  }
  .itm-lab-advantages .itm-lab-advantages__ring--middle {
    inset: 34px;
  }
  .itm-lab-advantages .itm-lab-advantages__ring--inner {
    inset: 65px;
  }
  .itm-lab-advantages .itm-lab-advantages__core-content {
    inset: 65px;
  }
  .itm-lab-advantages .itm-lab-advantages__core-icon {
    width: 59px;
    height: 59px;
    font-size: 25px;
  }
  .itm-lab-advantages .itm-lab-advantages__orbit-point {
    width: 39px;
    height: 39px;
    border-radius: 12px;
    font-size: 14px;
  }
  .itm-lab-advantages .itm-lab-advantages__item {
    min-height: 0;
    padding: 21px;
  }
  .itm-lab-advantages .itm-lab-advantages__item p {
    min-height: 0;
  }
  .itm-lab-advantages .itm-lab-advantages__footer {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .itm-lab-advantages .itm-lab-advantages__footer-icon {
    margin: 0 auto;
  }
  .itm-lab-advantages .itm-lab-advantages__footer-link {
    width: 100%;
  }
}
.itm-order-guide-hero {
  position: relative;
  min-height: 570px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-order-guide-hero .itm-order-guide-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-order-guide-hero .itm-order-guide-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-order-guide-hero .itm-order-guide-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-order-guide-hero .itm-order-guide-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-order-guide-hero .itm-order-guide-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-order-guide-hero .itm-order-guide-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 75px;
  padding-bottom: 105px;
}
.itm-order-guide-hero .itm-order-guide-hero__content {
  max-width: 710px;
}
.itm-order-guide-hero .itm-order-guide-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-order-guide-hero .itm-order-guide-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-order-guide-hero .itm-order-guide-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-order-guide-hero .itm-order-guide-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-order-guide-hero .itm-order-guide-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-hero .itm-order-guide-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-order-guide-hero .itm-order-guide-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-order-guide-hero .itm-order-guide-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-order-guide-hero .itm-order-guide-hero__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 27px;
  padding: 11px 22px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-order-guide-hero .itm-order-guide-hero__button:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-order-guide-hero .itm-order-guide-hero__visual {
  position: relative;
  width: 380px;
  height: 380px;
  margin: 0 auto;
}
.itm-order-guide-hero .itm-order-guide-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-order-guide-hero .itm-order-guide-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-order-guide-hero .itm-order-guide-hero__orbit--inner {
  inset: 64px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-order-guide-hero .itm-order-guide-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 188px;
  height: 188px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-order-guide-hero .itm-order-guide-hero__core-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 21px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 27px;
}
.itm-order-guide-hero .itm-order-guide-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-order-guide-hero .itm-order-guide-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-order-guide-hero .itm-order-guide-hero__step {
  position: absolute;
  z-index: 4;
  min-width: 135px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(18, 49, 58, 0.82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}
.itm-order-guide-hero .itm-order-guide-hero__step > span {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 13px;
  font-weight: 700;
}
.itm-order-guide-hero .itm-order-guide-hero__step strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-order-guide-hero .itm-order-guide-hero__step--one {
  top: 40px;
  right: -5px;
}
.itm-order-guide-hero .itm-order-guide-hero__step--two {
  bottom: 62px;
  left: -18px;
}
.itm-order-guide-hero .itm-order-guide-hero__step--three {
  right: 15px;
  bottom: -2px;
}
.itm-order-guide-hero .itm-order-guide-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-order-guide-tabs {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-order-guide-tabs::before {
  content: "";
  position: absolute;
  top: 180px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-order-guide-tabs .itm-order-guide-tabs__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}
.itm-order-guide-tabs .itm-order-guide-tabs__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__title {
  margin: 0 0 13px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-order-guide-tabs .itm-order-guide-tabs__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-order-guide-tabs .itm-order-guide-tabs__main {
  position: relative;
  z-index: 2;
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav {
  margin-bottom: 25px;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid #e2ebe8;
  border-radius: 23px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(38, 70, 83, 0.07);
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav-list {
  min-width: 720px;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav-list .nav-item {
  flex: 1 1 0;
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav-list .nav-link {
  position: relative;
  width: 100%;
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: #f7faf9;
  color: #52666d;
  text-align: right;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav-list .nav-link:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.25);
  background: #ffffff;
  color: #264653;
}
.itm-order-guide-tabs .itm-order-guide-tabs__nav-list .nav-link.active {
  border-color: rgba(42, 157, 143, 0.2);
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(38, 70, 83, 0.18);
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-number {
  position: absolute;
  top: 8px;
  left: 11px;
  color: rgba(38, 70, 83, 0.1);
  font-size: 24px;
  font-weight: 700;
}
.itm-order-guide-tabs .nav-link.active .itm-order-guide-tabs__tab-number {
  color: rgba(255, 255, 255, 0.14);
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-order-guide-tabs .nav-link.active .itm-order-guide-tabs__tab-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #e9c46a;
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-content small {
  color: #8b999e;
  font-size: 8px;
}
.itm-order-guide-tabs
  .nav-link.active
  .itm-order-guide-tabs__tab-content
  small {
  color: rgba(255, 255, 255, 0.55);
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-content strong {
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__tab-arrow {
  color: #a5b0b4;
  font-size: 12px;
}
.itm-order-guide-tabs .nav-link.active .itm-order-guide-tabs__tab-arrow {
  color: #e9c46a;
}
.itm-order-guide-tabs .itm-order-guide-tabs__content {
  overflow: hidden;
  border: 1px solid #e1ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(38, 70, 83, 0.09);
}
.itm-order-guide-tabs .itm-order-guide-tabs__panel {
  padding: 38px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 25px;
  background: #17343e;
  box-shadow: 0 24px 55px rgba(38, 70, 83, 0.16);
}
.itm-order-guide-tabs .itm-order-guide-tabs__image {
  width: 100%;
  height: 500px;
  display: block;
  object-fit: cover;
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(19, 47, 56, 0.03),
    rgba(19, 47, 56, 0.58)
  );
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-badge {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(23, 52, 62, 0.82);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  backdrop-filter: blur(12px);
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-badge i {
  color: #e9c46a;
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-step {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
  width: 68px;
  height: 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: #e9c46a;
  color: #264653;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-step span {
  font-size: 8px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__visual-step strong {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}
.itm-order-guide-tabs .itm-order-guide-tabs__panel-content {
  padding: 10px 0;
}
.itm-order-guide-tabs .itm-order-guide-tabs__panel-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__panel-content > h3 {
  margin: 0 0 16px;
  color: #264653;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-order-guide-tabs .itm-order-guide-tabs__panel-content > p {
  margin: 0 0 23px;
  color: #6e7e84;
  font-size: 13px;
  line-height: 2.1;
  text-align: justify;
}
.itm-order-guide-tabs .itm-order-guide-tabs__method {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 13px;
  padding: 16px;
  border: 1px solid #e5ecea;
  border-radius: 17px;
  background: #f8fbfa;
}
.itm-order-guide-tabs .itm-order-guide-tabs__method > span {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__method strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__method p {
  margin: 0;
  color: #78878c;
  font-size: 10px;
  line-height: 2;
}
.itm-order-guide-tabs .itm-order-guide-tabs__features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 17px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__features span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.09);
  color: #287f77;
  font-size: 9px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__note {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-top: 20px;
  padding: 16px;
  border-right: 4px solid #e9c46a;
  border-radius: 15px;
  background: #fffaf0;
}
.itm-order-guide-tabs .itm-order-guide-tabs__note > i {
  margin-top: 3px;
  color: #c9951c;
  font-size: 18px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__note p {
  margin: 0;
  color: #6e6756;
  font-size: 10px;
  line-height: 2;
}
.itm-order-guide-tabs .itm-order-guide-tabs__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__step-item {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 16px;
  border: 1px solid #e5ecea;
  border-radius: 17px;
  background: #f8fbfa;
}
.itm-order-guide-tabs .itm-order-guide-tabs__step-item > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #264653;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__step-item strong {
  display: block;
  margin-bottom: 3px;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__step-item p {
  margin: 0;
  color: #7a898e;
  font-size: 10px;
  line-height: 1.9;
}
.itm-order-guide-tabs .itm-order-guide-tabs__final-card {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  margin-bottom: 13px;
  padding: 17px;
  border: 1px solid #e4ebe9;
  border-radius: 18px;
  background: #f8fbfa;
}
.itm-order-guide-tabs .itm-order-guide-tabs__final-number {
  position: absolute;
  top: 9px;
  left: 13px;
  color: rgba(38, 70, 83, 0.1);
  font-size: 25px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__final-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__final-card strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__final-card p {
  margin: 0;
  color: #77878c;
  font-size: 10px;
  line-height: 1.9;
}
.itm-order-guide-tabs .itm-order-guide-tabs__success {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 20px;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, #17343e, #264653 60%, #1d625e);
}
.itm-order-guide-tabs .itm-order-guide-tabs__success > span {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 18px;
}
.itm-order-guide-tabs .itm-order-guide-tabs__success strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
.itm-order-guide-tabs .itm-order-guide-tabs__success p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  line-height: 1.9;
}
@media (max-width: 991px) {
  .itm-order-guide-hero {
    min-height: auto;
  }
  .itm-order-guide-hero .itm-order-guide-hero__content {
    text-align: center;
  }
  .itm-order-guide-hero .itm-order-guide-hero__breadcrumb {
    justify-content: center;
  }
  .itm-order-guide-hero .itm-order-guide-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-order-guide-hero .itm-order-guide-hero__visual {
    margin-top: 30px;
  }
  .itm-order-guide-tabs {
    padding: 85px 0;
  }
  .itm-order-guide-tabs .itm-order-guide-tabs__visual {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .itm-order-guide-hero .itm-order-guide-hero__title {
    font-size: 35px;
  }
  .itm-order-guide-hero .itm-order-guide-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-order-guide-hero .itm-order-guide-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-order-guide-hero .itm-order-guide-hero__step {
    min-width: 110px;
    padding: 8px;
  }
  .itm-order-guide-tabs {
    padding: 65px 0;
  }
  .itm-order-guide-tabs .itm-order-guide-tabs__title {
    font-size: 29px;
  }
  .itm-order-guide-tabs .itm-order-guide-tabs__panel {
    padding: 20px;
  }
  .itm-order-guide-tabs .itm-order-guide-tabs__visual,
  .itm-order-guide-tabs .itm-order-guide-tabs__image {
    min-height: 320px;
    height: 320px;
  }
  .itm-order-guide-tabs .itm-order-guide-tabs__panel-content > h3 {
    font-size: 23px;
  }
}
.itm-payment-hero {
  position: relative;
  min-height: 570px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-payment-hero .itm-payment-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-payment-hero .itm-payment-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-payment-hero .itm-payment-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-payment-hero .itm-payment-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-payment-hero .itm-payment-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-payment-hero .itm-payment-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 75px;
  padding-bottom: 105px;
}
.itm-payment-hero .itm-payment-hero__content {
  max-width: 710px;
}
.itm-payment-hero .itm-payment-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-payment-hero .itm-payment-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-payment-hero .itm-payment-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-payment-hero .itm-payment-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-payment-hero .itm-payment-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-hero .itm-payment-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-payment-hero .itm-payment-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-payment-hero .itm-payment-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-payment-hero .itm-payment-hero__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 27px;
  padding: 11px 22px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-payment-hero .itm-payment-hero__button:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-payment-hero .itm-payment-hero__visual {
  position: relative;
  width: 380px;
  height: 380px;
  margin: 0 auto;
}
.itm-payment-hero .itm-payment-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-payment-hero .itm-payment-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-payment-hero .itm-payment-hero__orbit--inner {
  inset: 64px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-payment-hero .itm-payment-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 188px;
  height: 188px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-payment-hero .itm-payment-hero__core-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 21px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 27px;
}
.itm-payment-hero .itm-payment-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-payment-hero .itm-payment-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-payment-hero .itm-payment-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 160px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(18, 49, 58, 0.82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}
.itm-payment-hero .itm-payment-hero__floating > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-payment-hero .itm-payment-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-payment-hero .itm-payment-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-payment-hero .itm-payment-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-payment-hero .itm-payment-hero__floating--online {
  top: 38px;
  right: -12px;
}
.itm-payment-hero .itm-payment-hero__floating--card {
  bottom: 62px;
  left: -28px;
}
.itm-payment-hero .itm-payment-hero__floating--secure {
  right: 10px;
  bottom: -2px;
}
.itm-payment-hero .itm-payment-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-payment-methods {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-payment-methods::before {
  content: "";
  position: absolute;
  top: 170px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-payment-methods .itm-payment-methods__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}
.itm-payment-methods .itm-payment-methods__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__title {
  margin: 0 0 13px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-payment-methods .itm-payment-methods__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-payment-methods .itm-payment-methods__main {
  position: relative;
  z-index: 2;
}
.itm-payment-methods .itm-payment-methods__nav {
  max-width: 900px;
  margin: 0 auto 25px;
  padding: 8px;
  border: 1px solid #e2ebe8;
  border-radius: 23px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(38, 70, 83, 0.07);
}
.itm-payment-methods .itm-payment-methods__nav-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.itm-payment-methods .itm-payment-methods__nav-list .nav-item {
  flex: 1 1 0;
}
.itm-payment-methods .itm-payment-methods__nav-list .nav-link {
  width: 100%;
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: #f7faf9;
  color: #52666d;
  text-align: right;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-payment-methods .itm-payment-methods__nav-list .nav-link:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.25);
  background: #ffffff;
  color: #264653;
}
.itm-payment-methods .itm-payment-methods__nav-list .nav-link.active {
  border-color: rgba(42, 157, 143, 0.2);
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(38, 70, 83, 0.18);
}
.itm-payment-methods .itm-payment-methods__tab-icon {
  width: 49px;
  height: 49px;
  flex: 0 0 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 19px;
}
.itm-payment-methods .nav-link.active .itm-payment-methods__tab-icon {
  background: rgba(255, 255, 255, 0.14);
  color: #e9c46a;
}
.itm-payment-methods .itm-payment-methods__tab-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-payment-methods .itm-payment-methods__tab-content small {
  color: #8b999e;
  font-size: 8px;
}
.itm-payment-methods .nav-link.active .itm-payment-methods__tab-content small {
  color: rgba(255, 255, 255, 0.55);
}
.itm-payment-methods .itm-payment-methods__tab-content strong {
  font-size: 13px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__tab-badge {
  padding: 6px 9px;
  border-radius: 20px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.itm-payment-methods .nav-link.active .itm-payment-methods__tab-badge {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-payment-methods .itm-payment-methods__tab-badge--secondary {
  background: rgba(233, 196, 106, 0.15);
  color: #a77c19;
}
.itm-payment-methods .itm-payment-methods__content {
  overflow: hidden;
  border: 1px solid #e1ebe8;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(38, 70, 83, 0.09);
}
.itm-payment-methods .itm-payment-methods__panel {
  padding: 38px;
}
.itm-payment-methods .itm-payment-methods__visual {
  position: relative;
  min-height: 570px;
  overflow: hidden;
  border-radius: 26px;
  background: #17343e;
  box-shadow: 0 24px 55px rgba(38, 70, 83, 0.16);
}
.itm-payment-methods .itm-payment-methods__image {
  width: 100%;
  height: 570px;
  display: block;
  object-fit: cover;
}
.itm-payment-methods .itm-payment-methods__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(19, 47, 56, 0.02),
    rgba(19, 47, 56, 0.6)
  );
}
.itm-payment-methods .itm-payment-methods__visual-badge {
  position: absolute;
  right: 23px;
  bottom: 23px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(23, 52, 62, 0.82);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  backdrop-filter: blur(12px);
}
.itm-payment-methods .itm-payment-methods__visual-badge i {
  color: #e9c46a;
}
.itm-payment-methods .itm-payment-methods__visual-icon {
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: 2;
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #e9c46a;
  color: #264653;
  font-size: 25px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.itm-payment-methods .itm-payment-methods__panel-content {
  padding: 8px 0;
}
.itm-payment-methods .itm-payment-methods__panel-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__panel-content > h3 {
  margin: 0 0 16px;
  color: #264653;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-payment-methods .itm-payment-methods__panel-content > p {
  margin: 0 0 22px;
  color: #6e7e84;
  font-size: 13px;
  line-height: 2.1;
  text-align: justify;
}
.itm-payment-methods .itm-payment-methods__requirements-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.itm-payment-methods .itm-payment-methods__requirements-title > span {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-payment-methods .itm-payment-methods__requirements-title > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-payment-methods .itm-payment-methods__requirements-title strong {
  color: #264653;
  font-size: 13px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__requirements-title small {
  color: #8c999e;
  font-size: 8px;
}
.itm-payment-methods .itm-payment-methods__requirements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
}
.itm-payment-methods .itm-payment-methods__requirement {
  position: relative;
  min-height: 160px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid #e5ecea;
  border-radius: 17px;
  background: #f8fbfa;
}
.itm-payment-methods .itm-payment-methods__requirement-number {
  position: absolute;
  top: 9px;
  left: 13px;
  color: rgba(38, 70, 83, 0.09);
  font-size: 25px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__requirement-icon {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 16px;
}
.itm-payment-methods .itm-payment-methods__requirement strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__requirement p {
  margin: 0;
  color: #78878c;
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-methods .itm-payment-methods__security-note,
.itm-payment-methods .itm-payment-methods__warning {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 20px;
  padding: 17px;
  border-radius: 17px;
}
.itm-payment-methods .itm-payment-methods__security-note {
  background: linear-gradient(135deg, #17343e, #264653 60%, #1d625e);
}
.itm-payment-methods .itm-payment-methods__security-note > span,
.itm-payment-methods .itm-payment-methods__warning > span {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 18px;
}
.itm-payment-methods .itm-payment-methods__security-note > span {
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
}
.itm-payment-methods .itm-payment-methods__security-note strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__security-note p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-methods .itm-payment-methods__transfer-steps {
  display: flex;
  flex-direction: column;
}
.itm-payment-methods .itm-payment-methods__transfer-step {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid #e4ebe9;
  border-radius: 17px;
  background: #f8fbfa;
}
.itm-payment-methods .itm-payment-methods__transfer-step > span {
  position: absolute;
  top: 8px;
  left: 12px;
  color: rgba(38, 70, 83, 0.09);
  font-size: 23px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__transfer-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-payment-methods .itm-payment-methods__transfer-step strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__transfer-step p {
  margin: 0;
  color: #77878c;
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-methods .itm-payment-methods__transfer-line {
  width: 2px;
  height: 11px;
  margin: 0 39px 0 0;
  background: rgba(42, 157, 143, 0.25);
}
.itm-payment-methods .itm-payment-methods__warning {
  border-right: 4px solid #e9c46a;
  background: #fffaf0;
}
.itm-payment-methods .itm-payment-methods__warning > span {
  background: #e9c46a;
  color: #264653;
}
.itm-payment-methods .itm-payment-methods__warning strong {
  display: block;
  margin-bottom: 4px;
  color: #5f553c;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__warning p {
  margin: 0;
  color: #766d59;
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-methods .itm-payment-methods__summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 28px;
}
.itm-payment-methods .itm-payment-methods__summary-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px solid #e2eae8;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 13px 30px rgba(38, 70, 83, 0.05);
}
.itm-payment-methods .itm-payment-methods__summary-item > span {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-payment-methods .itm-payment-methods__summary-item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-payment-methods .itm-payment-methods__summary-item strong {
  color: #264653;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-methods .itm-payment-methods__summary-item small {
  color: #8b989d;
  font-size: 8px;
}
.itm-payment-faq {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-payment-faq::before {
  content: "";
  position: absolute;
  bottom: -190px;
  left: -180px;
  width: 430px;
  height: 430px;
  border: 70px solid rgba(233, 196, 106, 0.06);
  border-radius: 50%;
}
.itm-payment-faq .itm-payment-faq__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}
.itm-payment-faq .itm-payment-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-payment-faq .itm-payment-faq__title {
  margin: 0 0 12px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-payment-faq .itm-payment-faq__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-payment-faq .itm-payment-faq__support {
  position: relative;
  z-index: 2;
  padding: 30px;
  overflow: hidden;
  border-radius: 27px;
  background: linear-gradient(145deg, #17343e, #264653 58%, #1d625e);
  box-shadow: 0 24px 55px rgba(38, 70, 83, 0.18);
}
.itm-payment-faq .itm-payment-faq__support::after {
  content: "";
  position: absolute;
  top: -75px;
  left: -75px;
  width: 190px;
  height: 190px;
  border: 30px solid rgba(255, 255, 255, 0.04);
  border-radius: 50%;
}
.itm-payment-faq .itm-payment-faq__support-icon {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 20px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 25px;
}
.itm-payment-faq .itm-payment-faq__support > span {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 7px;
  color: #e9c46a;
  font-size: 10px;
  font-weight: 700;
}
.itm-payment-faq .itm-payment-faq__support h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-payment-faq .itm-payment-faq__support > p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.57);
  font-size: 11px;
  line-height: 2.1;
}
.itm-payment-faq .itm-payment-faq__support > a {
  position: relative;
  z-index: 2;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-payment-faq .itm-payment-faq__support > a:hover {
  transform: translateY(-3px);
  background: #f1d584;
  color: #264653;
}
.itm-payment-faq .itm-payment-faq__support-phone {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 14px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
}
.itm-payment-faq .itm-payment-faq__support-phone > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.22);
  color: #7ad6cc;
  font-size: 16px;
}
.itm-payment-faq .itm-payment-faq__support-phone > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-payment-faq .itm-payment-faq__support-phone small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
}
.itm-payment-faq .itm-payment-faq__support-phone strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-faq .itm-payment-faq__accordion {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-item {
  overflow: hidden;
  border: 1px solid #e2eae8;
  border-radius: 19px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(38, 70, 83, 0.05);
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-button {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 18px;
  background: #ffffff;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.9;
  box-shadow: none;
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.08),
    rgba(233, 196, 106, 0.07)
  );
  color: #264653 !important;
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}
.itm-payment-faq .itm-payment-faq__question-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-payment-faq
  .accordion-button:not(.collapsed)
  .itm-payment-faq__question-icon {
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
}
.itm-payment-faq .itm-payment-faq__question-text {
  flex: 1;
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-body {
  padding: 5px 25px 25px;
  color: #6d7d83;
  font-size: 11px;
  line-height: 2.1;
}
.itm-payment-faq .itm-payment-faq__accordion .accordion-body > p {
  margin: 0 0 13px;
  text-align: justify;
}
.itm-payment-faq .itm-payment-faq__answer-highlight {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px;
  border-right: 4px solid #e9c46a;
  border-radius: 15px;
  background: #fffaf0;
}
.itm-payment-faq .itm-payment-faq__answer-highlight > span {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 17px;
}
.itm-payment-faq .itm-payment-faq__answer-highlight strong {
  display: block;
  margin-bottom: 4px;
  color: #5f553c;
  font-size: 12px;
  font-weight: 700;
}
.itm-payment-faq .itm-payment-faq__answer-highlight p {
  margin: 0;
  color: #746b58;
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-faq .itm-payment-faq__answer-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 4px;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.itm-payment-faq .itm-payment-faq__conditions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
  margin-top: 15px;
}
.itm-payment-faq .itm-payment-faq__conditions > div {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e5ecea;
  border-radius: 13px;
  background: #f8fbfa;
  color: #68787e;
  font-size: 9px;
  line-height: 1.9;
}
.itm-payment-faq .itm-payment-faq__conditions i {
  margin-top: 4px;
  color: #2a9d8f;
}
.itm-payment-faq .itm-payment-faq__conditions .fa-times {
  color: #c36969;
}
.itm-payment-faq .itm-payment-faq__conditions .fa-info-circle {
  color: #c99620;
}
.itm-payment-faq .itm-payment-faq__refund-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
  margin-top: 17px;
}
.itm-payment-faq .itm-payment-faq__refund-options > div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 15px;
  border: 1px solid #e4ebe9;
  border-radius: 15px;
  background: #f8fbfa;
}
.itm-payment-faq .itm-payment-faq__refund-options > div > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 16px;
}
.itm-payment-faq .itm-payment-faq__refund-options strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
}
.itm-payment-faq .itm-payment-faq__refund-options p {
  margin: 0;
  color: #76868b;
  font-size: 9px;
  line-height: 1.9;
}
@media (max-width: 991px) {
  .itm-payment-hero {
    min-height: auto;
  }
  .itm-payment-hero .itm-payment-hero__content {
    text-align: center;
  }
  .itm-payment-hero .itm-payment-hero__breadcrumb {
    justify-content: center;
  }
  .itm-payment-hero .itm-payment-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-payment-hero .itm-payment-hero__visual {
    margin-top: 30px;
  }
  .itm-payment-methods {
    padding: 85px 0;
  }
  .itm-payment-methods .itm-payment-methods__visual {
    margin-bottom: 15px;
  }
  .itm-payment-methods .itm-payment-methods__summary {
    grid-template-columns: 1fr;
  }
  .itm-payment-faq {
    padding: 85px 0;
  }
  .itm-payment-faq .itm-payment-faq__support {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .itm-payment-hero .itm-payment-hero__title {
    font-size: 35px;
  }
  .itm-payment-hero .itm-payment-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-payment-hero .itm-payment-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-payment-hero .itm-payment-hero__floating {
    min-width: 135px;
    padding: 8px;
  }
  .itm-payment-methods {
    padding: 65px 0;
  }
  .itm-payment-methods .itm-payment-methods__title {
    font-size: 29px;
  }
  .itm-payment-methods .itm-payment-methods__nav {
    overflow-x: auto;
  }
  .itm-payment-methods .itm-payment-methods__nav-list {
    min-width: 620px;
  }
  .itm-payment-methods .itm-payment-methods__panel {
    padding: 20px;
  }
  .itm-payment-methods .itm-payment-methods__visual,
  .itm-payment-methods .itm-payment-methods__image {
    min-height: 330px;
    height: 330px;
  }
  .itm-payment-methods .itm-payment-methods__panel-content > h3 {
    font-size: 23px;
  }
  .itm-payment-methods .itm-payment-methods__requirements {
    grid-template-columns: 1fr;
  }
  .itm-payment-faq {
    padding: 65px 0;
  }
  .itm-payment-faq .itm-payment-faq__title {
    font-size: 29px;
  }
  .itm-payment-faq .itm-payment-faq__conditions,
  .itm-payment-faq .itm-payment-faq__refund-options {
    grid-template-columns: 1fr;
  }
  .itm-payment-faq .itm-payment-faq__accordion .accordion-button {
    padding: 13px;
    font-size: 10px;
  }
  .itm-payment-faq .itm-payment-faq__accordion .accordion-body {
    padding: 5px 17px 20px;
  }
}
.itm-privacy-hero {
  position: relative;
  min-height: 570px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #132f38 0%, #204852 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-privacy-hero .itm-privacy-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-privacy-hero .itm-privacy-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-privacy-hero .itm-privacy-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(9px);
}
.itm-privacy-hero .itm-privacy-hero__glow--one {
  top: -220px;
  right: -130px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.22);
}
.itm-privacy-hero .itm-privacy-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-privacy-hero .itm-privacy-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 75px;
  padding-bottom: 105px;
}
.itm-privacy-hero .itm-privacy-hero__content {
  max-width: 710px;
}
.itm-privacy-hero .itm-privacy-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-privacy-hero .itm-privacy-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.itm-privacy-hero .itm-privacy-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-privacy-hero .itm-privacy-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-privacy-hero .itm-privacy-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-privacy-hero .itm-privacy-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-privacy-hero .itm-privacy-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-privacy-hero .itm-privacy-hero__description {
  max-width: 630px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-privacy-hero .itm-privacy-hero__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 27px;
  padding: 11px 22px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-privacy-hero .itm-privacy-hero__button:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-privacy-hero .itm-privacy-hero__visual {
  position: relative;
  width: 380px;
  height: 380px;
  margin: 0 auto;
}
.itm-privacy-hero .itm-privacy-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-privacy-hero .itm-privacy-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-privacy-hero .itm-privacy-hero__orbit--inner {
  inset: 64px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-privacy-hero .itm-privacy-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 188px;
  height: 188px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-privacy-hero .itm-privacy-hero__core-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 21px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 27px;
}
.itm-privacy-hero .itm-privacy-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-privacy-hero .itm-privacy-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-privacy-hero .itm-privacy-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 165px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(18, 49, 58, 0.82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}
.itm-privacy-hero .itm-privacy-hero__floating > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-privacy-hero .itm-privacy-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-privacy-hero .itm-privacy-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-privacy-hero .itm-privacy-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-privacy-hero .itm-privacy-hero__floating--secure {
  top: 38px;
  right: -12px;
}
.itm-privacy-hero .itm-privacy-hero__floating--email {
  bottom: 62px;
  left: -28px;
}
.itm-privacy-hero .itm-privacy-hero__floating--mobile {
  right: 10px;
  bottom: -2px;
}
.itm-privacy-hero .itm-privacy-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-privacy-content {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-privacy-content::before {
  content: "";
  position: absolute;
  top: 170px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.04);
  border-radius: 50%;
}
.itm-privacy-content .itm-privacy-content__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}
.itm-privacy-content .itm-privacy-content__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__title {
  margin: 0 0 13px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-privacy-content .itm-privacy-content__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-privacy-content .itm-privacy-content__main-card {
  position: relative;
  z-index: 2;
  padding: 35px;
  border: 1px solid #e1eae8;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(38, 70, 83, 0.08);
}
.itm-privacy-content .itm-privacy-content__section {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.itm-privacy-content .itm-privacy-content__section-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 21px;
}
.itm-privacy-content .itm-privacy-content__section-body {
  flex: 1;
}
.itm-privacy-content .itm-privacy-content__section-body > span {
  display: block;
  margin-bottom: 4px;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__section-body h3 {
  margin: 0 0 11px;
  color: #264653;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-privacy-content .itm-privacy-content__section-body p {
  margin: 0 0 11px;
  color: #6d7d83;
  font-size: 12px;
  line-height: 2.15;
  text-align: justify;
}
.itm-privacy-content .itm-privacy-content__section-body p:last-child {
  margin-bottom: 0;
}
.itm-privacy-content .itm-privacy-content__divider {
  height: 1px;
  margin: 27px 0;
  background: #edf1f0;
}
.itm-privacy-content .itm-privacy-content__trust-card {
  position: relative;
  z-index: 2;
  padding: 30px;
  overflow: hidden;
  border-radius: 27px;
  background: linear-gradient(145deg, #17343e, #264653 58%, #1d625e);
  box-shadow: 0 24px 55px rgba(38, 70, 83, 0.18);
}
.itm-privacy-content .itm-privacy-content__trust-card::after {
  content: "";
  position: absolute;
  top: -75px;
  left: -75px;
  width: 190px;
  height: 190px;
  border: 30px solid rgba(255, 255, 255, 0.04);
  border-radius: 50%;
}
.itm-privacy-content .itm-privacy-content__trust-icon {
  position: relative;
  z-index: 2;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 20px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 26px;
}
.itm-privacy-content .itm-privacy-content__trust-card > span {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 7px;
  color: #e9c46a;
  font-size: 10px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__trust-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-privacy-content .itm-privacy-content__trust-card > p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.57);
  font-size: 11px;
  line-height: 2.1;
}
.itm-privacy-content .itm-privacy-content__trust-list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 22px;
}
.itm-privacy-content .itm-privacy-content__trust-list > div {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.06);
}
.itm-privacy-content .itm-privacy-content__trust-list i {
  color: #e9c46a;
  font-size: 13px;
}
.itm-privacy-content .itm-privacy-content__trust-list span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  line-height: 1.8;
}
.itm-privacy-content .itm-privacy-content__contact-card {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  padding: 23px;
  border: 1px solid #e2eae8;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 35px rgba(38, 70, 83, 0.06);
}
.itm-privacy-content .itm-privacy-content__contact-icon {
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 20px;
}
.itm-privacy-content .itm-privacy-content__contact-card strong {
  display: block;
  margin-bottom: 6px;
  color: #264653;
  font-size: 13px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__contact-card p {
  margin: 0;
  color: #74848a;
  font-size: 10px;
  line-height: 2;
}
.itm-privacy-content .itm-privacy-content__contact-card a {
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 17px;
  border-radius: 13px;
  background: #264653;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.itm-privacy-content .itm-privacy-content__contact-card a:hover {
  background: #2a9d8f;
  color: #ffffff;
}
.itm-privacy-content .itm-privacy-content__data-section {
  position: relative;
  z-index: 2;
  margin-top: 40px;
  padding: 35px;
  border: 1px solid #e1eae8;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 22px 55px rgba(38, 70, 83, 0.07);
}
.itm-privacy-content .itm-privacy-content__data-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 27px;
}
.itm-privacy-content .itm-privacy-content__data-heading > span {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 21px;
}
.itm-privacy-content .itm-privacy-content__data-heading small {
  display: block;
  margin-bottom: 3px;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__data-heading h3 {
  margin: 0;
  color: #264653;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-privacy-content .itm-privacy-content__data-card {
  height: 100%;
  min-height: 210px;
  padding: 22px;
  border: 1px solid #e5ecea;
  border-radius: 20px;
  background: #f8fbfa;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-privacy-content .itm-privacy-content__data-card:hover {
  transform: translateY(-6px);
  border-color: rgba(42, 157, 143, 0.34);
  box-shadow: 0 18px 38px rgba(38, 70, 83, 0.09);
}
.itm-privacy-content .itm-privacy-content__data-card > span {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 20px;
}
.itm-privacy-content .itm-privacy-content__data-card strong {
  display: block;
  margin-bottom: 8px;
  color: #264653;
  font-size: 13px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__data-card p {
  margin: 0;
  color: #74848a;
  font-size: 10px;
  line-height: 2;
}
.itm-privacy-content .itm-privacy-content__commitment {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 35px;
  padding: 28px;
  border-radius: 25px;
  background: linear-gradient(135deg, #17343e, #264653 58%, #1d625e);
  box-shadow: 0 22px 50px rgba(38, 70, 83, 0.16);
}
.itm-privacy-content .itm-privacy-content__commitment-icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 24px;
}
.itm-privacy-content .itm-privacy-content__commitment-body {
  flex: 1;
}
.itm-privacy-content .itm-privacy-content__commitment-body > span {
  display: block;
  margin-bottom: 4px;
  color: #e9c46a;
  font-size: 9px;
  font-weight: 700;
}
.itm-privacy-content .itm-privacy-content__commitment-body h3 {
  margin: 0 0 7px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-privacy-content .itm-privacy-content__commitment-body p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  line-height: 2;
}
.itm-privacy-content .itm-privacy-content__commitment > a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.itm-privacy-content .itm-privacy-content__commitment > a:hover {
  background: #f1d584;
  color: #264653;
}
@media (max-width: 991px) {
  .itm-privacy-hero {
    min-height: auto;
  }
  .itm-privacy-hero .itm-privacy-hero__content {
    text-align: center;
  }
  .itm-privacy-hero .itm-privacy-hero__breadcrumb {
    justify-content: center;
  }
  .itm-privacy-hero .itm-privacy-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-privacy-hero .itm-privacy-hero__visual {
    margin-top: 30px;
  }
  .itm-privacy-content {
    padding: 85px 0;
  }
  .itm-privacy-content .itm-privacy-content__trust-card {
    margin-top: 5px;
  }
  .itm-privacy-content .itm-privacy-content__commitment {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .itm-privacy-hero .itm-privacy-hero__title {
    font-size: 35px;
  }
  .itm-privacy-hero .itm-privacy-hero__visual {
    width: 300px;
    height: 300px;
  }
  .itm-privacy-hero .itm-privacy-hero__core {
    width: 155px;
    height: 155px;
  }
  .itm-privacy-hero .itm-privacy-hero__floating {
    min-width: 135px;
    padding: 8px;
  }
  .itm-privacy-content {
    padding: 65px 0;
  }
  .itm-privacy-content .itm-privacy-content__title {
    font-size: 29px;
  }
  .itm-privacy-content .itm-privacy-content__main-card,
  .itm-privacy-content .itm-privacy-content__data-section {
    padding: 22px 18px;
    border-radius: 22px;
  }
  .itm-privacy-content .itm-privacy-content__section {
    gap: 12px;
  }
  .itm-privacy-content .itm-privacy-content__section-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 15px;
    font-size: 18px;
  }
  .itm-privacy-content .itm-privacy-content__section-body h3 {
    font-size: 16px;
  }
  .itm-privacy-content .itm-privacy-content__data-heading {
    align-items: flex-start;
  }
  .itm-privacy-content .itm-privacy-content__data-heading h3 {
    font-size: 19px;
  }
  .itm-privacy-content .itm-privacy-content__commitment {
    flex-direction: column;
    align-items: stretch;
    padding: 22px;
  }
  .itm-privacy-content .itm-privacy-content__commitment > a {
    width: 100%;
  }
}
.itm-handoff-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  direction: rtl;
  padding: 64px 0 54px;
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(42, 157, 143, 0.14),
      transparent 27%
    ),
    radial-gradient(
      circle at 92% 18%,
      rgba(233, 196, 106, 0.13),
      transparent 29%
    ),
    linear-gradient(180deg, #f7faf9 0%, #ffffff 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-handoff-intro::before {
  content: "";
  position: absolute;
  top: -175px;
  right: -150px;
  z-index: -1;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(42, 157, 143, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(42, 157, 143, 0.025),
    0 0 0 104px rgba(42, 157, 143, 0.015);
  pointer-events: none;
}
.itm-handoff-intro::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -100px;
  z-index: -1;
  width: 330px;
  height: 330px;
  border-radius: 46% 54% 61% 39% / 42% 46% 54% 58%;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.15),
    rgba(42, 157, 143, 0.055)
  );
  transform: rotate(18deg);
  pointer-events: none;
}
.itm-handoff-intro .itm-handoff-intro-container {
  position: relative;
  z-index: 2;
  max-width: 1440px;
}
.itm-handoff-intro .itm-handoff-intro-hero {
  position: relative;
  overflow: hidden;
  padding: 46px 50px 42px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 92% 5%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    radial-gradient(
      circle at 5% 95%,
      rgba(233, 196, 106, 0.1),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.94)
    );
  box-shadow:
    0 22px 58px rgba(23, 52, 62, 0.085),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
.itm-handoff-intro .itm-handoff-intro-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 52px;
  left: 52px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #2a9d8f 32%,
    #e9c46a 68%,
    transparent
  );
}
.itm-handoff-intro .itm-handoff-intro-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 37px;
  gap: 8px;
  margin-bottom: 17px;
  padding: 7px 14px;
  border: 1px solid rgba(42, 157, 143, 0.16);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.07);
  color: #247f75;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 800;
}
.itm-handoff-intro .itm-handoff-intro-eyebrow .fa {
  color: #e9c46a;
  font-size: 12px;
}
.itm-handoff-intro .itm-handoff-intro-title {
  margin: 0 0 13px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -0.4px;
}
.itm-handoff-intro .itm-handoff-intro-highlight {
  position: relative;
  display: inline;
  color: #2a9d8f;
}
.itm-handoff-intro .itm-handoff-intro-highlight::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(42, 157, 143, 0.15),
    rgba(233, 196, 106, 0.65)
  );
}
.itm-handoff-intro .itm-handoff-intro-subtitle {
  margin: 0;
  color: #667d82;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.1;
}
.itm-handoff-intro .itm-handoff-intro-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 880px;
  margin-top: 23px;
  padding: 15px 17px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.1),
    rgba(255, 255, 255, 0.72)
  );
}
.itm-handoff-intro .itm-handoff-intro-notice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin-top: 1px;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.15);
  color: #9b7420;
  font-size: 13px;
}
.itm-handoff-intro .itm-handoff-intro-notice-text {
  margin: 0;
  color: #655a3d;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 2;
}
.itm-handoff-intro .itm-handoff-process {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 38px;
}
.itm-handoff-intro .itm-handoff-process::before {
  content: "";
  position: absolute;
  top: 39px;
  right: 16.66%;
  left: 16.66%;
  z-index: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(233, 196, 106, 0.3),
    rgba(42, 157, 143, 0.3),
    rgba(233, 196, 106, 0.3)
  );
}
.itm-handoff-intro .itm-handoff-process-card {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 20px 19px 19px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 21px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 250, 249, 0.93)
  );
  box-shadow:
    0 9px 24px rgba(23, 52, 62, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-handoff-intro .itm-handoff-process-card:hover {
  transform: translateY(-5px);
  border-color: rgba(42, 157, 143, 0.21);
  box-shadow: 0 16px 32px rgba(23, 52, 62, 0.075);
}
.itm-handoff-intro .itm-handoff-process-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 13px;
}
.itm-handoff-intro .itm-handoff-process-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 15px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.12),
    rgba(42, 157, 143, 0.045)
  );
  color: #2a9d8f;
  font-size: 17px;
  box-shadow: 0 7px 16px rgba(42, 157, 143, 0.08);
}
.itm-handoff-intro .itm-handoff-process-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 27px;
  height: 27px;
  padding: 4px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 9px;
  background: rgba(233, 196, 106, 0.09);
  color: #96701c;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 900;
}
.itm-handoff-intro .itm-handoff-process-title {
  margin: 0 0 5px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-handoff-intro .itm-handoff-process-description {
  margin: 0;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.9;
}
.itm-handoff-intro .itm-handoff-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.itm-handoff-intro .itm-handoff-trust-item {
  display: flex;
  align-items: center;
  min-height: 50px;
  gap: 10px;
  padding: 10px 13px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.035);
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.75;
}
.itm-handoff-intro .itm-handoff-trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.08);
  color: #2a9d8f;
  font-size: 11px;
}
.itm-handoff-intro .itm-handoff-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 27px;
  padding-top: 24px;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
}
.itm-handoff-intro .itm-handoff-entry-text {
  margin: 0;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
}
.itm-handoff-intro .itm-handoff-entry-hint {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 600;
}
.itm-handoff-intro .itm-handoff-entry-hint .fa {
  color: #2a9d8f;
}
@media (max-width: 991.98px) {
  .itm-handoff-intro {
    padding: 44px 0;
  }
  .itm-handoff-intro .itm-handoff-intro-hero {
    padding: 36px 30px 32px;
    border-radius: 28px;
  }
  .itm-handoff-intro .itm-handoff-intro-title {
    font-size: 32px;
  }
  .itm-handoff-intro .itm-handoff-process {
    gap: 12px;
  }
  .itm-handoff-intro .itm-handoff-process::before {
    display: none;
  }
  .itm-handoff-intro .itm-handoff-trust {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .itm-handoff-intro {
    padding: 28px 0 34px;
  }
  .itm-handoff-intro .itm-handoff-intro-container {
    padding-right: 14px;
    padding-left: 14px;
  }
  .itm-handoff-intro .itm-handoff-intro-hero {
    padding: 27px 20px 24px;
    border-radius: 23px;
  }
  .itm-handoff-intro .itm-handoff-intro-title {
    font-size: 27px;
  }
  .itm-handoff-intro .itm-handoff-intro-subtitle {
    font-size: 13px;
  }
  .itm-handoff-intro .itm-handoff-process {
    grid-template-columns: 1fr;
  }
  .itm-handoff-intro .itm-handoff-process-card {
    border-radius: 17px;
  }
  .itm-handoff-intro .itm-handoff-entry {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .itm-handoff-intro .itm-handoff-intro-hero {
    padding: 23px 16px 21px;
  }
  .itm-handoff-intro .itm-handoff-intro-title {
    font-size: 23px;
  }
  .itm-handoff-intro .itm-handoff-intro-eyebrow {
    font-size: 10px;
  }
  .itm-handoff-intro .itm-handoff-intro-notice {
    padding: 13px;
  }
  .itm-handoff-intro .itm-handoff-intro-notice-text {
    font-size: 11px;
  }
}
.itm-report-hero {
  position: relative;
  min-height: 590px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #122f38 0%, #1f4650 48%, #17635f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-report-hero .itm-report-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-report-hero .itm-report-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
}
.itm-report-hero .itm-report-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
}
.itm-report-hero .itm-report-hero__glow--one {
  top: -210px;
  right: -120px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.23);
}
.itm-report-hero .itm-report-hero__glow--two {
  bottom: -250px;
  left: -130px;
  width: 580px;
  height: 580px;
  background: rgba(233, 196, 106, 0.13);
}
.itm-report-hero .itm-report-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 80px;
  padding-bottom: 115px;
}
.itm-report-hero .itm-report-hero__content {
  max-width: 720px;
}
.itm-report-hero .itm-report-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-report-hero .itm-report-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.3s ease;
}
.itm-report-hero .itm-report-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-report-hero .itm-report-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-report-hero .itm-report-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-report-hero .itm-report-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-report-hero .itm-report-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-report-hero .itm-report-hero__description {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.1;
}
.itm-report-hero .itm-report-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.itm-report-hero .itm-report-hero__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}
.itm-report-hero .itm-report-hero__button:hover {
  transform: translateY(-3px);
}
.itm-report-hero .itm-report-hero__button--primary {
  background: #e9c46a;
  color: #264653;
}
.itm-report-hero .itm-report-hero__button--primary:hover {
  background: #f1d584;
  color: #264653;
}
.itm-report-hero .itm-report-hero__button--outline {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-report-hero .itm-report-hero__button--outline:hover {
  border-color: rgba(233, 196, 106, 0.5);
  background: rgba(233, 196, 106, 0.12);
  color: #ffffff;
}
.itm-report-hero .itm-report-hero__visual {
  position: relative;
  width: 390px;
  height: 390px;
  margin: 0 auto;
}
.itm-report-hero .itm-report-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-report-hero .itm-report-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-report-hero .itm-report-hero__orbit--inner {
  inset: 66px;
  border: 1px dashed rgba(42, 157, 143, 0.46);
}
.itm-report-hero .itm-report-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 192px;
  height: 192px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-report-hero .itm-report-hero__core-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 27px;
}
.itm-report-hero .itm-report-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-report-hero .itm-report-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-report-hero .itm-report-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 165px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(18, 49, 58, 0.82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}
.itm-report-hero .itm-report-hero__floating > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-report-hero .itm-report-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-report-hero .itm-report-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-report-hero .itm-report-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-report-hero .itm-report-hero__floating--error {
  top: 37px;
  right: -15px;
}
.itm-report-hero .itm-report-hero__floating--reward {
  bottom: 66px;
  left: -30px;
}
.itm-report-hero .itm-report-hero__floating--team {
  right: 10px;
  bottom: -4px;
}
.itm-report-hero .itm-report-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-report-intro {
  position: relative;
  padding: 110px 0 95px;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-report-intro::before {
  content: "";
  position: absolute;
  top: 150px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.035);
  border-radius: 50%;
}
.itm-report-intro .itm-report-intro__heading {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto 52px;
  text-align: center;
}
.itm-report-intro .itm-report-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-report-intro .itm-report-intro__title {
  margin: 0 0 12px;
  color: #264653;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}
.itm-report-intro .itm-report-intro__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-report-intro .itm-report-intro__visual {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 28px 65px rgba(38, 70, 83, 0.14);
}
.itm-report-intro .itm-report-intro__image {
  width: 100%;
  min-height: 460px;
  display: block;
  object-fit: cover;
}
.itm-report-intro .itm-report-intro__visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 45%,
    rgba(17, 45, 53, 0.68) 100%
  );
  pointer-events: none;
}
.itm-report-intro .itm-report-intro__visual-label {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 17px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(19, 47, 56, 0.76);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-report-intro .itm-report-intro__visual-icon {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 3;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #e9c46a;
  color: #264653;
  font-size: 22px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.16);
}
.itm-report-intro .itm-report-intro__content {
  padding: 12px 0;
}
.itm-report-intro .itm-report-intro__content-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 700;
}
.itm-report-intro .itm-report-intro__content h3 {
  margin: 0 0 16px;
  color: #264653;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.75;
}
.itm-report-intro .itm-report-intro__content > p {
  margin: 0;
  color: #6d7d83;
  font-size: 13px;
  line-height: 2.2;
  text-align: justify;
}
.itm-report-intro .itm-report-intro__reward {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 24px;
  padding: 20px;
  border: 1px solid rgba(233, 196, 106, 0.45);
  border-radius: 21px;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.15),
    rgba(233, 196, 106, 0.05)
  );
}
.itm-report-intro .itm-report-intro__reward-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f0d889);
  color: #264653;
  font-size: 24px;
}
.itm-report-intro .itm-report-intro__reward-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-report-intro .itm-report-intro__reward-content small {
  color: #9a7921;
  font-size: 9px;
  font-weight: 700;
}
.itm-report-intro .itm-report-intro__reward-content strong {
  color: #264653;
  font-size: 16px;
  font-weight: 700;
}
.itm-report-intro .itm-report-intro__reward-content span {
  color: #718087;
  font-size: 10px;
}
.itm-report-intro .itm-report-intro__notice {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #e1eae8;
  border-radius: 18px;
  background: #f7faf9;
}
.itm-report-intro .itm-report-intro__notice > span {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-report-intro .itm-report-intro__notice strong {
  display: block;
  margin-bottom: 4px;
  color: #264653;
  font-size: 12px;
  font-weight: 700;
}
.itm-report-intro .itm-report-intro__notice p {
  margin: 0;
  color: #718087;
  font-size: 10px;
  line-height: 2;
}
.itm-report-types {
  position: relative;
  padding: 95px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #f5f9f8 0%, #edf5f2 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-report-types::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -180px;
  width: 430px;
  height: 430px;
  border: 65px solid rgba(42, 157, 143, 0.035);
  border-radius: 50%;
}
.itm-report-types .itm-report-types__heading {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto 48px;
  text-align: center;
}
.itm-report-types .itm-report-types__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-report-types .itm-report-types__title {
  margin: 0 0 12px;
  color: #264653;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.7;
}
.itm-report-types .itm-report-types__description {
  margin: 0;
  color: #708087;
  font-size: 13px;
  line-height: 2;
}
.itm-report-types .itm-report-types__card {
  position: relative;
  height: 100%;
  min-height: 345px;
  padding: 28px 24px 23px;
  overflow: hidden;
  border: 1px solid #dde8e5;
  border-radius: 25px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(38, 70, 83, 0.06);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-report-types .itm-report-types__card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 145px;
  height: 145px;
  border: 24px solid rgba(42, 157, 143, 0.045);
  border-radius: 50%;
}
.itm-report-types .itm-report-types__card:hover {
  transform: translateY(-8px);
  border-color: rgba(42, 157, 143, 0.32);
  box-shadow: 0 26px 55px rgba(38, 70, 83, 0.11);
}
.itm-report-types .itm-report-types__card-number {
  position: absolute;
  top: 20px;
  left: 20px;
  color: rgba(38, 70, 83, 0.08);
  font-size: 33px;
  font-weight: 700;
  direction: ltr;
}
.itm-report-types .itm-report-types__card-icon {
  position: relative;
  z-index: 2;
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 25px;
  box-shadow: 0 15px 30px rgba(42, 157, 143, 0.2);
}
.itm-report-types .itm-report-types__card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 12px;
  color: #264653;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-report-types .itm-report-types__card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #718087;
  font-size: 11px;
  line-height: 2.15;
}
.itm-report-types .itm-report-types__card-footer {
  position: absolute;
  right: 24px;
  bottom: 23px;
  left: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 16px;
  border-top: 1px solid #edf1f0;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 700;
}
.itm-report-contact {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-report-contact .itm-report-contact__wrapper {
  position: relative;
  overflow: hidden;
  padding: 55px;
  border-radius: 32px;
  background: linear-gradient(135deg, #17343e 0%, #264653 55%, #1d625e 100%);
  box-shadow: 0 28px 70px rgba(38, 70, 83, 0.2);
}
.itm-report-contact .itm-report-contact__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.itm-report-contact .itm-report-contact__circle {
  position: absolute;
  border-radius: 50%;
}
.itm-report-contact .itm-report-contact__circle--one {
  top: -130px;
  right: -95px;
  width: 310px;
  height: 310px;
  border: 48px solid rgba(255, 255, 255, 0.035);
}
.itm-report-contact .itm-report-contact__circle--two {
  bottom: -170px;
  left: -100px;
  width: 360px;
  height: 360px;
  background: rgba(42, 157, 143, 0.11);
}
.itm-report-contact .itm-report-contact__content {
  position: relative;
  z-index: 2;
}
.itm-report-contact .itm-report-contact__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  color: #e9c46a;
  font-size: 12px;
  font-weight: 700;
}
.itm-report-contact .itm-report-contact__title {
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.75;
}
.itm-report-contact .itm-report-contact__description {
  max-width: 700px;
  margin: 0;
  color: rgba(255, 255, 255, 0.59);
  font-size: 12px;
  line-height: 2.15;
  text-align: justify;
}
.itm-report-contact .itm-report-contact__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}
.itm-report-contact .itm-report-contact__feature {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-report-contact .itm-report-contact__feature > span {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-report-contact .itm-report-contact__feature > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-report-contact .itm-report-contact__feature strong {
  color: #ffffff;
  font-size: 9px;
  font-weight: 700;
}
.itm-report-contact .itm-report-contact__feature small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 7px;
  line-height: 1.8;
}
.itm-report-contact .itm-report-contact__card {
  position: relative;
  z-index: 2;
  padding: 31px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(12px);
  text-align: center;
}
.itm-report-contact .itm-report-contact__icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #f0d889);
  color: #264653;
  font-size: 27px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}
.itm-report-contact .itm-report-contact__card h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-report-contact .itm-report-contact__card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  line-height: 2;
}
.itm-report-contact .itm-report-contact__button {
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 21px;
  padding: 11px 20px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-report-contact .itm-report-contact__button:hover {
  transform: translateY(-3px);
  background: #f2d887;
  color: #264653;
}
.itm-report-final {
  position: relative;
  padding: 0 0 100px;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-report-final .itm-report-final__box {
  position: relative;
  padding: 48px 30px;
  overflow: hidden;
  border: 1px solid #dfe9e6;
  border-radius: 30px;
  background: linear-gradient(135deg, #f7faf9, #edf6f3);
  box-shadow: 0 22px 55px rgba(38, 70, 83, 0.08);
  text-align: center;
}
.itm-report-final .itm-report-final__box::before {
  content: "";
  position: absolute;
  top: -95px;
  right: -85px;
  width: 240px;
  height: 240px;
  border: 40px solid rgba(42, 157, 143, 0.05);
  border-radius: 50%;
}
.itm-report-final .itm-report-final__box::after {
  content: "";
  position: absolute;
  bottom: -125px;
  left: -95px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.07);
}
.itm-report-final .itm-report-final__icon {
  position: relative;
  z-index: 2;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 19px;
  border-radius: 22px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 25px;
  box-shadow: 0 16px 34px rgba(42, 157, 143, 0.2);
}
.itm-report-final .itm-report-final__box h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 11px;
  color: #264653;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-report-final .itm-report-final__box p {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto;
  color: #718087;
  font-size: 12px;
  line-height: 2.05;
}
.itm-report-final .itm-report-final__buttons {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.itm-report-final .itm-report-final__button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 21px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}
.itm-report-final .itm-report-final__button:hover {
  transform: translateY(-3px);
}
.itm-report-final .itm-report-final__button--primary {
  background: #264653;
  color: #ffffff;
}
.itm-report-final .itm-report-final__button--primary:hover {
  background: #2a9d8f;
  color: #ffffff;
}
.itm-report-final .itm-report-final__button--outline {
  border: 1px solid #d5e1de;
  background: #ffffff;
  color: #264653;
}
.itm-report-final .itm-report-final__button--outline:hover {
  border-color: #2a9d8f;
  background: #f5faf8;
  color: #264653;
}
@media (max-width: 1199px) {
  .itm-report-hero .itm-report-hero__visual {
    width: 350px;
    height: 350px;
  }
  .itm-report-contact .itm-report-contact__wrapper {
    padding: 45px;
  }
  .itm-report-contact .itm-report-contact__features {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .itm-report-hero {
    min-height: auto;
  }
  .itm-report-hero .itm-report-hero__content {
    text-align: center;
  }
  .itm-report-hero .itm-report-hero__breadcrumb {
    justify-content: center;
  }
  .itm-report-hero .itm-report-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-report-hero .itm-report-hero__actions {
    justify-content: center;
  }
  .itm-report-hero .itm-report-hero__visual {
    margin-top: 30px;
  }
  .itm-report-intro {
    padding: 90px 0 80px;
  }
  .itm-report-intro .itm-report-intro__content {
    padding-top: 10px;
  }
  .itm-report-types {
    padding: 80px 0;
  }
  .itm-report-contact {
    padding: 80px 0;
  }
  .itm-report-contact .itm-report-contact__content {
    text-align: center;
  }
  .itm-report-contact .itm-report-contact__description {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .itm-report-contact .itm-report-contact__features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .itm-report-final {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .itm-report-hero .itm-report-hero__container {
    padding-top: 65px;
    padding-bottom: 100px;
  }
  .itm-report-hero .itm-report-hero__title {
    font-size: 34px;
  }
  .itm-report-hero .itm-report-hero__description {
    font-size: 13px;
  }
  .itm-report-hero .itm-report-hero__actions {
    flex-direction: column;
  }
  .itm-report-hero .itm-report-hero__button {
    width: 100%;
  }
  .itm-report-hero .itm-report-hero__visual {
    width: 295px;
    height: 295px;
  }
  .itm-report-hero .itm-report-hero__core {
    width: 150px;
    height: 150px;
  }
  .itm-report-hero .itm-report-hero__core-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    font-size: 22px;
  }
  .itm-report-hero .itm-report-hero__floating {
    min-width: 132px;
    padding: 8px;
  }
  .itm-report-hero .itm-report-hero__floating > span {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  .itm-report-hero .itm-report-hero__floating strong {
    font-size: 8px;
  }
  .itm-report-hero .itm-report-hero__floating small {
    font-size: 7px;
  }
  .itm-report-intro {
    padding: 70px 0;
  }
  .itm-report-intro .itm-report-intro__title {
    font-size: 29px;
  }
  .itm-report-intro .itm-report-intro__image {
    min-height: 320px;
  }
  .itm-report-intro .itm-report-intro__content h3 {
    font-size: 23px;
  }
  .itm-report-intro .itm-report-intro__reward {
    align-items: flex-start;
    padding: 16px;
  }
  .itm-report-intro .itm-report-intro__reward-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 16px;
    font-size: 20px;
  }
  .itm-report-intro .itm-report-intro__reward-content strong {
    font-size: 13px;
  }
  .itm-report-types {
    padding: 65px 0;
  }
  .itm-report-types .itm-report-types__title {
    font-size: 27px;
  }
  .itm-report-types .itm-report-types__card {
    min-height: 310px;
  }
  .itm-report-contact {
    padding: 65px 0;
  }
  .itm-report-contact .itm-report-contact__wrapper {
    padding: 30px 20px;
    border-radius: 25px;
  }
  .itm-report-contact .itm-report-contact__title {
    font-size: 26px;
  }
  .itm-report-contact .itm-report-contact__features {
    grid-template-columns: 1fr;
  }
  .itm-report-contact .itm-report-contact__card {
    padding: 25px 18px;
  }
  .itm-report-final {
    padding-bottom: 65px;
  }
  .itm-report-final .itm-report-final__box {
    padding: 38px 18px;
    border-radius: 24px;
  }
  .itm-report-final .itm-report-final__box h2 {
    font-size: 22px;
  }
  .itm-report-final .itm-report-final__buttons {
    flex-direction: column;
  }
  .itm-report-final .itm-report-final__button {
    width: 100%;
  }
}
.itm-retailers-hero {
  position: relative;
  min-height: 610px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #102f3b 0%, #1e4d58 50%, #17675f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-retailers-hero .itm-retailers-hero__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.itm-retailers-hero .itm-retailers-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 56px 56px;
}
.itm-retailers-hero .itm-retailers-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
}
.itm-retailers-hero .itm-retailers-hero__glow--one {
  top: -190px;
  right: -150px;
  width: 520px;
  height: 520px;
  background: rgba(42, 157, 143, 0.24);
}
.itm-retailers-hero .itm-retailers-hero__glow--two {
  bottom: -250px;
  left: -140px;
  width: 600px;
  height: 600px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-retailers-hero .itm-retailers-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 82px;
  padding-bottom: 118px;
}
.itm-retailers-hero .itm-retailers-hero__content {
  max-width: 720px;
}
.itm-retailers-hero .itm-retailers-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.itm-retailers-hero .itm-retailers-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.3s ease;
}
.itm-retailers-hero .itm-retailers-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-retailers-hero .itm-retailers-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-retailers-hero .itm-retailers-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 12px;
  font-weight: 700;
}
.itm-retailers-hero .itm-retailers-hero__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 49px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-retailers-hero .itm-retailers-hero__title span {
  display: block;
  color: #e9c46a;
}
.itm-retailers-hero .itm-retailers-hero__description {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 15px;
  line-height: 2.1;
}
.itm-retailers-hero .itm-retailers-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.itm-retailers-hero .itm-retailers-hero__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}
.itm-retailers-hero .itm-retailers-hero__button:hover {
  transform: translateY(-3px);
}
.itm-retailers-hero .itm-retailers-hero__button--primary {
  background: #e9c46a;
  color: #264653;
}
.itm-retailers-hero .itm-retailers-hero__button--primary:hover {
  background: #f1d584;
  color: #264653;
}
.itm-retailers-hero .itm-retailers-hero__button--outline {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-retailers-hero .itm-retailers-hero__button--outline:hover {
  border-color: rgba(233, 196, 106, 0.5);
  background: rgba(233, 196, 106, 0.12);
  color: #ffffff;
}
.itm-retailers-hero .itm-retailers-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}
.itm-retailers-hero .itm-retailers-hero__stat {
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}
.itm-retailers-hero .itm-retailers-hero__stat strong {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-retailers-hero .itm-retailers-hero__stat span {
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
  line-height: 1.8;
}
.itm-retailers-hero .itm-retailers-hero__visual {
  position: relative;
  width: 390px;
  height: 390px;
  margin: 0 auto;
}
.itm-retailers-hero .itm-retailers-hero__orbit {
  position: absolute;
  border-radius: 50%;
}
.itm-retailers-hero .itm-retailers-hero__orbit--outer {
  inset: 18px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  box-shadow:
    0 0 0 22px rgba(255, 255, 255, 0.015),
    0 0 75px rgba(42, 157, 143, 0.18);
}
.itm-retailers-hero .itm-retailers-hero__orbit--inner {
  inset: 66px;
  border: 1px dashed rgba(42, 157, 143, 0.48);
}
.itm-retailers-hero .itm-retailers-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 194px;
  height: 194px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    rgba(255, 255, 255, 0.15),
    rgba(42, 157, 143, 0.16) 45%,
    rgba(19, 47, 56, 0.92) 100%
  );
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.24);
  text-align: center;
}
.itm-retailers-hero .itm-retailers-hero__core-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #2a9d8f);
  color: #ffffff;
  font-size: 27px;
}
.itm-retailers-hero .itm-retailers-hero__core strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  direction: ltr;
}
.itm-retailers-hero .itm-retailers-hero__core > span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}
.itm-retailers-hero .itm-retailers-hero__floating {
  position: absolute;
  z-index: 4;
  min-width: 166px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(18, 49, 58, 0.84);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}
.itm-retailers-hero .itm-retailers-hero__floating > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 16px;
}
.itm-retailers-hero .itm-retailers-hero__floating > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.itm-retailers-hero .itm-retailers-hero__floating strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-retailers-hero .itm-retailers-hero__floating small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-retailers-hero .itm-retailers-hero__floating--products {
  top: 35px;
  right: -15px;
}
.itm-retailers-hero .itm-retailers-hero__floating--customers {
  bottom: 66px;
  left: -28px;
}
.itm-retailers-hero .itm-retailers-hero__floating--growth {
  right: 8px;
  bottom: -5px;
}
.itm-retailers-hero .itm-retailers-hero__bottom-shape {
  position: absolute;
  right: -5%;
  bottom: -54px;
  left: -5%;
  height: 90px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-retailers-intro {
  position: relative;
  padding: 110px 0 95px;
  overflow: hidden;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-retailers-intro::before {
  content: "";
  position: absolute;
  top: 155px;
  right: -170px;
  width: 390px;
  height: 390px;
  border: 60px solid rgba(42, 157, 143, 0.035);
  border-radius: 50%;
}
.itm-retailers-intro .itm-retailers-intro__heading {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto 52px;
  text-align: center;
}
.itm-retailers-intro .itm-retailers-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 700;
}
.itm-retailers-intro .itm-retailers-intro__title {
  margin: 0 0 12px;
  color: #264653;
  font-size: 39px;
  font-weight: 700;
  line-height: 1.65;
}
.itm-retailers-intro .itm-retailers-intro__description {
  margin: 0;
  color: #708087;
  font-size: 14px;
  line-height: 2;
}
.itm-retailers-intro .itm-retailers-intro__visual {
  position: relative;
  min-height: 510px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 28px 65px rgba(38, 70, 83, 0.14);
}
.itm-retailers-intro .itm-retailers-intro__image {
  width: 100%;
  min-height: 510px;
  display: block;
  object-fit: cover;
}
.itm-retailers-intro .itm-retailers-intro__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(16, 47, 59, 0.04) 30%,
    rgba(16, 47, 59, 0.76) 100%
  );
  pointer-events: none;
}
.itm-retailers-intro .itm-retailers-intro__image-badge {
  position: absolute;
  top: 23px;
  right: 23px;
  z-index: 3;
  min-width: 210px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  background: rgba(18, 49, 58, 0.78);
  backdrop-filter: blur(10px);
}
.itm-retailers-intro .itm-retailers-intro__image-badge > span {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #e9c46a;
  color: #264653;
  font-size: 17px;
}
.itm-retailers-intro .itm-retailers-intro__image-badge > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-retailers-intro .itm-retailers-intro__image-badge strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}
.itm-retailers-intro .itm-retailers-intro__image-badge small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 8px;
}
.itm-retailers-intro .itm-retailers-intro__image-label {
  position: absolute;
  right: 23px;
  bottom: 23px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 17px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(19, 47, 56, 0.76);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-retailers-intro .itm-retailers-intro__image-label i {
  color: #e9c46a;
}
.itm-retailers-intro .itm-retailers-intro__content {
  padding: 8px 0;
}
.itm-retailers-intro .itm-retailers-intro__content-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 700;
}
.itm-retailers-intro .itm-retailers-intro__content h3 {
  margin: 0 0 17px;
  color: #264653;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.75;
}
.itm-retailers-intro .itm-retailers-intro__content > p {
  margin: 0 0 14px;
  color: #6d7d83;
  font-size: 13px;
  line-height: 2.2;
  text-align: justify;
}
.itm-retailers-intro .itm-retailers-intro__content > p strong {
  color: #2a9d8f;
  font-weight: 700;
  direction: ltr;
}
.itm-retailers-intro .itm-retailers-intro__highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 24px;
}
.itm-retailers-intro .itm-retailers-intro__highlight {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 90px;
  padding: 15px;
  border: 1px solid #e0e9e7;
  border-radius: 17px;
  background: #f8fbfa;
}
.itm-retailers-intro .itm-retailers-intro__highlight > span {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 17px;
}
.itm-retailers-intro .itm-retailers-intro__highlight > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-retailers-intro .itm-retailers-intro__highlight strong {
  color: #264653;
  font-size: 10px;
  font-weight: 700;
}
.itm-retailers-intro .itm-retailers-intro__highlight small {
  color: #77858a;
  font-size: 8px;
  line-height: 1.8;
}
.itm-retailers-role {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #f5f9f8 0%, #edf5f2 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-retailers-role::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -180px;
  width: 430px;
  height: 430px;
  border: 65px solid rgba(42, 157, 143, 0.035);
  border-radius: 50%;
}
.itm-retailers-role .itm-retailers-role__intro {
  position: sticky;
  top: 110px;
  padding: 38px;
  border-radius: 28px;
  background: linear-gradient(145deg, #17343e 0%, #264653 58%, #1f625e 100%);
  box-shadow: 0 26px 65px rgba(38, 70, 83, 0.2);
}
.itm-retailers-role .itm-retailers-role__intro::before {
  content: "";
  position: absolute;
  top: -75px;
  right: -65px;
  width: 180px;
  height: 180px;
  border: 30px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}
.itm-retailers-role .itm-retailers-role__eyebrow {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #e9c46a;
  font-size: 12px;
  font-weight: 700;
}
.itm-retailers-role .itm-retailers-role__intro h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.75;
}
.itm-retailers-role .itm-retailers-role__intro > p {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: rgba(255, 255, 255, 0.59);
  font-size: 12px;
  line-height: 2.15;
  text-align: justify;
}
.itm-retailers-role .itm-retailers-role__quote {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 21px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.06);
}
.itm-retailers-role .itm-retailers-role__quote > span {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(233, 196, 106, 0.14);
  color: #e9c46a;
  font-size: 15px;
}
.itm-retailers-role .itm-retailers-role__quote p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  line-height: 2;
}
.itm-retailers-role .itm-retailers-role__button {
  position: relative;
  z-index: 2;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 21px;
  padding: 11px 22px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-retailers-role .itm-retailers-role__button:hover {
  transform: translateY(-3px);
  background: #f1d584;
  color: #264653;
}
.itm-retailers-role .itm-retailers-role__features {
  position: relative;
  z-index: 2;
}
.itm-retailers-role .itm-retailers-role__card {
  height: 100%;
  min-height: 190px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 23px;
  border: 1px solid #dde8e5;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(38, 70, 83, 0.06);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-retailers-role .itm-retailers-role__card:hover {
  transform: translateY(-7px);
  border-color: rgba(42, 157, 143, 0.3);
  box-shadow: 0 24px 50px rgba(38, 70, 83, 0.11);
}
.itm-retailers-role .itm-retailers-role__card-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #264653, #2a9d8f);
  color: #ffffff;
  font-size: 21px;
  box-shadow: 0 13px 27px rgba(42, 157, 143, 0.18);
}
.itm-retailers-role .itm-retailers-role__card > div:last-child {
  flex: 1;
}
.itm-retailers-role .itm-retailers-role__card h3 {
  margin: 0 0 8px;
  color: #264653;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
.itm-retailers-role .itm-retailers-role__card p {
  margin: 0;
  color: #718087;
  font-size: 10px;
  line-height: 2.05;
}
@media (max-width: 1199px) {
  .itm-retailers-hero .itm-retailers-hero__visual {
    width: 350px;
    height: 350px;
  }
  .itm-retailers-role .itm-retailers-role__intro {
    padding: 31px;
  }
}
@media (max-width: 991px) {
  .itm-retailers-hero {
    min-height: auto;
  }
  .itm-retailers-hero .itm-retailers-hero__content {
    text-align: center;
  }
  .itm-retailers-hero .itm-retailers-hero__breadcrumb {
    justify-content: center;
  }
  .itm-retailers-hero .itm-retailers-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-retailers-hero .itm-retailers-hero__actions {
    justify-content: center;
  }
  .itm-retailers-hero .itm-retailers-hero__visual {
    margin-top: 30px;
  }
  .itm-retailers-intro {
    padding: 90px 0 80px;
  }
  .itm-retailers-intro .itm-retailers-intro__content {
    padding-top: 12px;
  }
  .itm-retailers-role {
    padding: 80px 0;
  }
  .itm-retailers-role .itm-retailers-role__intro {
    position: relative;
    top: auto;
    margin-bottom: 8px;
    text-align: center;
  }
  .itm-retailers-role .itm-retailers-role__intro > p {
    text-align: center;
  }
  .itm-retailers-role .itm-retailers-role__quote {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .itm-retailers-hero .itm-retailers-hero__container {
    padding-top: 65px;
    padding-bottom: 100px;
  }
  .itm-retailers-hero .itm-retailers-hero__title {
    font-size: 34px;
  }
  .itm-retailers-hero .itm-retailers-hero__description {
    font-size: 13px;
  }
  .itm-retailers-hero .itm-retailers-hero__actions {
    flex-direction: column;
  }
  .itm-retailers-hero .itm-retailers-hero__button {
    width: 100%;
  }
  .itm-retailers-hero .itm-retailers-hero__stats {
    grid-template-columns: 1fr;
  }
  .itm-retailers-hero .itm-retailers-hero__visual {
    width: 295px;
    height: 295px;
  }
  .itm-retailers-hero .itm-retailers-hero__core {
    width: 150px;
    height: 150px;
  }
  .itm-retailers-hero .itm-retailers-hero__core-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    font-size: 22px;
  }
  .itm-retailers-hero .itm-retailers-hero__floating {
    min-width: 132px;
    padding: 8px;
  }
  .itm-retailers-hero .itm-retailers-hero__floating > span {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  .itm-retailers-hero .itm-retailers-hero__floating strong {
    font-size: 8px;
  }
  .itm-retailers-hero .itm-retailers-hero__floating small {
    font-size: 7px;
  }
  .itm-retailers-intro {
    padding: 70px 0;
  }
  .itm-retailers-intro .itm-retailers-intro__title {
    font-size: 28px;
  }
  .itm-retailers-intro .itm-retailers-intro__visual,
  .itm-retailers-intro .itm-retailers-intro__image {
    min-height: 350px;
  }
  .itm-retailers-intro .itm-retailers-intro__image-badge {
    top: 16px;
    right: 16px;
    min-width: 190px;
  }
  .itm-retailers-intro .itm-retailers-intro__image-label {
    right: 16px;
    bottom: 16px;
  }
  .itm-retailers-intro .itm-retailers-intro__content h3 {
    font-size: 23px;
  }
  .itm-retailers-intro .itm-retailers-intro__highlights {
    grid-template-columns: 1fr;
  }
  .itm-retailers-role {
    padding: 65px 0;
  }
  .itm-retailers-role .itm-retailers-role__intro {
    padding: 27px 20px;
    border-radius: 23px;
  }
  .itm-retailers-role .itm-retailers-role__intro h2 {
    font-size: 24px;
  }
  .itm-retailers-role .itm-retailers-role__button {
    width: 100%;
  }
  .itm-retailers-role .itm-retailers-role__card {
    min-height: auto;
    padding: 20px;
  }
}
.itm-sellers-page-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #102f3b;
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-page-hero .itm-sellers-page-hero__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.itm-sellers-page-hero .itm-sellers-page-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.itm-sellers-page-hero .itm-sellers-page-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(13, 38, 47, 0.97) 0%,
    rgba(18, 55, 64, 0.91) 50%,
    rgba(24, 96, 87, 0.78) 100%
  );
}
.itm-sellers-page-hero .itm-sellers-page-hero__grid {
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 58px 58px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
}
.itm-sellers-page-hero .itm-sellers-page-hero__glow--one {
  top: -270px;
  right: -170px;
  width: 620px;
  height: 620px;
  background: rgba(42, 157, 143, 0.26);
}
.itm-sellers-page-hero .itm-sellers-page-hero__glow--two {
  bottom: -350px;
  left: -180px;
  width: 660px;
  height: 660px;
  background: rgba(233, 196, 106, 0.12);
}
.itm-sellers-page-hero .itm-sellers-page-hero__container {
  position: relative;
  z-index: 3;
  padding-top: 75px;
  padding-bottom: 115px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.3s ease;
}
.itm-sellers-page-hero .itm-sellers-page-hero__breadcrumb a:hover {
  color: #e9c46a;
}
.itm-sellers-page-hero .itm-sellers-page-hero__breadcrumb > i {
  color: #e9c46a;
  font-size: 10px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__content {
  max-width: 790px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border: 1px solid rgba(233, 196, 106, 0.28);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 11px;
  font-weight: 700;
}
.itm-sellers-page-hero .itm-sellers-page-hero__title {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.55;
  letter-spacing: -1px;
}
.itm-sellers-page-hero .itm-sellers-page-hero__description {
  max-width: 690px;
  margin: 0;
  color: rgba(255, 255, 255, 0.67);
  font-size: 14px;
  line-height: 2.1;
}
.itm-sellers-page-hero .itm-sellers-page-hero__curve {
  position: absolute;
  right: -5%;
  bottom: -57px;
  left: -5%;
  z-index: 4;
  height: 94px;
  border-radius: 50% 50% 0 0;
  background: #ffffff;
}
.itm-sellers-intro {
  position: relative;
  overflow: hidden;
  padding: 105px 0 120px;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-intro .itm-sellers-intro__container {
  position: relative;
  z-index: 3;
}
.itm-sellers-intro .itm-sellers-intro__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.15) 1px,
    transparent 1px
  );
  background-size: 28px 28px;
  pointer-events: none;
}
.itm-sellers-intro .itm-sellers-intro__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-intro .itm-sellers-intro__glow--one {
  top: -180px;
  right: -190px;
  width: 500px;
  height: 500px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.11),
    rgba(42, 157, 143, 0)
  );
}
.itm-sellers-intro .itm-sellers-intro__glow--two {
  bottom: -220px;
  left: -180px;
  width: 520px;
  height: 520px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.11),
    rgba(233, 196, 106, 0)
  );
}
.itm-sellers-intro .itm-sellers-intro__content {
  max-width: 680px;
}
.itm-sellers-intro .itm-sellers-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #edf8f6;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 700;
}
.itm-sellers-intro .itm-sellers-intro__title {
  margin: 0 0 23px;
  color: #17343e;
  font-size: 46px;
  font-weight: 800;
  line-height: 1.55;
  letter-spacing: -0.8px;
}
.itm-sellers-intro .itm-sellers-intro__title span {
  display: block;
  color: #2a9d8f;
}
.itm-sellers-intro .itm-sellers-intro__description {
  margin: 0 0 16px;
  color: #687a80;
  font-size: 14px;
  line-height: 2.25;
  text-align: justify;
}
.itm-sellers-intro .itm-sellers-intro__advantages {
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
  margin-top: 29px;
}
.itm-sellers-intro .itm-sellers-intro__advantage {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border: 1px solid #e4eeec;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.86);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-sellers-intro .itm-sellers-intro__advantage:hover {
  transform: translateX(-5px);
  border-color: rgba(42, 157, 143, 0.35);
  box-shadow: 0 15px 35px rgba(25, 70, 69, 0.08);
}
.itm-sellers-intro .itm-sellers-intro__advantage-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: linear-gradient(135deg, #2a9d8f, #247e75);
  color: #ffffff;
  font-size: 12px;
}
.itm-sellers-intro .itm-sellers-intro__advantage strong {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 12px;
  font-weight: 800;
}
.itm-sellers-intro .itm-sellers-intro__advantage small {
  display: block;
  color: #849296;
  font-size: 11px;
  line-height: 1.9;
}
.itm-sellers-intro .itm-sellers-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 31px;
}
.itm-sellers-intro .itm-sellers-intro__button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-sellers-intro .itm-sellers-intro__button:hover {
  transform: translateY(-3px);
}
.itm-sellers-intro .itm-sellers-intro__button--primary {
  background: #2a9d8f;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.2);
}
.itm-sellers-intro .itm-sellers-intro__button--primary:hover {
  background: #23877c;
  color: #ffffff;
}
.itm-sellers-intro .itm-sellers-intro__button--secondary {
  background: #17343e;
  color: #ffffff;
}
.itm-sellers-intro .itm-sellers-intro__button--secondary:hover {
  background: #214853;
  color: #ffffff;
}
.itm-sellers-intro .itm-sellers-intro__button--outline {
  border-color: #dce9e7;
  background: #ffffff;
  color: #31525a;
}
.itm-sellers-intro .itm-sellers-intro__button--outline:hover {
  border-color: #2a9d8f;
  color: #2a9d8f;
}
.itm-sellers-intro .itm-sellers-intro__visual {
  position: relative;
  max-width: 580px;
  min-height: 590px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
}
.itm-sellers-intro .itm-sellers-intro__visual-orbit {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-intro .itm-sellers-intro__visual-orbit--outer {
  width: 540px;
  height: 540px;
  border: 1px solid rgba(42, 157, 143, 0.14);
}
.itm-sellers-intro .itm-sellers-intro__visual-orbit--inner {
  width: 455px;
  height: 455px;
  border: 1px dashed rgba(233, 196, 106, 0.31);
}
.itm-sellers-intro .itm-sellers-intro__image-frame {
  position: relative;
  z-index: 2;
  width: 450px;
  overflow: hidden;
  border: 9px solid #ffffff;
  border-radius: 38px;
  background: #edf4f3;
  box-shadow: 0 32px 75px rgba(17, 61, 65, 0.17);
}
.itm-sellers-intro .itm-sellers-intro__image {
  width: 100%;
  min-height: 500px;
  display: block;
  object-fit: cover;
}
.itm-sellers-intro .itm-sellers-intro__image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(16, 47, 59, 0) 48%,
    rgba(16, 47, 59, 0.82) 100%
  );
  pointer-events: none;
}
.itm-sellers-intro .itm-sellers-intro__image-caption {
  position: absolute;
  right: 22px;
  bottom: 22px;
  left: 22px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.itm-sellers-intro .itm-sellers-intro__image-caption > span {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #e9c46a;
  color: #17343e;
  font-size: 17px;
}
.itm-sellers-intro .itm-sellers-intro__image-caption small {
  display: block;
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
}
.itm-sellers-intro .itm-sellers-intro__image-caption strong {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-intro .itm-sellers-intro__floating-card {
  position: absolute;
  z-index: 4;
  min-width: 155px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 20px 45px rgba(24, 61, 67, 0.14);
  backdrop-filter: blur(10px);
}
.itm-sellers-intro .itm-sellers-intro__floating-card > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #edf8f6;
  color: #2a9d8f;
  font-size: 15px;
}
.itm-sellers-intro .itm-sellers-intro__floating-card strong {
  display: block;
  color: #17343e;
  font-size: 14px;
  font-weight: 800;
}
.itm-sellers-intro .itm-sellers-intro__floating-card small {
  display: block;
  margin-top: 2px;
  color: #849296;
  font-size: 8px;
}
.itm-sellers-intro .itm-sellers-intro__floating-card--sellers {
  top: 30px;
  right: -5px;
}
.itm-sellers-intro .itm-sellers-intro__floating-card--products {
  top: 46%;
  left: -30px;
}
.itm-sellers-intro .itm-sellers-intro__floating-card--cities {
  right: 25px;
  bottom: 20px;
}
@media (max-width: 991px) {
  .itm-sellers-page-hero {
    min-height: 390px;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__content {
    margin: 0 auto;
    text-align: center;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__breadcrumb {
    justify-content: center;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-sellers-intro {
    padding: 85px 0 100px;
  }
  .itm-sellers-intro .itm-sellers-intro__content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-sellers-intro .itm-sellers-intro__description {
    text-align: center;
  }
  .itm-sellers-intro .itm-sellers-intro__advantages {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
  }
  .itm-sellers-intro .itm-sellers-intro__advantage {
    text-align: right;
  }
  .itm-sellers-intro .itm-sellers-intro__actions {
    justify-content: center;
  }
  .itm-sellers-intro .itm-sellers-intro__visual {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .itm-sellers-page-hero {
    min-height: 350px;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__container {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__title {
    font-size: 34px;
  }
  .itm-sellers-page-hero .itm-sellers-page-hero__description {
    font-size: 12px;
  }
  .itm-sellers-intro {
    padding: 70px 0 85px;
  }
  .itm-sellers-intro .itm-sellers-intro__title {
    font-size: 32px;
  }
  .itm-sellers-intro .itm-sellers-intro__description {
    font-size: 12px;
  }
  .itm-sellers-intro .itm-sellers-intro__actions {
    flex-direction: column;
  }
  .itm-sellers-intro .itm-sellers-intro__button {
    width: 100%;
  }
  .itm-sellers-intro .itm-sellers-intro__visual {
    min-height: 470px;
  }
  .itm-sellers-intro .itm-sellers-intro__visual-orbit--outer {
    width: 390px;
    height: 390px;
  }
  .itm-sellers-intro .itm-sellers-intro__visual-orbit--inner {
    width: 330px;
    height: 330px;
  }
  .itm-sellers-intro .itm-sellers-intro__image-frame {
    width: 320px;
    border-radius: 28px;
  }
  .itm-sellers-intro .itm-sellers-intro__image {
    min-height: 400px;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card {
    min-width: 125px;
    padding: 9px 10px;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card > span {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 12px;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card strong {
    font-size: 11px;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card small {
    font-size: 7px;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card--sellers {
    right: 0;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card--products {
    left: 0;
  }
  .itm-sellers-intro .itm-sellers-intro__floating-card--cities {
    right: 10px;
  }
}
.itm-sellers-why {
  position: relative;
  overflow: hidden;
  padding: 115px 0;
  background: linear-gradient(180deg, #f7fbfa 0%, #ffffff 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-why .itm-sellers-why__container {
  position: relative;
  z-index: 3;
}
.itm-sellers-why .itm-sellers-why__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.36;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.16) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  pointer-events: none;
}
.itm-sellers-why .itm-sellers-why__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-why .itm-sellers-why__glow--one {
  top: -240px;
  right: -180px;
  width: 560px;
  height: 560px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0)
  );
}
.itm-sellers-why .itm-sellers-why__glow--two {
  bottom: -280px;
  left: -180px;
  width: 620px;
  height: 620px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.14),
    rgba(233, 196, 106, 0)
  );
}
.itm-sellers-why .itm-sellers-why__heading {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-sellers-why .itm-sellers-why__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #eaf7f5;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-why .itm-sellers-why__title {
  margin: 0 0 15px;
  color: #17343e;
  font-size: 43px;
  font-weight: 800;
  line-height: 1.6;
}
.itm-sellers-why .itm-sellers-why__title span {
  color: #2a9d8f;
}
.itm-sellers-why .itm-sellers-why__subtitle {
  max-width: 640px;
  margin: 0 auto;
  color: #6d7f84;
  font-size: 13px;
  line-height: 2.1;
}
.itm-sellers-why .itm-sellers-why__cards {
  position: relative;
  margin-bottom: 55px;
}
.itm-sellers-why .itm-sellers-why__card {
  position: relative;
  height: 100%;
  min-height: 410px;
  overflow: hidden;
  padding: 34px 30px 28px;
  border: 1px solid #e1ecea;
  border-radius: 28px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 251, 250, 0.95)
  );
  box-shadow: 0 20px 55px rgba(20, 60, 66, 0.08);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-sellers-why .itm-sellers-why__card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.06);
}
.itm-sellers-why .itm-sellers-why__card:hover {
  transform: translateY(-10px);
  border-color: rgba(42, 157, 143, 0.35);
  box-shadow: 0 28px 70px rgba(20, 60, 66, 0.13);
}
.itm-sellers-why .itm-sellers-why__card--featured {
  border-color: rgba(42, 157, 143, 0.34);
  background: linear-gradient(150deg, #ffffff 0%, #edf8f6 100%);
  box-shadow: 0 28px 70px rgba(42, 157, 143, 0.13);
}
.itm-sellers-why .itm-sellers-why__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 7px 12px;
  border-radius: 20px;
  background: #e9c46a;
  color: #17343e;
  font-size: 8px;
  font-weight: 800;
}
.itm-sellers-why .itm-sellers-why__card-number {
  position: absolute;
  top: 22px;
  right: 25px;
  color: rgba(23, 52, 62, 0.08);
  font-size: 42px;
  font-weight: 900;
}
.itm-sellers-why .itm-sellers-why__icon {
  position: relative;
  z-index: 2;
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
  border-radius: 23px;
  background: linear-gradient(135deg, #2a9d8f, #216f69);
  color: #ffffff;
  font-size: 26px;
  box-shadow: 0 18px 35px rgba(42, 157, 143, 0.22);
}
.itm-sellers-why .itm-sellers-why__card-title {
  position: relative;
  z-index: 2;
  min-height: 58px;
  margin: 0 0 17px;
  color: #17343e;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.9;
}
.itm-sellers-why .itm-sellers-why__card-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #718186;
  font-size: 12px;
  line-height: 2.15;
  text-align: justify;
}
.itm-sellers-why .itm-sellers-why__card-footer {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #e6efed;
}
.itm-sellers-why .itm-sellers-why__card-footer span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #53686d;
  font-size: 11px;
  font-weight: 700;
}
.itm-sellers-why .itm-sellers-why__card-footer i {
  color: #2a9d8f;
  font-size: 12px;
}
.itm-sellers-why .itm-sellers-why__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 38px 42px;
  border-radius: 30px;
  background: linear-gradient(120deg, #17343e 0%, #1d5157 55%, #2a9d8f 100%);
  box-shadow: 0 28px 65px rgba(20, 55, 62, 0.2);
}
.itm-sellers-why .itm-sellers-why__cta::before {
  content: "";
  position: absolute;
  top: -110px;
  left: -70px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 55px solid rgba(255, 255, 255, 0.04);
}
.itm-sellers-why .itm-sellers-why__cta-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 20px;
}
.itm-sellers-why .itm-sellers-why__cta-icon {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
  color: #e9c46a;
  font-size: 27px;
  backdrop-filter: blur(8px);
}
.itm-sellers-why .itm-sellers-why__cta-label {
  display: block;
  margin-bottom: 7px;
  color: #e9c46a;
  font-size: 9px;
  font-weight: 800;
}
.itm-sellers-why .itm-sellers-why__cta-title {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.8;
}
.itm-sellers-why .itm-sellers-why__cta-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 2;
}
.itm-sellers-why .itm-sellers-why__cta-action {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
}
.itm-sellers-why .itm-sellers-why__cta-button {
  min-height: 57px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 13px 24px;
  border-radius: 16px;
  background: #e9c46a;
  color: #17343e;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-sellers-why .itm-sellers-why__cta-button:hover {
  transform: translateY(-4px);
  background: #f0d27d;
  color: #17343e;
}
@media (max-width: 991px) {
  .itm-sellers-why {
    padding: 90px 0;
  }
  .itm-sellers-why .itm-sellers-why__title {
    font-size: 37px;
  }
  .itm-sellers-why .itm-sellers-why__cta {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-sellers-why .itm-sellers-why__cta-action {
    width: 100%;
  }
  .itm-sellers-why .itm-sellers-why__cta-button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .itm-sellers-why {
    padding: 70px 0;
  }
  .itm-sellers-why .itm-sellers-why__heading {
    margin-bottom: 40px;
  }
  .itm-sellers-why .itm-sellers-why__title {
    font-size: 30px;
  }
  .itm-sellers-why .itm-sellers-why__subtitle {
    font-size: 11px;
  }
  .itm-sellers-why .itm-sellers-why__card {
    min-height: auto;
    padding: 28px 24px 24px;
  }
  .itm-sellers-why .itm-sellers-why__card-title {
    min-height: auto;
    font-size: 16px;
  }
  .itm-sellers-why .itm-sellers-why__cta {
    padding: 28px 22px;
    border-radius: 24px;
  }
  .itm-sellers-why .itm-sellers-why__cta-content {
    align-items: flex-start;
  }
  .itm-sellers-why .itm-sellers-why__cta-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 17px;
    font-size: 21px;
  }
  .itm-sellers-why .itm-sellers-why__cta-title {
    font-size: 17px;
  }
}
.itm-sellers-video {
  position: relative;
  overflow: hidden;
  padding: 115px 0 130px;
  background: linear-gradient(180deg, #102f3b 0%, #173f48 52%, #102f3b 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-video .itm-sellers-video__container {
  position: relative;
  z-index: 3;
}
.itm-sellers-video .itm-sellers-video__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 58px 58px;
  pointer-events: none;
}
.itm-sellers-video .itm-sellers-video__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-video .itm-sellers-video__glow--one {
  top: -230px;
  right: -150px;
  width: 590px;
  height: 590px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.26),
    rgba(42, 157, 143, 0)
  );
}
.itm-sellers-video .itm-sellers-video__glow--two {
  bottom: -290px;
  left: -180px;
  width: 650px;
  height: 650px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    rgba(233, 196, 106, 0)
  );
}
.itm-sellers-video .itm-sellers-video__heading {
  max-width: 760px;
  margin: 0 auto 52px;
  text-align: center;
}
.itm-sellers-video .itm-sellers-video__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border: 1px solid rgba(233, 196, 106, 0.28);
  border-radius: 30px;
  background: rgba(233, 196, 106, 0.1);
  color: #f0d486;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-video .itm-sellers-video__title {
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 43px;
  font-weight: 800;
  line-height: 1.6;
}
.itm-sellers-video .itm-sellers-video__title span {
  color: #e9c46a;
}
.itm-sellers-video .itm-sellers-video__subtitle {
  max-width: 660px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.61);
  font-size: 13px;
  line-height: 2.15;
}
.itm-sellers-video .itm-sellers-video__wrapper {
  position: relative;
  max-width: 1020px;
  min-height: 610px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.itm-sellers-video .itm-sellers-video__orbit {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-video .itm-sellers-video__orbit--one {
  width: 650px;
  height: 650px;
  border: 1px solid rgba(233, 196, 106, 0.16);
}
.itm-sellers-video .itm-sellers-video__orbit--two {
  width: 570px;
  height: 570px;
  border: 1px dashed rgba(42, 157, 143, 0.37);
}
.itm-sellers-video .itm-sellers-video__frame {
  position: relative;
  z-index: 3;
  width: 820px;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, 0.08);
  border-radius: 34px;
  background: #0c252d;
  box-shadow:
    0 35px 90px rgba(0, 0, 0, 0.37),
    0 0 0 1px rgba(255, 255, 255, 0.04);
}
.itm-sellers-video .itm-sellers-video__thumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
}
.itm-sellers-video .itm-sellers-video__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8, 28, 34, 0.2) 0%,
    rgba(8, 28, 34, 0.08) 44%,
    rgba(8, 28, 34, 0.82) 100%
  );
  pointer-events: none;
}
.itm-sellers-video .itm-sellers-video__topbar {
  position: absolute;
  top: 22px;
  right: 22px;
  left: 22px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.itm-sellers-video .itm-sellers-video__status,
.itm-sellers-video .itm-sellers-video__duration {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: rgba(9, 32, 39, 0.57);
  color: rgba(255, 255, 255, 0.84);
  font-size: 9px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-sellers-video .itm-sellers-video__status i {
  color: #e9c46a;
  font-size: 7px;
}
.itm-sellers-video .itm-sellers-video__duration i {
  color: #2a9d8f;
}
.itm-sellers-video .itm-sellers-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 112px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-decoration: none;
}
.itm-sellers-video .itm-sellers-video__play-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.23);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}
.itm-sellers-video .itm-sellers-video__play-icon {
  position: relative;
  z-index: 2;
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #e9c46a, #d6a943);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}
.itm-sellers-video .itm-sellers-video__play-icon i {
  margin-right: -3px;
}
.itm-sellers-video
  .itm-sellers-video__play:hover
  .itm-sellers-video__play-ring {
  transform: scale(1.12);
  background: rgba(255, 255, 255, 0.11);
}
.itm-sellers-video
  .itm-sellers-video__play:hover
  .itm-sellers-video__play-icon {
  transform: scale(1.06);
  background: linear-gradient(135deg, #f2d786, #e9c46a);
}
.itm-sellers-video .itm-sellers-video__caption {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(8, 30, 37, 0.5);
  backdrop-filter: blur(10px);
}
.itm-sellers-video .itm-sellers-video__caption-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.2);
  color: #75d4c7;
  font-size: 17px;
}
.itm-sellers-video .itm-sellers-video__caption small {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
}
.itm-sellers-video .itm-sellers-video__caption strong {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-video .itm-sellers-video__info {
  position: absolute;
  z-index: 4;
  min-width: 170px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 17px;
  background: rgba(15, 48, 57, 0.88);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
}
.itm-sellers-video .itm-sellers-video__info > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 15px;
}
.itm-sellers-video .itm-sellers-video__info strong {
  display: block;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
}
.itm-sellers-video .itm-sellers-video__info small {
  display: block;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-sellers-video .itm-sellers-video__info--products {
  top: 45px;
  right: 0;
}
.itm-sellers-video .itm-sellers-video__info--market {
  top: 47%;
  left: -15px;
}
.itm-sellers-video .itm-sellers-video__info--support {
  right: 55px;
  bottom: 15px;
}
@media (max-width: 991px) {
  .itm-sellers-video {
    padding: 90px 0 105px;
  }
  .itm-sellers-video .itm-sellers-video__title {
    font-size: 37px;
  }
  .itm-sellers-video .itm-sellers-video__wrapper {
    min-height: 560px;
  }
  .itm-sellers-video .itm-sellers-video__frame {
    width: 700px;
  }
  .itm-sellers-video .itm-sellers-video__orbit--one {
    width: 570px;
    height: 570px;
  }
  .itm-sellers-video .itm-sellers-video__orbit--two {
    width: 500px;
    height: 500px;
  }
  .itm-sellers-video .itm-sellers-video__info--products {
    right: 10px;
  }
  .itm-sellers-video .itm-sellers-video__info--market {
    left: 5px;
  }
}
@media (max-width: 767px) {
  .itm-sellers-video {
    padding: 70px 0 85px;
  }
  .itm-sellers-video .itm-sellers-video__heading {
    margin-bottom: 40px;
  }
  .itm-sellers-video .itm-sellers-video__title {
    font-size: 30px;
  }
  .itm-sellers-video .itm-sellers-video__subtitle {
    font-size: 11px;
  }
  .itm-sellers-video .itm-sellers-video__wrapper {
    min-height: 430px;
  }
  .itm-sellers-video .itm-sellers-video__frame {
    width: 100%;
    border-width: 5px;
    border-radius: 24px;
  }
  .itm-sellers-video .itm-sellers-video__orbit {
    display: none;
  }
  .itm-sellers-video .itm-sellers-video__topbar {
    top: 13px;
    right: 13px;
    left: 13px;
  }
  .itm-sellers-video .itm-sellers-video__status,
  .itm-sellers-video .itm-sellers-video__duration {
    padding: 6px 9px;
    font-size: 7px;
  }
  .itm-sellers-video .itm-sellers-video__play {
    width: 82px;
    height: 82px;
  }
  .itm-sellers-video .itm-sellers-video__play-icon {
    width: 56px;
    height: 56px;
    font-size: 18px;
  }
  .itm-sellers-video .itm-sellers-video__caption {
    right: 13px;
    bottom: 13px;
    left: 13px;
    padding: 11px 12px;
  }
  .itm-sellers-video .itm-sellers-video__caption-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 13px;
  }
  .itm-sellers-video .itm-sellers-video__caption strong {
    font-size: 8px;
  }
  .itm-sellers-video .itm-sellers-video__info {
    display: none;
  }
}
.itm-sellers-brands {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  background: #f5f9f8;
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-brands .itm-sellers-brands__container {
  position: relative;
  z-index: 3;
}
.itm-sellers-brands .itm-sellers-brands__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.16) 1px,
    transparent 1px
  );
  background-size: 29px 29px;
  pointer-events: none;
}
.itm-sellers-brands .itm-sellers-brands__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-brands .itm-sellers-brands__glow--one {
  top: -260px;
  right: -180px;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0)
  );
}
.itm-sellers-brands .itm-sellers-brands__glow--two {
  bottom: -270px;
  left: -180px;
  width: 620px;
  height: 620px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.14),
    rgba(233, 196, 106, 0)
  );
}
.itm-sellers-brands .itm-sellers-brands__header {
  margin-bottom: 45px;
}
.itm-sellers-brands .itm-sellers-brands__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #e6f5f2;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-brands .itm-sellers-brands__title {
  max-width: 750px;
  margin: 0 0 15px;
  color: #17343e;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.65;
}
.itm-sellers-brands .itm-sellers-brands__title span {
  color: #2a9d8f;
}
.itm-sellers-brands .itm-sellers-brands__subtitle {
  max-width: 680px;
  margin: 0;
  color: #6d7f84;
  font-size: 13px;
  line-height: 2.15;
}
.itm-sellers-brands .itm-sellers-brands__summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px 19px;
  border: 1px solid #dceae7;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 15px 35px rgba(20, 60, 66, 0.07);
}
.itm-sellers-brands .itm-sellers-brands__summary-icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #2a9d8f, #21766d);
  color: #ffffff;
  font-size: 18px;
  box-shadow: 0 12px 28px rgba(42, 157, 143, 0.22);
}
.itm-sellers-brands .itm-sellers-brands__summary strong {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-brands .itm-sellers-brands__summary small {
  display: block;
  color: #839195;
  font-size: 8px;
  line-height: 1.9;
}
.itm-sellers-brands .itm-sellers-brands__carousel-shell {
  position: relative;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  background: linear-gradient(135deg, #17343e 0%, #1b4850 55%, #216a68 100%);
  box-shadow: 0 30px 75px rgba(20, 55, 62, 0.18);
}
.itm-sellers-brands .itm-sellers-brands__carousel-shell::before {
  content: "";
  position: absolute;
  top: -130px;
  left: -80px;
  width: 330px;
  height: 330px;
  border: 65px solid rgba(255, 255, 255, 0.025);
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-brands .itm-sellers-brands__carousel-shell::after {
  content: "";
  position: absolute;
  right: -95px;
  bottom: -145px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.12);
  pointer-events: none;
}
.itm-sellers-brands .carousel-inner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 22px;
}
.itm-sellers-brands .itm-sellers-brands__card {
  position: relative;
  height: 100%;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  text-decoration: none;
  backdrop-filter: blur(12px);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-sellers-brands .itm-sellers-brands__card:hover {
  transform: translateY(-8px);
  border-color: rgba(233, 196, 106, 0.38);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.2);
}
.itm-sellers-brands .itm-sellers-brands__card-number {
  position: absolute;
  top: 16px;
  left: 17px;
  z-index: 3;
  color: rgba(23, 52, 62, 0.11);
  font-size: 22px;
  font-weight: 900;
}
.itm-sellers-brands .itm-sellers-brands__logo-frame {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 24px;
  border-radius: 17px;
  background: linear-gradient(145deg, #ffffff, #eef4f3);
}
.itm-sellers-brands .itm-sellers-brands__logo {
  width: 100%;
  max-width: 155px;
  max-height: 115px;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}
.itm-sellers-brands .itm-sellers-brands__card:hover .itm-sellers-brands__logo {
  transform: scale(1.06);
}
.itm-sellers-brands .itm-sellers-brands__card-footer {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: auto;
  padding: 17px 3px 2px;
}
.itm-sellers-brands .itm-sellers-brands__card-footer strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-brands .itm-sellers-brands__card-footer > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  transition: color 0.3s ease;
}
.itm-sellers-brands
  .itm-sellers-brands__card:hover
  .itm-sellers-brands__card-footer
  > span {
  color: #e9c46a;
}
.itm-sellers-brands .itm-sellers-brands__card--more {
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(
    145deg,
    rgba(233, 196, 106, 0.18),
    rgba(233, 196, 106, 0.07)
  );
}
.itm-sellers-brands .itm-sellers-brands__more-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 20px;
  background: #e9c46a;
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
}
.itm-sellers-brands .itm-sellers-brands__more-title {
  margin-bottom: 7px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
}
.itm-sellers-brands .itm-sellers-brands__more-text {
  max-width: 170px;
  margin-bottom: 17px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  line-height: 1.9;
}
.itm-sellers-brands .itm-sellers-brands__more-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #e9c46a;
  font-size: 9px;
  font-weight: 800;
}
.itm-sellers-brands .itm-sellers-brands__control {
  top: 50%;
  width: 44px;
  height: 44px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(14, 44, 51, 0.88);
  color: #ffffff;
  font-size: 18px;
  opacity: 1;
  backdrop-filter: blur(10px);
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}
.itm-sellers-brands .itm-sellers-brands__control:hover {
  transform: translateY(-50%) scale(1.07);
  background: #e9c46a;
  color: #17343e;
}
.itm-sellers-brands .itm-sellers-brands__control--prev {
  right: -22px;
  left: auto;
}
.itm-sellers-brands .itm-sellers-brands__control--next {
  right: auto;
  left: -22px;
}
.itm-sellers-brands .itm-sellers-brands__navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
.itm-sellers-brands .itm-sellers-brands__indicators {
  position: static;
  width: auto;
  justify-content: flex-start;
  gap: 7px;
  margin: 0;
}
.itm-sellers-brands .itm-sellers-brands__indicators button {
  width: 8px;
  height: 8px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: #b9cbc7;
  opacity: 1;
  transition:
    width 0.3s ease,
    border-radius 0.3s ease,
    background 0.3s ease;
}
.itm-sellers-brands .itm-sellers-brands__indicators button.active {
  width: 28px;
  border-radius: 10px;
  background: #2a9d8f;
}
.itm-sellers-brands .itm-sellers-brands__all-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #31555d;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  transition:
    color 0.3s ease,
    transform 0.3s ease;
}
.itm-sellers-brands .itm-sellers-brands__all-link:hover {
  transform: translateX(-5px);
  color: #2a9d8f;
}
@media (max-width: 991px) {
  .itm-sellers-brands {
    padding: 90px 0;
  }
  .itm-sellers-brands .itm-sellers-brands__title {
    font-size: 35px;
  }
  .itm-sellers-brands .itm-sellers-brands__summary {
    max-width: 420px;
  }
  .itm-sellers-brands .itm-sellers-brands__card {
    min-height: 255px;
  }
  .itm-sellers-brands .itm-sellers-brands__logo-frame {
    height: 145px;
  }
}
@media (max-width: 767px) {
  .itm-sellers-brands {
    padding: 70px 0;
  }
  .itm-sellers-brands .itm-sellers-brands__header {
    margin-bottom: 35px;
    text-align: center;
  }
  .itm-sellers-brands .itm-sellers-brands__title {
    font-size: 28px;
  }
  .itm-sellers-brands .itm-sellers-brands__subtitle {
    font-size: 11px;
  }
  .itm-sellers-brands .itm-sellers-brands__summary {
    margin: 0 auto;
    text-align: right;
  }
  .itm-sellers-brands .itm-sellers-brands__carousel-shell {
    padding: 14px;
    border-radius: 24px;
  }
  .itm-sellers-brands .itm-sellers-brands__card {
    min-height: 215px;
    padding: 11px;
    border-radius: 17px;
  }
  .itm-sellers-brands .itm-sellers-brands__logo-frame {
    height: 115px;
    padding: 15px;
    border-radius: 13px;
  }
  .itm-sellers-brands .itm-sellers-brands__card-footer {
    padding-top: 13px;
  }
  .itm-sellers-brands .itm-sellers-brands__card-footer strong {
    font-size: 9px;
  }
  .itm-sellers-brands .itm-sellers-brands__card-footer > span {
    font-size: 7px;
  }
  .itm-sellers-brands .itm-sellers-brands__more-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    border-radius: 15px;
    font-size: 18px;
  }
  .itm-sellers-brands .itm-sellers-brands__more-title {
    font-size: 11px;
  }
  .itm-sellers-brands .itm-sellers-brands__more-text {
    display: none;
  }
  .itm-sellers-brands .itm-sellers-brands__control {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    font-size: 15px;
  }
  .itm-sellers-brands .itm-sellers-brands__control--prev {
    right: -12px;
  }
  .itm-sellers-brands .itm-sellers-brands__control--next {
    left: -12px;
  }
}
.itm-sellers-features {
  position: relative;
  overflow: hidden;
  padding: 115px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f5faf9 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-sellers-features .itm-sellers-features__container {
  position: relative;
  z-index: 3;
}
.itm-sellers-features .itm-sellers-features__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.16) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  pointer-events: none;
}
.itm-sellers-features .itm-sellers-features__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-sellers-features .itm-sellers-features__glow--one {
  top: -250px;
  right: -180px;
  width: 590px;
  height: 590px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0)
  );
}
.itm-sellers-features .itm-sellers-features__glow--two {
  bottom: -280px;
  left: -200px;
  width: 630px;
  height: 630px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    rgba(233, 196, 106, 0)
  );
}
.itm-sellers-features .itm-sellers-features__heading {
  max-width: 780px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-sellers-features .itm-sellers-features__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-features .itm-sellers-features__title {
  margin: 0 0 15px;
  color: #17343e;
  font-size: 43px;
  font-weight: 800;
  line-height: 1.65;
}
.itm-sellers-features .itm-sellers-features__title span {
  color: #2a9d8f;
}
.itm-sellers-features .itm-sellers-features__subtitle {
  max-width: 660px;
  margin: 0 auto;
  color: #6e8085;
  font-size: 13px;
  line-height: 2.15;
}
.itm-sellers-features .itm-sellers-features__grid {
  position: relative;
}
.itm-sellers-features .itm-sellers-features__card {
  position: relative;
  height: 100%;
  min-height: 470px;
  overflow: hidden;
  padding: 32px 29px 28px;
  border: 1px solid #dfeae8;
  border-radius: 29px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 251, 250, 0.94)
  );
  box-shadow: 0 22px 58px rgba(20, 60, 66, 0.08);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-sellers-features .itm-sellers-features__card::before {
  content: "";
  position: absolute;
  top: -85px;
  left: -85px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.055);
}
.itm-sellers-features .itm-sellers-features__card:hover {
  transform: translateY(-10px);
  border-color: rgba(42, 157, 143, 0.34);
  box-shadow: 0 32px 78px rgba(20, 60, 66, 0.13);
}
.itm-sellers-features .itm-sellers-features__card--featured {
  border-color: rgba(42, 157, 143, 0.34);
  background: linear-gradient(150deg, #ffffff 0%, #edf8f6 100%);
  box-shadow: 0 28px 72px rgba(42, 157, 143, 0.13);
}
.itm-sellers-features .itm-sellers-features__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  padding: 7px 12px;
  border-radius: 20px;
  background: #e9c46a;
  color: #17343e;
  font-size: 8px;
  font-weight: 800;
}
.itm-sellers-features .itm-sellers-features__card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.itm-sellers-features .itm-sellers-features__number {
  color: rgba(23, 52, 62, 0.1);
  font-size: 43px;
  font-weight: 900;
  line-height: 1;
}
.itm-sellers-features .itm-sellers-features__icon {
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  background: linear-gradient(135deg, #2a9d8f, #216f68);
  color: #ffffff;
  font-size: 26px;
  box-shadow: 0 18px 36px rgba(42, 157, 143, 0.22);
}
.itm-sellers-features .itm-sellers-features__card-title {
  position: relative;
  z-index: 2;
  min-height: 66px;
  margin: 0 0 17px;
  color: #17343e;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.9;
}
.itm-sellers-features .itm-sellers-features__card-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #708186;
  font-size: 12px;
  line-height: 2.15;
  text-align: justify;
}
.itm-sellers-features .itm-sellers-features__points {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 25px;
  padding-top: 21px;
  border-top: 1px solid #e4edeb;
}
.itm-sellers-features .itm-sellers-features__points span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #53686d;
  font-size: 11px;
  font-weight: 700;
}
.itm-sellers-features .itm-sellers-features__points i {
  color: #2a9d8f;
  font-size: 12px;
}
.itm-sellers-features .itm-sellers-features__card-line {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  transition: width 0.4s ease;
}
.itm-sellers-features
  .itm-sellers-features__card:hover
  .itm-sellers-features__card-line {
  width: 100%;
}
.itm-sellers-features .itm-sellers-features__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 45px;
  padding: 25px 30px;
  border: 1px solid #dce9e6;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 46px rgba(20, 60, 66, 0.07);
  backdrop-filter: blur(10px);
}
.itm-sellers-features .itm-sellers-features__bottom-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
}
.itm-sellers-features .itm-sellers-features__bottom-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 17px;
}
.itm-sellers-features .itm-sellers-features__bottom-item strong {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 11px;
  font-weight: 800;
}
.itm-sellers-features .itm-sellers-features__bottom-item small {
  display: block;
  color: #849296;
  font-size: 8px;
}
.itm-sellers-features .itm-sellers-features__bottom-divider {
  width: 1px;
  height: 44px;
  background: #dfe9e7;
}
@media (max-width: 991px) {
  .itm-sellers-features {
    padding: 90px 0;
  }
  .itm-sellers-features .itm-sellers-features__title {
    font-size: 37px;
  }
  .itm-sellers-features .itm-sellers-features__card {
    min-height: 440px;
  }
  .itm-sellers-features .itm-sellers-features__bottom {
    flex-wrap: wrap;
  }
  .itm-sellers-features .itm-sellers-features__bottom-item {
    min-width: 220px;
  }
  .itm-sellers-features .itm-sellers-features__bottom-divider {
    display: none;
  }
}
@media (max-width: 767px) {
  .itm-sellers-features {
    padding: 70px 0;
  }
  .itm-sellers-features .itm-sellers-features__heading {
    margin-bottom: 40px;
  }
  .itm-sellers-features .itm-sellers-features__title {
    font-size: 30px;
  }
  .itm-sellers-features .itm-sellers-features__subtitle {
    font-size: 11px;
  }
  .itm-sellers-features .itm-sellers-features__card {
    min-height: auto;
    padding: 27px 23px 24px;
    border-radius: 23px;
  }
  .itm-sellers-features .itm-sellers-features__icon {
    width: 62px;
    height: 62px;
    border-radius: 19px;
    font-size: 22px;
  }
  .itm-sellers-features .itm-sellers-features__number {
    font-size: 36px;
  }
  .itm-sellers-features .itm-sellers-features__card-title {
    min-height: auto;
    font-size: 16px;
  }
  .itm-sellers-features .itm-sellers-features__bottom {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
  }
  .itm-sellers-features .itm-sellers-features__bottom-item {
    min-width: 0;
    justify-content: flex-start;
    padding: 10px 0;
  }
}
.itm-seller-services {
  position: relative;
  overflow: hidden;
  padding: 115px 0;
  background: linear-gradient(180deg, #f5faf9 0%, #ffffff 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-seller-services .itm-seller-services__container {
  position: relative;
  z-index: 3;
}
.itm-seller-services .itm-seller-services__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.15) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  pointer-events: none;
}
.itm-seller-services .itm-seller-services__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-seller-services .itm-seller-services__glow--one {
  top: -260px;
  right: -170px;
  width: 610px;
  height: 610px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0)
  );
}
.itm-seller-services .itm-seller-services__glow--two {
  bottom: -300px;
  left: -190px;
  width: 650px;
  height: 650px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    rgba(233, 196, 106, 0)
  );
}
.itm-seller-services .itm-seller-services__heading {
  max-width: 820px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-seller-services .itm-seller-services__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #e8f6f3;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-seller-services .itm-seller-services__title {
  margin: 0 0 15px;
  color: #17343e;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.65;
}
.itm-seller-services .itm-seller-services__title span {
  color: #2a9d8f;
}
.itm-seller-services .itm-seller-services__subtitle {
  max-width: 680px;
  margin: 0 auto;
  color: #6f8085;
  font-size: 13px;
  line-height: 2.15;
}
.itm-seller-services .itm-seller-services__panel {
  position: relative;
  overflow: hidden;
  border: 1px solid #dce9e6;
  border-radius: 34px;
  background: #ffffff;
  box-shadow: 0 32px 85px rgba(20, 60, 66, 0.12);
}
.itm-seller-services .itm-seller-services__visual {
  position: relative;
  min-height: 680px;
  height: 100%;
  overflow: hidden;
  padding: 60px 42px;
  background: linear-gradient(145deg, #17343e 0%, #1d555b 55%, #2a9d8f 100%);
}
.itm-seller-services .itm-seller-services__visual::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: 340px;
  height: 340px;
  border: 60px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}
.itm-seller-services .itm-seller-services__visual::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -150px;
  width: 370px;
  height: 370px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.08);
}
.itm-seller-services .itm-seller-services__visual-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 48px 48px;
}
.itm-seller-services .itm-seller-services__visual-content {
  position: relative;
  z-index: 3;
  max-width: 390px;
}
.itm-seller-services .itm-seller-services__visual-label {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 14px;
  border: 1px solid rgba(233, 196, 106, 0.3);
  border-radius: 20px;
  background: rgba(233, 196, 106, 0.1);
  color: #efd681;
  font-size: 9px;
  font-weight: 800;
}
.itm-seller-services .itm-seller-services__visual-title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.85;
}
.itm-seller-services .itm-seller-services__visual-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  line-height: 2.15;
}
.itm-seller-services .itm-seller-services__visual-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 34px;
}
.itm-seller-services .itm-seller-services__visual-item {
  display: flex;
  align-items: center;
  gap: 11px;
  color: rgba(255, 255, 255, 0.87);
  font-size: 10px;
  font-weight: 700;
}
.itm-seller-services .itm-seller-services__visual-item span {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.11);
  color: #e9c46a;
  font-size: 11px;
}
.itm-seller-services .itm-seller-services__floating-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 205px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(12, 43, 50, 0.76);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
}
.itm-seller-services .itm-seller-services__floating-card > span {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(233, 196, 106, 0.13);
  color: #e9c46a;
  font-size: 16px;
}
.itm-seller-services .itm-seller-services__floating-card strong {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
}
.itm-seller-services .itm-seller-services__floating-card small {
  display: block;
  color: rgba(255, 255, 255, 0.45);
  font-size: 8px;
}
.itm-seller-services .itm-seller-services__floating-card--top {
  top: 385px;
  left: 26px;
}
.itm-seller-services .itm-seller-services__floating-card--bottom {
  right: 28px;
  bottom: 42px;
}
.itm-seller-services .itm-seller-services__content {
  min-height: 680px;
  padding: 38px;
  background: #ffffff;
}
.itm-seller-services .itm-seller-services__accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.itm-seller-services .itm-seller-services__item {
  overflow: hidden;
  border: 1px solid #dfebe8;
  border-radius: 20px;
  background: #f9fcfb;
  box-shadow: none;
}
.itm-seller-services .itm-seller-services__button {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 19px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #17343e;
}
.itm-seller-services .itm-seller-services__button:not(.collapsed) {
  background: linear-gradient(90deg, #eef8f6, #f8fcfb);
  color: #17343e;
  box-shadow: none;
}
.itm-seller-services .itm-seller-services__button:focus {
  border: 0;
  box-shadow: none;
}
.itm-seller-services .itm-seller-services__button::after {
  width: 34px;
  height: 34px;
  margin-right: auto;
  margin-left: 0;
  border-radius: 11px;
  background-color: #eaf5f3;
  background-size: 13px;
  background-position: center;
}
.itm-seller-services .itm-seller-services__button-icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #2a9d8f, #21756d);
  color: #ffffff;
  font-size: 19px;
  box-shadow: 0 13px 28px rgba(42, 157, 143, 0.2);
}
.itm-seller-services .itm-seller-services__button-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: right;
}
.itm-seller-services .itm-seller-services__button-content small {
  color: #93a19f;
  font-size: 8px;
  font-weight: 700;
}
.itm-seller-services .itm-seller-services__button-content strong {
  color: #17343e;
  font-size: 13px;
  font-weight: 800;
}
.itm-seller-services .itm-seller-services__body {
  padding: 3px 89px 24px 25px;
}
.itm-seller-services .itm-seller-services__body p {
  margin: 0;
  color: #718186;
  font-size: 11px;
  line-height: 2.15;
}
.itm-seller-services .itm-seller-services__body-points {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 16px;
}
.itm-seller-services .itm-seller-services__body-points span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 12px;
  background: #eef7f5;
  color: #476268;
  font-size: 8px;
  font-weight: 700;
}
.itm-seller-services .itm-seller-services__body-points i {
  color: #2a9d8f;
}
.itm-seller-services .itm-seller-services__cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: 38px;
  padding: 34px 38px;
  border-radius: 28px;
  background: linear-gradient(120deg, #17343e 0%, #1e5358 55%, #2a9d8f 100%);
  box-shadow: 0 28px 70px rgba(20, 55, 62, 0.2);
}
.itm-seller-services .itm-seller-services__cta::before {
  content: "";
  position: absolute;
  top: -110px;
  left: -70px;
  width: 300px;
  height: 300px;
  border: 60px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}
.itm-seller-services .itm-seller-services__cta-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
}
.itm-seller-services .itm-seller-services__cta-icon {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.11);
  color: #e9c46a;
  font-size: 25px;
  backdrop-filter: blur(8px);
}
.itm-seller-services .itm-seller-services__cta-label {
  display: block;
  margin-bottom: 6px;
  color: #e9c46a;
  font-size: 9px;
  font-weight: 800;
}
.itm-seller-services .itm-seller-services__cta-title {
  margin: 0 0 7px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.8;
}
.itm-seller-services .itm-seller-services__cta-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.57);
  font-size: 9px;
  line-height: 2;
}
.itm-seller-services .itm-seller-services__cta-button {
  position: relative;
  z-index: 2;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 17px;
  background: #e9c46a;
  color: #17343e;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.17);
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.itm-seller-services .itm-seller-services__cta-button:hover {
  transform: translateY(-4px);
  background: #f1d47e;
  color: #17343e;
}
@media (max-width: 991px) {
  .itm-seller-services {
    padding: 90px 0;
  }
  .itm-seller-services .itm-seller-services__title {
    font-size: 36px;
  }
  .itm-seller-services .itm-seller-services__visual {
    min-height: 520px;
  }
  .itm-seller-services .itm-seller-services__content {
    min-height: auto;
  }
  .itm-seller-services .itm-seller-services__cta {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-seller-services .itm-seller-services__cta-button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .itm-seller-services {
    padding: 70px 0;
  }
  .itm-seller-services .itm-seller-services__heading {
    margin-bottom: 40px;
  }
  .itm-seller-services .itm-seller-services__title {
    font-size: 29px;
  }
  .itm-seller-services .itm-seller-services__subtitle {
    font-size: 11px;
  }
  .itm-seller-services .itm-seller-services__panel {
    border-radius: 25px;
  }
  .itm-seller-services .itm-seller-services__visual {
    min-height: 470px;
    padding: 42px 25px;
  }
  .itm-seller-services .itm-seller-services__visual-title {
    font-size: 22px;
  }
  .itm-seller-services .itm-seller-services__floating-card {
    min-width: 175px;
    padding: 11px 12px;
  }
  .itm-seller-services .itm-seller-services__floating-card--top {
    top: auto;
    right: 22px;
    bottom: 110px;
    left: auto;
  }
  .itm-seller-services .itm-seller-services__floating-card--bottom {
    right: auto;
    bottom: 30px;
    left: 22px;
  }
  .itm-seller-services .itm-seller-services__content {
    padding: 22px 15px;
  }
  .itm-seller-services .itm-seller-services__button {
    min-height: 78px;
    padding: 13px;
  }
  .itm-seller-services .itm-seller-services__button-icon {
    width: 47px;
    height: 47px;
    flex-basis: 47px;
    border-radius: 14px;
    font-size: 16px;
  }
  .itm-seller-services .itm-seller-services__button-content strong {
    font-size: 10px;
  }
  .itm-seller-services .itm-seller-services__body {
    padding: 3px 16px 20px;
  }
  .itm-seller-services .itm-seller-services__cta {
    padding: 27px 21px;
    border-radius: 23px;
  }
  .itm-seller-services .itm-seller-services__cta-content {
    align-items: flex-start;
  }
  .itm-seller-services .itm-seller-services__cta-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 17px;
    font-size: 20px;
  }
  .itm-seller-services .itm-seller-services__cta-title {
    font-size: 16px;
  }
}
.itm-seller-steps {
  position: relative;
  overflow: hidden;
  padding: 115px 0 125px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9f8 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-seller-steps .itm-seller-steps__container {
  position: relative;
  z-index: 3;
}
.itm-seller-steps .itm-seller-steps__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image: radial-gradient(
    rgba(42, 157, 143, 0.15) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  pointer-events: none;
}
.itm-seller-steps .itm-seller-steps__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-seller-steps .itm-seller-steps__glow--one {
  top: -270px;
  right: -190px;
  width: 620px;
  height: 620px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0)
  );
}
.itm-seller-steps .itm-seller-steps__glow--two {
  bottom: -290px;
  left: -190px;
  width: 640px;
  height: 640px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    rgba(233, 196, 106, 0)
  );
}
.itm-seller-steps .itm-seller-steps__heading {
  max-width: 800px;
  margin: 0 auto 65px;
  text-align: center;
}
.itm-seller-steps .itm-seller-steps__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border-radius: 30px;
  background: #e7f6f3;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 800;
}
.itm-seller-steps .itm-seller-steps__title {
  margin: 0 0 15px;
  color: #17343e;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.65;
}
.itm-seller-steps .itm-seller-steps__title span {
  color: #2a9d8f;
}
.itm-seller-steps .itm-seller-steps__subtitle {
  margin: 0;
  color: #6f8085;
  font-size: 13px;
  line-height: 2.1;
}
.itm-seller-steps .itm-seller-steps__timeline {
  position: relative;
}
.itm-seller-steps .itm-seller-steps__line {
  position: absolute;
  top: 70px;
  right: 12%;
  left: 12%;
  z-index: 1;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(42, 157, 143, 0),
    rgba(42, 157, 143, 0.55),
    rgba(233, 196, 106, 0.6),
    rgba(42, 157, 143, 0.55),
    rgba(42, 157, 143, 0)
  );
}
.itm-seller-steps .itm-seller-steps__card {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 420px;
  overflow: hidden;
  padding: 31px 28px 27px;
  border: 1px solid #dfeae7;
  border-radius: 28px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 251, 250, 0.96)
  );
  box-shadow: 0 23px 62px rgba(20, 60, 66, 0.08);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-seller-steps .itm-seller-steps__card::before {
  content: "";
  position: absolute;
  top: -95px;
  left: -85px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.055);
}
.itm-seller-steps .itm-seller-steps__card:hover {
  transform: translateY(-10px);
  border-color: rgba(42, 157, 143, 0.34);
  box-shadow: 0 34px 80px rgba(20, 60, 66, 0.13);
}
.itm-seller-steps .itm-seller-steps__card--featured {
  border-color: rgba(42, 157, 143, 0.36);
  background: linear-gradient(150deg, #ffffff 0%, #edf8f6 100%);
  box-shadow: 0 30px 76px rgba(42, 157, 143, 0.14);
}
.itm-seller-steps .itm-seller-steps__badge {
  position: absolute;
  top: 19px;
  left: 19px;
  z-index: 4;
  padding: 7px 12px;
  border-radius: 20px;
  background: #e9c46a;
  color: #17343e;
  font-size: 8px;
  font-weight: 800;
}
.itm-seller-steps .itm-seller-steps__card-head {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.itm-seller-steps .itm-seller-steps__number {
  color: rgba(23, 52, 62, 0.1);
  font-size: 45px;
  font-weight: 900;
  line-height: 1;
}
.itm-seller-steps .itm-seller-steps__icon {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: linear-gradient(135deg, #2a9d8f, #216f68);
  color: #ffffff;
  font-size: 26px;
  box-shadow: 0 18px 38px rgba(42, 157, 143, 0.23);
}
.itm-seller-steps .itm-seller-steps__label {
  position: relative;
  z-index: 3;
  display: inline-block;
  margin-bottom: 10px;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 800;
}
.itm-seller-steps .itm-seller-steps__card-title {
  position: relative;
  z-index: 3;
  margin: 0 0 15px;
  color: #17343e;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.9;
}
.itm-seller-steps .itm-seller-steps__card-text {
  position: relative;
  z-index: 3;
  margin: 0;
  color: #708186;
  font-size: 11px;
  line-height: 2.15;
}
.itm-seller-steps .itm-seller-steps__card-meta {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e3ecea;
}
.itm-seller-steps .itm-seller-steps__card-meta span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #586e73;
  font-size: 11px;
  font-weight: 700;
}
.itm-seller-steps .itm-seller-steps__card-meta i {
  color: #2a9d8f;
  font-size: 12px;
}
.itm-seller-steps .itm-seller-steps__connector {
  position: absolute;
  top: 58px;
  right: 50%;
  z-index: 5;
  width: 18px;
  height: 18px;
  transform: translateX(50%);
  border: 5px solid #ffffff;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow:
    0 0 0 1px rgba(42, 157, 143, 0.18),
    0 6px 16px rgba(20, 60, 66, 0.18);
}
.itm-seller-support {
  position: relative;
  overflow: hidden;
  padding: 0 0 115px;
  background: #f4f9f8;
  font-family: "Vazirmatn", sans-serif;
}
.itm-seller-support .itm-seller-support__container {
  position: relative;
  z-index: 2;
}
.itm-seller-support .itm-seller-support__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  padding: 48px 50px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 34px;
  background: linear-gradient(120deg, #15333d 0%, #1b4d54 52%, #278d82 100%);
  box-shadow: 0 35px 90px rgba(20, 55, 62, 0.23);
}
.itm-seller-support .itm-seller-support__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.itm-seller-support .itm-seller-support__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-seller-support .itm-seller-support__glow--one {
  top: -180px;
  right: -120px;
  width: 430px;
  height: 430px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.18),
    rgba(233, 196, 106, 0)
  );
}
.itm-seller-support .itm-seller-support__glow--two {
  bottom: -220px;
  left: -100px;
  width: 480px;
  height: 480px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0)
  );
}
.itm-seller-support .itm-seller-support__content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 670px;
}
.itm-seller-support .itm-seller-support__icon-wrap {
  position: relative;
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.itm-seller-support .itm-seller-support__icon-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(233, 196, 106, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(8px);
}
.itm-seller-support .itm-seller-support__icon {
  position: relative;
  z-index: 2;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  background: linear-gradient(135deg, #e9c46a, #d7aa45);
  color: #17343e;
  font-size: 24px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}
.itm-seller-support .itm-seller-support__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: #e9c46a;
  font-size: 9px;
  font-weight: 800;
}
.itm-seller-support .itm-seller-support__title {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.8;
}
.itm-seller-support .itm-seller-support__subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  line-height: 2.1;
}
.itm-seller-support .itm-seller-support__actions {
  position: relative;
  z-index: 3;
  min-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.itm-seller-support .itm-seller-support__button {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 15px;
  border-radius: 18px;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}
.itm-seller-support .itm-seller-support__button:hover {
  transform: translateX(-5px);
}
.itm-seller-support .itm-seller-support__button--call {
  background: #e9c46a;
  color: #17343e;
}
.itm-seller-support .itm-seller-support__button--call:hover {
  background: #f1d37b;
  color: #17343e;
}
.itm-seller-support .itm-seller-support__button--message {
  border: 1px solid rgba(255, 255, 255, 0.17);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  backdrop-filter: blur(10px);
}
.itm-seller-support .itm-seller-support__button--message:hover {
  border-color: rgba(233, 196, 106, 0.38);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.itm-seller-support .itm-seller-support__button-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(23, 52, 62, 0.11);
  font-size: 17px;
}
.itm-seller-support
  .itm-seller-support__button--message
  .itm-seller-support__button-icon {
  background: rgba(255, 255, 255, 0.1);
  color: #e9c46a;
}
.itm-seller-support .itm-seller-support__button-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm-seller-support .itm-seller-support__button-text small {
  font-size: 8px;
  opacity: 0.64;
}
.itm-seller-support .itm-seller-support__button-text strong {
  font-size: 11px;
  font-weight: 800;
}
.itm-seller-support .itm-seller-support__button-arrow {
  margin-right: auto;
  font-size: 14px;
}
@media (max-width: 991px) {
  .itm-seller-steps {
    padding: 90px 0 100px;
  }
  .itm-seller-steps .itm-seller-steps__title {
    font-size: 36px;
  }
  .itm-seller-steps .itm-seller-steps__line {
    display: none;
  }
  .itm-seller-steps .itm-seller-steps__connector {
    display: none;
  }
  .itm-seller-steps .itm-seller-steps__card {
    min-height: 390px;
  }
  .itm-seller-support {
    padding-bottom: 90px;
  }
  .itm-seller-support .itm-seller-support__card {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-seller-support .itm-seller-support__content {
    max-width: none;
  }
  .itm-seller-support .itm-seller-support__actions {
    width: 100%;
    min-width: 0;
    flex-direction: row;
  }
  .itm-seller-support .itm-seller-support__button {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .itm-seller-steps {
    padding: 70px 0 80px;
  }
  .itm-seller-steps .itm-seller-steps__heading {
    margin-bottom: 40px;
  }
  .itm-seller-steps .itm-seller-steps__title {
    font-size: 29px;
  }
  .itm-seller-steps .itm-seller-steps__subtitle {
    font-size: 11px;
  }
  .itm-seller-steps .itm-seller-steps__card {
    min-height: auto;
    padding: 27px 23px 24px;
    border-radius: 23px;
  }
  .itm-seller-steps .itm-seller-steps__icon {
    width: 63px;
    height: 63px;
    border-radius: 19px;
    font-size: 21px;
  }
  .itm-seller-steps .itm-seller-steps__number {
    font-size: 36px;
  }
  .itm-seller-steps .itm-seller-steps__card-title {
    font-size: 16px;
  }
  .itm-seller-support {
    padding-bottom: 70px;
  }
  .itm-seller-support .itm-seller-support__card {
    padding: 30px 22px;
    border-radius: 25px;
  }
  .itm-seller-support .itm-seller-support__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
  .itm-seller-support .itm-seller-support__icon-wrap {
    width: 78px;
    height: 78px;
    flex-basis: 78px;
  }
  .itm-seller-support .itm-seller-support__icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
    font-size: 20px;
  }
  .itm-seller-support .itm-seller-support__title {
    font-size: 20px;
  }
  .itm-seller-support .itm-seller-support__actions {
    flex-direction: column;
  }
  .itm-seller-support .itm-seller-support__button {
    width: 100%;
  }
}
.brands-section {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.brands-section .brands-title {
  margin: 0;
  color: #1f2937;
  font-size: 32px;
  font-weight: 800;
}
.brands-section .brands-divider {
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 10px;
  background-color: #ffc107;
}
.brands-section .brands-carousel {
  position: relative;
  padding: 0 55px;
}
.brands-section .carousel-inner {
  overflow: hidden;
}
.brands-section .brands-row {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}
.brands-section .brand-col {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 10px;
}
.brands-section .brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background-color: #fff;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}
.brands-section .brand-card:hover {
  transform: translateY(-5px);
  border-color: #ffc107;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
}
.brands-section .brand-card img {
  display: block;
  width: 100%;
  max-width: 140px;
  height: 140px;
  object-fit: contain;
}
.brands-section .brands-control {
  top: 50%;
  bottom: auto;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background-color: #1f2937;
  opacity: 1;
  transform: translateY(-50%);
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}
.brands-section .brands-control:hover {
  color: #1f2937;
  background-color: #ffc107;
  transform: translateY(-50%) scale(1.06);
}
.brands-section .brands-control i {
  font-size: 24px;
  line-height: 1;
}
.brands-section .brands-control-prev {
  right: 0;
  left: auto;
}
.brands-section .brands-control-next {
  right: auto;
  left: 0;
}
@media (max-width: 991.98px) {
  .brands-section .brand-col {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
  }
  .brands-section .brand-card {
    min-height: 160px;
  }
  .brands-section .brand-card img {
    max-width: 120px;
    height: 120px;
  }
}
@media (max-width: 575.98px) {
  .brands-section .brands-title {
    font-size: 26px;
  }
  .brands-section .brands-carousel {
    padding: 0 38px;
  }
  .brands-section .brand-col {
    flex-basis: 50%;
    max-width: 50%;
    padding: 6px;
  }
  .brands-section .brand-card {
    min-height: 130px;
    padding: 12px;
    border-radius: 14px;
  }
  .brands-section .brand-card img {
    max-width: 95px;
    height: 95px;
  }
  .brands-section .brands-control {
    width: 34px;
    height: 34px;
  }
  .brands-section .brands-control i {
    font-size: 20px;
  }
}
.oe_website_login_container:has(#wk_mp) {
  position: relative;
  isolation: isolate;
  width: min(1180px, calc(100% - 36px)) !important;
  max-width: 1180px !important;
  min-height: 0 !important;
  margin: 34px auto 65px !important;
  padding: 20px !important;
  overflow: hidden;
  direction: rtl;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 32px;
  background:
    radial-gradient(circle at 8% 8%, rgba(42, 157, 143, 0.1), transparent 25%),
    radial-gradient(
      circle at 92% 10%,
      rgba(233, 196, 106, 0.1),
      transparent 25%
    ),
    linear-gradient(145deg, #f7faf9, #ffffff);
  box-shadow:
    0 26px 65px rgba(23, 52, 62, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  font-family: Vazirmatn, sans-serif;
}
.oe_website_login_container:has(#wk_mp)::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 0;
  width: calc(38% - 20px);
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 50% 16%,
      rgba(42, 157, 143, 0.22),
      transparent 27%
    ),
    radial-gradient(
      circle at 16% 86%,
      rgba(233, 196, 106, 0.1),
      transparent 30%
    ),
    linear-gradient(145deg, #102f36 0%, #143c44 48%, #185158 100%);
  box-shadow:
    0 18px 42px rgba(23, 52, 62, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  pointer-events: none;
}
.oe_website_login_container:has(#wk_mp)::after {
  content: "فروشنده بازار نساجی ایران\A"
    "فروشگاه تخصصی خود را بسازید و محصولات و خدماتتان را در بازار نساجی ایران عرضه کنید.\A\A"
    "✓ صفحه اختصاصی فروشگاه\A" "✓ دسترسی به مشتریان تخصصی صنعت نساجی\A"
    "✓ امکان فروش کالا و خدمات\A" "✓ مدیریت سفارش‌ها و درخواست‌ها\A"
    "✓ حضور در بازار B2B و B2C";
  position: absolute;
  top: 54%;
  left: 5.3%;
  z-index: 2;
  width: 28%;
  color: rgba(255, 255, 255, 0.86);
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.15;
  text-align: right;
  white-space: pre-line;
  transform: translateY(-50%);
  pointer-events: none;
}
.oe_website_login_container:has(#wk_mp) #oe_structure_signup_top {
  position: absolute;
  top: 62px;
  left: calc(19% - 34px);
  z-index: 4;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 21px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.95),
    rgba(36, 127, 117, 0.95)
  );
  box-shadow:
    0 15px 32px rgba(0, 0, 0, 0.22),
    0 0 0 8px rgba(255, 255, 255, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  pointer-events: none;
}
.oe_website_login_container:has(#wk_mp) #oe_structure_signup_top::before {
  content: "\f1ad";
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 27px;
  font-weight: normal;
}
.oe_website_login_container #wk_mp.oe_signup_form {
  position: relative;
  z-index: 5;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 0;
  width: 59% !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
  padding: 30px 34px 30px !important;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.07),
      transparent 29%
    ),
    rgba(255, 255, 255, 0.97);
  box-shadow:
    0 17px 42px rgba(23, 52, 62, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.oe_website_login_container #wk_mp .seller-register {
  grid-column: 1 / -1;
  position: relative;
  margin: 0 0 23px;
  padding: 56px 0 17px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.07);
  color: transparent;
  font-size: 0;
  text-align: center;
}
.oe_website_login_container #wk_mp .seller-register::before {
  content: "\f290";
  position: absolute;
  top: 0;
  right: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(42, 157, 143, 0.16);
  border-radius: 15px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0.05)
  );
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 18px;
  transform: translateX(50%);
  box-shadow: 0 8px 19px rgba(42, 157, 143, 0.1);
}
.oe_website_login_container #wk_mp .seller-register::after {
  content: "ثبت‌نام فروشنده";
  display: block;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.6;
}
.oe_website_login_container #wk_mp > .field-name,
.oe_website_login_container #wk_mp > .field-login {
  grid-column: span 1;
}
.oe_website_login_container #wk_mp > .field-password,
.oe_website_login_container #wk_mp > .field-confirm_password {
  grid-column: span 1;
}
.oe_website_login_container #wk_mp > #mp_seller_details,
.oe_website_login_container #wk_mp > .alert-danger,
.oe_website_login_container #wk_mp > .oe_login_buttons {
  grid-column: 1 / -1;
}
.oe_website_login_container #wk_mp .mb-3 {
  position: relative;
  margin-bottom: 17px !important;
}
.oe_website_login_container #wk_mp .field-password {
  padding-top: 0 !important;
}
.oe_website_login_container #wk_mp .form-label,
.oe_website_login_container #wk_mp .control-label {
  display: block;
  margin: 0 2px 8px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.6;
  text-align: right;
}
.oe_website_login_container #wk_mp .field-name > .form-control,
.oe_website_login_container #wk_mp .field-login > .form-control,
.oe_website_login_container #wk_mp #profile_url {
  width: 100%;
  height: 52px;
  padding: 0 43px 0 13px;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 14px;
  outline: 0;
  background: #f7faf9;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  box-shadow: none;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.oe_website_login_container #wk_mp .field-name > .form-control:focus,
.oe_website_login_container #wk_mp .field-login > .form-control:focus,
.oe_website_login_container #wk_mp #profile_url:focus {
  border-color: rgba(42, 157, 143, 0.52);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.075);
}
.oe_website_login_container #wk_mp .field-name > .form-control::placeholder,
.oe_website_login_container #wk_mp .field-login > .form-control::placeholder,
.oe_website_login_container #wk_mp #profile_url::placeholder {
  color: #95a5a8;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  opacity: 1;
}
.oe_website_login_container #wk_mp .field-name::after {
  content: "\f007";
}
.oe_website_login_container #wk_mp .field-login::after {
  content: "\f0e0";
}
.oe_website_login_container #wk_mp .field-name::after,
.oe_website_login_container #wk_mp .field-login::after {
  position: absolute;
  right: 15px;
  bottom: 17px;
  z-index: 3;
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 13px;
  pointer-events: none;
}
.oe_website_login_container #wk_mp .field-password > .input-group,
.oe_website_login_container #wk_mp .field-confirm_password > .input-group {
  position: relative;
  min-height: 52px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 14px;
  background: #f7faf9;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.oe_website_login_container #wk_mp .field-password > .input-group:focus-within,
.oe_website_login_container
  #wk_mp
  .field-confirm_password
  > .input-group:focus-within {
  border-color: rgba(42, 157, 143, 0.52);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.075);
}
.oe_website_login_container #wk_mp #password,
.oe_website_login_container #wk_mp #confirm_password {
  height: 50px;
  padding: 0 43px 0 10px;
  border: 0 !important;
  background: transparent !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  box-shadow: none !important;
}
.oe_website_login_container #wk_mp .field-password > .input-group::before,
.oe_website_login_container
  #wk_mp
  .field-confirm_password
  > .input-group::before {
  content: "\f023";
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 3;
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 13px;
  transform: translateY(-50%);
  pointer-events: none;
}
.oe_website_login_container #wk_mp .o_show_password {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 45px;
  width: 45px;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(23, 52, 62, 0.065) !important;
  border-radius: 0 !important;
  background: transparent;
  color: #71858a;
  box-shadow: none !important;
}
.oe_website_login_container #wk_mp .o_show_password:hover {
  background: rgba(42, 157, 143, 0.06);
  color: #2a9d8f;
}
.oe_website_login_container #wk_mp #mp_seller_details {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  margin-top: 22px;
  padding: 28px 20px 12px;
  border: 1px solid rgba(42, 157, 143, 0.1);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.065),
      transparent 30%
    ),
    #fbfdfc;
}
.oe_website_login_container #wk_mp #mp_seller_details::before {
  content: "اطلاعات فروشگاه";
  position: absolute;
  top: -14px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 4px 11px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 9px;
  background: #ffffff;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 5px 12px rgba(23, 52, 62, 0.05);
}
.oe_website_login_container #wk_mp #mp_seller_details > .field-country,
.oe_website_login_container #wk_mp #mp_seller_details > .has-feedback {
  grid-column: span 1;
}
.oe_website_login_container #wk_mp #country_id {
  width: 100%;
  height: 52px;
  padding-right: 14px;
  padding-left: 38px;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 14px;
  background-color: #f7faf9;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  box-shadow: none;
}
.oe_website_login_container #wk_mp #country_id:focus {
  border-color: rgba(42, 157, 143, 0.52);
  background-color: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.075);
}
.oe_website_login_container #wk_mp .has-feedback {
  position: relative;
}
.oe_website_login_container #wk_mp .has-feedback > .d-flex {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.oe_website_login_container #wk_mp .has-feedback > .d-flex .control-label {
  margin: 0 !important;
}
.oe_website_login_container #wk_mp .url_info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 8px;
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f !important;
  font-size: 12px;
}
.oe_website_login_container #wk_mp #profile_url {
  padding-right: 42px;
}
.oe_website_login_container #wk_mp #profile_url + .form-control-feedback {
  position: absolute;
  top: 50px;
  right: 15px;
  z-index: 3;
  margin: 0 !important;
  color: #2a9d8f;
  font-size: 12px;
}
.oe_website_login_container #wk_mp #mp_terms_conditions {
  grid-column: 1;
  width: 18px;
  height: 18px;
  margin: 5px 0 0 8px;
  accent-color: #2a9d8f;
}
.oe_website_login_container #wk_mp label[for="mp_terms_conditions"] {
  grid-column: 1 / -1;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.9;
}
.oe_website_login_container #wk_mp #mp_t_and_c {
  color: #2a9d8f;
  font-weight: 800;
  text-decoration: none;
}
.oe_website_login_container #wk_mp .alert-danger {
  margin: 14px 0 0 !important;
  padding: 12px 14px;
  border: 1px solid rgba(231, 111, 81, 0.17);
  border-radius: 12px;
  background: rgba(231, 111, 81, 0.07);
  color: #b6533e;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 600;
}
.oe_website_login_container #wk_mp .oe_login_buttons {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
}
.oe_website_login_container #wk_mp .oe_login_buttons > button.btn-primary {
  float: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 185px;
  min-height: 50px;
  gap: 8px;
  padding: 9px 17px !important;
  border: 0 !important;
  border-radius: 14px;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(42, 157, 143, 0.22);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}
.oe_website_login_container
  #wk_mp
  .oe_login_buttons
  > button.btn-primary::before {
  content: "\f234";
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
.oe_website_login_container
  #wk_mp
  .oe_login_buttons
  > button.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.29);
}
.oe_website_login_container #wk_mp .oe_login_buttons > a.btn-link {
  float: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 50px;
  gap: 8px;
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(23, 52, 62, 0.1) !important;
  border-radius: 14px;
  background: #f7faf9 !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 5px 14px rgba(23, 52, 62, 0.04);
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}
.oe_website_login_container #wk_mp .oe_login_buttons > a.btn-link::before {
  content: "\f090";
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
.oe_website_login_container #wk_mp .oe_login_buttons > a.btn-link:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.28) !important;
  background: rgba(42, 157, 143, 0.07) !important;
  color: #247f75 !important;
}
.oe_website_login_container #wk_mp #mp_t_and_c_modal {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
.oe_website_login_container #wk_mp #mp_t_and_c_modal .modal-content {
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  box-shadow: 0 25px 70px rgba(23, 52, 62, 0.18);
}
.oe_website_login_container #wk_mp #mp_t_and_c_modal .modal-header {
  border-bottom: 1px solid rgba(23, 52, 62, 0.07);
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.08), #ffffff);
}
.oe_website_login_container #wk_mp #mp_t_and_c_modal .modal-title {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 18px;
  font-weight: 900;
}
@media (max-width: 991.98px) {
  .oe_website_login_container:has(#wk_mp) {
    width: calc(100% - 28px) !important;
    margin-top: 25px !important;
    padding: 18px !important;
  }
  .oe_website_login_container:has(#wk_mp)::before,
  .oe_website_login_container:has(#wk_mp)::after,
  .oe_website_login_container:has(#wk_mp) #oe_structure_signup_top {
    display: none !important;
  }
  .oe_website_login_container #wk_mp.oe_signup_form {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 767.98px) {
  .oe_website_login_container:has(#wk_mp) {
    width: calc(100% - 20px) !important;
    padding: 11px !important;
    border-radius: 23px;
  }
  .oe_website_login_container #wk_mp.oe_signup_form {
    display: block !important;
    padding: 27px 22px !important;
    border-radius: 21px;
  }
  .oe_website_login_container #wk_mp .seller-register::after {
    font-size: 22px;
  }
  .oe_website_login_container #wk_mp #mp_seller_details {
    display: block;
  }
  .oe_website_login_container #wk_mp .oe_login_buttons {
    flex-direction: column;
    align-items: stretch;
  }
  .oe_website_login_container #wk_mp .oe_login_buttons > button.btn-primary,
  .oe_website_login_container #wk_mp .oe_login_buttons > a.btn-link {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .oe_website_login_container:has(#wk_mp) {
    width: calc(100% - 14px) !important;
    margin-top: 16px !important;
    margin-bottom: 40px !important;
    padding: 7px !important;
  }
  .oe_website_login_container #wk_mp.oe_signup_form {
    padding: 23px 16px !important;
  }
  .oe_website_login_container #wk_mp .seller-register {
    padding-top: 52px;
  }
  .oe_website_login_container #wk_mp .seller-register::before {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    font-size: 17px;
  }
  .oe_website_login_container #wk_mp .seller-register::after {
    font-size: 20px;
  }
  .oe_website_login_container #wk_mp .form-label,
  .oe_website_login_container #wk_mp .control-label {
    font-size: 13px;
  }
  .oe_website_login_container #wk_mp .field-name > .form-control,
  .oe_website_login_container #wk_mp .field-login > .form-control,
  .oe_website_login_container #wk_mp #profile_url,
  .oe_website_login_container #wk_mp #country_id {
    height: 50px;
    font-size: 13px;
  }
  .oe_website_login_container #wk_mp .field-password > .input-group,
  .oe_website_login_container #wk_mp .field-confirm_password > .input-group {
    min-height: 50px;
  }
  .oe_website_login_container #wk_mp #mp_seller_details {
    padding-right: 14px;
    padding-left: 14px;
  }
}
.moaiery-header {
  position: relative;
  direction: rtl;
  padding: 64px 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(233, 196, 106, 0.17),
      transparent 24%
    ),
    radial-gradient(
      circle at 88% 85%,
      rgba(42, 157, 143, 0.24),
      transparent 27%
    ),
    linear-gradient(135deg, #102f36 0%, #173f47 48%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.moaiery-header:before {
  content: "";
  position: absolute;
  top: -115px;
  right: -80px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  pointer-events: none;
}
.moaiery-header:after {
  content: "";
  position: absolute;
  bottom: -160px;
  left: -80px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(233, 196, 106, 0.12);
  border-radius: 50%;
  pointer-events: none;
}
.moaiery-header .container {
  position: relative;
  z-index: 2;
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
}
.moaiery-header h1 {
  margin: 0;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.6;
  text-align: center;
}
.moaiery-header h1:after {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  margin: 16px auto 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
}
.moaiery-header p {
  max-width: 760px;
  margin: 18px auto 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767.98px) {
  .moaiery-header {
    padding: 48px 16px;
  }
  .moaiery-header h1 {
    font-size: 28px;
  }
  .moaiery-header p {
    font-size: 15px !important;
    max-width: 100%;
  }
}
.itm-shopinfo-header-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 21px;
}
.itm-shopinfo-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
  font-size: 28px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
}
.itm-shopinfo-header-text span {
  display: block;
  margin-bottom: 4px;
  color: #e9c46a;
  font-size: 14px;
  font-weight: 800;
}
.itm-shopinfo-header-text h1 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}
.itm-shopinfo-header-text p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
}
.itm-shopinfo-section {
  position: relative;
  direction: rtl;
  padding: 82px 0 100px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 3% 15%,
      rgba(233, 196, 106, 0.09),
      transparent 22%
    ),
    radial-gradient(
      circle at 97% 85%,
      rgba(42, 157, 143, 0.08),
      transparent 25%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-shopinfo-section:before {
  content: "";
  position: absolute;
  top: 100px;
  right: -180px;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
.itm-shopinfo-card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(380px, 0.85fr) minmax(0, 1.15fr);
  gap: 0;
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(23, 52, 62, 0.09);
  overflow: hidden;
}
.itm-shopinfo-image-side {
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 24px;
  background: linear-gradient(145deg, #102f36, #185158);
}
.itm-shopinfo-image-side:before {
  content: "";
  position: absolute;
  top: -90px;
  left: -80px;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(233, 196, 106, 0.13);
  border-radius: 50%;
}
.itm-shopinfo-image-side:after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -100px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(42, 157, 143, 0.25);
  border-radius: 50%;
}
.itm-shopinfo-image-frame {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 520px;
}
.itm-shopinfo-image-decoration {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  left: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 25px;
  pointer-events: none;
}
.itm-shopinfo-image {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 82%;
  max-width: 390px;
  max-height: 390px;
  object-fit: contain;
  border: 7px solid rgba(255, 255, 255, 0.97);
  border-radius: 27px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.23);
  transform: translate(50%, -50%);
}
.itm-shopinfo-image-label {
  position: absolute;
  right: 34px;
  bottom: 38px;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 205px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 32px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(12px);
}
.itm-shopinfo-image-label-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.11);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-shopinfo-image-label strong {
  display: block;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-shopinfo-image-label span {
  display: block;
  margin-top: 2px;
  color: #71858a;
  font-size: 13px;
  font-weight: 600;
}
.itm-shopinfo-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px 55px;
}
.itm-shopinfo-eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  margin-bottom: 13px;
  padding: 7px 13px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.07);
  color: #247f75;
  font-size: 14px;
  font-weight: 800;
}
.itm-shopinfo-eyebrow i {
  color: #dba536;
}
.itm-shopinfo-content h2 {
  margin: 0;
  color: #17343e;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-shopinfo-divider {
  display: flex;
  align-items: center;
  width: 100%;
  height: 20px;
  margin: 5px 0 12px;
}
.itm-shopinfo-divider:after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(23, 52, 62, 0.09));
}
.itm-shopinfo-divider span {
  display: block;
  width: 45px;
  height: 4px;
  margin-left: 9px;
  border-radius: 10px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
}
.itm-shopinfo-description {
  margin: 0;
  color: #5d7379;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.25;
  text-align: justify;
}
.itm-shopinfo-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 28px;
}
.itm-shopinfo-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 75px;
  padding: 12px;
  border: 1px solid rgba(23, 52, 62, 0.065);
  border-radius: 15px;
  background: #f7faf9;
}
.itm-shopinfo-feature i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 15px;
}
.itm-shopinfo-feature strong {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-shopinfo-feature span {
  display: block;
  margin-top: 2px;
  color: #71858a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
}
.itm-shopinfo-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 31px;
  padding-top: 24px;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
}
.itm-shopinfo-shop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 52px;
  padding: 10px 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 11px 26px rgba(42, 157, 143, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-shopinfo-shop-btn:hover {
  transform: translateY(-2px);
  color: #fff !important;
  box-shadow: 0 15px 31px rgba(42, 157, 143, 0.3);
}
.itm-shopinfo-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 9px 18px;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 14px;
  background: #fff;
  color: #536b71 !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition:
    border-color 0.25s ease,
    color 0.25s ease,
    background 0.25s ease;
}
.itm-shopinfo-back-btn i {
  color: #dba536;
  font-size: 17px;
}
.itm-shopinfo-back-btn:hover {
  border-color: rgba(42, 157, 143, 0.25);
  background: #f7faf9;
  color: #2a9d8f !important;
}
@media (max-width: 991.98px) {
  .itm-shopinfo-card {
    grid-template-columns: 1fr;
    max-width: 720px;
  }
  .itm-shopinfo-image-frame {
    min-height: 460px;
  }
  .itm-shopinfo-content {
    padding: 42px;
  }
}
@media (max-width: 767.98px) {
  .moaiery-header {
    padding: 48px 0;
  }
  .itm-shopinfo-header-icon {
    flex-basis: 62px;
    width: 62px;
    height: 62px;
    border-radius: 18px;
    font-size: 23px;
  }
  .itm-shopinfo-header-text h1 {
    font-size: 27px !important;
  }
  .itm-shopinfo-header-text p {
    font-size: 15px !important;
  }
  .itm-shopinfo-section {
    padding: 55px 0 70px;
  }
  .itm-shopinfo-card {
    border-radius: 24px;
  }
  .itm-shopinfo-image-side {
    padding: 16px;
  }
  .itm-shopinfo-image-frame {
    min-height: 400px;
  }
  .itm-shopinfo-image {
    width: 78%;
  }
  .itm-shopinfo-content {
    padding: 32px 27px;
  }
  .itm-shopinfo-content h2 {
    font-size: 25px;
  }
  .itm-shopinfo-features {
    grid-template-columns: 1fr;
  }
  .itm-shopinfo-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-shopinfo-shop-btn,
  .itm-shopinfo-back-btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .moaiery-header {
    padding: 40px 0;
  }
  .itm-shopinfo-header-inner {
    gap: 14px;
  }
  .itm-shopinfo-header-icon {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 20px;
  }
  .itm-shopinfo-header-text span {
    font-size: 13px;
  }
  .itm-shopinfo-header-text h1 {
    font-size: 23px !important;
  }
  .itm-shopinfo-header-text p {
    font-size: 14px !important;
  }
  .itm-shopinfo-section {
    padding: 40px 0 55px;
  }
  .itm-shopinfo-image-frame {
    min-height: 330px;
  }
  .itm-shopinfo-image {
    width: 82%;
    max-height: 250px;
    border-width: 5px;
    border-radius: 20px;
  }
  .itm-shopinfo-image-label {
    right: 14px;
    bottom: 18px;
    min-width: 190px;
  }
  .itm-shopinfo-content {
    padding: 27px 20px;
  }
  .itm-shopinfo-content h2 {
    font-size: 22px;
  }
  .itm-shopinfo-description {
    font-size: 14px;
    line-height: 2.15;
  }
}
.itm-size-guide-hero {
  position: relative;
  overflow: hidden;
  padding: 110px 0 170px;
  background: linear-gradient(135deg, #163740 0%, #1f5d60 55%, #2a9d8f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-guide-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
}
.itm-size-guide-hero__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-size-guide-hero__glow--one {
  width: 520px;
  height: 520px;
  right: -180px;
  top: -180px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.18),
    rgba(233, 196, 106, 0)
  );
}
.itm-size-guide-hero__glow--two {
  width: 580px;
  height: 580px;
  left: -220px;
  bottom: -260px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0)
  );
}
.itm-size-guide-hero .container {
  position: relative;
  z-index: 2;
}
.itm-size-guide-hero__content {
  max-width: 760px;
  margin: auto;
  text-align: center;
}
.itm-size-guide-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-guide-hero__title {
  margin: 0 0 20px;
  color: #fff;
  font-size: 56px;
  font-weight: 900;
  line-height: 1.4;
}
.itm-size-guide-hero__subtitle {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  line-height: 2.2;
}
.itm-size-guide-hero__features {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 40px;
}
.itm-size-guide-hero__features span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.itm-size-guide-hero__features i {
  color: #e9c46a;
}
.itm-size-guide-hero__curve {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -1px;
  line-height: 0;
}
.itm-size-guide-hero__curve svg {
  width: 100%;
  height: 95px;
  display: block;
}
@media (max-width: 991px) {
  .itm-size-guide-hero {
    padding: 90px 0 140px;
  }
  .itm-size-guide-hero__title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .itm-size-guide-hero {
    padding: 70px 0 110px;
  }
  .itm-size-guide-hero__title {
    font-size: 34px;
  }
  .itm-size-guide-hero__subtitle {
    font-size: 14px;
  }
  .itm-size-guide-hero__features {
    flex-direction: column;
    align-items: center;
  }
  .itm-size-guide-hero__features span {
    width: 100%;
    justify-content: center;
  }
}
.itm-size-guide-intro {
  padding: 90px 0;
  background: #fff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-guide-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 18px;
  border-radius: 30px;
  background: #edf8f6;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-guide-intro__title {
  margin: 0 0 22px;
  color: #17343e;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.6;
}
.itm-size-guide-intro__text {
  margin-bottom: 18px;
  color: #667b80;
  font-size: 16px;
  line-height: 2.3;
  text-align: justify;
}
.itm-size-guide-intro__card {
  padding: 34px;
  border: 1px solid #dce9e6;
  border-radius: 26px;
  background: linear-gradient(145deg, #ffffff, #f7fbfa);
  box-shadow: 0 20px 55px rgba(20, 60, 66, 0.08);
}
.itm-size-guide-intro__card h3 {
  margin: 0 0 28px;
  color: #17343e;
  font-size: 22px;
  font-weight: 800;
}
.itm-size-guide-intro__card h3 i {
  margin-left: 8px;
  color: #e9c46a;
}
.itm-size-guide-intro__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #edf3f2;
}
.itm-size-guide-intro__item:last-child {
  border-bottom: none;
}
.itm-size-guide-intro__item i {
  color: #2a9d8f;
  font-size: 18px;
}
.itm-size-guide-intro__item span {
  color: #4f6468;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .itm-size-guide-intro {
    padding: 70px 0;
  }
  .itm-size-guide-intro__title {
    font-size: 34px;
  }
  .itm-size-guide-intro__card {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .itm-size-guide-intro {
    padding: 55px 0;
  }
  .itm-size-guide-intro__title {
    font-size: 28px;
  }
  .itm-size-guide-intro__text {
    font-size: 14px;
  }
  .itm-size-guide-intro__card {
    padding: 24px;
    border-radius: 20px;
  }
}
.itm-size-measurement {
  padding: 100px 0;
  background: #f8fbfa;
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-measurement__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 18px;
  border-radius: 30px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-measurement__title {
  margin-bottom: 20px;
  color: #17343e;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.6;
}
.itm-size-measurement__text {
  margin-bottom: 35px;
  color: #667b80;
  font-size: 16px;
  line-height: 2.3;
  text-align: justify;
}
.itm-size-measurement__items {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.itm-size-measurement__item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e3ece9;
  box-shadow: 0 12px 35px rgba(20, 60, 66, 0.06);
  transition: 0.3s;
}
.itm-size-measurement__item:hover {
  transform: translateY(-5px);
  border-color: #2a9d8f;
}
.itm-size-measurement__icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #2a9d8f, #22766e);
  color: #fff;
  font-size: 18px;
}
.itm-size-measurement__item h3 {
  margin: 0 0 8px;
  color: #17343e;
  font-size: 20px;
  font-weight: 800;
}
.itm-size-measurement__item p {
  margin: 0;
  color: #6d8085;
  line-height: 2;
}
.itm-size-measurement__image {
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  padding: 16px;
  border: 1px solid #dde9e7;
  box-shadow: 0 25px 70px rgba(20, 60, 66, 0.1);
}
.itm-size-measurement__image img {
  width: 100%;
  border-radius: 22px;
  display: block;
}
@media (max-width: 991px) {
  .itm-size-measurement {
    padding: 80px 0;
  }
  .itm-size-measurement__title {
    font-size: 32px;
  }
  .itm-size-measurement__image {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .itm-size-measurement {
    padding: 60px 0;
  }
  .itm-size-measurement__title {
    font-size: 27px;
  }
  .itm-size-measurement__text {
    font-size: 14px;
  }
  .itm-size-measurement__item {
    padding: 18px;
  }
  .itm-size-measurement__icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 14px;
    font-size: 15px;
  }
  .itm-size-measurement__item h3 {
    font-size: 17px;
  }
}
.itm-size-tips {
  padding: 110px 0;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-tips__heading {
  max-width: 760px;
  margin: 0 auto 60px;
  text-align: center;
}
.itm-size-tips__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 18px;
  border-radius: 30px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-tips__title {
  margin: 0 0 16px;
  color: #17343e;
  font-size: 40px;
  font-weight: 900;
}
.itm-size-tips__subtitle {
  color: #6b7d81;
  font-size: 16px;
  line-height: 2;
}
.itm-size-tips__card {
  height: 100%;
  padding: 34px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #e3ece9;
  box-shadow: 0 18px 45px rgba(20, 60, 66, 0.08);
  transition: 0.35s;
}
.itm-size-tips__card:hover {
  transform: translateY(-8px);
  border-color: #2a9d8f;
}
.itm-size-tips__icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, #2a9d8f, #21766d);
  color: #fff;
  font-size: 24px;
  box-shadow: 0 18px 35px rgba(42, 157, 143, 0.25);
}
.itm-size-tips__card h3 {
  margin-bottom: 16px;
  color: #17343e;
  font-size: 22px;
  font-weight: 800;
}
.itm-size-tips__card p {
  margin: 0;
  color: #6c8085;
  font-size: 15px;
  line-height: 2.2;
}
@media (max-width: 991px) {
  .itm-size-tips {
    padding: 80px 0;
  }
  .itm-size-tips__title {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .itm-size-tips {
    padding: 60px 0;
  }
  .itm-size-tips__title {
    font-size: 28px;
  }
  .itm-size-tips__subtitle {
    font-size: 14px;
  }
  .itm-size-tips__card {
    padding: 24px;
  }
  .itm-size-tips__icon {
    width: 58px;
    height: 58px;
    font-size: 20px;
    border-radius: 16px;
  }
  .itm-size-tips__card h3 {
    font-size: 18px;
  }
  .itm-size-tips__card p {
    font-size: 14px;
  }
}
.itm-size-table {
  padding: 70px 0;
  background: #f8fbfa;
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-table:nth-child(even) {
  background: #ffffff;
}
.itm-size-table__card {
  padding: 45px;
  background: #fff;
  border: 1px solid #e4ece9;
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(25, 55, 65, 0.08);
}
.itm-size-table__header {
  text-align: center;
  margin-bottom: 35px;
}
.itm-size-table__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 18px;
  border-radius: 30px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-table__header h2 {
  margin: 0;
  color: #17343e;
  font-size: 34px;
  font-weight: 900;
}
.itm-size-table__image {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid #edf2f1;
  background: #fff;
}
.itm-size-table__image img {
  width: 100%;
  display: block;
  transition: 0.35s;
}
.itm-size-table__image:hover img {
  transform: scale(1.02);
}
@media (max-width: 991px) {
  .itm-size-table {
    padding: 55px 0;
  }
  .itm-size-table__card {
    padding: 25px;
  }
  .itm-size-table__header h2 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .itm-size-table {
    padding: 40px 0;
  }
  .itm-size-table__card {
    padding: 18px;
    border-radius: 18px;
  }
  .itm-size-table__header {
    margin-bottom: 20px;
  }
  .itm-size-table__header h2 {
    font-size: 22px;
    line-height: 1.8;
  }
}
.itm-foot-guide {
  padding: 100px 0;
  background: #f8fbfa;
  font-family: "Vazirmatn", sans-serif;
}
.itm-foot-guide__head {
  text-align: center;
  margin-bottom: 60px;
}
.itm-foot-guide__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 30px;
  background: #e9f7f4;
  color: #2a9d8f;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 18px;
}
.itm-foot-guide__head h2 {
  margin: 0;
  font-size: 38px;
  font-weight: 900;
  color: #17343e;
}
.itm-foot-guide__image {
  padding: 18px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #e3ece9;
  box-shadow: 0 20px 50px rgba(25, 55, 65, 0.08);
}
.itm-foot-guide__image img {
  width: 100%;
  border-radius: 18px;
}
.itm-foot-guide__step {
  display: flex;
  gap: 18px;
  margin-bottom: 22px;
}
.itm-foot-guide__step span {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2a9d8f;
  color: #fff;
  font-weight: 800;
}
.itm-foot-guide__step p {
  margin: 0;
  color: #5e7075;
  line-height: 2.2;
}
.itm-foot-guide__note {
  margin-top: 40px;
  padding: 30px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e4ece9;
}
.itm-foot-guide__note h3 {
  margin: 0 0 20px;
  color: #17343e;
  font-size: 22px;
  font-weight: 800;
}
.itm-foot-guide__note h3 i {
  color: #2a9d8f;
  margin-left: 8px;
}
.itm-foot-guide__note ul {
  margin: 0;
  padding-right: 20px;
}
.itm-foot-guide__note li {
  margin-bottom: 14px;
  color: #667b80;
  line-height: 2.2;
}
.itm-foot-guide__note li:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .itm-foot-guide {
    padding: 70px 0;
  }
  .itm-foot-guide__head h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .itm-foot-guide {
    padding: 55px 0;
  }
  .itm-foot-guide__head h2 {
    font-size: 24px;
  }
  .itm-foot-guide__step {
    gap: 14px;
  }
  .itm-foot-guide__step span {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
  .itm-foot-guide__note {
    padding: 22px;
  }
}
.itm-size-guide-final-cta {
  position: relative;
  overflow: hidden;
  padding: 75px 0;
  background: linear-gradient(135deg, #15363f 0%, #1d5c5f 52%, #2a9d8f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-size-guide-final-cta__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.11;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}
.itm-size-guide-final-cta__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-size-guide-final-cta__glow--one {
  width: 420px;
  height: 420px;
  top: -220px;
  right: -120px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.22),
    rgba(233, 196, 106, 0) 70%
  );
}
.itm-size-guide-final-cta__glow--two {
  width: 500px;
  height: 500px;
  bottom: -310px;
  left: -150px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0) 70%
  );
}
.itm-size-guide-final-cta .container {
  position: relative;
  z-index: 2;
}
.itm-size-guide-final-cta__box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 42px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow:
    0 24px 65px rgba(4, 35, 40, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(13px) saturate(125%);
}
.itm-size-guide-final-cta__icon {
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
  color: #e9c46a;
  font-size: 31px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}
.itm-size-guide-final-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 800;
}
.itm-size-guide-final-cta__content h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 29px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-size-guide-final-cta__content p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 2.1;
}
.itm-size-guide-final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 205px;
}
.itm-size-guide-final-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s ease;
}
.itm-size-guide-final-cta__button--primary {
  background: #e9c46a;
  color: #17343e !important;
  box-shadow: 0 12px 28px rgba(233, 196, 106, 0.2);
}
.itm-size-guide-final-cta__button--primary:hover {
  background: #f2cf7b;
  color: #17343e !important;
  transform: translateY(-2px);
}
.itm-size-guide-final-cta__button--secondary {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
}
.itm-size-guide-final-cta__button--secondary:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.15);
  color: #fff !important;
  transform: translateY(-2px);
}
@media (max-width: 991px) {
  .itm-size-guide-final-cta {
    padding: 60px 0;
  }
  .itm-size-guide-final-cta__box {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .itm-size-guide-final-cta__actions {
    grid-column: 1 / -1;
    flex-direction: row;
    padding-right: 106px;
  }
  .itm-size-guide-final-cta__button {
    min-width: 190px;
  }
}
@media (max-width: 767px) {
  .itm-size-guide-final-cta {
    padding: 45px 0;
  }
  .itm-size-guide-final-cta__box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
    padding: 28px 22px;
    border-radius: 22px;
    text-align: center;
  }
  .itm-size-guide-final-cta__icon {
    width: 66px;
    height: 66px;
    margin: auto;
    border-radius: 19px;
    font-size: 26px;
  }
  .itm-size-guide-final-cta__content h2 {
    font-size: 23px;
  }
  .itm-size-guide-final-cta__content p {
    font-size: 13px;
  }
  .itm-size-guide-final-cta__actions {
    flex-direction: column;
    min-width: 0;
    padding-right: 0;
  }
  .itm-size-guide-final-cta__button {
    width: 100%;
  }
}
.itm-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 24px 0;
  padding: 0;
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(23, 52, 62, 0.05);
}
.itm-table {
  width: 100%;
  min-width: 700px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  background: #fff;
  overflow: hidden;
}
.itm-table thead {
  background: linear-gradient(90deg, #2a9d8f 0%, #38b2a5 50%, #2a9d8f 100%);
}
.itm-table th {
  padding: 18px 16px;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  vertical-align: middle;
}
.itm-table th:last-child {
  border-left: 0 !important;
}
.itm-table td {
  padding: 15px 16px;
  border: 0;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
  border-left: 1px solid rgba(23, 52, 62, 0.06);
  background: transparent;
  color: #17343e;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.itm-table td:last-child {
  border-left: 0;
}
.itm-table tbody tr:nth-child(odd) {
  background: rgba(42, 157, 143, 0.035);
}
.itm-table tbody tr:nth-child(even) {
  background: #fff;
}
.itm-table tbody tr:hover {
  background: rgba(42, 157, 143, 0.07);
}
.itm-table strong {
  font-weight: 900;
}
@media (max-width: 767.98px) {
  .itm-table th {
    padding: 14px 10px;
    font-size: 14px;
  }
  .itm-table td {
    padding: 13px 10px;
    font-size: 14px;
  }
}
.itm-learning-channel-hero {
  position: relative;
  overflow: hidden;
  padding: 95px 0 145px;
  background: linear-gradient(135deg, #163740 0%, #1e5d60 54%, #2a9d8f 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-learning-channel-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.11;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}
.itm-learning-channel-hero__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-learning-channel-hero__glow--one {
  width: 460px;
  height: 460px;
  top: -220px;
  right: -120px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.18),
    rgba(233, 196, 106, 0) 70%
  );
}
.itm-learning-channel-hero__glow--two {
  width: 520px;
  height: 520px;
  left: -180px;
  bottom: -300px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0) 70%
  );
}
.itm-learning-channel-hero .container {
  position: relative;
  z-index: 2;
}
.itm-learning-channel-hero__content {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}
.itm-learning-channel-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 9px 17px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}
.itm-learning-channel-hero__title {
  margin: 0 0 18px;
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  line-height: 1.5;
}
.itm-learning-channel-hero__text {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 2.2;
}
.itm-learning-channel-hero__curve {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  line-height: 0;
}
.itm-learning-channel-hero__curve svg {
  display: block;
  width: 100%;
  height: 85px;
}
@media (max-width: 991px) {
  .itm-learning-channel-hero {
    padding: 80px 0 125px;
  }
  .itm-learning-channel-hero__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .itm-learning-channel-hero {
    padding: 65px 0 105px;
  }
  .itm-learning-channel-hero__title {
    font-size: 31px;
  }
  .itm-learning-channel-hero__text {
    font-size: 14px;
    line-height: 2.1;
  }
  .itm-learning-channel-hero__curve svg {
    height: 60px;
  }
}
.itm-learning-channels {
  padding: 30px 0 90px;
  background: #fff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-learning-channel-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid #e6efec;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(20, 60, 66, 0.08);
  transition: 0.35s;
}
.itm-learning-channel-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 28px 60px rgba(20, 60, 66, 0.14);
}
.itm-learning-channel-card__image {
  position: relative;
  overflow: hidden;
}
.itm-learning-channel-card__image img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  transition: 0.45s;
}
.itm-learning-channel-card:hover .itm-learning-channel-card__image img {
  transform: scale(1.08);
}
.itm-learning-channel-card__badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 30px;
  background: rgba(23, 52, 62, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.itm-learning-channel-card__badge--green {
  background: #2a9d8f;
}
.itm-learning-channel-card__body {
  padding: 28px;
}
.itm-learning-channel-card__body h3 {
  margin: 0 0 14px;
  color: #17343e;
  font-size: 24px;
  font-weight: 900;
}
.itm-learning-channel-card__body p {
  min-height: 60px;
  margin-bottom: 24px;
  color: #6b8085;
  line-height: 2;
  font-size: 14px;
}
.itm-learning-channel-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #2a9d8f, #23796f);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
  transition: 0.25s;
}
.itm-learning-channel-card__button:hover {
  transform: translateY(-2px);
  color: #fff !important;
}
.itm-learning-channel-card__button--outline {
  background: #fff;
  color: #c0392b !important;
  border: 2px solid #f0d2cf;
}
.itm-learning-channel-card__button--outline:hover {
  background: #fff5f5;
  color: #000 !important;
  border-color: #c0392b;
}
@media (max-width: 991px) {
  .itm-learning-channels {
    padding: 20px 0 70px;
  }
}
@media (max-width: 767px) {
  .itm-learning-channels {
    padding: 15px 0 55px;
  }
  .itm-learning-channel-card__body {
    padding: 22px;
  }
  .itm-learning-channel-card__body h3 {
    font-size: 21px;
  }
}
.itm-order-shipping-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 540px;
  display: flex;
  align-items: center;
  padding: 95px 0 155px;
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 12% 82%,
      rgba(255, 255, 255, 0.11),
      transparent 30%
    ),
    linear-gradient(135deg, #0f2f36 0%, #174a50 45%, #21887d 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-order-shipping-hero__mesh {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  transform: perspective(700px) rotateX(60deg) scale(1.5);
  transform-origin: center bottom;
}
.itm-order-shipping-hero__grain {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.08;
  background-image:
    radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 75% 40%, #fff 0 1px, transparent 1.5px);
  background-size:
    22px 22px,
    31px 31px;
}
.itm-order-shipping-hero__orb {
  position: absolute;
  z-index: -1;
  display: block;
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}
.itm-order-shipping-hero__orb--one {
  width: 320px;
  height: 320px;
  top: -145px;
  right: -70px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.035);
  box-shadow:
    0 0 0 42px rgba(255, 255, 255, 0.025),
    0 0 0 84px rgba(255, 255, 255, 0.015);
}
.itm-order-shipping-hero__orb--two {
  width: 260px;
  height: 260px;
  left: -90px;
  bottom: 20px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.2),
    rgba(233, 196, 106, 0) 68%
  );
}
.itm-order-shipping-hero .container {
  position: relative;
  z-index: 2;
}
.itm-order-shipping-hero__panel {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 54px 56px 46px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 36px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13),
    rgba(255, 255, 255, 0.055)
  );
  box-shadow:
    0 35px 90px rgba(3, 27, 31, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(18px);
  text-align: center;
}
.itm-order-shipping-hero__panel:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 14%;
  left: 14%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #e9c46a, transparent);
}
.itm-order-shipping-hero__icon {
  width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -92px auto 22px;
  border: 7px solid #174a50;
  border-radius: 24px;
  background: linear-gradient(145deg, #f2d47f, #e5b94f);
  color: #17343e;
  font-size: 28px;
  box-shadow:
    0 18px 35px rgba(4, 28, 32, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transform: rotate(-5deg);
}
.itm-order-shipping-hero__icon i {
  transform: rotate(5deg);
}
.itm-order-shipping-hero__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.12);
  color: #f1d27b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.itm-order-shipping-hero__title {
  max-width: 760px;
  margin: 0 auto;
  color: #fff;
  font-size: 54px;
  font-weight: 900;
  line-height: 1.55;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}
.itm-order-shipping-hero__route {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}
.itm-order-shipping-hero__route-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  background: rgba(7, 35, 40, 0.22);
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 800;
}
.itm-order-shipping-hero__route-item i {
  color: #e9c46a;
  font-size: 15px;
}
.itm-order-shipping-hero__route-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 19px;
}
.itm-order-shipping-hero__wave {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 3;
  line-height: 0;
}
.itm-order-shipping-hero__wave svg {
  display: block;
  width: 100%;
  height: 120px;
}
@media (max-width: 991px) {
  .itm-order-shipping-hero {
    min-height: 500px;
    padding: 85px 0 140px;
  }
  .itm-order-shipping-hero__panel {
    padding: 50px 35px 40px;
  }
  .itm-order-shipping-hero__title {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .itm-order-shipping-hero {
    min-height: 470px;
    padding: 75px 0 120px;
  }
  .itm-order-shipping-hero__panel {
    padding: 47px 20px 32px;
    border-radius: 28px;
  }
  .itm-order-shipping-hero__icon {
    width: 66px;
    height: 66px;
    margin-top: -82px;
    border-radius: 21px;
    font-size: 24px;
  }
  .itm-order-shipping-hero__title {
    font-size: 31px;
    line-height: 1.65;
  }
  .itm-order-shipping-hero__route {
    gap: 7px;
    margin-top: 27px;
  }
  .itm-order-shipping-hero__route-item {
    padding: 9px 12px;
    font-size: 11px;
  }
  .itm-order-shipping-hero__route-line {
    width: 20px;
    font-size: 15px;
  }
  .itm-order-shipping-hero__wave svg {
    height: 82px;
  }
}
.itm-order-route {
  position: relative;
  overflow: hidden;
  padding: 70px 0 110px;
  background:
    radial-gradient(
      circle at 8% 15%,
      rgba(42, 157, 143, 0.08),
      transparent 24%
    ),
    radial-gradient(
      circle at 92% 82%,
      rgba(233, 196, 106, 0.1),
      transparent 25%
    ),
    #f7faf9;
  font-family: "Vazirmatn", sans-serif;
}
.itm-order-route__decor {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-order-route__decor--right {
  width: 290px;
  height: 290px;
  top: 80px;
  right: -190px;
  border: 1px solid rgba(42, 157, 143, 0.1);
  box-shadow:
    0 0 0 38px rgba(42, 157, 143, 0.035),
    0 0 0 76px rgba(42, 157, 143, 0.02);
}
.itm-order-route__decor--left {
  width: 240px;
  height: 240px;
  bottom: -130px;
  left: -100px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    transparent 68%
  );
}
.itm-order-route .container {
  position: relative;
  z-index: 2;
}
.itm-order-route__heading {
  max-width: 720px;
  margin: 0 auto 58px;
  text-align: center;
}
.itm-order-route__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;
  padding: 9px 17px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #21877d;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 25px rgba(23, 52, 62, 0.06);
}
.itm-order-route__title {
  margin: 0;
  color: #17343e;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-order-route__heading-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  max-width: 190px;
  margin: 20px auto 0;
}
.itm-order-route__heading-line span {
  width: 62px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #2a9d8f);
}
.itm-order-route__heading-line span:last-child {
  background: linear-gradient(90deg, #2a9d8f, transparent);
}
.itm-order-route__heading-line i {
  color: #e0b54f;
  font-size: 18px;
}
.itm-order-route__timeline {
  position: relative;
}
.itm-order-route__connector {
  position: absolute;
  top: 54px;
  right: 15%;
  left: 15%;
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    rgba(42, 157, 143, 0.45) 0 8px,
    transparent 8px 15px
  );
}
.itm-order-route-card {
  position: relative;
  height: 100%;
  padding: 16px;
  border: 1px solid rgba(30, 93, 96, 0.11);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    0 24px 65px rgba(17, 55, 61, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(15px);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-order-route-card:hover {
  transform: translateY(-10px);
  border-color: rgba(42, 157, 143, 0.3);
  box-shadow:
    0 34px 80px rgba(17, 55, 61, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.itm-order-route-card--featured {
  transform: translateY(-16px);
  border-color: rgba(42, 157, 143, 0.3);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.98),
    rgba(242, 250, 248, 0.96)
  );
}
.itm-order-route-card--featured:hover {
  transform: translateY(-25px);
}
.itm-order-route-card__top {
  position: relative;
  z-index: 3;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px 12px;
}
.itm-order-route-card__step {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 13px;
  border-radius: 999px;
  background: #edf8f6;
  color: #237e76;
  font-size: 11px;
  font-weight: 900;
}
.itm-order-route-card__number {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #f7faf9;
  border-radius: 50%;
  background: linear-gradient(145deg, #f1d47e, #dfb044);
  color: #17343e;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 12px 25px rgba(23, 52, 62, 0.18);
}
.itm-order-route-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #eaf1ef;
}
.itm-order-route-card__media img {
  display: block;
  width: 100%;
  height: 275px;
  object-fit: cover;
  transition: transform 0.55s ease;
}
.itm-order-route-card:hover .itm-order-route-card__media img {
  transform: scale(1.065);
}
.itm-order-route-card__media-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 35%,
    rgba(10, 40, 45, 0.18) 70%,
    rgba(10, 40, 45, 0.58) 100%
  );
  pointer-events: none;
}
.itm-order-route-card__media-icon {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 17px;
  background: rgba(12, 48, 53, 0.7);
  color: #f0ce70;
  font-size: 21px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}
.itm-order-route-card__content {
  min-height: 145px;
  padding: 25px 13px 18px;
}
.itm-order-route-card__mini-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 13px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 900;
}
.itm-order-route-card__mini-label i {
  color: #d9aa39;
}
.itm-order-route-card__content h3 {
  margin: 0;
  color: #17343e;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-order-route-card__footer {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 13px 7px;
}
.itm-order-route-card__footer span {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(42, 157, 143, 0.35), transparent);
}
.itm-order-route-card__footer i {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf8f6;
  color: #2a9d8f;
  font-size: 15px;
}
.itm-order-route-card__footer--done i {
  background: #2a9d8f;
  color: #fff;
}
@media (max-width: 991px) {
  .itm-order-route {
    padding: 60px 0 85px;
  }
  .itm-order-route__connector {
    display: none;
  }
  .itm-order-route-card--featured {
    transform: none;
  }
  .itm-order-route-card--featured:hover {
    transform: translateY(-10px);
  }
  .itm-order-route__title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .itm-order-route {
    padding: 50px 0 70px;
  }
  .itm-order-route__heading {
    margin-bottom: 38px;
  }
  .itm-order-route__title {
    font-size: 28px;
  }
  .itm-order-route-card {
    padding: 13px;
    border-radius: 25px;
  }
  .itm-order-route-card__media img {
    height: 235px;
  }
  .itm-order-route-card__content {
    min-height: auto;
    padding: 22px 10px 16px;
  }
  .itm-order-route-card__content h3 {
    font-size: 18px;
  }
}
.itm-suppliers-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 570px;
  display: flex;
  align-items: center;
  padding: 90px 0 150px;
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(233, 196, 106, 0.18),
      transparent 25%
    ),
    radial-gradient(
      circle at 14% 82%,
      rgba(255, 255, 255, 0.1),
      transparent 30%
    ),
    linear-gradient(135deg, #102f36 0%, #184b51 46%, #248f84 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-suppliers-hero__grid {
  position: absolute;
  inset: 0;
  z-index: -4;
  opacity: 0.13;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 46px 46px;
}
.itm-suppliers-hero__noise {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: 0.08;
  background-image:
    radial-gradient(circle at 20% 25%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 70% 55%, #fff 0 1px, transparent 1.5px);
  background-size:
    24px 24px,
    34px 34px;
}
.itm-suppliers-hero__orb {
  position: absolute;
  z-index: -2;
  display: block;
  border-radius: 50%;
  pointer-events: none;
}
.itm-suppliers-hero__orb--one {
  width: 360px;
  height: 360px;
  top: -170px;
  right: -80px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  box-shadow:
    0 0 0 44px rgba(255, 255, 255, 0.02),
    0 0 0 88px rgba(255, 255, 255, 0.012);
}
.itm-suppliers-hero__orb--two {
  width: 300px;
  height: 300px;
  left: -120px;
  bottom: 20px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.2),
    transparent 68%
  );
}
.itm-suppliers-hero__orb--three {
  width: 130px;
  height: 130px;
  left: 38%;
  top: 16%;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.itm-suppliers-hero .container {
  position: relative;
  z-index: 3;
}
.itm-suppliers-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  align-items: center;
  gap: 70px;
}
.itm-suppliers-hero__content {
  position: relative;
}
.itm-suppliers-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #f0cf73;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);
}
.itm-suppliers-hero__eyebrow i {
  font-size: 15px;
}
.itm-suppliers-hero__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 68px;
  font-weight: 900;
  line-height: 1.35;
  text-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}
.itm-suppliers-hero__subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
.itm-suppliers-hero__line {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 260px;
  margin-top: 30px;
}
.itm-suppliers-hero__line span {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(233, 196, 106, 0.85));
}
.itm-suppliers-hero__line span:last-child {
  background: linear-gradient(90deg, rgba(233, 196, 106, 0.85), transparent);
}
.itm-suppliers-hero__line i {
  color: #e9c46a;
  font-size: 16px;
}
.itm-suppliers-hero__visual {
  position: relative;
  width: 360px;
  height: 360px;
  margin: 0 auto;
}
.itm-suppliers-hero__visual-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.itm-suppliers-hero__visual-ring--one {
  inset: 10px;
  animation: itm-suppliers-spin 22s linear infinite;
}
.itm-suppliers-hero__visual-ring--two {
  inset: 52px;
  border-style: dashed;
  border-color: rgba(233, 196, 106, 0.28);
  animation: itm-suppliers-spin-reverse 18s linear infinite;
}
.itm-suppliers-hero__visual-ring--one:before,
.itm-suppliers-hero__visual-ring--two:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 18px rgba(233, 196, 106, 0.8);
}
.itm-suppliers-hero__visual-ring--one:before {
  top: 28px;
  right: 56px;
}
.itm-suppliers-hero__visual-ring--two:before {
  left: 17px;
  bottom: 56px;
}
.itm-suppliers-hero__visual-core {
  position: absolute;
  inset: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 34px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.16),
    rgba(255, 255, 255, 0.06)
  );
  box-shadow:
    0 28px 65px rgba(3, 29, 33, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  text-align: center;
  backdrop-filter: blur(18px);
  transform: rotate(3deg);
}
.itm-suppliers-hero__visual-icon {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 20px;
  background: linear-gradient(145deg, #f1d37c, #dfae40);
  color: #17343e;
  font-size: 25px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}
.itm-suppliers-hero__visual-core strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-suppliers-hero__visual-core small {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  line-height: 1.7;
}
.itm-suppliers-hero__node {
  position: absolute;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 18px;
  background: rgba(10, 45, 50, 0.68);
  color: #f0cf73;
  font-size: 20px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
}
.itm-suppliers-hero__node--one {
  top: 25px;
  right: 45px;
}
.itm-suppliers-hero__node--two {
  left: 10px;
  top: 155px;
}
.itm-suppliers-hero__node--three {
  right: 60px;
  bottom: 20px;
}
.itm-suppliers-hero__curve {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 4;
  line-height: 0;
}
.itm-suppliers-hero__curve svg {
  display: block;
  width: 100%;
  height: 115px;
}
@keyframes itm-suppliers-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes itm-suppliers-spin-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@media (max-width: 991px) {
  .itm-suppliers-hero {
    min-height: auto;
    padding: 90px 0 145px;
  }
  .itm-suppliers-hero__layout {
    grid-template-columns: 1fr;
    gap: 55px;
    text-align: center;
  }
  .itm-suppliers-hero__line {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-suppliers-hero__title {
    font-size: 54px;
  }
  .itm-suppliers-hero__visual {
    width: 330px;
    height: 330px;
  }
  .itm-suppliers-hero__visual-core {
    inset: 80px;
  }
}
@media (max-width: 767px) {
  .itm-suppliers-hero {
    padding: 72px 0 120px;
  }
  .itm-suppliers-hero__layout {
    gap: 42px;
  }
  .itm-suppliers-hero__title {
    font-size: 42px;
  }
  .itm-suppliers-hero__subtitle {
    font-size: 15px;
  }
  .itm-suppliers-hero__visual {
    width: 285px;
    height: 285px;
  }
  .itm-suppliers-hero__visual-core {
    inset: 70px;
    border-radius: 28px;
  }
  .itm-suppliers-hero__visual-icon {
    width: 52px;
    height: 52px;
    font-size: 21px;
  }
  .itm-suppliers-hero__node {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 17px;
  }
  .itm-suppliers-hero__node--one {
    top: 18px;
    right: 35px;
  }
  .itm-suppliers-hero__node--two {
    left: 4px;
    top: 120px;
  }
  .itm-suppliers-hero__node--three {
    right: 42px;
    bottom: 12px;
  }
  .itm-suppliers-hero__curve svg {
    height: 82px;
  }
}
.itm-supplier-intro {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background: #f7faf9;
  font-family: "Vazirmatn", sans-serif;
}
.itm-supplier-intro__bg-shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-supplier-intro__bg-shape--one {
  width: 420px;
  height: 420px;
  right: -250px;
  top: -120px;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 70%);
}
.itm-supplier-intro__bg-shape--two {
  width: 320px;
  height: 320px;
  left: -170px;
  bottom: -120px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.14),
    transparent 70%
  );
}
.itm-supplier-intro__image {
  position: relative;
  max-width: 560px;
}
.itm-supplier-intro__frame {
  position: absolute;
  inset: 18px;
  border: 2px dashed rgba(42, 157, 143, 0.22);
  border-radius: 34px;
}
.itm-supplier-intro__image img {
  position: relative;
  width: 100%;
  border-radius: 34px;
  box-shadow: 0 35px 80px rgba(16, 47, 54, 0.16);
}
.itm-supplier-intro__floating {
  position: absolute;
  left: -20px;
  bottom: 35px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 45px rgba(17, 55, 61, 0.12);
  backdrop-filter: blur(14px);
}
.itm-supplier-intro__floating i {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #1d5b60, #2a9d8f);
  color: #fff;
  font-size: 18px;
}
.itm-supplier-intro__floating strong {
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-supplier-intro__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #e8f6f3;
  color: #22857b;
  font-size: 12px;
  font-weight: 900;
}
.itm-supplier-intro__badge i {
  color: #d8ab43;
}
.itm-supplier-intro__content h2 {
  margin: 0 0 24px;
  color: #17343e;
  font-size: 42px;
  font-weight: 900;
}
.itm-supplier-intro__content p {
  margin-bottom: 22px;
  color: #667b80;
  text-align: justify;
  line-height: 2.25;
  font-size: 15px;
}
.itm-supplier-intro__action {
  margin-top: 35px;
}
.itm-supplier-intro__button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  border-radius: 16px;
  background: linear-gradient(135deg, #17343e, #2a9d8f);
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 18px 45px rgba(23, 52, 62, 0.18);
  transition: 0.3s;
}
.itm-supplier-intro__button:hover {
  color: #fff !important;
  transform: translateY(-4px);
}
@media (max-width: 991px) {
  .itm-supplier-intro {
    padding: 75px 0;
  }
  .itm-supplier-intro__image {
    margin: 0 auto 40px;
  }
  .itm-supplier-intro__content h2 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .itm-supplier-intro {
    padding: 55px 0;
  }
  .itm-supplier-intro__floating {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 14px 16px;
  }
  .itm-supplier-intro__content h2 {
    font-size: 28px;
  }
}
.itm-support-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 570px;
  display: flex;
  align-items: center;
  padding: 90px 0 150px;
  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(233, 196, 106, 0.2),
      transparent 26%
    ),
    radial-gradient(
      circle at 12% 82%,
      rgba(255, 255, 255, 0.11),
      transparent 30%
    ),
    linear-gradient(135deg, #102f36 0%, #184b51 46%, #248f84 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-support-hero__grid {
  position: absolute;
  inset: 0;
  z-index: -4;
  opacity: 0.13;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 46px 46px;
}
.itm-support-hero__noise {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: 0.08;
  background-image:
    radial-gradient(circle at 20% 25%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 70% 55%, #fff 0 1px, transparent 1.5px);
  background-size:
    24px 24px,
    34px 34px;
}
.itm-support-hero__orb {
  position: absolute;
  z-index: -2;
  display: block;
  border-radius: 50%;
  pointer-events: none;
}
.itm-support-hero__orb--one {
  width: 360px;
  height: 360px;
  top: -170px;
  right: -80px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  box-shadow:
    0 0 0 44px rgba(255, 255, 255, 0.02),
    0 0 0 88px rgba(255, 255, 255, 0.012);
}
.itm-support-hero__orb--two {
  width: 300px;
  height: 300px;
  left: -120px;
  bottom: 20px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.2),
    transparent 68%
  );
}
.itm-support-hero__orb--three {
  width: 130px;
  height: 130px;
  left: 38%;
  top: 16%;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.itm-support-hero .container {
  position: relative;
  z-index: 3;
}
.itm-support-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  align-items: center;
  gap: 70px;
}
.itm-support-hero__content {
  position: relative;
}
.itm-support-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #f0cf73;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);
}
.itm-support-hero__eyebrow i {
  font-size: 15px;
}
.itm-support-hero__title {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: 62px;
  font-weight: 900;
  line-height: 1.55;
  text-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}
.itm-support-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding: 11px 17px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  background: rgba(8, 39, 44, 0.25);
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-weight: 800;
  backdrop-filter: blur(12px);
}
.itm-support-hero__status-dot {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 5px rgba(233, 196, 106, 0.12);
}
.itm-support-hero__status-dot:after {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(233, 196, 106, 0.4);
  border-radius: 50%;
  animation: itm-support-pulse 1.8s ease-out infinite;
}
.itm-support-hero__visual {
  position: relative;
  width: 360px;
  height: 360px;
  margin: 0 auto;
}
.itm-support-hero__visual-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.itm-support-hero__visual-ring--outer {
  inset: 10px;
  animation: itm-support-spin 22s linear infinite;
}
.itm-support-hero__visual-ring--inner {
  inset: 52px;
  border-style: dashed;
  border-color: rgba(233, 196, 106, 0.28);
  animation: itm-support-spin-reverse 18s linear infinite;
}
.itm-support-hero__visual-ring--outer:before,
.itm-support-hero__visual-ring--inner:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 18px rgba(233, 196, 106, 0.8);
}
.itm-support-hero__visual-ring--outer:before {
  top: 28px;
  right: 56px;
}
.itm-support-hero__visual-ring--inner:before {
  left: 17px;
  bottom: 56px;
}
.itm-support-hero__visual-card {
  position: absolute;
  inset: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 34px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.16),
    rgba(255, 255, 255, 0.06)
  );
  box-shadow:
    0 28px 65px rgba(3, 29, 33, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  text-align: center;
  backdrop-filter: blur(18px);
  transform: rotate(3deg);
}
.itm-support-hero__visual-icon {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 20px;
  background: linear-gradient(145deg, #f1d37c, #dfae40);
  color: #17343e;
  font-size: 25px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}
.itm-support-hero__visual-card strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-support-hero__visual-card small {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  line-height: 1.7;
}
.itm-support-hero__node {
  position: absolute;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 18px;
  background: rgba(10, 45, 50, 0.68);
  color: #f0cf73;
  font-size: 20px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
}
.itm-support-hero__node--one {
  top: 25px;
  right: 45px;
}
.itm-support-hero__node--two {
  left: 10px;
  top: 155px;
}
.itm-support-hero__node--three {
  right: 60px;
  bottom: 20px;
}
.itm-support-hero__curve {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 4;
  line-height: 0;
}
.itm-support-hero__curve svg {
  display: block;
  width: 100%;
  height: 115px;
}
@keyframes itm-support-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes itm-support-spin-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes itm-support-pulse {
  0% {
    opacity: 0.8;
    transform: scale(0.65);
  }
  100% {
    opacity: 0;
    transform: scale(1.45);
  }
}
@media (max-width: 991px) {
  .itm-support-hero {
    min-height: auto;
    padding: 90px 0 145px;
  }
  .itm-support-hero__layout {
    grid-template-columns: 1fr;
    gap: 55px;
    text-align: center;
  }
  .itm-support-hero__title {
    font-size: 50px;
  }
  .itm-support-hero__visual {
    width: 330px;
    height: 330px;
  }
  .itm-support-hero__visual-card {
    inset: 80px;
  }
}
@media (max-width: 767px) {
  .itm-support-hero {
    padding: 72px 0 120px;
  }
  .itm-support-hero__layout {
    gap: 42px;
  }
  .itm-support-hero__title {
    font-size: 36px;
  }
  .itm-support-hero__status {
    font-size: 12px;
  }
  .itm-support-hero__visual {
    width: 285px;
    height: 285px;
  }
  .itm-support-hero__visual-card {
    inset: 70px;
    border-radius: 28px;
  }
  .itm-support-hero__visual-icon {
    width: 52px;
    height: 52px;
    font-size: 21px;
  }
  .itm-support-hero__node {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 17px;
  }
  .itm-support-hero__node--one {
    top: 18px;
    right: 35px;
  }
  .itm-support-hero__node--two {
    left: 4px;
    top: 120px;
  }
  .itm-support-hero__node--three {
    right: 42px;
    bottom: 12px;
  }
  .itm-support-hero__curve svg {
    height: 82px;
  }
}
.itm-support-visual {
  position: relative;
  overflow: hidden;
  padding: 45px 0 95px;
  background: #f7faf9;
  font-family: "Vazirmatn", sans-serif;
}
.itm-support-visual__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-support-visual__glow--one {
  width: 420px;
  height: 420px;
  top: -190px;
  right: -210px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.12),
    transparent 70%
  );
}
.itm-support-visual__glow--two {
  width: 360px;
  height: 360px;
  left: -170px;
  bottom: -180px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.14),
    transparent 70%
  );
}
.itm-support-visual .container {
  position: relative;
  z-index: 2;
}
.itm-support-visual__panel {
  overflow: hidden;
  border: 1px solid rgba(31, 91, 95, 0.12);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 28px 80px rgba(17, 55, 61, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.itm-support-visual__media {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  background: #dfe9e6;
}
.itm-support-visual__media img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
}
.itm-support-visual__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(7, 38, 43, 0.02) 20%,
    rgba(7, 38, 43, 0.12) 58%,
    rgba(7, 38, 43, 0.72) 100%
  );
  pointer-events: none;
}
.itm-support-visual__status {
  position: absolute;
  right: 34px;
  bottom: 32px;
  left: 34px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  background: rgba(9, 43, 48, 0.7);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(16px);
}
.itm-support-visual__status-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #f2d47e, #dfae40);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}
.itm-support-visual__status-content {
  flex: 1;
}
.itm-support-visual__status-label {
  display: block;
  margin-bottom: 5px;
  color: #e9c46a;
  font-size: 11px;
  font-weight: 900;
}
.itm-support-visual__status-content strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-support-visual__status-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.2);
  color: #dff7f3;
  font-size: 11px;
  font-weight: 900;
}
.itm-support-visual__status-live span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #68e0c9;
  box-shadow: 0 0 0 5px rgba(104, 224, 201, 0.12);
}
.itm-support-visual__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #e5efec;
}
.itm-support-visual__feature {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 120px;
  padding: 24px 28px;
  border-left: 1px solid #e5efec;
}
.itm-support-visual__feature:last-child {
  border-left: 0;
}
.itm-support-visual__feature-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #eaf7f4;
  color: #2a9d8f;
  font-size: 19px;
}
.itm-support-visual__feature strong {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-support-visual__feature small {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .itm-support-visual {
    padding: 35px 0 75px;
  }
  .itm-support-visual__media img {
    height: 450px;
  }
  .itm-support-visual__features {
    grid-template-columns: 1fr;
  }
  .itm-support-visual__feature {
    min-height: auto;
    border-left: 0;
    border-bottom: 1px solid #e5efec;
  }
  .itm-support-visual__feature:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 767px) {
  .itm-support-visual {
    padding: 25px 0 60px;
  }
  .itm-support-visual__panel {
    border-radius: 26px;
  }
  .itm-support-visual__media {
    min-height: 360px;
  }
  .itm-support-visual__media img {
    height: 390px;
  }
  .itm-support-visual__status {
    right: 14px;
    bottom: 14px;
    left: 14px;
    padding: 15px;
    border-radius: 18px;
  }
  .itm-support-visual__status-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    font-size: 20px;
  }
  .itm-support-visual__status-content strong {
    font-size: 15px;
  }
  .itm-support-visual__status-live {
    display: none;
  }
  .itm-support-visual__feature {
    padding: 20px;
  }
}
.itm-support-topics {
  position: relative;
  overflow: hidden;
  padding: 95px 0 110px;
  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(42, 157, 143, 0.08),
      transparent 24%
    ),
    radial-gradient(
      circle at 94% 82%,
      rgba(233, 196, 106, 0.11),
      transparent 26%
    ),
    #f7faf9;
  font-family: "Vazirmatn", sans-serif;
}
.itm-support-topics__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-support-topics__glow--one {
  width: 360px;
  height: 360px;
  top: -190px;
  right: -170px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  box-shadow:
    0 0 0 42px rgba(42, 157, 143, 0.025),
    0 0 0 84px rgba(42, 157, 143, 0.015);
}
.itm-support-topics__glow--two {
  width: 320px;
  height: 320px;
  left: -150px;
  bottom: -160px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.13),
    transparent 70%
  );
}
.itm-support-topics .container {
  position: relative;
  z-index: 2;
}
.itm-support-topics__heading {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}
.itm-support-topics__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 9px 17px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: #248b81;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 28px rgba(23, 52, 62, 0.06);
}
.itm-support-topics__eyebrow i {
  color: #d9ad45;
  font-size: 15px;
}
.itm-support-topics__title {
  margin: 0;
  color: #17343e;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-support-topics__subtitle {
  margin: 12px 0 0;
  color: #71858a;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.itm-support-topics__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.itm-support-topic-card {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 30px;
  border: 1px solid rgba(31, 91, 95, 0.11);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  color: inherit !important;
  text-decoration: none !important;
  box-shadow:
    0 22px 60px rgba(17, 55, 61, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-support-topic-card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  border-radius: 0 0 0 100%;
  background: linear-gradient(
    145deg,
    rgba(42, 157, 143, 0.09),
    transparent 70%
  );
  pointer-events: none;
}
.itm-support-topic-card:hover {
  transform: translateY(-8px);
  border-color: rgba(42, 157, 143, 0.3);
  box-shadow:
    0 32px 75px rgba(17, 55, 61, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.itm-support-topic-card--large {
  grid-row: span 2;
  min-height: 462px;
  flex-direction: column;
  justify-content: center;
  padding: 42px;
  background:
    radial-gradient(
      circle at 15% 15%,
      rgba(233, 196, 106, 0.12),
      transparent 28%
    ),
    linear-gradient(145deg, #17343e 0%, #205f61 55%, #2a9d8f 100%);
}
.itm-support-topic-card--large:before {
  width: 260px;
  height: 260px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12),
    transparent 68%
  );
}
.itm-support-topic-card--accent {
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(233, 196, 106, 0.14),
      transparent 28%
    ),
    rgba(255, 255, 255, 0.94);
}
.itm-support-topic-card__number {
  position: absolute;
  top: 20px;
  left: 22px;
  color: rgba(23, 52, 62, 0.12);
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}
.itm-support-topic-card--large .itm-support-topic-card__number {
  color: rgba(255, 255, 255, 0.13);
  font-size: 54px;
}
.itm-support-topic-card__icon {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #e9f7f4, #dff1ed);
  color: #258b81;
  font-size: 22px;
  box-shadow: 0 12px 28px rgba(17, 55, 61, 0.09);
}
.itm-support-topic-card--large .itm-support-topic-card__icon {
  width: 76px;
  height: 76px;
  flex-basis: 76px;
  border-radius: 23px;
  background: linear-gradient(145deg, #f2d47d, #dfae40);
  color: #17343e;
  font-size: 29px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
}
.itm-support-topic-card__content {
  position: relative;
  z-index: 2;
  flex: 1;
  padding-left: 30px;
}
.itm-support-topic-card__label {
  display: block;
  margin-bottom: 9px;
  color: #2a9d8f;
  font-size: 11px;
  font-weight: 900;
}
.itm-support-topic-card__content h3 {
  margin: 0 0 10px;
  color: #17343e;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-support-topic-card__content p {
  margin: 0;
  color: #74878c;
  font-size: 13px;
  line-height: 2;
}
.itm-support-topic-card--large .itm-support-topic-card__content {
  padding-left: 0;
}
.itm-support-topic-card--large .itm-support-topic-card__label {
  color: #f0cf73;
}
.itm-support-topic-card--large .itm-support-topic-card__content h3 {
  max-width: 430px;
  color: #fff;
  font-size: 29px;
  line-height: 1.75;
}
.itm-support-topic-card--large .itm-support-topic-card__content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.itm-support-topic-card__arrow {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf8f6;
  color: #2a9d8f;
  font-size: 16px;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}
.itm-support-topic-card:hover .itm-support-topic-card__arrow {
  transform: translateX(-5px);
  background: #2a9d8f;
  color: #fff;
}
.itm-support-topic-card--large .itm-support-topic-card__arrow {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.12);
  color: #f0cf73;
}
.itm-support-topic-card--large:hover .itm-support-topic-card__arrow {
  background: #e9c46a;
  color: #17343e;
}
@media (max-width: 991px) {
  .itm-support-topics {
    padding: 75px 0 85px;
  }
  .itm-support-topics__grid {
    grid-template-columns: 1fr;
  }
  .itm-support-topic-card--large {
    grid-row: auto;
    min-height: 330px;
  }
  .itm-support-topics__title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .itm-support-topics {
    padding: 55px 0 65px;
  }
  .itm-support-topics__heading {
    margin-bottom: 38px;
  }
  .itm-support-topics__title {
    font-size: 27px;
  }
  .itm-support-topics__subtitle {
    font-size: 14px;
  }
  .itm-support-topic-card {
    min-height: auto;
    padding: 24px 20px 68px;
    border-radius: 23px;
  }
  .itm-support-topic-card--large {
    min-height: 320px;
    padding: 32px 24px 75px;
  }
  .itm-support-topic-card__icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 16px;
    font-size: 19px;
  }
  .itm-support-topic-card__content {
    padding-left: 0;
  }
  .itm-support-topic-card__content h3 {
    font-size: 17px;
  }
  .itm-support-topic-card--large .itm-support-topic-card__content h3 {
    font-size: 23px;
  }
}
.itm-support-faq {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background: #ffffff;
  font-family: "Vazirmatn", sans-serif;
}
.itm-support-faq__shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.itm-support-faq__shape--one {
  width: 420px;
  height: 420px;
  top: -220px;
  right: -180px;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.08),
    transparent 70%
  );
}
.itm-support-faq__shape--two {
  width: 320px;
  height: 320px;
  bottom: -150px;
  left: -120px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.12),
    transparent 70%
  );
}
.itm-support-faq__heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 55px;
}
.itm-support-faq__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #eaf7f4;
  color: #258b81;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 18px;
}
.itm-support-faq__badge i {
  color: #d8aa42;
}
.itm-support-faq__heading h2 {
  margin: 0;
  color: #17343e;
  font-size: 40px;
  font-weight: 900;
}
.itm-support-faq__heading p {
  margin: 14px 0 0;
  color: #75888d;
  line-height: 2;
}
.itm-support-faq__accordion {
  max-width: 980px;
  margin: auto;
}
.itm-support-faq__item {
  margin-bottom: 18px;
  border: 1px solid rgba(26, 85, 89, 0.09);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 16px 45px rgba(18, 51, 57, 0.07);
}
.itm-support-faq__button {
  width: 100%;
  border: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 30px;
  font-size: 17px;
  font-weight: 800;
  color: #17343e;
  text-align: right;
}
.itm-support-faq__button:hover {
  background: #f8fcfb;
}
.itm-support-faq__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #eaf7f4;
  color: #2a9d8f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.35s;
}
.itm-support-faq__button:not(.collapsed) .itm-support-faq__icon {
  background: #2a9d8f;
  color: #fff;
  transform: rotate(45deg);
}
.itm-support-faq__body {
  padding: 0 30px 28px;
  color: #687d82;
  line-height: 2.2;
  font-size: 15px;
}
.itm-support-faq__body strong {
  color: #1d5b60;
}
@media (max-width: 767px) {
  .itm-support-faq {
    padding: 60px 0;
  }
  .itm-support-faq__heading h2 {
    font-size: 29px;
  }
  .itm-support-faq__button {
    padding: 20px;
    font-size: 15px;
  }
  .itm-support-faq__body {
    padding: 0 20px 20px;
    font-size: 14px;
  }
}
.itm-support-contact {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 110px 0;
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 10% 90%,
      rgba(255, 255, 255, 0.09),
      transparent 30%
    ),
    linear-gradient(135deg, #0f3037 0%, #185158 48%, #248f84 100%);
  font-family: "Vazirmatn", sans-serif;
}
.itm-support-contact__grid {
  position: absolute;
  inset: 0;
  z-index: -4;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 48px 48px;
}
.itm-support-contact__noise {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: 0.07;
  background-image:
    radial-gradient(circle at 25% 35%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 75% 65%, #fff 0 1px, transparent 1.5px);
  background-size:
    24px 24px,
    34px 34px;
}
.itm-support-contact__orb {
  position: absolute;
  z-index: -2;
  display: block;
  border-radius: 50%;
  pointer-events: none;
}
.itm-support-contact__orb--one {
  width: 410px;
  height: 410px;
  top: -210px;
  right: -130px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.02),
    0 0 0 96px rgba(255, 255, 255, 0.012);
}
.itm-support-contact__orb--two {
  width: 350px;
  height: 350px;
  left: -150px;
  bottom: -160px;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.2),
    transparent 70%
  );
}
.itm-support-contact .container {
  position: relative;
  z-index: 2;
}
.itm-support-contact__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  align-items: center;
  gap: 70px;
  padding: 58px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 38px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0.05)
  );
  box-shadow:
    0 38px 95px rgba(3, 28, 32, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(18px);
}
.itm-support-contact__content {
  position: relative;
}
.itm-support-contact__icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 23px;
  background: linear-gradient(145deg, #f2d47d, #dfae40);
  color: #17343e;
  font-size: 27px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
  transform: rotate(-5deg);
}
.itm-support-contact__icon i {
  transform: rotate(5deg);
}
.itm-support-contact__eyebrow {
  display: block;
  margin-bottom: 10px;
  color: #f0cf73;
  font-size: 12px;
  font-weight: 900;
}
.itm-support-contact__content h2 {
  margin: 0;
  color: #fff;
  font-size: 43px;
  font-weight: 900;
  line-height: 1.65;
  text-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}
.itm-support-contact__content p {
  max-width: 650px;
  margin: 17px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 2.1;
}
.itm-support-contact__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}
.itm-support-contact__button {
  position: relative;
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 20px;
  text-decoration: none !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}
.itm-support-contact__button--chat {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.1);
}
.itm-support-contact__button--ticket {
  background: linear-gradient(145deg, #f2d47d, #dfae40);
  color: #17343e !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}
.itm-support-contact__button:hover {
  transform: translateY(-5px);
}
.itm-support-contact__button--chat:hover {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.16);
}
.itm-support-contact__button--ticket:hover {
  box-shadow: 0 25px 48px rgba(0, 0, 0, 0.22);
}
.itm-support-contact__button-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-size: 19px;
}
.itm-support-contact__button--chat .itm-support-contact__button-icon {
  background: rgba(255, 255, 255, 0.12);
  color: #f0cf73;
}
.itm-support-contact__button--ticket .itm-support-contact__button-icon {
  background: rgba(23, 52, 62, 0.1);
  color: #17343e;
}
.itm-support-contact__button-text {
  flex: 1;
}
.itm-support-contact__button-text small {
  display: block;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
  opacity: 0.7;
}
.itm-support-contact__button-text strong {
  display: block;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-support-contact__button-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.itm-support-contact__button:hover .itm-support-contact__button-arrow {
  transform: translateX(-5px);
}
.itm-support-contact__visual {
  position: relative;
  width: 340px;
  height: 340px;
  margin: 0 auto;
}
.itm-support-contact__ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.itm-support-contact__ring--outer {
  inset: 8px;
  animation: itm-support-contact-spin 24s linear infinite;
}
.itm-support-contact__ring--inner {
  inset: 48px;
  border-style: dashed;
  border-color: rgba(233, 196, 106, 0.3);
  animation: itm-support-contact-spin-reverse 19s linear infinite;
}
.itm-support-contact__ring:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 18px rgba(233, 196, 106, 0.8);
}
.itm-support-contact__ring--outer:before {
  top: 27px;
  right: 53px;
}
.itm-support-contact__ring--inner:before {
  left: 15px;
  bottom: 50px;
}
.itm-support-contact__visual-card {
  position: absolute;
  inset: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 32px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.055)
  );
  box-shadow:
    0 28px 65px rgba(3, 29, 33, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  text-align: center;
  backdrop-filter: blur(17px);
  transform: rotate(3deg);
}
.itm-support-contact__visual-headset {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border-radius: 19px;
  background: linear-gradient(145deg, #f2d47d, #dfae40);
  color: #17343e;
  font-size: 25px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}
.itm-support-contact__visual-card strong {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-support-contact__online {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 9px;
  font-weight: 800;
}
.itm-support-contact__online i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #69e0c9;
  box-shadow: 0 0 0 5px rgba(105, 224, 201, 0.12);
}
.itm-support-contact__node {
  position: absolute;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 17px;
  background: rgba(8, 42, 47, 0.7);
  color: #f0cf73;
  font-size: 19px;
  box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(12px);
}
.itm-support-contact__node--one {
  top: 22px;
  right: 40px;
}
.itm-support-contact__node--two {
  left: 5px;
  top: 145px;
}
.itm-support-contact__node--three {
  right: 55px;
  bottom: 18px;
}
@keyframes itm-support-contact-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes itm-support-contact-spin-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@media (max-width: 991px) {
  .itm-support-contact {
    padding: 85px 0;
  }
  .itm-support-contact__panel {
    grid-template-columns: 1fr;
    gap: 55px;
    padding: 45px;
    text-align: center;
  }
  .itm-support-contact__icon {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-support-contact__content p {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-support-contact__visual {
    width: 320px;
    height: 320px;
  }
  .itm-support-contact__visual-card {
    inset: 76px;
  }
}
@media (max-width: 767px) {
  .itm-support-contact {
    padding: 60px 0;
  }
  .itm-support-contact__panel {
    padding: 32px 20px;
    border-radius: 28px;
  }
  .itm-support-contact__content h2 {
    font-size: 29px;
  }
  .itm-support-contact__content p {
    font-size: 14px;
  }
  .itm-support-contact__actions {
    grid-template-columns: 1fr;
  }
  .itm-support-contact__visual {
    width: 275px;
    height: 275px;
  }
  .itm-support-contact__visual-card {
    inset: 66px;
    border-radius: 26px;
  }
  .itm-support-contact__visual-headset {
    width: 50px;
    height: 50px;
    font-size: 21px;
  }
  .itm-support-contact__node {
    width: 47px;
    height: 47px;
    border-radius: 14px;
    font-size: 16px;
  }
  .itm-support-contact__node--one {
    top: 16px;
    right: 30px;
  }
  .itm-support-contact__node--two {
    left: 2px;
    top: 112px;
  }
  .itm-support-contact__node--three {
    right: 42px;
    bottom: 10px;
  }
}
.itm-academyhub-hero {
  position: relative;
  overflow: hidden;
  direction: rtl;
  min-height: 720px;
  padding: 108px 0 96px;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.17),
      transparent 27%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.22),
      transparent 31%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-academyhub-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -150px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 62px rgba(255, 255, 255, 0.018),
    0 0 0 124px rgba(255, 255, 255, 0.011);
  pointer-events: none;
}
.itm-academyhub-hero::after {
  content: "";
  position: absolute;
  left: -170px;
  bottom: -210px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(233, 196, 106, 0.13);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(233, 196, 106, 0.024),
    0 0 0 116px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-academyhub-hero-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-academyhub-hero-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.itm-academyhub-hero-breadcrumb-link {
  color: rgba(255, 255, 255, 0.66);
  text-decoration: none;
  transition: color 0.25s ease;
}
.itm-academyhub-hero-breadcrumb-link:hover {
  color: #f2d584;
  text-decoration: none;
}
.itm-academyhub-hero-breadcrumb-arrow {
  color: rgba(233, 196, 106, 0.72);
  font-size: 11px;
}
.itm-academyhub-hero-breadcrumb-current {
  color: #f2d584;
  font-weight: 800;
}
.itm-academyhub-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  align-items: center;
  gap: 82px;
}
.itm-academyhub-hero-content {
  position: relative;
}
.itm-academyhub-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 9px 15px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.1);
  color: #f2d584;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-academyhub-hero-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.16);
  color: #f2d584;
}
.itm-academyhub-hero-title {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(43px, 5.6vw, 74px);
  font-weight: 900;
  line-height: 1.46;
  letter-spacing: -1.5px;
}
.itm-academyhub-hero-title-highlight {
  color: #7ee0d4;
}
.itm-academyhub-hero-description {
  max-width: 720px;
  margin: 25px 0 0;
  color: rgba(255, 255, 255, 0.63);
  font-size: 16px;
  line-height: 2.15;
}
.itm-academyhub-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-academyhub-hero-primary,
.itm-academyhub-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 25px;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}
.itm-academyhub-hero-primary {
  border: 1px solid rgba(233, 196, 106, 0.4);
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 16px 38px rgba(233, 196, 106, 0.22);
}
.itm-academyhub-hero-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(233, 196, 106, 0.31);
}
.itm-academyhub-hero-secondary {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-academyhub-hero-secondary:hover {
  border-color: rgba(126, 224, 212, 0.38);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-academyhub-hero-features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 34px;
}
.itm-academyhub-hero-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}
.itm-academyhub-hero-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.16);
  color: #7ee0d4;
  font-size: 10px;
}
.itm-academyhub-hero-visual {
  position: relative;
  min-height: 510px;
}
.itm-academyhub-hero-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.27),
    transparent 68%
  );
  transform: translate(-50%, -50%);
  filter: blur(18px);
}
.itm-academyhub-hero-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  border: 1px dashed rgba(126, 224, 212, 0.18);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.itm-academyhub-hero-orbit::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 8px rgba(126, 224, 212, 0.09);
  transform: translateX(-50%);
}
.itm-academyhub-hero-core {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 235px;
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 35% 24%,
      rgba(255, 255, 255, 0.11),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.095),
      rgba(255, 255, 255, 0.04)
    );
  box-shadow:
    0 30px 75px rgba(0, 0, 0, 0.25),
    0 0 0 28px rgba(42, 157, 143, 0.05);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.itm-academyhub-hero-core-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 29px;
  box-shadow: 0 17px 38px rgba(233, 196, 106, 0.24);
}
.itm-academyhub-hero-core-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}
.itm-academyhub-hero-core-text {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 10px;
}
.itm-academyhub-hero-float {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 154px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.17);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-academyhub-hero-float-one {
  top: 35px;
  right: 2px;
}
.itm-academyhub-hero-float-two {
  top: 58px;
  left: -4px;
}
.itm-academyhub-hero-float-three {
  right: -5px;
  bottom: 48px;
}
.itm-academyhub-hero-float-four {
  left: 2px;
  bottom: 22px;
}
.itm-academyhub-hero-float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 39px;
  width: 39px;
  height: 39px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.12);
  color: #2a9d8f;
  font-size: 14px;
}
.itm-academyhub-hero-float-gold .itm-academyhub-hero-float-icon {
  background: rgba(233, 196, 106, 0.18);
  color: #a97819;
}
.itm-academyhub-hero-float-label {
  display: block;
  margin-bottom: 2px;
  color: #71858a;
  font-size: 9px;
}
.itm-academyhub-hero-float-value {
  display: block;
  color: #17343e;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .itm-academyhub-hero {
    padding: 92px 0 84px;
  }
  .itm-academyhub-hero-layout {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .itm-academyhub-hero-content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
  }
  .itm-academyhub-hero-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-academyhub-hero-actions,
  .itm-academyhub-hero-features {
    justify-content: center;
  }
  .itm-academyhub-hero-visual {
    width: min(600px, 100%);
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .itm-academyhub-hero {
    min-height: auto;
    padding: 76px 0 68px;
  }
  .itm-academyhub-hero-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-academyhub-hero-breadcrumb {
    margin-bottom: 34px;
  }
  .itm-academyhub-hero-title {
    font-size: 38px;
  }
  .itm-academyhub-hero-description {
    font-size: 14px;
    line-height: 2;
  }
  .itm-academyhub-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .itm-academyhub-hero-primary,
  .itm-academyhub-hero-secondary {
    width: 100%;
  }
  .itm-academyhub-hero-features {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .itm-academyhub-hero-visual {
    min-height: 460px;
  }
  .itm-academyhub-hero-orbit {
    width: 300px;
    height: 300px;
  }
  .itm-academyhub-hero-core {
    width: 185px;
    height: 185px;
  }
  .itm-academyhub-hero-core-icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
  .itm-academyhub-hero-float {
    min-width: 128px;
    padding: 10px;
  }
  .itm-academyhub-hero-float-one {
    top: 20px;
    right: 0;
  }
  .itm-academyhub-hero-float-two {
    top: 58px;
    left: 0;
  }
  .itm-academyhub-hero-float-three {
    right: 0;
    bottom: 48px;
  }
  .itm-academyhub-hero-float-four {
    left: 0;
    bottom: 14px;
  }
  .itm-academyhub-hero-float-label {
    display: none;
  }
  .itm-academyhub-hero-float-value {
    font-size: 10px;
  }
}
.itm-academyhub-paths {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 118px 0;
  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(233, 196, 106, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 88%,
      rgba(42, 157, 143, 0.1),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-academyhub-paths::before {
  content: "";
  position: absolute;
  top: 110px;
  right: -170px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(42, 157, 143, 0.022),
    0 0 0 108px rgba(42, 157, 143, 0.014);
  pointer-events: none;
}
.itm-academyhub-paths-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-academyhub-paths-header {
  max-width: 820px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-academyhub-paths-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.09);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-academyhub-paths-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-academyhub-paths-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-academyhub-paths-title-highlight {
  color: #2a9d8f;
}
.itm-academyhub-paths-description {
  max-width: 720px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.05;
}
.itm-academyhub-paths-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.itm-academyhub-paths-card {
  position: relative;
  overflow: hidden;
  min-height: 355px;
  padding: 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 55px rgba(23, 52, 62, 0.065);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-academyhub-paths-card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-academyhub-paths-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-academyhub-paths-card:hover {
  border-color: rgba(42, 157, 143, 0.22);
  transform: translateY(-8px);
  box-shadow: 0 28px 72px rgba(23, 52, 62, 0.11);
}
.itm-academyhub-paths-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 25px;
}
.itm-academyhub-paths-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 20px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 25px;
  box-shadow: 0 16px 34px rgba(42, 157, 143, 0.22);
}
.itm-academyhub-paths-card-gold .itm-academyhub-paths-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.25);
}
.itm-academyhub-paths-card-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef7f5;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 900;
}
.itm-academyhub-paths-card-gold .itm-academyhub-paths-card-number {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-academyhub-paths-card-title {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: #17343e;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-academyhub-paths-card-text {
  position: relative;
  z-index: 2;
  min-height: 88px;
  margin: 0;
  color: #71858a;
  font-size: 13px;
  line-height: 2;
}
.itm-academyhub-paths-card-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 23px;
  padding-top: 20px;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
}
.itm-academyhub-paths-card-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #71858a;
  font-size: 10px;
  font-weight: 700;
}
.itm-academyhub-paths-card-label-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.09);
  color: #2a9d8f;
  font-size: 10px;
}
.itm-academyhub-paths-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 14px;
  background: #17343e;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  transition:
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-academyhub-paths-card-link:hover {
  background: #2a9d8f;
  color: #ffffff;
  text-decoration: none;
  transform: translateX(-3px);
  box-shadow: 0 12px 26px rgba(42, 157, 143, 0.2);
}
.itm-academyhub-paths-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 42px;
  color: #71858a;
  font-size: 12px;
  text-align: center;
}
.itm-academyhub-paths-bottom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
@media (max-width: 1050px) {
  .itm-academyhub-paths-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .itm-academyhub-paths {
    padding: 84px 0;
  }
  .itm-academyhub-paths-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-academyhub-paths-header {
    margin-bottom: 42px;
  }
  .itm-academyhub-paths-title {
    font-size: 34px;
  }
  .itm-academyhub-paths-description {
    font-size: 14px;
  }
  .itm-academyhub-paths-grid {
    grid-template-columns: 1fr;
  }
  .itm-academyhub-paths-card {
    min-height: auto;
    padding: 25px;
    border-radius: 24px;
  }
  .itm-academyhub-paths-card-text {
    min-height: auto;
  }
  .itm-academyhub-paths-bottom {
    align-items: flex-start;
    line-height: 1.9;
  }
}
.itm-academyhub-stats {
  position: relative;
  overflow: hidden;
  padding: 115px 0;
  direction: rtl;
  background:
    radial-gradient(
      circle at 8% 15%,
      rgba(233, 196, 106, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 82%,
      rgba(42, 157, 143, 0.1),
      transparent 30%
    ),
    #fff;
  font-family: Vazirmatn, sans-serif;
}
.itm-academyhub-stats-container {
  width: min(1240px, calc(100% - 40px));
  margin: auto;
  position: relative;
  z-index: 2;
}
.itm-academyhub-stats-layout {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 60px;
  align-items: center;
}
.itm-academyhub-stats-panel {
  position: relative;
  padding: 34px;
  border-radius: 32px;
  overflow: hidden;
  background: linear-gradient(145deg, #102f36, #17343e, #185158);
  box-shadow: 0 35px 80px rgba(16, 47, 54, 0.22);
}
.itm-academyhub-stats-panel::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -120px;
  left: -80px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.08);
}
.itm-academyhub-stats-circle {
  width: 170px;
  height: 170px;
  margin: auto;
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
}
.itm-academyhub-stats-circle strong {
  font-size: 48px;
  font-weight: 900;
  color: #e9c46a;
  line-height: 1;
}
.itm-academyhub-stats-circle span {
  margin-top: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
}
.itm-academyhub-stats-bars {
  margin-top: 34px;
  display: grid;
  gap: 16px;
}
.itm-academyhub-stats-bar span {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
}
.itm-academyhub-stats-progress {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
.itm-academyhub-stats-progress div {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #e9c46a, #2a9d8f);
}
.itm-academyhub-stats-content h2 {
  margin: 0;
  color: #17343e;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.5;
  font-weight: 900;
}
.itm-academyhub-stats-content h2 span {
  color: #2a9d8f;
}
.itm-academyhub-stats-content p {
  margin: 22px 0 36px;
  color: #71858a;
  line-height: 2.1;
  font-size: 15px;
}
.itm-academyhub-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.itm-academyhub-stats-item {
  display: flex;
  gap: 18px;
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(23, 52, 62, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
.itm-academyhub-stats-item:hover {
  transform: translateY(-6px);
}
.itm-academyhub-stats-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #39b7a7);
  color: #fff;
  font-size: 22px;
}
.itm-academyhub-stats-item:nth-child(even) .itm-academyhub-stats-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-academyhub-stats-item h3 {
  margin: 0 0 8px;
  color: #17343e;
  font-size: 18px;
  font-weight: 900;
}
.itm-academyhub-stats-item p {
  margin: 0;
  color: #71858a;
  line-height: 1.9;
  font-size: 13px;
}
@media (max-width: 991px) {
  .itm-academyhub-stats {
    padding: 90px 0;
  }
  .itm-academyhub-stats-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .itm-academyhub-stats-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-academyhub-stats-grid {
    grid-template-columns: 1fr;
  }
  .itm-academyhub-stats-panel {
    padding: 24px;
  }
  .itm-academyhub-stats-content h2 {
    font-size: 34px;
  }
}
.itm-acablog {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(42, 157, 143, 0.08),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 85%,
      rgba(233, 196, 106, 0.1),
      transparent 32%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-acablog-container {
  width: min(1240px, calc(100% - 40px));
  margin: auto;
  position: relative;
  z-index: 2;
}
.itm-acablog-head {
  max-width: 760px;
  margin: 0 auto 70px;
  text-align: center;
}
.itm-acablog-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.09);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 18px;
}
.itm-acablog-badge i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a9d8f;
  color: #fff;
}
.itm-acablog-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.5;
  font-weight: 900;
}
.itm-acablog-title span {
  color: #2a9d8f;
}
.itm-acablog-desc {
  margin: 20px auto 0;
  max-width: 700px;
  color: #71858a;
  line-height: 2.1;
  font-size: 15px;
}
.itm-acablog-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
}
.itm-acablog-feature {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: 45px;
  min-height: 470px;
  background: linear-gradient(145deg, #102f36, #17343e, #185158);
  box-shadow: 0 35px 80px rgba(16, 47, 54, 0.18);
}
.itm-acablog-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(233, 196, 106, 0.14),
      transparent 22%
    ),
    radial-gradient(
      circle at 15% 90%,
      rgba(255, 255, 255, 0.06),
      transparent 25%
    );
}
.itm-acablog-icon {
  position: relative;
  z-index: 2;
  width: 82px;
  height: 82px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e9c46a, #f4d98c);
  color: #17343e;
  font-size: 34px;
  box-shadow: 0 18px 42px rgba(233, 196, 106, 0.28);
}
.itm-acablog-feature h3 {
  position: relative;
  z-index: 2;
  margin: 30px 0 18px;
  color: #fff;
  font-size: 34px;
  font-weight: 900;
}
.itm-acablog-feature p {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.72);
  line-height: 2.2;
  font-size: 15px;
  margin: 0;
}
.itm-acablog-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 36px;
  padding: 16px 26px;
  border-radius: 16px;
  background: #e9c46a;
  color: #17343e;
  font-weight: 900;
  text-decoration: none;
  transition: 0.3s;
}
.itm-acablog-action:hover {
  text-decoration: none;
  color: #17343e;
  transform: translateY(-4px);
}
.itm-acablog-list {
  display: grid;
  gap: 22px;
}
.itm-acablog-card {
  display: flex;
  gap: 20px;
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(23, 52, 62, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
.itm-acablog-card:hover {
  transform: translateY(-6px);
  border-color: rgba(42, 157, 143, 0.18);
}
.itm-acablog-card-icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 24px;
}
.itm-acablog-card h4 {
  margin: 0 0 10px;
  color: #17343e;
  font-size: 19px;
  font-weight: 900;
}
.itm-acablog-card p {
  margin: 0;
  color: #71858a;
  line-height: 2;
  font-size: 13px;
}
@media (max-width: 991px) {
  .itm-acablog {
    padding: 90px 0;
  }
  .itm-acablog-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .itm-acablog-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acablog-feature {
    padding: 30px;
    min-height: auto;
  }
  .itm-acablog-feature h3 {
    font-size: 28px;
  }
  .itm-acablog-card {
    flex-direction: column;
  }
}
.itm-acaarchive {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.11),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.09),
      transparent 32%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-acaarchive::before {
  content: "";
  position: absolute;
  top: -160px;
  right: -150px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(42, 157, 143, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(42, 157, 143, 0.018),
    0 0 0 108px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-acaarchive-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acaarchive-header {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-acaarchive-heading {
  max-width: 600px;
}
.itm-acaarchive-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-acaarchive-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-acaarchive-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-acaarchive-title-highlight {
  color: #2a9d8f;
}
.itm-acaarchive-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #f7faf9;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-acaarchive-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  gap: 28px;
}
.itm-acaarchive-showcase {
  position: relative;
  overflow: hidden;
  min-height: 585px;
  padding: 42px;
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 15% 15%,
      rgba(233, 196, 106, 0.16),
      transparent 26%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 50%, #185158 100%);
  box-shadow: 0 34px 80px rgba(16, 47, 54, 0.2);
}
.itm-acaarchive-showcase::before {
  content: "";
  position: absolute;
  left: -90px;
  bottom: -110px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(255, 255, 255, 0.018),
    0 0 0 84px rgba(255, 255, 255, 0.012);
}
.itm-acaarchive-showcase-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.itm-acaarchive-showcase-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 24px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 31px;
  box-shadow: 0 18px 40px rgba(233, 196, 106, 0.24);
}
.itm-acaarchive-showcase-year {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acaarchive-showcase-title {
  position: relative;
  z-index: 2;
  margin: 32px 0 16px;
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-acaarchive-showcase-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 2.15;
}
.itm-acaarchive-metrics {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}
.itm-acaarchive-metric {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acaarchive-metric strong {
  display: block;
  margin-bottom: 6px;
  color: #e9c46a;
  font-size: 24px;
  font-weight: 900;
}
.itm-acaarchive-metric span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
}
.itm-acaarchive-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 55px;
  margin-top: 32px;
  padding: 0 24px;
  border-radius: 16px;
  background: #ffffff;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acaarchive-action:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.16);
}
.itm-acaarchive-timeline {
  position: relative;
  display: grid;
  gap: 18px;
  padding-right: 34px;
}
.itm-acaarchive-timeline::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 10px;
  bottom: 20px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(42, 157, 143, 0.12),
    rgba(42, 157, 143, 0.55),
    rgba(233, 196, 106, 0.48)
  );
}
.itm-acaarchive-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 25px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.055);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acaarchive-item::before {
  content: "";
  position: absolute;
  top: 32px;
  right: -31px;
  width: 15px;
  height: 15px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  background: #2a9d8f;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.13);
}
.itm-acaarchive-item:nth-child(even)::before {
  background: #e9c46a;
  box-shadow: 0 0 0 4px rgba(233, 196, 106, 0.17);
}
.itm-acaarchive-item:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateX(-6px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-acaarchive-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 21px;
}
.itm-acaarchive-item:nth-child(even) .itm-acaarchive-item-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-acaarchive-item-content {
  min-width: 0;
}
.itm-acaarchive-item-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 900;
}
.itm-acaarchive-item:nth-child(even) .itm-acaarchive-item-meta {
  color: #9a6f17;
}
.itm-acaarchive-item-title {
  margin: 0 0 8px;
  color: #17343e;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.75;
}
.itm-acaarchive-item-text {
  margin: 0;
  color: #71858a;
  font-size: 12px;
  line-height: 1.95;
}
@media (max-width: 991px) {
  .itm-acaarchive {
    padding: 92px 0;
  }
  .itm-acaarchive-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-acaarchive-layout {
    grid-template-columns: 1fr;
  }
  .itm-acaarchive-showcase {
    min-height: auto;
  }
}
@media (max-width: 640px) {
  .itm-acaarchive {
    padding: 78px 0;
  }
  .itm-acaarchive-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acaarchive-header {
    margin-bottom: 42px;
  }
  .itm-acaarchive-title {
    font-size: 34px;
  }
  .itm-acaarchive-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-acaarchive-showcase {
    padding: 28px;
    border-radius: 26px;
  }
  .itm-acaarchive-showcase-title {
    font-size: 28px;
  }
  .itm-acaarchive-metrics {
    grid-template-columns: 1fr;
  }
  .itm-acaarchive-timeline {
    padding-right: 26px;
  }
  .itm-acaarchive-item {
    padding: 21px;
  }
  .itm-acaarchive-item::before {
    right: -24px;
  }
  .itm-acaarchive-item-icon {
    flex-basis: 50px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    font-size: 18px;
  }
}
.itm-acaonline {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 10% 14%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 86%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-acaonline::before {
  content: "";
  position: absolute;
  top: 80px;
  left: -180px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 56px rgba(42, 157, 143, 0.02),
    0 0 0 112px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-acaonline-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acaonline-header {
  max-width: 790px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-acaonline-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-acaonline-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-acaonline-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-acaonline-title-highlight {
  color: #2a9d8f;
}
.itm-acaonline-description {
  max-width: 720px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-acaonline-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
  align-items: stretch;
  gap: 30px;
}
.itm-acaonline-player {
  position: relative;
  overflow: hidden;
  min-height: 580px;
  padding: 38px;
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 82% 16%,
      rgba(233, 196, 106, 0.17),
      transparent 26%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 54%, #185158 100%);
  box-shadow: 0 34px 80px rgba(16, 47, 54, 0.2);
}
.itm-acaonline-player::before {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -130px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.018),
    0 0 0 96px rgba(255, 255, 255, 0.012);
}
.itm-acaonline-player-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.itm-acaonline-player-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acaonline-player-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7ee0d4;
  font-size: 11px;
  font-weight: 800;
}
.itm-acaonline-player-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 6px rgba(126, 224, 212, 0.1);
}
.itm-acaonline-screen {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 265px;
  margin-top: 30px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(42, 157, 143, 0.25),
      transparent 38%
    ),
    rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-acaonline-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 34px;
  box-shadow:
    0 20px 44px rgba(233, 196, 106, 0.28),
    0 0 0 18px rgba(233, 196, 106, 0.07);
  text-decoration: none;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acaonline-play:hover {
  color: #17343e;
  text-decoration: none;
  transform: scale(1.07);
  box-shadow:
    0 24px 50px rgba(233, 196, 106, 0.34),
    0 0 0 22px rgba(233, 196, 106, 0.08);
}
.itm-acaonline-player-title {
  position: relative;
  z-index: 2;
  margin: 30px 0 13px;
  color: #ffffff;
  font-size: 29px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-acaonline-player-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.63);
  font-size: 13px;
  line-height: 2.05;
}
.itm-acaonline-player-meta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 24px;
}
.itm-acaonline-player-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
}
.itm-acaonline-player-meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
}
.itm-acaonline-side {
  display: grid;
  gap: 20px;
}
.itm-acaonline-feature {
  display: flex;
  align-items: flex-start;
  gap: 19px;
  padding: 26px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.05);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acaonline-feature:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-6px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-acaonline-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 19px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 23px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-acaonline-feature:nth-child(even) .itm-acaonline-feature-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.22);
}
.itm-acaonline-feature-content {
  min-width: 0;
}
.itm-acaonline-feature-title {
  margin: 0 0 9px;
  color: #17343e;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.75;
}
.itm-acaonline-feature-text {
  margin: 0;
  color: #71858a;
  font-size: 12px;
  line-height: 1.95;
}
.itm-acaonline-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 28px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
  box-shadow: 0 18px 44px rgba(23, 52, 62, 0.055);
}
.itm-acaonline-cta-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-acaonline-cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 20px;
}
.itm-acaonline-cta-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-acaonline-cta-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-acaonline-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acaonline-cta-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 991px) {
  .itm-acaonline {
    padding: 92px 0;
  }
  .itm-acaonline-layout {
    grid-template-columns: 1fr;
  }
  .itm-acaonline-player {
    min-height: auto;
  }
}
@media (max-width: 700px) {
  .itm-acaonline {
    padding: 78px 0;
  }
  .itm-acaonline-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acaonline-header {
    margin-bottom: 43px;
  }
  .itm-acaonline-title {
    font-size: 34px;
  }
  .itm-acaonline-player {
    padding: 25px;
    border-radius: 27px;
  }
  .itm-acaonline-screen {
    min-height: 220px;
  }
  .itm-acaonline-player-title {
    font-size: 26px;
  }
  .itm-acaonline-feature {
    padding: 22px;
  }
  .itm-acaonline-cta {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-acaonline-cta-link {
    width: 100%;
  }
}
.itm-acaforum {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-acaforum::before {
  content: "";
  position: absolute;
  top: -170px;
  left: -140px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 56px rgba(42, 157, 143, 0.02),
    0 0 0 112px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-acaforum-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acaforum-header {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-acaforum-heading {
  max-width: 620px;
}
.itm-acaforum-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-acaforum-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-acaforum-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-acaforum-title-highlight {
  color: #2a9d8f;
}
.itm-acaforum-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #f7faf9;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-acaforum-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 30px;
}
.itm-acaforum-board {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  padding: 38px;
  border-radius: 34px;
  background:
    radial-gradient(
      circle at 86% 16%,
      rgba(233, 196, 106, 0.17),
      transparent 26%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 34px 80px rgba(16, 47, 54, 0.2);
}
.itm-acaforum-board::before {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -130px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.018),
    0 0 0 96px rgba(255, 255, 255, 0.012);
}
.itm-acaforum-board-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.itm-acaforum-board-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acaforum-board-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7ee0d4;
  font-size: 11px;
  font-weight: 800;
}
.itm-acaforum-board-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 6px rgba(126, 224, 212, 0.1);
}
.itm-acaforum-board-title {
  position: relative;
  z-index: 2;
  margin: 32px 0 15px;
  color: #ffffff;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-acaforum-board-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 13px;
  line-height: 2.05;
}
.itm-acaforum-thread-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 14px;
  margin-top: 30px;
}
.itm-acaforum-thread {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-acaforum-thread:hover {
  border-color: rgba(126, 224, 212, 0.25);
  background: rgba(255, 255, 255, 0.085);
  transform: translateX(-5px);
}
.itm-acaforum-thread-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 17px;
}
.itm-acaforum-thread:nth-child(even) .itm-acaforum-thread-avatar {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-acaforum-thread-content {
  min-width: 0;
  flex: 1;
}
.itm-acaforum-thread-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.8;
}
.itm-acaforum-thread-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
}
.itm-acaforum-thread-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.itm-acaforum-thread-arrow {
  color: #e9c46a;
  font-size: 18px;
}
.itm-acaforum-board-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 28px;
  padding: 0 23px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acaforum-board-action:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(233, 196, 106, 0.24);
}
.itm-acaforum-side {
  display: grid;
  gap: 20px;
}
.itm-acaforum-feature {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.05);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acaforum-feature::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.09),
    transparent 68%
  );
}
.itm-acaforum-feature:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.14),
    transparent 68%
  );
}
.itm-acaforum-feature:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-6px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-acaforum-feature-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 19px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-acaforum-feature:nth-child(even) .itm-acaforum-feature-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.22);
}
.itm-acaforum-feature-content {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.itm-acaforum-feature-title {
  margin: 0 0 9px;
  color: #17343e;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.75;
}
.itm-acaforum-feature-text {
  margin: 0;
  color: #71858a;
  font-size: 12px;
  line-height: 1.95;
}
.itm-acaforum-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.08)
    ),
    #f7faf9;
}
.itm-acaforum-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-acaforum-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 20px;
}
.itm-acaforum-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-acaforum-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-acaforum-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acaforum-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 991px) {
  .itm-acaforum {
    padding: 92px 0;
  }
  .itm-acaforum-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-acaforum-layout {
    grid-template-columns: 1fr;
  }
  .itm-acaforum-board {
    min-height: auto;
  }
}
@media (max-width: 700px) {
  .itm-acaforum {
    padding: 78px 0;
  }
  .itm-acaforum-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acaforum-header {
    margin-bottom: 42px;
  }
  .itm-acaforum-title {
    font-size: 34px;
  }
  .itm-acaforum-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-acaforum-board {
    padding: 25px;
    border-radius: 27px;
  }
  .itm-acaforum-board-title {
    font-size: 27px;
  }
  .itm-acaforum-thread {
    align-items: flex-start;
  }
  .itm-acaforum-feature {
    padding: 22px;
  }
  .itm-acaforum-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-acaforum-footer-link {
    width: 100%;
  }
}
.itm-acainnovation {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 122px 0;
  background:
    radial-gradient(
      circle at 10% 16%,
      rgba(233, 196, 106, 0.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 84%,
      rgba(42, 157, 143, 0.1),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-acainnovation::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -160px;
  width: 450px;
  height: 450px;
  border: 1px solid rgba(233, 196, 106, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(233, 196, 106, 0.022),
    0 0 0 116px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-acainnovation-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acainnovation-header {
  max-width: 820px;
  margin: 0 auto 66px;
  text-align: center;
}
.itm-acainnovation-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-acainnovation-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-acainnovation-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-acainnovation-title-highlight {
  color: #2a9d8f;
}
.itm-acainnovation-description {
  max-width: 730px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-acainnovation-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  align-items: stretch;
  gap: 30px;
}
.itm-acainnovation-showcase {
  position: relative;
  overflow: hidden;
  min-height: 620px;
  padding: 42px;
  border-radius: 35px;
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(233, 196, 106, 0.19),
      transparent 27%
    ),
    radial-gradient(
      circle at 16% 86%,
      rgba(42, 157, 143, 0.18),
      transparent 28%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 54%, #185158 100%);
  box-shadow: 0 36px 82px rgba(16, 47, 54, 0.22);
}
.itm-acainnovation-showcase::before {
  content: "";
  position: absolute;
  left: -120px;
  bottom: -140px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.018),
    0 0 0 96px rgba(255, 255, 255, 0.012);
}
.itm-acainnovation-showcase-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.itm-acainnovation-trophy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 27px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 39px;
  box-shadow:
    0 20px 44px rgba(233, 196, 106, 0.28),
    0 0 0 15px rgba(233, 196, 106, 0.06);
}
.itm-acainnovation-edition {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acainnovation-showcase-title {
  position: relative;
  z-index: 2;
  margin: 34px 0 17px;
  color: #ffffff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-acainnovation-showcase-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 14px;
  line-height: 2.15;
}
.itm-acainnovation-steps {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
}
.itm-acainnovation-step {
  padding: 18px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  text-align: center;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acainnovation-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  border-radius: 11px;
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
  font-size: 11px;
  font-weight: 900;
}
.itm-acainnovation-step-title {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-acainnovation-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 56px;
  margin-top: 32px;
  padding: 0 25px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acainnovation-action:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 19px 40px rgba(233, 196, 106, 0.26);
}
.itm-acainnovation-side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.itm-acainnovation-card {
  position: relative;
  overflow: hidden;
  min-height: 245px;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acainnovation-card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-acainnovation-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-acainnovation-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-7px);
  box-shadow: 0 26px 60px rgba(23, 52, 62, 0.095);
}
.itm-acainnovation-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 19px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 23px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-acainnovation-card:nth-child(even) .itm-acainnovation-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.22);
}
.itm-acainnovation-card-title {
  position: relative;
  z-index: 2;
  margin: 22px 0 10px;
  color: #17343e;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-acainnovation-card-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #71858a;
  font-size: 12px;
  line-height: 2;
}
.itm-acainnovation-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
  box-shadow: 0 18px 44px rgba(23, 52, 62, 0.05);
}
.itm-acainnovation-note-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-acainnovation-note-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-acainnovation-note-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-acainnovation-note-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-acainnovation-note-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acainnovation-note-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-acainnovation-layout {
    grid-template-columns: 1fr;
  }
  .itm-acainnovation-showcase {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-acainnovation {
    padding: 80px 0;
  }
  .itm-acainnovation-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acainnovation-header {
    margin-bottom: 44px;
  }
  .itm-acainnovation-title {
    font-size: 34px;
  }
  .itm-acainnovation-showcase {
    padding: 28px;
    border-radius: 27px;
  }
  .itm-acainnovation-showcase-title {
    font-size: 28px;
  }
  .itm-acainnovation-steps {
    grid-template-columns: 1fr;
  }
  .itm-acainnovation-side {
    grid-template-columns: 1fr;
  }
  .itm-acainnovation-card {
    min-height: auto;
  }
  .itm-acainnovation-note {
    grid-column: auto;
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-acainnovation-note-link {
    width: 100%;
  }
}
.itm-acadesigners {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 124px 0;
  background:
    radial-gradient(
      circle at 12% 16%,
      rgba(42, 157, 143, 0.11),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(233, 196, 106, 0.13),
      transparent 31%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-acadesigners::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -160px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(42, 157, 143, 0.02),
    0 0 0 120px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-acadesigners-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acadesigners-header {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 66px;
}
.itm-acadesigners-heading {
  max-width: 630px;
}
.itm-acadesigners-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-acadesigners-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-acadesigners-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-acadesigners-title-highlight {
  color: #2a9d8f;
}
.itm-acadesigners-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #f7faf9;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-acadesigners-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  align-items: stretch;
  gap: 30px;
}
.itm-acadesigners-showcase {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  padding: 42px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 84% 14%,
      rgba(233, 196, 106, 0.19),
      transparent 27%
    ),
    radial-gradient(
      circle at 16% 87%,
      rgba(42, 157, 143, 0.2),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-acadesigners-showcase::before {
  content: "";
  position: absolute;
  right: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-acadesigners-showcase-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.itm-acadesigners-main-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border-radius: 28px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 39px;
  box-shadow:
    0 20px 46px rgba(233, 196, 106, 0.28),
    0 0 0 16px rgba(233, 196, 106, 0.06);
}
.itm-acadesigners-community {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acadesigners-showcase-title {
  position: relative;
  z-index: 2;
  margin: 35px 0 17px;
  color: #ffffff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.65;
}
.itm-acadesigners-showcase-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 14px;
  line-height: 2.15;
}
.itm-acadesigners-tags {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 30px;
}
.itm-acadesigners-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 800;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}
.itm-acadesigners-tag i {
  color: #e9c46a;
}
.itm-acadesigners-members {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 34px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acadesigners-members-content {
  display: flex;
  align-items: center;
  gap: 15px;
}
.itm-acadesigners-members-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 20px;
}
.itm-acadesigners-members-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}
.itm-acadesigners-members-text {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 1.8;
}
.itm-acadesigners-members-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.2);
  color: #7ee0d4;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-acadesigners-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 56px;
  margin-top: 30px;
  padding: 0 25px;
  border-radius: 16px;
  background: #ffffff;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acadesigners-action:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 19px 40px rgba(0, 0, 0, 0.17);
}
.itm-acadesigners-side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.itm-acadesigners-card {
  position: relative;
  overflow: hidden;
  min-height: 246px;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-acadesigners-card::before {
  content: "";
  position: absolute;
  top: -65px;
  left: -65px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 157, 143, 0.11),
    transparent 68%
  );
}
.itm-acadesigners-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.16),
    transparent 68%
  );
}
.itm-acadesigners-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-7px);
  box-shadow: 0 26px 60px rgba(23, 52, 62, 0.095);
}
.itm-acadesigners-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 19px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 23px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-acadesigners-card:nth-child(even) .itm-acadesigners-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.22);
}
.itm-acadesigners-card-title {
  position: relative;
  z-index: 2;
  margin: 22px 0 10px;
  color: #17343e;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-acadesigners-card-text {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #71858a;
  font-size: 12px;
  line-height: 2;
}
.itm-acadesigners-cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #f7faf9;
  box-shadow: 0 18px 44px rgba(23, 52, 62, 0.05);
}
.itm-acadesigners-cta-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-acadesigners-cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-acadesigners-cta-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-acadesigners-cta-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-acadesigners-cta-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-acadesigners-cta-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-acadesigners-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-acadesigners-layout {
    grid-template-columns: 1fr;
  }
  .itm-acadesigners-showcase {
    min-height: auto;
  }
}
@media (max-width: 720px) {
  .itm-acadesigners {
    padding: 80px 0;
  }
  .itm-acadesigners-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acadesigners-header {
    margin-bottom: 44px;
  }
  .itm-acadesigners-title {
    font-size: 34px;
  }
  .itm-acadesigners-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-acadesigners-showcase {
    padding: 28px;
    border-radius: 27px;
  }
  .itm-acadesigners-showcase-title {
    font-size: 28px;
  }
  .itm-acadesigners-members {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-acadesigners-side {
    grid-template-columns: 1fr;
  }
  .itm-acadesigners-card {
    min-height: auto;
  }
  .itm-acadesigners-cta {
    grid-column: auto;
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-acadesigners-cta-link {
    width: 100%;
  }
}
.itm-acafinal {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 112px 0;
  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(42, 157, 143, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 82%,
      rgba(233, 196, 106, 0.14),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-acafinal::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -170px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 62px rgba(42, 157, 143, 0.02),
    0 0 0 124px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-acafinal-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-acafinal-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  align-items: center;
  gap: 56px;
  min-height: 540px;
  padding: 62px;
  border-radius: 40px;
  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(233, 196, 106, 0.19),
      transparent 25%
    ),
    radial-gradient(
      circle at 12% 88%,
      rgba(42, 157, 143, 0.2),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 50%, #185158 100%);
  box-shadow: 0 42px 90px rgba(16, 47, 54, 0.23);
}
.itm-acafinal-panel::before {
  content: "";
  position: absolute;
  left: -150px;
  bottom: -170px;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(255, 255, 255, 0.018),
    0 0 0 108px rgba(255, 255, 255, 0.012);
}
.itm-acafinal-content {
  position: relative;
  z-index: 2;
}
.itm-acafinal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acafinal-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-acafinal-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1.2px;
}
.itm-acafinal-title-highlight {
  color: #e9c46a;
}
.itm-acafinal-text {
  max-width: 680px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 15px;
  line-height: 2.15;
}
.itm-acafinal-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.itm-acafinal-primary,
.itm-acafinal-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 58px;
  padding: 0 25px;
  border-radius: 17px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}
.itm-acafinal-primary {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 18px 38px rgba(233, 196, 106, 0.2);
}
.itm-acafinal-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 22px 46px rgba(233, 196, 106, 0.29);
}
.itm-acafinal-secondary {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-acafinal-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-4px);
}
.itm-acafinal-visual {
  position: relative;
  z-index: 2;
  min-height: 390px;
}
.itm-acafinal-core {
  position: absolute;
  top: 50%;
  right: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  height: 146px;
  border-radius: 38px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 52px;
  box-shadow:
    0 28px 60px rgba(233, 196, 106, 0.28),
    0 0 0 18px rgba(233, 196, 106, 0.06);
  transform: translate(50%, -50%);
}
.itm-acafinal-orbit {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(50%, -50%);
}
.itm-acafinal-orbit::before {
  content: "";
  position: absolute;
  inset: 44px;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.itm-acafinal-node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.13);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.itm-acafinal-node-one {
  top: -18px;
  right: 50%;
  transform: translateX(50%);
}
.itm-acafinal-node-two {
  top: 50%;
  left: -18px;
  transform: translateY(-50%);
}
.itm-acafinal-node-three {
  bottom: -18px;
  right: 50%;
  transform: translateX(50%);
}
.itm-acafinal-node-four {
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
}
.itm-acafinal-node-five {
  top: 28px;
  right: 12px;
}
.itm-acafinal-node-six {
  bottom: 28px;
  left: 12px;
}
.itm-acafinal-foot {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.itm-acafinal-foot-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 23px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-acafinal-foot-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 19px;
}
.itm-acafinal-foot-item:nth-child(even) .itm-acafinal-foot-icon {
  background: rgba(233, 196, 106, 0.18);
  color: #9a6f17;
}
.itm-acafinal-foot-title {
  display: block;
  margin-bottom: 4px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-acafinal-foot-text {
  display: block;
  color: #71858a;
  font-size: 10px;
  line-height: 1.8;
}
@media (max-width: 1050px) {
  .itm-acafinal-panel {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .itm-acafinal-visual {
    min-height: 420px;
  }
}
@media (max-width: 760px) {
  .itm-acafinal {
    padding: 80px 0;
  }
  .itm-acafinal-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-acafinal-panel {
    padding: 30px;
    border-radius: 28px;
  }
  .itm-acafinal-title {
    font-size: 36px;
  }
  .itm-acafinal-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .itm-acafinal-primary,
  .itm-acafinal-secondary {
    width: 100%;
  }
  .itm-acafinal-visual {
    min-height: 350px;
  }
  .itm-acafinal-orbit {
    width: 280px;
    height: 280px;
  }
  .itm-acafinal-core {
    width: 124px;
    height: 124px;
    border-radius: 32px;
    font-size: 44px;
  }
  .itm-acafinal-node {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 18px;
  }
  .itm-acafinal-foot {
    grid-template-columns: 1fr;
  }
}
main:has(.o_wsale_products_main_row.from_auction) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  direction: rtl;
  padding-bottom: 70px;
  background:
    radial-gradient(circle at 8% 7%, rgba(42, 157, 143, 0.11), transparent 24%),
    radial-gradient(
      circle at 93% 22%,
      rgba(233, 196, 106, 0.12),
      transparent 27%
    ),
    linear-gradient(180deg, #f7faf9 0%, #ffffff 34%, #f7faf9 100%);
  font-family: Vazirmatn, sans-serif;
}
main:has(.o_wsale_products_main_row.from_auction)::before {
  content: "";
  position: absolute;
  top: 190px;
  right: -190px;
  z-index: -1;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(42, 157, 143, 0.11);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(42, 157, 143, 0.022),
    0 0 0 96px rgba(42, 157, 143, 0.014);
  pointer-events: none;
}
main:has(.o_wsale_products_main_row.from_auction)::after {
  content: "";
  position: absolute;
  bottom: 150px;
  left: -120px;
  z-index: -1;
  width: 310px;
  height: 310px;
  border-radius: 42% 58% 63% 37% / 45% 42% 58% 55%;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.11),
    rgba(42, 157, 143, 0.055)
  );
  transform: rotate(18deg);
  pointer-events: none;
}
main:has(.o_wsale_products_main_row.from_auction)
  > .d-flex.justify-content-center.mt-4 {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  width: min(1380px, calc(100% - 48px));
  min-height: 128px;
  gap: 17px;
  margin: 28px auto 22px !important;
  padding: 24px 30px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 90% 5%,
      rgba(42, 157, 143, 0.11),
      transparent 32%
    ),
    radial-gradient(
      circle at 8% 100%,
      rgba(233, 196, 106, 0.11),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.97),
      rgba(247, 250, 249, 0.92)
    );
  box-shadow:
    0 16px 42px rgba(23, 52, 62, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
main:has(.o_wsale_products_main_row.from_auction)
  > .d-flex.justify-content-center.mt-4::before {
  content: "حراجی‌های بازار نساجی ایران";
  position: absolute;
  bottom: 22px;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
main:has(.o_wsale_products_main_row.from_auction)
  > .d-flex.justify-content-center.mt-4
  h2 {
  margin: 0 0 22px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.5;
}
main:has(.o_wsale_products_main_row.from_auction) .animation_logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  border: 1px solid rgba(42, 157, 143, 0.17);
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.12),
    rgba(255, 255, 255, 0.72)
  );
  box-shadow:
    0 10px 24px rgba(42, 157, 143, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
main:has(.o_wsale_products_main_row.from_auction) .animation_logo .hammer_logo {
  width: 29px !important;
  height: 29px !important;
  margin: 0 !important;
  object-fit: contain;
}
main:has(.o_wsale_products_main_row.from_auction)
  .animation_logo
  .hammer_tabel_logo {
  position: absolute;
  right: 13px;
  bottom: 9px;
}
main:has(.o_wsale_products_main_row.from_auction)
  .animation_logo
  .hammer_tabel_logo
  img {
  height: 7px !important;
  margin: 0 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .o_wsale_products_page
  > .oe_website_sale {
  max-width: 1380px;
  padding-top: 0 !important;
  padding-right: 24px;
  padding-left: 24px;
}
main:has(.o_wsale_products_main_row.from_auction)
  .o_wsale_products_main_row.from_auction {
  margin: 0;
}
main:has(.o_wsale_products_main_row.from_auction) .from_auction #products_grid {
  padding: 0;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header {
  position: relative;
  display: flex;
  align-items: center !important;
  min-height: 72px;
  gap: 10px !important;
  margin-bottom: 26px !important;
  padding: 10px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow:
    0 10px 28px rgba(23, 52, 62, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .s_searchbar_input {
  flex: 1 1 auto;
  min-width: 260px;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .s_searchbar_input
  .input-group {
  min-height: 48px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.09);
  border-radius: 15px;
  background: #f7faf9;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .s_searchbar_input
  .input-group:focus-within {
  border-color: rgba(42, 157, 143, 0.45);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.07);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .oe_search_box {
  height: 48px;
  padding: 0 16px;
  border: 0 !important;
  background: transparent !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  box-shadow: none !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .oe_search_box::placeholder {
  color: #91a1a5;
  opacity: 1;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .oe_search_button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin: 3px;
  padding: 0;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #ffffff;
  box-shadow: 0 7px 17px rgba(42, 157, 143, 0.2);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .oe_search_button
  .oi {
  display: none;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .oe_search_button::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_sortby_dropdown,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_pricelist_dropdown {
  margin: 0 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_sortby_dropdown
  > small,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_pricelist_dropdown
  small {
  margin-left: 5px;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 600;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_sortby_dropdown
  > .btn,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_pricelist_dropdown
  > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  gap: 7px;
  padding: 9px 13px !important;
  border: 1px solid rgba(23, 52, 62, 0.085);
  border-radius: 14px;
  background: #ffffff;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 5px 14px rgba(23, 52, 62, 0.035);
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_sortby_dropdown
  > .btn:hover,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .o_pricelist_dropdown
  > .btn:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.35);
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown-menu {
  min-width: 205px;
  margin-top: 8px !important;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(23, 52, 62, 0.14);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown-item {
  min-height: 39px;
  padding: 8px 11px;
  border-radius: 10px;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 650;
  text-align: right;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown-item:hover {
  background: rgba(42, 157, 143, 0.075);
  color: #2a9d8f;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown-item.active {
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_products_grid_table_wrapper {
  padding-top: 0 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  #o_wsale_products_grid {
  gap: 22px !important;
  padding: 0 0 25px;
  direction: rtl;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  #o_wsale_products_grid
  > .oe_product {
  min-width: 0;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 25px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.055),
      transparent 30%
    ),
    linear-gradient(
      155deg,
      rgba(255, 255, 255, 0.99),
      rgba(247, 250, 249, 0.96)
    );
  box-shadow:
    0 12px 32px rgba(23, 52, 62, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart::before {
  content: "";
  position: absolute;
  top: 0;
  right: 25px;
  left: 25px;
  z-index: 8;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  opacity: 0;
  transform: scaleX(0.4);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  pointer-events: none;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart:hover {
  transform: translateY(-7px);
  border-color: rgba(42, 157, 143, 0.21);
  box-shadow:
    0 22px 48px rgba(23, 52, 62, 0.12),
    0 6px 18px rgba(42, 157, 143, 0.065);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_image {
  position: relative;
  flex: 0 0 275px !important;
  width: 100% !important;
  height: 275px !important;
  min-height: 275px;
  overflow: hidden !important;
  background:
    radial-gradient(
      circle at center,
      rgba(42, 157, 143, 0.045),
      transparent 65%
    ),
    #f1f5f4;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(
    180deg,
    transparent 65%,
    rgba(16, 47, 54, 0.075) 100%
  );
  pointer-events: none;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_image_link,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_image_img_wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_image_img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.001);
  transition:
    transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.4s ease;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart:hover
  .oe_product_image_img {
  transform: scale(1.055);
  filter: saturate(1.05) contrast(1.02);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_product_information {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 19px 20px 18px !important;
  background: transparent;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_product_info_attributes_wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_products_item_title {
  min-height: 46px;
  margin: 0 0 11px !important;
  overflow: hidden;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.65;
  text-align: right;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_products_item_title
  a {
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none !important;
  transition: color 0.22s ease;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_product_cart:hover
  .o_wsale_products_item_title
  a {
  color: #2a9d8f !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_subdescription_wrapper,
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .oe_subdescription:empty {
  display: none !important;
}
main:has(.o_wsale_products_main_row.from_auction) .from_auction p.mb-1 {
  margin: 0 0 10px !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .category_page_timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid rgba(113, 133, 138, 0.13);
  border-radius: 999px;
  background: rgba(113, 133, 138, 0.075);
  color: #63767b !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px !important;
  font-weight: 800;
  line-height: 1.4;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .category_page_timer::before {
  content: "\f017";
  color: #71858a;
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="auction_id"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  gap: 10px;
  margin: 0 0 8px;
  padding: 10px 12px !important;
  border: 1px solid rgba(42, 157, 143, 0.105);
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.052);
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="auction_id"]
  strong {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 800;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .span_total_bids {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .span_total_bids::before {
  content: "\f0c0";
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="product_auction_id"] {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 57px;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(233, 196, 106, 0.14),
      transparent 44%
    ),
    linear-gradient(135deg, #102f36, #185158);
  color: #ffffff;
  box-shadow: 0 9px 22px rgba(23, 52, 62, 0.15);
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="product_auction_id"]::before {
  content: "\f0e3";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(233, 196, 106, 0.27);
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.1);
  color: #e9c46a;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="product_auction_id"]
  b {
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 700;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  [id^="product_auction_id"]
  .oe_currency_value {
  color: #e9c46a;
  font-size: 16px;
  font-weight: 900;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_product_sub {
  display: flex !important;
  align-items: center;
  min-height: 53px;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
}
main:has(.o_wsale_products_main_row.from_auction) .from_auction .product_price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px;
  direction: ltr;
  font-family: Vazirmatn, sans-serif;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .product_price
  > .h6 {
  margin: 0 !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 900;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .product_price
  del {
  margin: 0 !important;
  color: #9ba9ac !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  opacity: 1;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .product_price
  del
  em {
  color: inherit;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit;
  font-style: normal;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_pager {
  position: relative;
  padding-top: 42px !important;
  padding-bottom: 20px !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_pager::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 12%;
  left: 12%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(42, 157, 143, 0.16),
    rgba(233, 196, 106, 0.18),
    transparent
  );
}
main:has(.o_wsale_products_main_row.from_auction) #o_wsale_offcanvas {
  font-family: Vazirmatn, sans-serif;
}
@media (min-width: 992px) {
  main:has(.o_wsale_products_main_row.from_auction) #o_wsale_offcanvas {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4 {
    width: calc(100% - 36px);
    min-height: 116px;
    border-radius: 26px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4
    h2 {
    font-size: 26px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    #o_wsale_products_grid {
    gap: 18px !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .oe_product_image {
    flex-basis: 245px !important;
    height: 245px !important;
    min-height: 245px;
  }
}
@media (max-width: 991.98px) {
  main:has(.o_wsale_products_main_row.from_auction)
    .o_wsale_products_page
    > .oe_website_sale {
    padding-right: 18px;
    padding-left: 18px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header {
    flex-wrap: wrap !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header
    .s_searchbar_input {
    flex: 1 1 100%;
    width: 100%;
    order: -1;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    #o_wsale_products_grid {
    --o-wsale-ppr: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    #o_wsale_products_grid
    > .oe_product {
    grid-column: span 1 !important;
  }
}
@media (max-width: 767.98px) {
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4 {
    width: calc(100% - 28px);
    min-height: 105px;
    gap: 12px;
    margin-top: 18px !important;
    padding: 18px;
    border-radius: 22px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4
    h2 {
    font-size: 22px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4::before {
    bottom: 17px;
    font-size: 9px;
  }
  main:has(.o_wsale_products_main_row.from_auction) .animation_logo {
    width: 49px;
    height: 49px;
    border-radius: 15px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header {
    min-height: 0;
    border-radius: 18px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .oe_product_cart {
    border-radius: 20px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .oe_product_image {
    flex-basis: 215px !important;
    height: 215px !important;
    min-height: 215px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .o_wsale_product_information {
    padding: 16px !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .o_wsale_products_item_title {
    min-height: 42px;
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  main:has(.o_wsale_products_main_row.from_auction)
    .o_wsale_products_page
    > .oe_website_sale {
    padding-right: 13px;
    padding-left: 13px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4 {
    width: calc(100% - 24px);
    min-height: 96px;
    padding: 15px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    > .d-flex.justify-content-center.mt-4
    h2 {
    font-size: 19px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    #o_wsale_products_grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    #o_wsale_products_grid
    > .oe_product {
    grid-column: 1 / -1 !important;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .oe_product_image {
    flex-basis: 255px !important;
    height: 255px !important;
    min-height: 255px;
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header
    .o_sortby_dropdown,
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header
    .o_pricelist_dropdown {
    flex: 1 1 calc(50% - 5px);
  }
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header
    .o_sortby_dropdown
    > .btn,
  main:has(.o_wsale_products_main_row.from_auction)
    .from_auction
    .products_header
    .o_pricelist_dropdown
    > .btn {
    width: 100%;
    min-height: 42px;
    padding: 7px 9px !important;
    font-size: 10px;
  }
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header {
  position: relative;
  z-index: 100 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown {
  position: relative;
  z-index: 110 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .products_header
  .dropdown-menu {
  z-index: 9999 !important;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  .o_wsale_products_grid_table_wrapper {
  position: relative;
  z-index: 1;
}
main:has(.o_wsale_products_main_row.from_auction)
  .from_auction
  #o_wsale_products_grid {
  position: relative;
  z-index: 1;
}
.itm-footer-main {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  direction: rtl;
  padding: 72px 0 0;
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(42, 157, 143, 0.18),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 18%,
      rgba(233, 196, 106, 0.12),
      transparent 28%
    ),
    linear-gradient(145deg, #102f36 0%, #173f47 52%, #185158 100%);
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-footer-main::before {
  content: "";
  position: absolute;
  top: -210px;
  right: -170px;
  z-index: -1;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(255, 255, 255, 0.018),
    0 0 0 120px rgba(255, 255, 255, 0.012);
  pointer-events: none;
}
.itm-footer-main::after {
  content: "";
  position: absolute;
  bottom: 120px;
  left: -120px;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 43% 57% 61% 39% / 44% 40% 60% 56%;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.11),
    rgba(42, 157, 143, 0.08)
  );
  transform: rotate(18deg);
  pointer-events: none;
}
.itm-footer-main .itm-footer-container {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  padding-right: 24px;
  padding-left: 24px;
}
.itm-footer-main .itm-footer-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 40px;
  padding: 26px 30px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 26px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.075),
    rgba(255, 255, 255, 0.035)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 36px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.itm-footer-main .itm-footer-intro-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.itm-footer-main .itm-footer-intro-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(233, 196, 106, 0.22);
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.16),
    rgba(255, 255, 255, 0.055)
  );
  color: #e9c46a;
  font-size: 21px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
.itm-footer-main .itm-footer-intro-text {
  min-width: 0;
}
.itm-footer-main .itm-footer-intro-title {
  margin: 0 0 4px;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-footer-main .itm-footer-intro-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.9;
}
.itm-footer-main .itm-footer-intro-badge {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 38px;
  gap: 8px;
  padding: 7px 14px;
  border: 1px solid rgba(42, 157, 143, 0.24);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.12);
  color: #9ce0d7;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
}
.itm-footer-main .itm-footer-intro-badge .fa {
  color: #e9c46a;
}
.itm-footer-main .itm-footer-columns {
  margin-right: -10px;
  margin-left: -10px;
}
.itm-footer-main .itm-footer-column-wrap {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 22px;
}
.itm-footer-main .itm-footer-column {
  position: relative;
  height: 100%;
  padding: 23px 22px 21px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 22px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.028)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 12px 28px rgba(0, 0, 0, 0.07);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}
.itm-footer-main .itm-footer-column:hover {
  transform: translateY(-4px);
  border-color: rgba(42, 157, 143, 0.22);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.075),
    rgba(42, 157, 143, 0.04)
  );
}
.itm-footer-main .itm-footer-title {
  position: relative;
  margin: 0 0 20px;
  padding: 0 17px 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-footer-main .itm-footer-title::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 5px;
  height: 17px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2a9d8f, #e9c46a);
}
.itm-footer-main .itm-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.itm-footer-main .itm-footer-links li {
  margin: 0 0 5px;
  padding: 0;
}
.itm-footer-main .itm-footer-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 34px;
  gap: 8px;
  padding: 6px 14px 6px 8px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.66);
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.7;
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    padding-right 0.2s ease;
}
.itm-footer-main .itm-footer-link::before {
  content: "\f105";
  position: absolute;
  right: 0;
  color: rgba(42, 157, 143, 0.78);
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
}
.itm-footer-main .itm-footer-link:hover {
  padding-right: 18px;
  background: rgba(42, 157, 143, 0.075);
  color: #ffffff;
}
.itm-footer-main .itm-footer-contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.itm-footer-main .itm-footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
  color: rgba(255, 255, 255, 0.66);
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.9;
}
.itm-footer-main .itm-footer-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-top: 1px;
  border: 1px solid rgba(42, 157, 143, 0.18);
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.08);
  color: #75cfc3;
  font-size: 11px;
}
.itm-footer-main .itm-footer-contact-item a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 0.2s ease;
}
.itm-footer-main .itm-footer-contact-item a:hover {
  color: #e9c46a;
}
.itm-footer-main .itm-footer-contact-ltr {
  direction: ltr;
  unicode-bidi: embed;
}
.itm-footer-main .itm-footer-trust-row {
  align-items: stretch;
  margin-top: 12px;
  margin-bottom: 28px;
}
.itm-footer-main .itm-footer-social-panel,
.itm-footer-main .itm-footer-cert-panel {
  height: 100%;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 22px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.025)
  );
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}
.itm-footer-main .itm-footer-social-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.itm-footer-main .itm-footer-social-title {
  margin: 0;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.7;
}
.itm-footer-main .itm-footer-social-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.itm-footer-main .itm-footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}
.itm-footer-main .itm-footer-social-link:hover {
  transform: translateY(-3px);
  border-color: rgba(42, 157, 143, 0.32);
  background: rgba(42, 157, 143, 0.13);
}
.itm-footer-main .itm-footer-social-link img {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
}
.itm-footer-main .itm-footer-cert-panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.itm-footer-main .itm-footer-cert-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-footer-main .itm-footer-cert-logo:hover {
  transform: translateY(-4px);
  box-shadow: 0 13px 26px rgba(0, 0, 0, 0.16);
}
.itm-footer-main .itm-footer-cert-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.itm-footer-main .itm-footer-about {
  position: relative;
  margin-bottom: 34px;
  padding: 25px 27px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.08),
      transparent 35%
    ),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.itm-footer-main .itm-footer-about-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 15px;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 900;
}
.itm-footer-main .itm-footer-about-heading .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(233, 196, 106, 0.18);
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.08);
  color: #e9c46a;
  font-size: 12px;
}
.itm-footer-main .itm-footer-about-details {
  position: relative;
}
.itm-footer-main .itm-footer-about-preview {
  color: rgba(255, 255, 255, 0.62);
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 2.1;
}
.itm-footer-main .itm-footer-about-preview p {
  margin: 0 0 10px;
  color: inherit;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit;
  line-height: inherit;
}
.itm-footer-main .itm-footer-about-more {
  display: none;
}
.itm-footer-main .itm-footer-about-details[open] .itm-footer-about-more {
  display: block;
}
.itm-footer-main .itm-footer-about-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  gap: 8px;
  margin-top: 10px;
  padding: 7px 15px;
  border: 1px solid rgba(42, 157, 143, 0.24);
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.1);
  color: #9ce0d7;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}
.itm-footer-main .itm-footer-about-summary::-webkit-details-marker {
  display: none;
}
.itm-footer-main .itm-footer-about-summary::before {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 9px;
  font-weight: normal;
}
.itm-footer-main
  .itm-footer-about-details[open]
  .itm-footer-about-summary::before {
  content: "\f068";
}
.itm-footer-main .itm-footer-about-summary:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.42);
  background: rgba(42, 157, 143, 0.16);
  color: #ffffff;
}
.itm-footer-main .itm-footer-bottom {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(6, 30, 35, 0.38);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-footer-main .itm-footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 16px 24px;
}
.itm-footer-main .itm-footer-copyright {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.8;
}
.itm-footer-main .itm-footer-bottom-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 600;
}
.itm-footer-main .itm-footer-bottom-brand .fa {
  color: #e9c46a;
}
@media (max-width: 991.98px) {
  .itm-footer-main {
    padding-top: 50px;
  }
  .itm-footer-main .itm-footer-intro {
    padding: 22px;
    border-radius: 22px;
  }
  .itm-footer-main .itm-footer-intro-title {
    font-size: 19px;
  }
  .itm-footer-main .itm-footer-cert-panel {
    justify-content: flex-start;
    margin-top: 14px;
  }
}
@media (max-width: 767.98px) {
  .itm-footer-main {
    padding-top: 38px;
  }
  .itm-footer-main .itm-footer-container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .itm-footer-main .itm-footer-intro {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 28px;
    padding: 20px;
    border-radius: 19px;
  }
  .itm-footer-main .itm-footer-intro-icon {
    flex-basis: 50px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
  .itm-footer-main .itm-footer-column {
    padding: 20px;
    border-radius: 19px;
  }
  .itm-footer-main .itm-footer-social-panel {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-footer-main .itm-footer-cert-panel {
    justify-content: center;
  }
  .itm-footer-main .itm-footer-about {
    padding: 21px 19px;
    border-radius: 19px;
  }
  .itm-footer-main .itm-footer-bottom-inner {
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
    gap: 8px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .itm-footer-main .itm-footer-intro-title {
    font-size: 17px;
  }
  .itm-footer-main .itm-footer-intro-subtitle {
    font-size: 11px;
  }
  .itm-footer-main .itm-footer-column-wrap {
    padding-right: 5px;
    padding-left: 5px;
  }
  .itm-footer-main .itm-footer-link {
    font-size: 10px;
  }
  .itm-footer-main .itm-footer-contact-item {
    font-size: 10px;
  }
  .itm-footer-main .itm-footer-cert-logo {
    width: 68px;
    height: 68px;
  }
  .itm-footer-main .itm-footer-about-preview {
    font-size: 10px;
  }
}
.itm-footer-main .itm-footer-title {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
.itm-footer-main .itm-footer-social-title,
.itm-footer-main .itm-footer-about-heading {
  color: #ffffff !important;
}
.itm-footer-main .itm-footer-title::before {
  background: #e9c46a !important;
}
.itm-footer-main .itm-footer-link {
  min-height: 38px;
  padding: 7px 20px 7px 8px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.8;
}
.itm-footer-main .itm-footer-link::before {
  content: "\f104" !important;
  right: 2px !important;
  left: auto !important;
  color: #e9c46a !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  font-weight: normal !important;
  transition:
    transform 0.2s ease,
    color 0.2s ease;
}
.itm-footer-main .itm-footer-link:hover {
  padding-right: 24px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #ffffff !important;
}
.itm-footer-main .itm-footer-link:hover::before {
  color: #e9c46a !important;
  transform: translateX(-3px);
}
.itm-footer-main .itm-footer-contact-item {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 13px !important;
  font-weight: 500;
}
.itm-footer-main .itm-footer-contact-item a {
  color: rgba(255, 255, 255, 0.88) !important;
}
.itm-footer-main .itm-footer-contact-item a:hover {
  color: #e9c46a !important;
}
.itm-footer-main .itm-footer-contact-icon {
  color: #e9c46a !important;
  border-color: rgba(233, 196, 106, 0.18) !important;
  background: rgba(233, 196, 106, 0.07) !important;
}
.itm-footer-main .itm-footer-social-title {
  font-size: 14px !important;
  font-weight: 900 !important;
}
.itm-footer-main .itm-footer-about {
  position: relative;
  margin-bottom: 34px;
  padding: 22px 26px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.07),
      transparent 32%
    ),
    rgba(255, 255, 255, 0.035);
}
.itm-footer-main .itm-footer-about-heading {
  justify-content: flex-start;
  margin-bottom: 11px !important;
  font-size: 14px !important;
}
.itm-footer-main .itm-footer-about-heading .fa {
  width: 31px;
  height: 31px;
  border-color: rgba(233, 196, 106, 0.2);
  background: rgba(233, 196, 106, 0.09);
  color: #e9c46a !important;
}
.itm-footer-main .itm-footer-about-preview {
  position: relative;
  max-height: 4.25em;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 2.1;
  text-align: justify;
  transition: max-height 0.45s ease;
}
.itm-footer-main .itm-footer-about-preview p {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit !important;
  line-height: inherit !important;
}
.itm-footer-main .itm-footer-about-preview p + p {
  margin-top: 8px !important;
}
.itm-footer-main .itm-footer-about-more {
  display: block !important;
}
.itm-footer-main .itm-footer-about-details[open] .itm-footer-about-preview {
  max-height: 600px;
}
.itm-footer-main
  .itm-footer-about-details:not([open])
  .itm-footer-about-preview::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 26px;
  background: linear-gradient(
    180deg,
    rgba(23, 75, 83, 0),
    rgba(23, 75, 83, 0.92)
  );
  pointer-events: none;
}
.itm-footer-main .itm-footer-about-details {
  width: 100%;
}
.itm-footer-main .itm-footer-about-summary {
  width: max-content;
  min-width: 0 !important;
  min-height: 32px !important;
  margin: 14px auto 0 !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(233, 196, 106, 0.82) !important;
  border-radius: 9px !important;
  background: #e9c46a !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.5;
  box-shadow: 0 6px 15px rgba(233, 196, 106, 0.17);
}
.itm-footer-main .itm-footer-about-summary::before {
  content: "\f067" !important;
  color: #17343e !important;
  font-family: FontAwesome;
  font-size: 8px !important;
}
.itm-footer-main
  .itm-footer-about-details[open]
  .itm-footer-about-summary::before {
  content: "\f068" !important;
}
.itm-footer-main .itm-footer-about-summary:hover {
  transform: translateY(-1px);
  border-color: #f1d47d !important;
  background: #f1d47d !important;
  color: #102f36 !important;
  box-shadow: 0 8px 20px rgba(233, 196, 106, 0.23);
}
.itm-footer-main .itm-footer-copyright,
.itm-footer-main .itm-footer-bottom-brand {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 11px !important;
}
@media (max-width: 767.98px) {
  .itm-footer-main .itm-footer-title {
    font-size: 15px !important;
  }
  .itm-footer-main .itm-footer-link {
    min-height: 36px;
    font-size: 12px !important;
  }
  .itm-footer-main .itm-footer-contact-item {
    font-size: 12px !important;
  }
  .itm-footer-main .itm-footer-about {
    padding: 19px 17px 18px !important;
  }
  .itm-footer-main .itm-footer-about-preview {
    font-size: 10.5px !important;
    line-height: 2;
    max-height: 4em;
  }
}
.itm-footer-about {
  direction: rtl;
  position: relative;
  padding: 30px 34px 26px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(42, 157, 143, 0.12),
      transparent 30%
    ),
    rgba(255, 255, 255, 0.035);
  overflow: hidden;
}
.itm-footer-about-head {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
}
.itm-footer-about-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #e9c46a;
  font-size: 17px;
  background: rgba(233, 196, 106, 0.09);
  border: 1px solid rgba(233, 196, 106, 0.18);
}
.itm-footer-about-title {
  margin: 0;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.7;
}
.itm-footer-about-intro {
  color: rgba(255, 255, 255, 0.75);
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.15;
}
.itm-footer-about-intro p {
  margin: 0 0 7px;
}
.itm-footer-about-intro p:last-child {
  margin-bottom: 0;
}
.itm-footer-about-details {
  display: block;
  margin: 0;
  padding: 0;
}
.itm-footer-about-toggle {
  width: fit-content;
  margin: 20px auto 0;
  padding: 9px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  background: #e9c46a;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  cursor: pointer;
  list-style: none;
  box-shadow: 0 8px 22px rgba(233, 196, 106, 0.18);
  transition:
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.itm-footer-about-toggle::-webkit-details-marker {
  display: none;
}
.itm-footer-about-toggle::marker {
  display: none;
  content: "";
}
.itm-footer-about-toggle:hover {
  background: #f0cc72;
  color: #17343e;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(233, 196, 106, 0.23);
}
.itm-footer-about-toggle i {
  color: #17343e;
  font-size: 14px;
  transition: transform 0.25s ease;
}
.itm-footer-about-extra {
  padding-top: 18px;
  color: rgba(255, 255, 255, 0.75);
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.15;
}
.itm-footer-about-extra p {
  margin: 0 0 7px;
}
.itm-footer-about-extra p:last-child {
  margin-bottom: 0;
}
.itm-footer-about-details[open] .itm-footer-about-toggle i {
  transform: rotate(180deg);
}
.itm-footer-about-less-label {
  display: none;
}
.itm-footer-about-details[open] .itm-footer-about-more-label {
  display: none;
}
.itm-footer-about-details[open] .itm-footer-about-less-label {
  display: inline;
}
@media (max-width: 767px) {
  .itm-footer-about {
    padding: 24px 20px 22px;
    border-radius: 22px;
  }
  .itm-footer-about-head {
    margin-bottom: 17px;
  }
  .itm-footer-about-title {
    font-size: 18px;
  }
  .itm-footer-about-intro,
  .itm-footer-about-extra {
    font-size: 13px;
    line-height: 2;
  }
  .itm-footer-about-toggle {
    margin-top: 17px;
    padding: 8px 15px;
    font-size: 12px;
  }
}
.itm-footer-about-details {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}
.itm-footer-about-extra {
  order: 1;
  padding-top: 8px;
}
.itm-footer-about-toggle {
  order: 2;
  width: fit-content;
  margin: 14px auto 0 !important;
  padding: 8px 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 11px;
  background: #e9c46a !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px !important;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  box-shadow: 0 7px 18px rgba(233, 196, 106, 0.18);
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.itm-footer-about-details[open] .itm-footer-about-extra {
  display: block;
}
.itm-footer-about-extra p:last-child {
  margin-bottom: 0 !important;
}
.itm-footer-about-details[open] .itm-footer-about-toggle {
  margin-top: 14px !important;
}
.itm-footer-about-toggle i {
  color: #17343e !important;
  font-size: 13px;
  transition: transform 0.25s ease;
}
.itm-footer-about-details[open] .itm-footer-about-toggle i {
  transform: rotate(180deg);
}
.itm-footer-about-less-label {
  display: none;
}
.itm-footer-about-details[open] .itm-footer-about-more-label {
  display: none;
}
.itm-footer-about-details[open] .itm-footer-about-less-label {
  display: inline;
}
.itm-footer-about-toggle:hover {
  background: #f0cc72 !important;
  color: #17343e !important;
  transform: translateY(-1px);
  box-shadow: 0 9px 22px rgba(233, 196, 106, 0.23);
}
@media (max-width: 767.98px) {
  .itm-footer-about-toggle {
    margin-top: 12px !important;
    padding: 7px 14px !important;
    font-size: 11px !important;
  }
  .itm-footer-about-details[open] .itm-footer-about-toggle {
    margin-top: 12px !important;
  }
}
.s_blockquote_quote {
  font-size: 1.2rem !important;
}
.itm-home-quick-paths {
  padding: 72px 0;
  background: #ffffff;
  border-bottom: 1px solid #edf2f1;
}
.itm-home-quick-paths .itm-home-quick-header {
  max-width: 680px;
  margin: 0 auto 38px;
}
.itm-home-quick-paths .itm-home-quick-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-bottom: 14px;
  padding: 7px 15px;
  border-radius: 50px;
  background: rgba(42, 157, 143, 0.1);
  color: #21867a;
  font-size: 13px;
  font-weight: 700;
}
.itm-home-quick-paths .itm-home-quick-badge i {
  font-size: 14px;
  color: #e9c46a;
}
.itm-home-quick-paths .itm-home-quick-title {
  margin: 0 0 10px;
  color: #264653;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
}
.itm-home-quick-paths .itm-home-quick-subtitle {
  margin: 0;
  color: #6b777b;
  font-size: 15px;
  line-height: 1.9;
}
.itm-home-quick-paths .itm-home-quick-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}
.itm-home-quick-paths .itm-home-quick-item {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  padding: 25px 15px 20px;
  overflow: hidden;
  border: 1px solid #e8efed;
  border-radius: 20px;
  background: #ffffff;
  color: #264653;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(38, 70, 83, 0.06);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.itm-home-quick-paths .itm-home-quick-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease;
}
.itm-home-quick-paths .itm-home-quick-item:hover {
  border-color: rgba(42, 157, 143, 0.35);
  color: #264653;
  transform: translateY(-7px);
  box-shadow: 0 16px 38px rgba(38, 70, 83, 0.12);
}
.itm-home-quick-paths .itm-home-quick-item:hover::before {
  opacity: 1;
}
.itm-home-quick-paths .itm-home-quick-icon {
  display: flex;
  width: 92px;
  height: 92px;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding: 10px;
  border: 2px solid rgba(42, 157, 143, 0.23);
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.09),
    rgba(233, 196, 106, 0.15)
  );
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}
.itm-home-quick-paths .itm-home-quick-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 50%;
  object-fit: contain;
}
.itm-home-quick-paths .itm-home-quick-item:hover .itm-home-quick-icon {
  border-color: #2a9d8f;
  background: rgba(42, 157, 143, 0.12);
  transform: scale(1.06);
}
.itm-home-quick-paths .itm-home-quick-content {
  width: 100%;
}
.itm-home-quick-paths .itm-home-quick-content h3 {
  margin: 0 0 8px;
  color: #264653;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.7;
}
.itm-home-quick-paths .itm-home-quick-content span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #7a8588;
  font-size: 12px;
  line-height: 1.7;
  transition: color 0.3s ease;
}
.itm-home-quick-paths .itm-home-quick-content span i {
  color: #2a9d8f;
  font-size: 14px;
  transition: transform 0.3s ease;
}
.itm-home-quick-paths .itm-home-quick-item:hover .itm-home-quick-content span {
  color: #21867a;
}
.itm-home-quick-paths
  .itm-home-quick-item:hover
  .itm-home-quick-content
  span
  i {
  transform: translateX(-3px);
}
@media (max-width: 1199.98px) {
  .itm-home-quick-paths .itm-home-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .itm-home-quick-paths {
    padding: 55px 0;
  }
  .itm-home-quick-paths .itm-home-quick-header {
    margin-bottom: 30px;
  }
  .itm-home-quick-paths .itm-home-quick-title {
    font-size: 26px;
  }
  .itm-home-quick-paths .itm-home-quick-subtitle {
    font-size: 14px;
  }
  .itm-home-quick-paths .itm-home-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .itm-home-quick-paths .itm-home-quick-item {
    padding: 20px 10px 17px;
    border-radius: 16px;
  }
  .itm-home-quick-paths .itm-home-quick-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 13px;
    padding: 8px;
  }
  .itm-home-quick-paths .itm-home-quick-content h3 {
    font-size: 14px;
  }
  .itm-home-quick-paths .itm-home-quick-content span {
    font-size: 11px;
  }
}
@media (max-width: 390px) {
  .itm-home-quick-paths .itm-home-quick-grid {
    grid-template-columns: 1fr;
  }
}
.itm-home-categories {
  padding: 90px 0;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.06),
      rgba(233, 196, 106, 0.08)
    ),
    #f8faf9;
}
.itm-home-categories .itm-home-categories-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 65px;
  align-items: start;
}
.itm-home-categories .itm-home-categories-intro {
  position: sticky;
  top: 110px;
  padding: 38px 34px;
  border-radius: 28px;
  background: #264653;
  box-shadow: 0 22px 50px rgba(38, 70, 83, 0.18);
}
.itm-home-categories .itm-home-categories-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #e9c46a;
  font-size: 13px;
  font-weight: 700;
}
.itm-home-categories .itm-home-categories-kicker i {
  font-size: 15px;
}
.itm-home-categories .itm-home-categories-title {
  margin: 0 0 42px;
  line-height: 2.2;
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
}
.itm-home-categories .itm-home-categories-desc {
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 2.2;
  text-align: justify;
}
.itm-home-categories .itm-home-categories-all {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  justify-content: center;
  padding: 15px 22px;
  border-radius: 12px;
  background: #e9c46a;
  color: #264653;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-home-categories .itm-home-categories-all:hover {
  background: #ffffff;
  color: #21867a;
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
}
.itm-home-categories .itm-home-categories-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(38, 70, 83, 0.12);
  border-right: 1px solid rgba(38, 70, 83, 0.12);
}
.itm-home-categories .itm-home-category-row {
  position: relative;
  display: grid;
  grid-template-columns: 42px 68px minmax(0, 1fr) 24px;
  gap: 14px;
  min-height: 125px;
  align-items: center;
  padding: 22px 20px;
  border-bottom: 1px solid rgba(38, 70, 83, 0.12);
  border-left: 1px solid rgba(38, 70, 83, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: #264653;
  text-decoration: none;
  transition:
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}
.itm-home-categories .itm-home-category-row:hover {
  z-index: 2;
  background: #ffffff;
  color: #264653;
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(38, 70, 83, 0.12);
}
.itm-home-categories .itm-home-category-row::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  content: "";
  transition: width 0.35s ease;
}
.itm-home-categories .itm-home-category-row:hover::after {
  width: 100%;
}
.itm-home-categories .itm-home-category-number {
  color: rgba(38, 70, 83, 0.35);
  font-size: 13px;
  font-weight: 800;
  transition: color 0.3s ease;
}
.itm-home-categories .itm-home-category-row:hover .itm-home-category-number {
  color: #2a9d8f;
}
.itm-home-categories .itm-home-category-image {
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.08);
  transition:
    background 0.3s ease,
    transform 0.3s ease;
}
.itm-home-categories .itm-home-category-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.itm-home-categories .itm-home-category-row:hover .itm-home-category-image {
  background: rgba(233, 196, 106, 0.2);
  transform: rotate(-3deg) scale(1.06);
}
.itm-home-categories .itm-home-category-info {
  min-width: 0;
}
.itm-home-categories .itm-home-category-info strong {
  display: block;
  margin-bottom: 6px;
  color: #264653;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.7;
}
.itm-home-categories .itm-home-category-info small {
  display: block;
  color: #7b8588;
  font-size: 12px;
  line-height: 1.7;
}
.itm-home-categories .itm-home-category-arrow {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  color: #2a9d8f;
  font-size: 17px;
  transition: transform 0.3s ease;
}
.itm-home-categories .itm-home-category-row:hover .itm-home-category-arrow {
  transform: translateX(5px);
}
@media (max-width: 1199.98px) {
  .itm-home-categories .itm-home-categories-layout {
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 35px;
  }
  .itm-home-categories .itm-home-category-row {
    grid-template-columns: 34px 58px minmax(0, 1fr) 20px;
    gap: 10px;
    padding: 18px 14px;
  }
  .itm-home-categories .itm-home-category-image {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 991.98px) {
  .itm-home-categories {
    padding: 70px 0;
  }
  .itm-home-categories .itm-home-categories-layout {
    grid-template-columns: 1fr;
  }
  .itm-home-categories .itm-home-categories-intro {
    position: static;
    padding: 48px 36px;
  }
}
@media (max-width: 767.98px) {
  .itm-home-categories {
    padding: 55px 0;
  }
  .itm-home-categories .itm-home-categories-intro {
    padding: 30px 24px;
    border-radius: 22px;
  }
  .itm-home-categories .itm-home-categories-title {
    font-size: 27px;
  }
  .itm-home-categories .itm-home-categories-list {
    grid-template-columns: 1fr;
  }
  .itm-home-categories .itm-home-category-row {
    min-height: 108px;
  }
}
@media (max-width: 430px) {
  .itm-home-categories .itm-home-category-row {
    grid-template-columns: 52px minmax(0, 1fr) 20px;
  }
  .itm-home-categories .itm-home-category-number {
    display: none;
  }
  .itm-home-categories .itm-home-category-image {
    width: 50px;
    height: 50px;
  }
  .itm-home-categories .itm-home-category-info small {
    font-size: 11px;
  }
}
.itm-home-offers {
  padding: 90px 0;
  background: #fff;
}
.itm-home-offers-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
  margin-bottom: 45px;
}
.itm-home-offers-title {
  max-width: 620px;
}
.itm-home-offers-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 40px;
  background: rgba(233, 196, 106, 0.15);
  color: #c58b00;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}
.itm-home-offers-title h2 {
  color: #264653;
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 18px;
}
.itm-home-offers-title p {
  color: #6d757c;
  line-height: 2;
  font-size: 15px;
  margin: 0;
}
.itm-home-offers-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.itm-home-offers-features {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.itm-home-offers-features span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 15px;
  background: #f6faf9;
  border: 1px solid #dfecea;
  border-radius: 40px;
  color: #264653;
  font-size: 13px;
  font-weight: 700;
}
.itm-home-offers-features i {
  color: #2a9d8f;
}
.itm-home-offers-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 12px;
  background: #2a9d8f;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s;
}
.itm-home-offers-btn:hover {
  color: #fff;
  background: #21867a;
  transform: translateY(-3px);
}
.itm-home-offers-products {
  padding-top: 10px;
}
@media (max-width: 991px) {
  .itm-home-offers-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-home-offers-actions {
    width: 100%;
    align-items: flex-start;
  }
  .itm-home-offers-features {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .itm-home-offers {
    padding: 65px 0;
  }
  .itm-home-offers-title h2 {
    font-size: 30px;
  }
  .itm-home-offers-features {
    flex-direction: column;
    width: 100%;
  }
  .itm-home-offers-features span {
    width: 100%;
  }
  .itm-home-offers-btn {
    width: 100%;
    justify-content: center;
  }
}
.itm-home-benefits {
  position: relative;
  padding: 95px 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(233, 196, 106, 0.12),
      transparent 24%
    ),
    radial-gradient(
      circle at 92% 88%,
      rgba(42, 157, 143, 0.09),
      transparent 25%
    ),
    #f8faf9;
}
.itm-home-benefits::before {
  content: "";
  position: absolute;
  top: 70px;
  right: -90px;
  width: 210px;
  height: 210px;
  border: 38px solid rgba(233, 196, 106, 0.08);
  border-radius: 50%;
}
.itm-home-benefits::after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: -70px;
  width: 200px;
  height: 200px;
  border: 34px solid rgba(42, 157, 143, 0.07);
  border-radius: 50%;
}
.itm-home-benefits .container {
  position: relative;
  z-index: 2;
}
.itm-home-benefits .itm-home-benefits-header {
  max-width: 780px;
  margin: 0 auto 52px;
  text-align: center;
}
.itm-home-benefits .itm-home-benefits-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 20px;
  margin-bottom: 19px;
  border: 1px solid rgba(233, 196, 106, 0.45);
  border-radius: 50px;
  background: rgba(233, 196, 106, 0.16);
  color: #a87400;
  font-size: 13px;
  font-weight: 800;
}
.itm-home-benefits .itm-home-benefits-badge i {
  color: #d19a13;
}
.itm-home-benefits .itm-home-benefits-header h2 {
  margin: 0 0 17px;
  color: #264653;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.5;
}
.itm-home-benefits .itm-home-benefits-header h2 span {
  position: relative;
  display: inline-block;
  color: #264653;
}
.itm-home-benefits .itm-home-benefits-header h2 span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 100%;
  height: 9px;
  z-index: -1;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.48);
}
.itm-home-benefits .itm-home-benefits-header p {
  margin: 0;
  color: #737d82;
  font-size: 15px;
  line-height: 2;
}
.itm-home-benefits .itm-home-benefits-header-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 150px;
  margin: 22px auto 0;
}
.itm-home-benefits .itm-home-benefits-header-line span {
  width: 55px;
  height: 2px;
  background: #dfe8e6;
}
.itm-home-benefits .itm-home-benefits-header-line i {
  color: #e9c46a;
  font-size: 8px;
}
.itm-home-benefits .itm-home-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.itm-home-benefits .itm-home-benefit-card {
  position: relative;
  min-height: 290px;
  padding: 34px 29px 31px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3ebe9;
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(38, 70, 83, 0.055);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-home-benefits .itm-home-benefit-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 5px;
  transform: scaleX(0.34);
  transform-origin: right center;
  transition: transform 0.35s ease;
}
.itm-home-benefits .itm-home-benefit-card::after {
  content: "";
  position: absolute;
  bottom: -45px;
  left: -45px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  opacity: 0.55;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}
.itm-home-benefits .itm-home-benefit-card--green::before {
  background: #2a9d8f;
}
.itm-home-benefits .itm-home-benefit-card--green::after {
  background: rgba(42, 157, 143, 0.07);
}
.itm-home-benefits .itm-home-benefit-card--yellow::before {
  background: #e9c46a;
}
.itm-home-benefits .itm-home-benefit-card--yellow::after {
  background: rgba(233, 196, 106, 0.15);
}
.itm-home-benefits .itm-home-benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(38, 70, 83, 0.12);
}
.itm-home-benefits .itm-home-benefit-card--green:hover {
  border-color: rgba(42, 157, 143, 0.48);
}
.itm-home-benefits .itm-home-benefit-card--yellow:hover {
  border-color: rgba(233, 196, 106, 0.75);
}
.itm-home-benefits .itm-home-benefit-card:hover::before {
  transform: scaleX(1);
}
.itm-home-benefits .itm-home-benefit-card:hover::after {
  transform: scale(1.35);
  opacity: 0.9;
}
.itm-home-benefits .itm-home-benefit-number {
  position: absolute;
  top: 24px;
  left: 25px;
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
  opacity: 0.09;
}
.itm-home-benefits .itm-home-benefit-card--green .itm-home-benefit-number {
  color: #2a9d8f;
}
.itm-home-benefits .itm-home-benefit-card--yellow .itm-home-benefit-number {
  color: #bd8700;
}
.itm-home-benefits .itm-home-benefit-icon {
  position: relative;
  z-index: 2;
  width: 66px;
  height: 66px;
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  font-size: 27px;
  transition:
    color 0.35s ease,
    background 0.35s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.itm-home-benefits .itm-home-benefit-card--green .itm-home-benefit-icon {
  background: #eaf7f5;
  color: #2a9d8f;
}
.itm-home-benefits .itm-home-benefit-card--yellow .itm-home-benefit-icon {
  background: #fff7df;
  color: #c48b00;
}
.itm-home-benefits .itm-home-benefit-card--green:hover .itm-home-benefit-icon {
  background: #2a9d8f;
  color: #ffffff;
  box-shadow: 0 12px 25px rgba(42, 157, 143, 0.24);
  transform: translateY(-3px) rotate(-4deg);
}
.itm-home-benefits .itm-home-benefit-card--yellow:hover .itm-home-benefit-icon {
  background: #e9c46a;
  color: #264653;
  box-shadow: 0 12px 25px rgba(233, 196, 106, 0.3);
  transform: translateY(-3px) rotate(4deg);
}
.itm-home-benefits .itm-home-benefit-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: #264653;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.75;
}
.itm-home-benefits .itm-home-benefit-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #747d82;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 991px) {
  .itm-home-benefits {
    padding: 75px 0;
  }
  .itm-home-benefits .itm-home-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .itm-home-benefits {
    padding: 60px 0;
  }
  .itm-home-benefits .itm-home-benefits-header {
    margin-bottom: 38px;
  }
  .itm-home-benefits .itm-home-benefits-header h2 {
    font-size: 29px;
  }
  .itm-home-benefits .itm-home-benefits-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .itm-home-benefits .itm-home-benefit-card {
    min-height: auto;
    padding: 28px 24px;
  }
  .itm-home-benefits .itm-home-benefit-number {
    top: 21px;
    left: 21px;
    font-size: 32px;
  }
}
.itm-home-services {
  position: relative;
  padding: 95px 0;
  overflow: hidden;
  background: #ffffff;
}
.itm-home-services::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(233, 196, 106, 0.1),
    rgba(233, 196, 106, 0.025)
  );
  border-radius: 0 0 0 160px;
}
.itm-home-services .container {
  position: relative;
  z-index: 2;
}
.itm-home-services .itm-home-services-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 46px;
}
.itm-home-services .itm-home-services-heading {
  max-width: 720px;
}
.itm-home-services .itm-home-services-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #fff6da;
  color: #a87400;
  font-size: 13px;
  font-weight: 800;
}
.itm-home-services .itm-home-services-badge i {
  color: #d39d18;
}
.itm-home-services .itm-home-services-heading h2 {
  margin: 0 0 15px;
  color: #264653;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.6;
}
.itm-home-services .itm-home-services-heading h2 span {
  position: relative;
  display: inline-block;
  color: #2a9d8f;
}
.itm-home-services .itm-home-services-heading h2 span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: -1;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.55);
}
.itm-home-services .itm-home-services-heading p {
  margin: 0;
  color: #747d82;
  font-size: 15px;
  line-height: 2;
}
.itm-home-services .itm-home-services-header-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 49px;
  padding: 0 22px;
  border: 1px solid #dce7e4;
  border-radius: 13px;
  background: #ffffff;
  color: #264653;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}
.itm-home-services .itm-home-services-header-btn:hover {
  color: #ffffff;
  background: #264653;
  border-color: #264653;
  transform: translateY(-3px);
}
.itm-home-services .itm-home-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}
.itm-home-services .itm-home-service-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3ebe9;
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(38, 70, 83, 0.07);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.itm-home-services .itm-home-service-card:hover {
  transform: translateY(-9px);
  border-color: rgba(42, 157, 143, 0.45);
  box-shadow: 0 24px 50px rgba(38, 70, 83, 0.14);
}
.itm-home-services .itm-home-service-card--featured {
  border-color: rgba(233, 196, 106, 0.7);
}
.itm-home-services .itm-home-service-image {
  position: relative;
  height: 235px;
  overflow: hidden;
  background: #eef3f2;
}
.itm-home-services .itm-home-service-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(38, 70, 83, 0.03),
    rgba(38, 70, 83, 0.65)
  );
}
.itm-home-services .itm-home-service-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.itm-home-services .itm-home-service-card:hover .itm-home-service-image img {
  transform: scale(1.08);
}
.itm-home-services .itm-home-service-number {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  color: rgba(255, 255, 255, 0.75);
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
}
.itm-home-services .itm-home-service-category {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.93);
  color: #264653;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(6px);
}
.itm-home-services .itm-home-service-category i {
  color: #c28b00;
}
.itm-home-services .itm-home-service-content {
  position: relative;
  padding: 36px 27px 28px;
}
.itm-home-services .itm-home-service-icon {
  position: absolute;
  top: -32px;
  right: 27px;
  z-index: 4;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #ffffff;
  border-radius: 19px;
  background: #eaf7f5;
  color: #2a9d8f;
  font-size: 25px;
  box-shadow: 0 8px 20px rgba(38, 70, 83, 0.12);
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}
.itm-home-services .itm-home-service-card--featured .itm-home-service-icon {
  background: #e9c46a;
  color: #264653;
}
.itm-home-services
  .itm-home-service-card:not(.itm-home-service-card--featured):hover
  .itm-home-service-icon {
  background: #2a9d8f;
  color: #ffffff;
  transform: rotate(-5deg);
}
.itm-home-services
  .itm-home-service-card--featured:hover
  .itm-home-service-icon {
  background: #264653;
  color: #e9c46a;
  transform: rotate(5deg);
}
.itm-home-services .itm-home-service-content h3 {
  margin: 8px 0 12px;
  color: #264653;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-home-services .itm-home-service-content p {
  min-height: 84px;
  margin: 0 0 20px;
  color: #747d82;
  font-size: 14px;
  line-height: 2;
}
.itm-home-services .itm-home-service-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2a9d8f;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition:
    gap 0.3s ease,
    color 0.3s ease;
}
.itm-home-services .itm-home-service-card--featured .itm-home-service-link {
  color: #a87400;
}
.itm-home-services .itm-home-service-link:hover {
  gap: 13px;
  color: #264653;
}
.itm-home-services .itm-home-services-cta {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  padding: 24px 27px;
  border: 1px solid rgba(233, 196, 106, 0.6);
  border-radius: 20px;
  background: linear-gradient(
    100deg,
    rgba(233, 196, 106, 0.22),
    rgba(255, 255, 255, 0.96)
  );
}
.itm-home-services .itm-home-services-cta-icon {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: #e9c46a;
  color: #264653;
  font-size: 25px;
}
.itm-home-services .itm-home-services-cta-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.itm-home-services .itm-home-services-cta-content strong {
  color: #264653;
  font-size: 17px;
  font-weight: 900;
}
.itm-home-services .itm-home-services-cta-content span {
  color: #727c81;
  font-size: 13px;
  line-height: 1.9;
}
.itm-home-services .itm-home-services-cta-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 13px;
  background: #264653;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}
.itm-home-services .itm-home-services-cta-btn:hover {
  background: #2a9d8f;
  color: #ffffff;
  transform: translateY(-3px);
}
@media (max-width: 991px) {
  .itm-home-services {
    padding: 75px 0;
  }
  .itm-home-services .itm-home-services-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-home-services .itm-home-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .itm-home-services .itm-home-service-card:last-child {
    grid-column: 1 / -1;
  }
  .itm-home-services .itm-home-services-cta {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .itm-home-services {
    padding: 60px 0;
  }
  .itm-home-services::before {
    width: 70%;
    border-radius: 0 0 0 90px;
  }
  .itm-home-services .itm-home-services-heading h2 {
    font-size: 29px;
  }
  .itm-home-services .itm-home-services-header-btn {
    width: 100%;
  }
  .itm-home-services .itm-home-services-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .itm-home-services .itm-home-service-card:last-child {
    grid-column: auto;
  }
  .itm-home-services .itm-home-service-image {
    height: 215px;
  }
  .itm-home-services .itm-home-service-content p {
    min-height: auto;
  }
  .itm-home-services .itm-home-services-cta {
    flex-direction: column;
    padding: 23px;
  }
  .itm-home-services .itm-home-services-cta-btn {
    width: 100%;
  }
}
.itm-home-season-offers {
  position: relative;
  padding: 95px 0;
  background: #fff;
  overflow: hidden;
}
.itm-home-season-offers::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: rgba(233, 196, 106, 0.12);
}
.itm-home-season-offers::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(42, 157, 143, 0.08);
}
.itm-home-season-offers .container {
  position: relative;
  z-index: 2;
}
.itm-home-season-offers-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 45px;
}
.itm-home-season-offers-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 50px;
  background: #fff5d8;
  color: #b67b00;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 18px;
}
.itm-home-season-offers-badge i {
  color: #d7a018;
}
.itm-home-season-offers-title h2 {
  margin: 0 0 15px;
  color: #264653;
  font-size: 40px;
  font-weight: 900;
}
.itm-home-season-offers-title p {
  margin: 0;
  color: #737d82;
  line-height: 2;
  font-size: 15px;
}
.itm-home-season-offers-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 24px;
  border-radius: 14px;
  background: #264653;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s;
}
.itm-home-season-offers-btn:hover {
  background: #2a9d8f;
  color: #fff;
  transform: translateY(-3px);
}
.itm-home-season-products {
  margin-bottom: 35px;
}
.itm-home-season-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.itm-home-season-feature {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid #e5eceb;
  border-radius: 16px;
  background: #fff;
  font-weight: 700;
  color: #264653;
  transition: 0.3s;
}
.itm-home-season-feature:nth-child(odd):hover {
  background: #fff8e4;
  border-color: #e9c46a;
}
.itm-home-season-feature:nth-child(even):hover {
  background: #eef8f6;
  border-color: #2a9d8f;
}
.itm-home-season-feature i {
  font-size: 20px;
}
.itm-home-season-feature:nth-child(1) i,
.itm-home-season-feature:nth-child(3) i {
  color: #d19a13;
}
.itm-home-season-feature:nth-child(2) i,
.itm-home-season-feature:nth-child(4) i {
  color: #2a9d8f;
}
@media (max-width: 991px) {
  .itm-home-season-offers-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .itm-home-season-features {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .itm-home-season-offers {
    padding: 65px 0;
  }
  .itm-home-season-offers-title h2 {
    font-size: 30px;
  }
  .itm-home-season-offers-btn {
    width: 100%;
    justify-content: center;
  }
  .itm-home-season-features {
    grid-template-columns: 1fr;
  }
}
.itm-home-featured-store {
  padding: 100px 0;
  background: linear-gradient(135deg, #264653 0%, #1f3a45 100%);
  overflow: hidden;
}
.itm-home-featured-store-wrapper {
  display: grid;
  grid-template-columns: 430px 1fr;
  gap: 50px;
  align-items: center;
}
.itm-home-featured-store-side {
  position: relative;
  color: #fff;
}
.itm-home-featured-store-side::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -25px;
  width: 90px;
  height: 90px;
  border: 2px dashed rgba(233, 196, 106, 0.35);
  border-radius: 22px;
  transform: rotate(12deg);
}
.itm-home-featured-store-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 40px;
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 18px;
}
.itm-home-featured-store-side h2 {
  margin: 0 0 18px;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.5;
}
.itm-home-featured-store-side h2 span {
  color: #e9c46a;
}
.itm-home-featured-store-side p {
  margin: 0 0 28px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 2;
}
.itm-home-featured-store-list {
  margin: 0 0 35px;
  padding: 0;
  list-style: none;
}
.itm-home-featured-store-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-weight: 600;
}
.itm-home-featured-store-list i {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9c46a;
  color: #264653;
}
.itm-home-featured-store-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 28px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  text-decoration: none;
  font-weight: 800;
  transition: 0.35s;
}
.itm-home-featured-store-btn:hover {
  background: #fff;
  color: #264653;
  transform: translateY(-4px);
}
.itm-home-featured-store-showcase {
  min-height: 470px;
  padding: 28px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 991px) {
  .itm-home-featured-store-wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .itm-home-featured-store {
    padding: 70px 0;
  }
  .itm-home-featured-store-side h2 {
    font-size: 30px;
  }
  .itm-home-featured-store-showcase {
    min-height: 350px;
    padding: 20px;
  }
}
.itm-home-clearance {
  padding: 95px 0;
  background: linear-gradient(180deg, #f8faf9 0%, #ffffff 100%);
}
.itm-home-clearance-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: 38px;
}

.itm-home-clearance-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 18px;
  border-radius: 40px;
  background: #264653;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.itm-home-clearance-badge i {
  color: #e9c46a;
}
.itm-home-clearance-title h2 {
  margin: 0 0 16px;
  font-size: 40px;
  font-weight: 900;
  color: #264653;
}
.itm-home-clearance-title p {
  margin: 0;
  color: #707b80;
  line-height: 2;
}
.itm-home-clearance-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 24px;
  border-radius: 14px;
  background: #e9c46a;
  color: #264653;
  text-decoration: none;
  font-weight: 800;
  transition: 0.35s;
}
.itm-home-clearance-btn:hover {
  background: #264653;
  color: #fff;
  transform: translateY(-4px);
}
.itm-home-clearance-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 35px;
}
.itm-home-clearance-category {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #e4ece9;
  color: #264653;
  font-weight: 700;
  transition: 0.3s;
}
.itm-home-clearance-category:nth-child(odd):hover {
  background: #264653;
  color: #fff;
  border-color: #264653;
}
.itm-home-clearance-category:nth-child(even):hover {
  background: #2a9d8f;
  color: #fff;
  border-color: #2a9d8f;
}
.itm-home-clearance-category i {
  font-size: 8px;
  color: #e9c46a;
}
.itm-home-clearance-products {
  padding: 10px 0 0;
}
@media (max-width: 991px) {
  .itm-home-clearance-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .itm-home-clearance {
    padding: 65px 0;
  }
  .itm-home-clearance-title h2 {
    font-size: 30px;
  }
  .itm-home-clearance-btn {
    width: 100%;
    justify-content: center;
  }
  .itm-home-clearance-categories {
    flex-direction: column;
  }
  .itm-home-clearance-category {
    justify-content: center;
  }
}
.itm-home-guarantee {
  padding: 90px 0;
  background: #fff;
}
.itm-home-guarantee-header {
  margin: 0 auto 50px;
  text-align: center;
}
.itm-home-guarantee-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 18px;
  border-radius: 40px;
  background: #eef8f6;
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-home-guarantee-header h2 {
  margin: 0 0 18px;
  color: #264653;
  font-size: 40px;
  font-weight: 900;
}
.itm-home-guarantee-header p {
  margin: 0;
  color: #717b80;
  line-height: 2;
  font-size: 15px;
}
.itm-home-guarantee-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
.itm-home-guarantee-card {
  padding: 42px 28px;
  text-align: center;
  background: #fff;
  border: 1px solid #edf1f0;
  border-radius: 24px;
  transition: 0.35s;
}
.itm-home-guarantee-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(38, 70, 83, 0.08);
}
.itm-home-guarantee-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f4faf9;
  font-size: 34px;
}
.itm-home-guarantee-card:nth-child(1) .itm-home-guarantee-icon {
  color: #d39b12;
}
.itm-home-guarantee-card:nth-child(2) .itm-home-guarantee-icon {
  color: #2a9d8f;
}
.itm-home-guarantee-card:nth-child(3) .itm-home-guarantee-icon {
  color: #d39b12;
}
.itm-home-guarantee-card:nth-child(4) .itm-home-guarantee-icon {
  color: #2a9d8f;
}
.itm-home-guarantee-card h3 {
  margin: 0 0 16px;
  color: #264653;
  font-size: 20px;
  font-weight: 800;
}
.itm-home-guarantee-card p {
  margin: 0;
  color: #6f797f;
  line-height: 2;
  font-size: 14px;
}
@media (max-width: 991px) {
  .itm-home-guarantee-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .itm-home-guarantee {
    padding: 65px 0;
  }
  .itm-home-guarantee-header h2 {
    font-size: 30px;
  }
  .itm-home-guarantee-grid {
    grid-template-columns: 1fr;
  }
}
.itm-home-landing .carousel-content {
  align-self: center !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 18px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.22);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
}
.itm-home-landing .carousel-content h1,
.itm-home-landing .carousel-content h2,
.itm-home-landing .carousel-content h3,
.itm-home-landing .carousel-content p,
.itm-home-landing .carousel-content blockquote {
  margin-top: 0;
}
.itm-home-landing .carousel-content h1,
.itm-home-landing .carousel-content h2,
.itm-home-landing .carousel-content h3 {
  margin-bottom: 10px;
}
.itm-home-landing .carousel-content p,
.itm-home-landing .carousel-content blockquote {
  margin-bottom: 0;
}
.itm-home-landing .carousel-content > p:empty {
  display: none !important;
}
@media (max-width: 767px) {
  .itm-home-landing .carousel-content {
    padding: 14px 16px !important;
    border-radius: 14px;
  }
}
#wrap .s_dynamic_snippet_products {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
}
#wrap .s_dynamic_snippet_products .s_nb_column_fixed {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 1px !important;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
}
#wrap .s_dynamic_snippet_products .dynamic_snippet_template {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
}
#wrap .s_dynamic_snippet_products .dynamic_snippet_template > .carousel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
}
#wrap .s_dynamic_snippet_products .carousel-inner {
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: hidden !important;
}
#wrap .s_dynamic_snippet_products .carousel-item.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 1px !important;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_row {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 1px !important;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_row > div {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 1px !important;
}
#wrap .s_dynamic_snippet_products .oe_product_cart {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  height: auto !important;
  min-height: 1px !important;
}
#wrap .s_dynamic_snippet_products .oe_product_image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_information {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: column;
  height: auto !important;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_information_text,
#wrap .s_dynamic_snippet_products .o_wsale_product_sub,
#wrap .s_dynamic_snippet_products .product_price,
#wrap .s_dynamic_snippet_products .o_wsale_product_btn {
  visibility: visible !important;
  opacity: 1 !important;
}
#wrap .s_dynamic_snippet_products .carousel-control-prev,
#wrap .s_dynamic_snippet_products .carousel-control-next {
  visibility: visible !important;
  opacity: 1;
  z-index: 5;
}
#wrap .s_dynamic_snippet_products {
  position: relative;
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_content {
  position: relative;
  padding: 8px 0 18px;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_row {
  align-items: stretch !important;
}
#wrap .s_dynamic_snippet_products .s_dynamic_snippet_row > div {
  align-items: stretch !important;
}
#wrap .s_dynamic_snippet_products .oe_product_cart.o_carousel_product_card {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  height: 100% !important;
  min-height: 440px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 25px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.065),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.99),
      rgba(247, 250, 249, 0.96)
    );
  box-shadow:
    0 13px 34px rgba(23, 52, 62, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;
  z-index: 10;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #2a9d8f,
    #e9c46a,
    transparent
  );
  opacity: 0;
  transform: scaleX(0.45);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card:hover {
  z-index: 3;
  transform: translateY(-9px);
  border-color: rgba(42, 157, 143, 0.24);
  box-shadow:
    0 26px 55px rgba(23, 52, 62, 0.13),
    0 10px 28px rgba(42, 157, 143, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
#wrap .s_dynamic_snippet_products .oe_product_image {
  position: relative;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 265px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 52, 62, 0.055);
  border-radius: 19px;
  background: linear-gradient(145deg, #f3f7f6, #ffffff);
}
#wrap .s_dynamic_snippet_products .oe_product_image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent 65%, rgba(16, 47, 54, 0.035));
  pointer-events: none;
}
#wrap .s_dynamic_snippet_products .oe_product_image_link,
#wrap .s_dynamic_snippet_products .oe_product_image_img_wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
#wrap .s_dynamic_snippet_products .oe_product_image_img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  transform: scale(1);
  transition:
    transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.4s ease;
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card:hover
  .oe_product_image_img {
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.025);
}
#wrap .s_dynamic_snippet_products .oe_product_image::before {
  content: "";
  position: absolute;
  top: -70%;
  left: -70%;
  z-index: 4;
  width: 55%;
  height: 240%;
  background: linear-gradient(
    110deg,
    transparent,
    rgba(255, 255, 255, 0.34),
    transparent
  );
  transform: rotate(18deg);
  transition: left 0.75s ease;
  pointer-events: none;
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card:hover
  .oe_product_image::before {
  left: 130%;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_information {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0;
  padding: 19px 13px 12px !important;
  background: transparent !important;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_info_attributes_wrapper {
  flex: 1 1 auto;
}
#wrap .s_dynamic_snippet_products .o_wsale_products_item_title {
  display: -webkit-box;
  min-height: 52px;
  margin: 0 0 7px !important;
  overflow: hidden;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
  text-align: right;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .s_dynamic_snippet_products .o_wsale_products_item_title a {
  color: #17343e !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
#wrap
  .s_dynamic_snippet_products
  .oe_product_cart.o_carousel_product_card:hover
  .o_wsale_products_item_title
  a {
  color: #247f75 !important;
}
#wrap .s_dynamic_snippet_products .oe_subdescription_wrapper {
  min-height: 43px;
  margin-bottom: 11px;
}
#wrap .s_dynamic_snippet_products .oe_subdescription {
  display: -webkit-box;
  overflow: hidden;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 1.8;
  text-align: right;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .s_dynamic_snippet_products .oe_subdescription:empty,
#wrap .s_dynamic_snippet_products .oe_subdescription > div:empty {
  display: none !important;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_sub {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 13px !important;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
}
#wrap .s_dynamic_snippet_products .product_price {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 34px;
  direction: ltr;
  text-align: left;
}
#wrap .s_dynamic_snippet_products .product_price [name="product_price"] {
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
#wrap .s_dynamic_snippet_products .product_price .oe_currency_value {
  font-weight: 900 !important;
}
#wrap .s_dynamic_snippet_products .product_price del {
  order: -1;
  color: #9ca9ac !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 11px !important;
  opacity: 0.85;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_btn {
  width: 100%;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_action_row {
  width: 100%;
}
#wrap .s_dynamic_snippet_products .o_wsale_product_btn_primary.js_add_cart {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 48px;
  gap: 8px;
  padding: 10px 16px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #2a9d8f 0%, #247f75 100%) !important;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 9px 21px rgba(42, 157, 143, 0.19);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}
#wrap
  .s_dynamic_snippet_products
  .o_wsale_product_btn_primary.js_add_cart:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #17343e, #185158) !important;
  color: #ffffff !important;
  box-shadow: 0 13px 27px rgba(23, 52, 62, 0.22);
}
#wrap .s_dynamic_snippet_products .o_wsale_product_btn_primary.js_add_cart i {
  color: #ffffff !important;
  font-size: 14px;
}
#wrap
  .s_dynamic_snippet_products
  .o_wsale_product_btn_primary.js_add_cart
  .o_label {
  font-family: Vazirmatn, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#wrap
  .s_dynamic_snippet_products
  .o_wsale_product_btn_primary.js_add_cart::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 35%;
  height: 200%;
  background: linear-gradient(
    100deg,
    transparent,
    rgba(255, 255, 255, 0.24),
    transparent
  );
  transform: rotate(20deg);
  transition: left 0.55s ease;
  pointer-events: none;
}
#wrap
  .s_dynamic_snippet_products
  .o_wsale_product_btn_primary.js_add_cart:hover::after {
  left: 130%;
}
#wrap .s_dynamic_snippet_products .carousel-control-prev,
#wrap .s_dynamic_snippet_products .carousel-control-next {
  top: 50% !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 46px !important;
  height: 46px;
  opacity: 1 !important;
  transform: translateY(-50%);
  z-index: 20;
}
#wrap .s_dynamic_snippet_products .carousel-control-prev > span:first-child,
#wrap .s_dynamic_snippet_products .carousel-control-next > span:first-child {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #17343e !important;
  box-shadow: 0 10px 25px rgba(23, 52, 62, 0.11);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
#wrap
  .s_dynamic_snippet_products
  .carousel-control-prev:hover
  > span:first-child,
#wrap
  .s_dynamic_snippet_products
  .carousel-control-next:hover
  > span:first-child {
  background: #2a9d8f !important;
  color: #ffffff !important;
  transform: scale(1.07);
  box-shadow: 0 12px 28px rgba(42, 157, 143, 0.25);
}
#wrap .s_dynamic_snippet_products .dynamic_snippet_template > .carousel {
  padding: 12px 7px 18px;
}
#wrap .s_dynamic_snippet_products .carousel-inner {
  padding-top: 13px;
  padding-bottom: 18px;
}
@media (max-width: 1199.98px) {
  #wrap .s_dynamic_snippet_products .oe_product_cart.o_carousel_product_card {
    min-height: 420px;
    border-radius: 22px;
  }
  #wrap .s_dynamic_snippet_products .oe_product_image {
    height: 230px !important;
  }
  #wrap .s_dynamic_snippet_products .o_wsale_products_item_title {
    font-size: 15px !important;
  }
}
@media (max-width: 991.98px) {
  #wrap .s_dynamic_snippet_products .oe_product_image {
    height: 245px !important;
  }
  #wrap .s_dynamic_snippet_products .oe_product_cart.o_carousel_product_card {
    min-height: 425px;
  }
}
@media (max-width: 767.98px) {
  #wrap .s_dynamic_snippet_products .oe_product_cart.o_carousel_product_card {
    min-height: 0;
    padding: 7px;
    border-radius: 19px;
  }
  #wrap .s_dynamic_snippet_products .oe_product_image {
    height: 210px !important;
    border-radius: 15px;
  }
  #wrap .s_dynamic_snippet_products .o_wsale_product_information {
    padding: 15px 9px 9px !important;
  }
  #wrap .s_dynamic_snippet_products .o_wsale_products_item_title {
    min-height: 46px;
    font-size: 14px !important;
  }
  #wrap .s_dynamic_snippet_products .oe_subdescription_wrapper {
    min-height: 0;
  }
  #wrap .s_dynamic_snippet_products .oe_subdescription {
    font-size: 10px !important;
  }
  #wrap .s_dynamic_snippet_products .product_price [name="product_price"] {
    font-size: 14px !important;
  }
  #wrap .s_dynamic_snippet_products .o_wsale_product_btn_primary.js_add_cart {
    min-height: 44px;
  }
}
@media (max-width: 575.98px) {
  #wrap .s_dynamic_snippet_products .dynamic_snippet_template > .carousel {
    padding-right: 2px;
    padding-left: 2px;
  }
  #wrap .s_dynamic_snippet_products .oe_product_image {
    height: 180px !important;
  }
  #wrap .s_dynamic_snippet_products .carousel-control-prev,
  #wrap .s_dynamic_snippet_products .carousel-control-next {
    width: 38px !important;
    height: 38px;
  }
  #wrap .s_dynamic_snippet_products .carousel-control-prev > span:first-child,
  #wrap .s_dynamic_snippet_products .carousel-control-next > span:first-child {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }
}
.itm-analysishero {
  position: relative;
  overflow: hidden;
  direction: rtl;
  min-height: 700px;
  padding: 105px 0 95px;
  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(233, 196, 106, 0.16),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.2),
      transparent 31%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-analysishero::before {
  content: "";
  position: absolute;
  top: -210px;
  right: -170px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 70px rgba(255, 255, 255, 0.018),
    0 0 0 140px rgba(255, 255, 255, 0.01);
  pointer-events: none;
}
.itm-analysishero::after {
  content: "";
  position: absolute;
  left: -180px;
  bottom: -220px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(126, 224, 212, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 65px rgba(126, 224, 212, 0.016),
    0 0 0 130px rgba(126, 224, 212, 0.01);
  pointer-events: none;
}
.itm-analysishero-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-analysishero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  align-items: center;
  gap: 70px;
}
.itm-analysishero-content {
  position: relative;
  z-index: 3;
}
.itm-analysishero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 23px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 900;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-analysishero-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 14px;
}
.itm-analysishero-title {
  max-width: 680px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 5.4vw, 72px);
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: -1.4px;
}
.itm-analysishero-title-highlight {
  display: inline;
  color: #7ee0d4;
}
.itm-analysishero-description {
  max-width: 670px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 16px;
  line-height: 2.15;
}
.itm-analysishero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}
.itm-analysishero-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 57px;
  padding: 0 25px;
  border-radius: 17px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(233, 196, 106, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-analysishero-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(233, 196, 106, 0.29);
}
.itm-analysishero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 57px;
  padding: 0 25px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}
.itm-analysishero-secondary:hover {
  border-color: rgba(126, 224, 212, 0.3);
  background: rgba(42, 157, 143, 0.16);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-4px);
}
.itm-analysishero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 29px;
}
.itm-analysishero-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  font-weight: 800;
}
.itm-analysishero-meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.17);
  color: #7ee0d4;
  font-size: 11px;
}
.itm-analysishero-visual {
  position: relative;
  min-height: 530px;
}
.itm-analysishero-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(126, 224, 212, 0.14);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 45px rgba(126, 224, 212, 0.025),
    0 0 0 90px rgba(126, 224, 212, 0.016);
}
.itm-analysishero-orbit::before,
.itm-analysishero-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
}
.itm-analysishero-orbit::before {
  inset: 70px;
}
.itm-analysishero-orbit::after {
  inset: 135px;
}
.itm-analysishero-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 145px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 38px;
  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(233, 196, 106, 0.18),
      transparent 45%
    ),
    rgba(16, 47, 54, 0.82);
  box-shadow:
    0 30px 65px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translate(-50%, -50%) rotate(45deg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-analysishero-center-inner {
  text-align: center;
  transform: rotate(-45deg);
}
.itm-analysishero-center-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 21px;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.2);
}
.itm-analysishero-center-title {
  display: block;
  margin-top: 11px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-analysishero-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 13px;
  width: 220px;
  min-height: 86px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}
.itm-analysishero-card:hover {
  border-color: rgba(126, 224, 212, 0.28);
  background: rgba(255, 255, 255, 0.13);
}
.itm-analysishero-card-one {
  top: 28px;
  right: 12px;
}
.itm-analysishero-card-one:hover {
  transform: translateY(-5px);
}
.itm-analysishero-card-two {
  top: 180px;
  left: -8px;
}
.itm-analysishero-card-two:hover {
  transform: translateY(-5px);
}
.itm-analysishero-card-three {
  right: -12px;
  bottom: 95px;
}
.itm-analysishero-card-three:hover {
  transform: translateY(-5px);
}
.itm-analysishero-card-four {
  bottom: 3px;
  left: 45px;
}
.itm-analysishero-card-four:hover {
  transform: translateY(-5px);
}
.itm-analysishero-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.19);
  color: #7ee0d4;
  font-size: 19px;
}
.itm-analysishero-card-two .itm-analysishero-card-icon,
.itm-analysishero-card-four .itm-analysishero-card-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #e9c46a;
}
.itm-analysishero-card-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-analysishero-card-text {
  display: block;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
  line-height: 1.7;
}
.itm-analysishero-card-arrow {
  margin-right: auto;
  color: rgba(255, 255, 255, 0.38);
  font-size: 13px;
}
.itm-analysishero-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 70px;
}
.itm-analysishero-bottom-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-analysishero-bottom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.17);
  color: #7ee0d4;
  font-size: 17px;
}
.itm-analysishero-bottom-item:nth-child(even) .itm-analysishero-bottom-icon {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-analysishero-bottom-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}
.itm-analysishero-bottom-text {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 8px;
  line-height: 1.7;
}
@media (max-width: 1080px) {
  .itm-analysishero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .itm-analysishero-content {
    text-align: center;
  }
  .itm-analysishero-title,
  .itm-analysishero-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-analysishero-actions,
  .itm-analysishero-meta {
    justify-content: center;
  }
  .itm-analysishero-visual {
    width: min(100%, 620px);
    margin: 0 auto;
  }
  .itm-analysishero-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .itm-analysishero {
    min-height: auto;
    padding: 80px 0 70px;
  }
  .itm-analysishero-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-analysishero-title {
    font-size: 39px;
  }
  .itm-analysishero-description {
    font-size: 14px;
  }
  .itm-analysishero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .itm-analysishero-primary,
  .itm-analysishero-secondary {
    width: 100%;
  }
  .itm-analysishero-meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-analysishero-visual {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: auto;
  }
  .itm-analysishero-orbit,
  .itm-analysishero-center {
    display: none;
  }
  .itm-analysishero-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }
  .itm-analysishero-bottom {
    grid-template-columns: 1fr;
    margin-top: 35px;
  }
}
.itm-priceradar {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(233, 196, 106, 0.13),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-priceradar::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -160px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(42, 157, 143, 0.02),
    0 0 0 120px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-priceradar-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-priceradar-header {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-priceradar-heading {
  max-width: 670px;
}
.itm-priceradar-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-priceradar-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-priceradar-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-priceradar-title-highlight {
  color: #2a9d8f;
}
.itm-priceradar-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #ffffff;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-priceradar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 30px;
  align-items: stretch;
}
.itm-priceradar-board {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.22),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-priceradar-board::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-priceradar-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-priceradar-board-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-priceradar-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-priceradar-board-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-priceradar-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-priceradar-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-priceradar-live::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-priceradar-overview {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 34px;
}
.itm-priceradar-overview-value {
  display: block;
  margin-bottom: 7px;
  color: #ffffff;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.2;
}
.itm-priceradar-overview-label {
  display: block;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
}
.itm-priceradar-overview-change {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 10px;
  font-weight: 900;
}
.itm-priceradar-chart {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 290px;
  margin-top: 28px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(16, 47, 54, 0.42);
}
.itm-priceradar-chart-grid {
  position: absolute;
  inset: 20px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size:
    100% 48px,
    70px 100%;
}
.itm-priceradar-chart-head {
  position: absolute;
  top: 18px;
  right: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.itm-priceradar-chart-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-weight: 800;
}
.itm-priceradar-chart-period {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e9c46a;
  font-size: 8px;
  font-weight: 900;
}
.itm-priceradar-chart-lines {
  position: absolute;
  right: 30px;
  bottom: 48px;
  width: calc(100% - 60px);
  height: 170px;
}
.itm-priceradar-chart-segment {
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2a9d8f, #7ee0d4);
  box-shadow: 0 0 18px rgba(126, 224, 212, 0.3);
  transform-origin: right center;
}
.itm-priceradar-chart-segment-one {
  right: 0;
  bottom: 24px;
  width: 17%;
  transform: rotate(-12deg);
}
.itm-priceradar-chart-segment-two {
  right: 15%;
  bottom: 40px;
  width: 18%;
  transform: rotate(16deg);
}
.itm-priceradar-chart-segment-three {
  right: 31%;
  bottom: 27px;
  width: 18%;
  transform: rotate(-27deg);
}
.itm-priceradar-chart-segment-four {
  right: 47%;
  bottom: 59px;
  width: 18%;
  transform: rotate(-9deg);
}
.itm-priceradar-chart-segment-five {
  right: 63%;
  bottom: 73px;
  width: 19%;
  transform: rotate(-25deg);
}
.itm-priceradar-chart-segment-six {
  right: 80%;
  bottom: 105px;
  width: 20%;
  transform: rotate(-18deg);
  background: linear-gradient(90deg, #e9c46a, #f2d584);
  box-shadow: 0 0 18px rgba(233, 196, 106, 0.24);
}
.itm-priceradar-chart-point {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid #17343e;
  border-radius: 50%;
  background: #e9c46a;
  box-shadow: 0 0 0 6px rgba(233, 196, 106, 0.12);
}
.itm-priceradar-chart-point-one {
  right: 0;
  bottom: 19px;
}
.itm-priceradar-chart-point-two {
  right: 31%;
  bottom: 23px;
}
.itm-priceradar-chart-point-three {
  right: 63%;
  bottom: 69px;
}
.itm-priceradar-chart-point-four {
  left: -2px;
  top: 17px;
}
.itm-priceradar-periods {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.itm-priceradar-period {
  padding: 14px 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  text-align: center;
}
.itm-priceradar-period-active {
  border-color: rgba(233, 196, 106, 0.26);
  background: rgba(233, 196, 106, 0.12);
}
.itm-priceradar-period-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}
.itm-priceradar-period-text {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
}
.itm-priceradar-period-active .itm-priceradar-period-title {
  color: #e9c46a;
}
.itm-priceradar-side {
  display: grid;
  gap: 18px;
}
.itm-priceradar-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 125px;
  padding: 22px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 15px 40px rgba(23, 52, 62, 0.05);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-priceradar-card::before {
  content: "";
  position: absolute;
  top: -62px;
  left: -62px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-priceradar-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-priceradar-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(23, 52, 62, 0.09);
}
.itm-priceradar-card-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 21px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-priceradar-card:nth-child(even) .itm-priceradar-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-priceradar-card-content {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.itm-priceradar-card-title {
  display: block;
  margin-bottom: 6px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-priceradar-card-description {
  display: block;
  color: #71858a;
  font-size: 9px;
  line-height: 1.8;
}
.itm-priceradar-card-value {
  position: relative;
  z-index: 2;
  text-align: left;
  white-space: nowrap;
}
.itm-priceradar-card-price {
  display: block;
  margin-bottom: 7px;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.itm-priceradar-card-trend {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 8px;
  font-weight: 900;
}
.itm-priceradar-card-trend-down {
  background: rgba(201, 84, 84, 0.1);
  color: #c95454;
}
.itm-priceradar-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-priceradar-feature {
  position: relative;
  overflow: hidden;
  padding: 25px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-priceradar-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 19px;
}
.itm-priceradar-feature:nth-child(even) .itm-priceradar-feature-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-priceradar-feature-title {
  display: block;
  margin-top: 17px;
  color: #17343e;
  font-size: 14px;
  font-weight: 900;
}
.itm-priceradar-feature-text {
  margin: 8px 0 0;
  color: #71858a;
  font-size: 10px;
  line-height: 1.9;
}
.itm-priceradar-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
}
.itm-priceradar-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-priceradar-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-priceradar-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-priceradar-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-priceradar-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-priceradar-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-priceradar-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-priceradar-layout {
    grid-template-columns: 1fr;
  }
  .itm-priceradar-board {
    min-height: auto;
  }
}
@media (max-width: 780px) {
  .itm-priceradar {
    padding: 80px 0;
  }
  .itm-priceradar-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-priceradar-header {
    margin-bottom: 44px;
  }
  .itm-priceradar-title {
    font-size: 34px;
  }
  .itm-priceradar-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-priceradar-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-priceradar-board-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-priceradar-overview {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-priceradar-periods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .itm-priceradar-card {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 14px;
  }
  .itm-priceradar-card-value {
    grid-column: 1 / -1;
    text-align: right;
  }
  .itm-priceradar-features {
    grid-template-columns: 1fr;
  }
  .itm-priceradar-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-priceradar-footer-link {
    width: 100%;
  }
}
.itm-industrymap {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(233, 196, 106, 0.13),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.11),
      transparent 30%
    ),
    #ffffff;
  font-family: Vazirmatn, sans-serif;
}
.itm-industrymap::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -150px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(233, 196, 106, 0.1);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(233, 196, 106, 0.022),
    0 0 0 120px rgba(233, 196, 106, 0.014);
  pointer-events: none;
}
.itm-industrymap-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-industrymap-header {
  max-width: 860px;
  margin: 0 auto 64px;
  text-align: center;
}
.itm-industrymap-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
  font-size: 13px;
  font-weight: 800;
}
.itm-industrymap-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
}
.itm-industrymap-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-industrymap-title-highlight {
  color: #2a9d8f;
}
.itm-industrymap-description {
  max-width: 770px;
  margin: 20px auto 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-industrymap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 30px;
  align-items: stretch;
}
.itm-industrymap-board {
  position: relative;
  overflow: hidden;
  min-height: 690px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 84% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.23),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-industrymap-board::before {
  content: "";
  position: absolute;
  right: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-industrymap-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-industrymap-board-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-industrymap-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-industrymap-board-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-industrymap-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-industrymap-board-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-industrymap-board-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-industrymap-canvas {
  position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: 410px;
  margin-top: 34px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 25px;
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(42, 157, 143, 0.12),
      transparent 58%
    ),
    rgba(16, 47, 54, 0.42);
}
.itm-industrymap-canvas::before {
  content: "";
  position: absolute;
  inset: 18px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
}
.itm-industrymap-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 285px;
  height: 315px;
  transform: translate(-50%, -50%);
}
.itm-industrymap-shape-piece {
  position: absolute;
  border: 1px solid rgba(126, 224, 212, 0.22);
  background: rgba(42, 157, 143, 0.11);
  box-shadow: inset 0 0 18px rgba(126, 224, 212, 0.04);
}
.itm-industrymap-shape-one {
  top: 22px;
  right: 72px;
  width: 115px;
  height: 78px;
  border-radius: 52% 48% 40% 60% / 58% 46% 54% 42%;
  transform: rotate(-6deg);
}
.itm-industrymap-shape-two {
  top: 82px;
  right: 40px;
  width: 145px;
  height: 105px;
  border-radius: 44% 56% 48% 52% / 50% 42% 58% 50%;
  transform: rotate(5deg);
}
.itm-industrymap-shape-three {
  top: 165px;
  right: 84px;
  width: 125px;
  height: 112px;
  border-radius: 48% 52% 58% 42% / 44% 60% 40% 56%;
  transform: rotate(-8deg);
}
.itm-industrymap-shape-four {
  top: 105px;
  left: 21px;
  width: 87px;
  height: 125px;
  border-radius: 54% 46% 42% 58% / 48% 58% 42% 52%;
  transform: rotate(9deg);
}
.itm-industrymap-marker {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 4px solid #17343e;
  border-radius: 50% 50% 50% 0;
  background: #e9c46a;
  color: #17343e;
  font-size: 11px;
  box-shadow:
    0 0 0 7px rgba(233, 196, 106, 0.1),
    0 12px 25px rgba(0, 0, 0, 0.18);
  transform: rotate(-45deg);
}
.itm-industrymap-marker i {
  transform: rotate(45deg);
}
.itm-industrymap-marker-one {
  top: 72px;
  right: 110px;
}
.itm-industrymap-marker-two {
  top: 145px;
  left: 64px;
}
.itm-industrymap-marker-three {
  right: 72px;
  bottom: 88px;
}
.itm-industrymap-marker-four {
  bottom: 48px;
  left: 108px;
}
.itm-industrymap-marker-five {
  top: 205px;
  right: 148px;
}
.itm-industrymap-mapcard {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.17);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-industrymap-mapcard-one {
  top: 28px;
  left: 24px;
}
.itm-industrymap-mapcard-two {
  right: 22px;
  bottom: 25px;
}
.itm-industrymap-mapcard-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 14px;
}
.itm-industrymap-mapcard-two .itm-industrymap-mapcard-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-industrymap-mapcard-value {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}
.itm-industrymap-mapcard-label {
  display: block;
  color: rgba(255, 255, 255, 0.43);
  font-size: 8px;
}
.itm-industrymap-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.itm-industrymap-summary-item {
  padding: 17px 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-industrymap-summary-value {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}
.itm-industrymap-summary-label {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
  line-height: 1.7;
}
.itm-industrymap-side {
  display: grid;
  gap: 18px;
}
.itm-industrymap-card {
  position: relative;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-industrymap-card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-industrymap-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-industrymap-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-industrymap-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.itm-industrymap-card-titlebox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-industrymap-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-industrymap-card:nth-child(even) .itm-industrymap-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-industrymap-card-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-industrymap-card-subtitle {
  display: block;
  color: #71858a;
  font-size: 9px;
  line-height: 1.7;
}
.itm-industrymap-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-industrymap-card:nth-child(even) .itm-industrymap-card-badge {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-industrymap-card-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  margin-top: 22px;
}
.itm-industrymap-card-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px;
  border-radius: 15px;
  background: #f7faf9;
}
.itm-industrymap-card-item-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #17343e;
  font-size: 10px;
  font-weight: 900;
}
.itm-industrymap-card-item-name i {
  color: #2a9d8f;
}
.itm-industrymap-card:nth-child(even) .itm-industrymap-card-item-name i {
  color: #9a6f17;
}
.itm-industrymap-card-item-value {
  color: #71858a;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.itm-industrymap-regions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-industrymap-region {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-industrymap-region-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-industrymap-region:nth-child(even) .itm-industrymap-region-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-industrymap-region-title {
  display: block;
  margin-top: 16px;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.itm-industrymap-region-text {
  margin: 7px 0 0;
  color: #71858a;
  font-size: 9px;
  line-height: 1.85;
}
.itm-industrymap-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #f7faf9;
}
.itm-industrymap-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-industrymap-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-industrymap-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-industrymap-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-industrymap-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-industrymap-footer-link:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
@media (max-width: 1050px) {
  .itm-industrymap-layout {
    grid-template-columns: 1fr;
  }
  .itm-industrymap-board {
    min-height: auto;
  }
  .itm-industrymap-regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 780px) {
  .itm-industrymap {
    padding: 80px 0;
  }
  .itm-industrymap-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-industrymap-header {
    margin-bottom: 44px;
  }
  .itm-industrymap-title {
    font-size: 34px;
  }
  .itm-industrymap-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-industrymap-board-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-industrymap-canvas {
    min-height: 360px;
  }
  .itm-industrymap-shape {
    transform: translate(-50%, -50%) scale(0.82);
  }
  .itm-industrymap-mapcard {
    min-width: 130px;
    padding: 10px;
  }
  .itm-industrymap-summary {
    grid-template-columns: 1fr;
  }
  .itm-industrymap-card {
    padding: 23px;
  }
  .itm-industrymap-card-head {
    flex-direction: column;
  }
  .itm-industrymap-regions {
    grid-template-columns: 1fr;
  }
  .itm-industrymap-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-industrymap-footer-link {
    width: 100%;
  }
}
.itm-marketneeds {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(42, 157, 143, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(233, 196, 106, 0.13),
      transparent 30%
    ),
    #f7faf9;
  font-family: Vazirmatn, sans-serif;
}
.itm-marketneeds::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -160px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(42, 157, 143, 0.02),
    0 0 0 120px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-marketneeds-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-marketneeds-header {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 64px;
}
.itm-marketneeds-heading {
  max-width: 680px;
}
.itm-marketneeds-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-marketneeds-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-marketneeds-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-marketneeds-title-highlight {
  color: #2a9d8f;
}
.itm-marketneeds-intro {
  margin: 0;
  padding: 28px 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #ffffff;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
  box-shadow: 0 16px 40px rgba(23, 52, 62, 0.045);
}
.itm-marketneeds-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 30px;
  align-items: stretch;
}
.itm-marketneeds-board {
  position: relative;
  overflow: hidden;
  min-height: 690px;
  padding: 40px;
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(233, 196, 106, 0.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(42, 157, 143, 0.23),
      transparent 29%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  box-shadow: 0 36px 84px rgba(16, 47, 54, 0.22);
}
.itm-marketneeds-board::before {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(255, 255, 255, 0.018),
    0 0 0 104px rgba(255, 255, 255, 0.012);
}
.itm-marketneeds-board-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.itm-marketneeds-board-titlebox {
  display: flex;
  align-items: center;
  gap: 14px;
}
.itm-marketneeds-board-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 23px;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.23);
}
.itm-marketneeds-board-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketneeds-board-subtitle {
  display: block;
  color: rgba(255, 255, 255, 0.47);
  font-size: 9px;
}
.itm-marketneeds-board-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketneeds-board-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee0d4;
  box-shadow: 0 0 0 5px rgba(126, 224, 212, 0.1);
}
.itm-marketneeds-search {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 12px;
  margin-top: 34px;
}
.itm-marketneeds-searchbox {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-marketneeds-searchbox i {
  color: #7ee0d4;
  font-size: 16px;
}
.itm-marketneeds-searchbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 18px;
  border-radius: 17px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 15px 32px rgba(233, 196, 106, 0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketneeds-searchbutton:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(233, 196, 106, 0.24);
}
.itm-marketneeds-categories {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.itm-marketneeds-category {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.63);
  font-size: 9px;
  font-weight: 900;
}
.itm-marketneeds-category-active {
  border-color: rgba(233, 196, 106, 0.26);
  background: rgba(233, 196, 106, 0.12);
  color: #e9c46a;
}
.itm-marketneeds-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  margin-top: 22px;
}
.itm-marketneeds-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-marketneeds-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 17px;
}
.itm-marketneeds-item:nth-child(even) .itm-marketneeds-item-icon {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-marketneeds-item-content {
  min-width: 0;
}
.itm-marketneeds-item-title {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-marketneeds-item-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
}
.itm-marketneeds-item-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.itm-marketneeds-item-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.16);
  color: #7ee0d4;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketneeds-item-badge-gold {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-marketneeds-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.itm-marketneeds-summary-item {
  padding: 17px 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}
.itm-marketneeds-summary-value {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}
.itm-marketneeds-summary-label {
  display: block;
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
  line-height: 1.7;
}
.itm-marketneeds-side {
  display: grid;
  gap: 18px;
}
.itm-marketneeds-card {
  position: relative;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.052);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-marketneeds-card::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-marketneeds-card:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.15),
    transparent 68%
  );
}
.itm-marketneeds-card:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 25px 58px rgba(23, 52, 62, 0.09);
}
.itm-marketneeds-card-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.itm-marketneeds-card-titlebox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.itm-marketneeds-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2a9d8f, #45b9ab);
  color: #ffffff;
  font-size: 22px;
  box-shadow: 0 14px 30px rgba(42, 157, 143, 0.18);
}
.itm-marketneeds-card:nth-child(even) .itm-marketneeds-card-icon {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.21);
}
.itm-marketneeds-card-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-marketneeds-card-subtitle {
  display: block;
  color: #71858a;
  font-size: 9px;
  line-height: 1.7;
}
.itm-marketneeds-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-marketneeds-card:nth-child(even) .itm-marketneeds-card-badge {
  background: rgba(233, 196, 106, 0.16);
  color: #9a6f17;
}
.itm-marketneeds-card-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 11px;
  margin-top: 22px;
}
.itm-marketneeds-card-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px;
  border-radius: 15px;
  background: #f7faf9;
}
.itm-marketneeds-card-item-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #17343e;
  font-size: 10px;
  font-weight: 900;
}
.itm-marketneeds-card-item-name i {
  color: #2a9d8f;
}
.itm-marketneeds-card:nth-child(even) .itm-marketneeds-card-item-name i {
  color: #9a6f17;
}
.itm-marketneeds-card-item-value {
  color: #71858a;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.itm-marketneeds-types {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
.itm-marketneeds-type {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 15px 38px rgba(23, 52, 62, 0.05);
}
.itm-marketneeds-type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-marketneeds-type:nth-child(even) .itm-marketneeds-type-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-marketneeds-type-title {
  display: block;
  margin-top: 16px;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.itm-marketneeds-type-text {
  margin: 7px 0 0;
  color: #71858a;
  font-size: 9px;
  line-height: 1.85;
}
.itm-marketneeds-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 25px;
  background:
    linear-gradient(
      135deg,
      rgba(42, 157, 143, 0.08),
      rgba(233, 196, 106, 0.09)
    ),
    #ffffff;
}
.itm-marketneeds-footer-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.itm-marketneeds-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 17px;
  background: #17343e;
  color: #ffffff;
  font-size: 21px;
}
.itm-marketneeds-footer-title {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.itm-marketneeds-footer-text {
  display: block;
  color: #71858a;
  font-size: 11px;
  line-height: 1.8;
}
.itm-marketneeds-footer-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.itm-marketneeds-footer-primary,
.itm-marketneeds-footer-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 20px;
  border-radius: 15px;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-marketneeds-footer-primary {
  background: #2a9d8f;
  color: #ffffff;
}
.itm-marketneeds-footer-primary:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(23, 52, 62, 0.18);
}
.itm-marketneeds-footer-secondary {
  border: 1px solid rgba(23, 52, 62, 0.12);
  background: #ffffff;
  color: #17343e;
}
.itm-marketneeds-footer-secondary:hover {
  background: #17343e;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
}
@media (max-width: 1050px) {
  .itm-marketneeds-header {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .itm-marketneeds-layout {
    grid-template-columns: 1fr;
  }
  .itm-marketneeds-board {
    min-height: auto;
  }
  .itm-marketneeds-types {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 780px) {
  .itm-marketneeds {
    padding: 80px 0;
  }
  .itm-marketneeds-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-marketneeds-header {
    margin-bottom: 44px;
  }
  .itm-marketneeds-title {
    font-size: 34px;
  }
  .itm-marketneeds-intro {
    padding: 22px;
    font-size: 14px;
  }
  .itm-marketneeds-board {
    padding: 27px;
    border-radius: 27px;
  }
  .itm-marketneeds-board-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-marketneeds-search {
    grid-template-columns: 1fr;
  }
  .itm-marketneeds-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .itm-marketneeds-item {
    grid-template-columns: 46px minmax(0, 1fr);
  }
  .itm-marketneeds-item-badge {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .itm-marketneeds-summary {
    grid-template-columns: 1fr;
  }
  .itm-marketneeds-card {
    padding: 23px;
  }
  .itm-marketneeds-card-head {
    flex-direction: column;
  }
  .itm-marketneeds-types {
    grid-template-columns: 1fr;
  }
  .itm-marketneeds-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 23px;
  }
  .itm-marketneeds-footer-actions {
    flex-direction: column;
  }
  .itm-marketneeds-footer-primary,
  .itm-marketneeds-footer-secondary {
    width: 100%;
  }
}
.itm-expertdirectory {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 120px 0;
  background:
    radial-gradient(
      circle at 8% 20%,
      rgba(42, 157, 143, 0.11),
      transparent 25%
    ),
    radial-gradient(
      circle at 92% 80%,
      rgba(233, 196, 106, 0.14),
      transparent 28%
    ),
    linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-expertdirectory::before {
  content: "";
  position: absolute;
  top: 130px;
  right: -150px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(42, 157, 143, 0.02),
    0 0 0 96px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
.itm-expertdirectory-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-expertdirectory-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 70px;
  margin-bottom: 65px;
}
.itm-expertdirectory-heading {
  max-width: 680px;
}
.itm-expertdirectory-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 800;
}
.itm-expertdirectory-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #2a9d8f;
  color: #ffffff;
}
.itm-expertdirectory-title {
  margin: 0;
  color: #17343e;
  font-size: clamp(36px, 4.7vw, 58px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1px;
}
.itm-expertdirectory-title-highlight {
  color: #2a9d8f;
}
.itm-expertdirectory-description {
  margin: 20px 0 0;
  color: #71858a;
  font-size: 15px;
  line-height: 2.1;
}
.itm-expertdirectory-searchpanel {
  position: relative;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 29px;
  background: #ffffff;
  box-shadow: 0 24px 58px rgba(23, 52, 62, 0.08);
}
.itm-expertdirectory-searchpanel::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -80px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.16),
    transparent 68%
  );
}
.itm-expertdirectory-searchtitle {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-expertdirectory-searchtitle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 14px;
  background: rgba(233, 196, 106, 0.18);
  color: #9a6f17;
  font-size: 17px;
}
.itm-expertdirectory-searchfields {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 12px;
  margin-top: 22px;
}
.itm-expertdirectory-searchinput {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid rgba(23, 52, 62, 0.09);
  border-radius: 16px;
  background: #f7faf9;
  color: #849397;
  font-size: 10px;
}
.itm-expertdirectory-searchinput i {
  color: #2a9d8f;
  font-size: 16px;
}
.itm-expertdirectory-searchaction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 18px;
  border-radius: 16px;
  background: #17343e;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-expertdirectory-searchaction:hover {
  background: #2a9d8f;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px rgba(42, 157, 143, 0.2);
}
.itm-expertdirectory-searchfilters {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}
.itm-expertdirectory-filter {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 37px;
  padding: 0 12px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 999px;
  background: #ffffff;
  color: #71858a;
  font-size: 9px;
  font-weight: 800;
}
.itm-expertdirectory-filter-active {
  border-color: rgba(42, 157, 143, 0.18);
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
}
.itm-expertdirectory-stage {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}
.itm-expertdirectory-sidebar {
  position: sticky;
  top: 30px;
  overflow: hidden;
  padding: 26px;
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 85% 12%,
      rgba(233, 196, 106, 0.17),
      transparent 26%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 55%, #185158 100%);
  box-shadow: 0 28px 65px rgba(16, 47, 54, 0.2);
}
.itm-expertdirectory-sidebar-title {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}
.itm-expertdirectory-sidebar-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 14px;
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
  font-size: 16px;
}
.itm-expertdirectory-sidebar-list {
  display: grid;
  gap: 9px;
  margin-top: 22px;
}
.itm-expertdirectory-sidebar-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.62);
  font-size: 9px;
  font-weight: 900;
}
.itm-expertdirectory-sidebar-item-active {
  border-color: rgba(126, 224, 212, 0.22);
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
}
.itm-expertdirectory-sidebar-item-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.itm-expertdirectory-sidebar-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 7px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.56);
  font-size: 8px;
}
.itm-expertdirectory-sidebar-summary {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.itm-expertdirectory-sidebar-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 8px;
}
.itm-expertdirectory-sidebar-stat strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}
.itm-expertdirectory-main {
  min-width: 0;
}
.itm-expertdirectory-mainhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}
.itm-expertdirectory-mainhead-title {
  color: #17343e;
  font-size: 17px;
  font-weight: 900;
}
.itm-expertdirectory-mainhead-text {
  display: block;
  margin-top: 5px;
  color: #71858a;
  font-size: 9px;
}
.itm-expertdirectory-mainhead-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 13px;
  background: #ffffff;
  color: #71858a;
  font-size: 9px;
  font-weight: 800;
}
.itm-expertdirectory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.itm-expertdirectory-profile {
  position: relative;
  overflow: hidden;
  min-height: 285px;
  padding: 24px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 25px;
  background: #ffffff;
  box-shadow: 0 17px 42px rgba(23, 52, 62, 0.055);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}
.itm-expertdirectory-profile::before {
  content: "";
  position: absolute;
  top: -95px;
  left: -95px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 157, 143, 0.1), transparent 68%);
}
.itm-expertdirectory-profile:nth-child(even)::before {
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.16),
    transparent 68%
  );
}
.itm-expertdirectory-profile:hover {
  border-color: rgba(42, 157, 143, 0.2);
  transform: translateY(-6px);
  box-shadow: 0 27px 62px rgba(23, 52, 62, 0.1);
}
.itm-expertdirectory-profile-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.itm-expertdirectory-profile-avatar {
  position: relative;
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  padding: 5px;
  border: 1px solid rgba(42, 157, 143, 0.16);
  border-radius: 22px;
  background: #f7faf9;
}
.itm-expertdirectory-profile-avatar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 17px;
  background: linear-gradient(135deg, #dff3ef, #bce4dd);
  color: #2a9d8f;
  font-size: 25px;
}
.itm-expertdirectory-profile:nth-child(even)
  .itm-expertdirectory-profile-avatar-inner {
  background: linear-gradient(135deg, #f8ebc6, #f1d58f);
  color: #8b6415;
}
.itm-expertdirectory-profile-verified {
  position: absolute;
  right: -5px;
  bottom: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: #2a9d8f;
  color: #ffffff;
  font-size: 9px;
}
.itm-expertdirectory-profile-identity {
  min-width: 0;
  padding-top: 3px;
}
.itm-expertdirectory-profile-name {
  display: block;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
.itm-expertdirectory-profile-role {
  display: block;
  margin-top: 5px;
  color: #2a9d8f;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-expertdirectory-profile-location {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #71858a;
  font-size: 8px;
}
.itm-expertdirectory-profile-status {
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}
.itm-expertdirectory-profile-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2a9d8f;
}
.itm-expertdirectory-profile-specialties {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 19px;
}
.itm-expertdirectory-profile-specialty {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  background: #f7faf9;
  color: #5f7378;
  font-size: 8px;
  font-weight: 800;
}
.itm-expertdirectory-profile-info {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 18px;
}
.itm-expertdirectory-profile-stat {
  padding: 12px 10px;
  border-radius: 13px;
  background: #f7faf9;
  text-align: center;
}
.itm-expertdirectory-profile-stat-value {
  display: block;
  color: #17343e;
  font-size: 11px;
  font-weight: 900;
}
.itm-expertdirectory-profile-stat-label {
  display: block;
  margin-top: 4px;
  color: #819095;
  font-size: 7px;
  line-height: 1.6;
}
.itm-expertdirectory-profile-actions {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 9px;
  margin-top: 18px;
}
.itm-expertdirectory-profile-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 47px;
  padding: 0 16px;
  border-radius: 14px;
  background: #17343e;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    background 0.25s ease;
}
.itm-expertdirectory-profile-primary:hover {
  background: #2a9d8f;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-2px);
}
.itm-expertdirectory-profile-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 47px;
  border: 1px solid rgba(23, 52, 62, 0.09);
  border-radius: 14px;
  background: #ffffff;
  color: #71858a;
  text-decoration: none;
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}
.itm-expertdirectory-profile-save:hover {
  border-color: rgba(233, 196, 106, 0.35);
  color: #9a6f17;
  text-decoration: none;
  transform: translateY(-2px);
}
.itm-expertdirectory-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 35px;
}
.itm-expertdirectory-benefit {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 24px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 21px;
  background: #ffffff;
  box-shadow: 0 14px 35px rgba(23, 52, 62, 0.045);
}
.itm-expertdirectory-benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-size: 18px;
}
.itm-expertdirectory-benefit:nth-child(even) .itm-expertdirectory-benefit-icon {
  background: rgba(233, 196, 106, 0.17);
  color: #9a6f17;
}
.itm-expertdirectory-benefit-title {
  display: block;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.itm-expertdirectory-benefit-text {
  display: block;
  margin-top: 6px;
  color: #71858a;
  font-size: 9px;
  line-height: 1.85;
}
.itm-expertdirectory-footer {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 30px;
  padding: 32px;
  border-radius: 26px;
  background:
    radial-gradient(
      circle at 90% 18%,
      rgba(233, 196, 106, 0.16),
      transparent 26%
    ),
    linear-gradient(135deg, #102f36 0%, #185158 100%);
  box-shadow: 0 26px 60px rgba(16, 47, 54, 0.18);
}
.itm-expertdirectory-footer-content {
  display: flex;
  align-items: center;
  gap: 17px;
}
.itm-expertdirectory-footer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 22px;
}
.itm-expertdirectory-footer-title {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}
.itm-expertdirectory-footer-text {
  display: block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
  line-height: 1.85;
}
.itm-expertdirectory-footer-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.itm-expertdirectory-footer-secondary,
.itm-expertdirectory-footer-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 52px;
  padding: 0 20px;
  border-radius: 15px;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-expertdirectory-footer-secondary {
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}
.itm-expertdirectory-footer-secondary:hover {
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-3px);
}
.itm-expertdirectory-footer-primary {
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  box-shadow: 0 16px 34px rgba(233, 196, 106, 0.18);
}
.itm-expertdirectory-footer-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 21px 42px rgba(233, 196, 106, 0.25);
}
@media (max-width: 1050px) {
  .itm-expertdirectory-intro {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .itm-expertdirectory-stage {
    grid-template-columns: 1fr;
  }
  .itm-expertdirectory-sidebar {
    position: relative;
    top: auto;
  }
  .itm-expertdirectory-sidebar-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 780px) {
  .itm-expertdirectory {
    padding: 80px 0;
  }
  .itm-expertdirectory-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-expertdirectory-title {
    font-size: 34px;
  }
  .itm-expertdirectory-searchpanel {
    padding: 22px;
  }
  .itm-expertdirectory-searchfields {
    grid-template-columns: 1fr;
  }
  .itm-expertdirectory-sidebar-list {
    grid-template-columns: 1fr;
  }
  .itm-expertdirectory-mainhead {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-expertdirectory-grid {
    grid-template-columns: 1fr;
  }
  .itm-expertdirectory-profile-top {
    flex-wrap: wrap;
  }
  .itm-expertdirectory-profile-status {
    margin-right: 0;
  }
  .itm-expertdirectory-benefits {
    grid-template-columns: 1fr;
  }
  .itm-expertdirectory-footer {
    flex-direction: column;
    align-items: stretch;
    padding: 24px;
  }
  .itm-expertdirectory-footer-actions {
    flex-direction: column;
  }
  .itm-expertdirectory-footer-secondary,
  .itm-expertdirectory-footer-primary {
    width: 100%;
  }
}
.itm-analysisfinalcta {
  position: relative;
  overflow: hidden;
  direction: rtl;
  padding: 105px 0;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(233, 196, 106, 0.17),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(42, 157, 143, 0.2),
      transparent 31%
    ),
    linear-gradient(145deg, #102f36 0%, #17343e 52%, #185158 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-analysisfinalcta::before {
  content: "";
  position: absolute;
  top: -210px;
  right: -170px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 68px rgba(255, 255, 255, 0.018),
    0 0 0 136px rgba(255, 255, 255, 0.01);
  pointer-events: none;
}
.itm-analysisfinalcta::after {
  content: "";
  position: absolute;
  left: -190px;
  bottom: -220px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(126, 224, 212, 0.08);
  border-radius: 50%;
  box-shadow:
    0 0 0 70px rgba(126, 224, 212, 0.016),
    0 0 0 140px rgba(126, 224, 212, 0.01);
  pointer-events: none;
}
.itm-analysisfinalcta-container {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
}
.itm-analysisfinalcta-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 55px;
  padding: 58px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 38px;
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(233, 196, 106, 0.15),
      transparent 26%
    ),
    radial-gradient(
      circle at 10% 90%,
      rgba(42, 157, 143, 0.18),
      transparent 29%
    ),
    rgba(255, 255, 255, 0.055);
  box-shadow:
    0 38px 90px rgba(0, 0, 0, 0.21),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-analysisfinalcta-panel::before {
  content: "";
  position: absolute;
  top: -90px;
  left: -90px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.16),
    transparent 68%
  );
  pointer-events: none;
}
.itm-analysisfinalcta-content {
  position: relative;
  z-index: 2;
}
.itm-analysisfinalcta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 21px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #e9c46a;
  font-size: 12px;
  font-weight: 900;
}
.itm-analysisfinalcta-kicker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 11px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 14px;
}
.itm-analysisfinalcta-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(39px, 5vw, 64px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -1.2px;
}
.itm-analysisfinalcta-title-highlight {
  color: #7ee0d4;
}
.itm-analysisfinalcta-description {
  max-width: 680px;
  margin: 21px 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 2.15;
}
.itm-analysisfinalcta-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 31px;
}
.itm-analysisfinalcta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 57px;
  padding: 0 25px;
  border-radius: 17px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(233, 196, 106, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.itm-analysisfinalcta-primary:hover {
  color: #17343e;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(233, 196, 106, 0.29);
}
.itm-analysisfinalcta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 57px;
  padding: 0 25px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}
.itm-analysisfinalcta-secondary:hover {
  border-color: rgba(126, 224, 212, 0.3);
  background: rgba(42, 157, 143, 0.16);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-4px);
}
.itm-analysisfinalcta-points {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 28px;
}
.itm-analysisfinalcta-point {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
  font-weight: 800;
}
.itm-analysisfinalcta-point-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.17);
  color: #7ee0d4;
  font-size: 11px;
}
.itm-analysisfinalcta-visual {
  position: relative;
  min-height: 480px;
}
.itm-analysisfinalcta-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 175px;
  height: 175px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 46px;
  background:
    radial-gradient(
      circle at 28% 20%,
      rgba(233, 196, 106, 0.18),
      transparent 44%
    ),
    rgba(16, 47, 54, 0.82);
  box-shadow:
    0 32px 70px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translate(-50%, -50%) rotate(45deg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.itm-analysisfinalcta-center-inner {
  text-align: center;
  transform: rotate(-45deg);
}
.itm-analysisfinalcta-center-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(135deg, #e9c46a, #f2d584);
  color: #17343e;
  font-size: 24px;
  box-shadow: 0 15px 32px rgba(233, 196, 106, 0.22);
}
.itm-analysisfinalcta-center-title {
  display: block;
  margin-top: 13px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}
.itm-analysisfinalcta-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(126, 224, 212, 0.13);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 45px rgba(126, 224, 212, 0.024),
    0 0 0 90px rgba(126, 224, 212, 0.014);
}
.itm-analysisfinalcta-orbit::before,
.itm-analysisfinalcta-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
}
.itm-analysisfinalcta-orbit::before {
  inset: 70px;
}
.itm-analysisfinalcta-orbit::after {
  inset: 135px;
}
.itm-analysisfinalcta-card {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 205px;
  min-height: 82px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 23px 52px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}
.itm-analysisfinalcta-card:hover {
  border-color: rgba(126, 224, 212, 0.28);
  background: rgba(255, 255, 255, 0.13);
  transform: translateY(-5px);
}
.itm-analysisfinalcta-card-one {
  top: 20px;
  right: 8px;
}
.itm-analysisfinalcta-card-two {
  top: 170px;
  left: -5px;
}
.itm-analysisfinalcta-card-three {
  right: -10px;
  bottom: 78px;
}
.itm-analysisfinalcta-card-four {
  bottom: 8px;
  left: 38px;
}
.itm-analysisfinalcta-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: rgba(42, 157, 143, 0.18);
  color: #7ee0d4;
  font-size: 18px;
}
.itm-analysisfinalcta-card-two .itm-analysisfinalcta-card-icon,
.itm-analysisfinalcta-card-four .itm-analysisfinalcta-card-icon {
  background: rgba(233, 196, 106, 0.16);
  color: #e9c46a;
}
.itm-analysisfinalcta-card-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-analysisfinalcta-card-text {
  display: block;
  color: rgba(255, 255, 255, 0.42);
  font-size: 8px;
  line-height: 1.65;
}
.itm-analysisfinalcta-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}
.itm-analysisfinalcta-bottom-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.itm-analysisfinalcta-bottom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(42, 157, 143, 0.17);
  color: #7ee0d4;
  font-size: 17px;
}
.itm-analysisfinalcta-bottom-item:nth-child(even)
  .itm-analysisfinalcta-bottom-icon {
  background: rgba(233, 196, 106, 0.15);
  color: #e9c46a;
}
.itm-analysisfinalcta-bottom-title {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}
.itm-analysisfinalcta-bottom-text {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 8px;
  line-height: 1.7;
}
@media (max-width: 1080px) {
  .itm-analysisfinalcta-panel {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .itm-analysisfinalcta-content {
    text-align: center;
  }
  .itm-analysisfinalcta-description {
    margin-right: auto;
    margin-left: auto;
  }
  .itm-analysisfinalcta-actions,
  .itm-analysisfinalcta-points {
    justify-content: center;
  }
  .itm-analysisfinalcta-visual {
    width: min(100%, 620px);
    margin: 0 auto;
  }
  .itm-analysisfinalcta-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .itm-analysisfinalcta {
    padding: 80px 0;
  }
  .itm-analysisfinalcta-container {
    width: min(100% - 24px, 1240px);
  }
  .itm-analysisfinalcta-panel {
    padding: 28px;
    border-radius: 28px;
  }
  .itm-analysisfinalcta-title {
    font-size: 36px;
  }
  .itm-analysisfinalcta-description {
    font-size: 14px;
  }
  .itm-analysisfinalcta-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .itm-analysisfinalcta-primary,
  .itm-analysisfinalcta-secondary {
    width: 100%;
  }
  .itm-analysisfinalcta-points {
    align-items: flex-start;
    flex-direction: column;
  }
  .itm-analysisfinalcta-visual {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: auto;
  }
  .itm-analysisfinalcta-center,
  .itm-analysisfinalcta-orbit {
    display: none;
  }
  .itm-analysisfinalcta-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }
  .itm-analysisfinalcta-bottom {
    grid-template-columns: 1fr;
  }
}
#wrap.o_wprofile_wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  direction: rtl;
  margin-top: 0 !important;
  padding-bottom: 72px !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(42, 157, 143, 0.11), transparent 24%),
    radial-gradient(
      circle at 94% 36%,
      rgba(233, 196, 106, 0.1),
      transparent 27%
    ),
    linear-gradient(180deg, #f7faf9 0%, #ffffff 38%, #f7faf9 100%);
  font-family: Vazirmatn, sans-serif;
}
#wrap.o_wprofile_wrap::before {
  content: "";
  position: absolute;
  top: 430px;
  right: -180px;
  z-index: -1;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(42, 157, 143, 0.09);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(42, 157, 143, 0.02),
    0 0 0 100px rgba(42, 157, 143, 0.012);
  pointer-events: none;
}
#wrap.o_wprofile_wrap::after {
  content: "";
  position: absolute;
  bottom: 130px;
  left: -120px;
  z-index: -1;
  width: 320px;
  height: 320px;
  border-radius: 45% 55% 60% 40% / 46% 42% 58% 54%;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.1),
    rgba(42, 157, 143, 0.05)
  );
  transform: rotate(18deg);
  pointer-events: none;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header {
  position: relative;
  margin-bottom: 34px !important;
  padding-bottom: 38px !important;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(233, 196, 106, 0.12),
      transparent 30%
    ),
    radial-gradient(
      circle at 9% 82%,
      rgba(42, 157, 143, 0.16),
      transparent 34%
    ),
    linear-gradient(135deg, #102f36 0%, #173f47 52%, #185158 100%) !important;
  box-shadow: 0 18px 48px rgba(23, 52, 62, 0.16);
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -70px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(233, 196, 106, 0.12),
    transparent 68%
  );
  pointer-events: none;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header > .container {
  position: relative;
  z-index: 2;
  max-width: 1380px;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav {
  position: relative;
  z-index: 4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav > .container {
  max-width: 1380px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .breadcrumb {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0 !important;
  padding: 0 !important;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .breadcrumb-item {
  color: rgba(255, 255, 255, 0.72);
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 700;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .breadcrumb-item a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #ffffff;
  text-decoration: none;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .breadcrumb-item a::before {
  content: "\f0c0";
  color: #e9c46a;
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
}
#wrap.o_wprofile_wrap .o_wprofile_course_nav_search {
  display: flex;
  align-items: center;
  min-width: 280px;
  min-height: 44px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
#wrap.o_wprofile_wrap .o_wprofile_course_nav_search:focus-within {
  border-color: rgba(233, 196, 106, 0.42);
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 0 0 4px rgba(233, 196, 106, 0.06);
}
#wrap.o_wprofile_wrap .o_wprofile_course_nav_search .form-control {
  height: 42px;
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  text-align: right;
  box-shadow: none !important;
}
#wrap.o_wprofile_wrap .o_wprofile_course_nav_search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.54);
  opacity: 1;
}
#wrap.o_wprofile_wrap .o_wprofile_course_nav_search .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: rgba(233, 196, 106, 0.12);
  color: #e9c46a !important;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header h1 {
  position: relative;
  margin: 0 !important;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header h1::before {
  content: "\f007";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-left: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.08);
  color: #e9c46a;
  font-family: FontAwesome;
  font-size: 17px;
  font-weight: normal;
  vertical-align: middle;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .float-end {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .float-end > strong {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 700;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group {
  gap: 5px;
  margin: 0 !important;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group .btn {
  min-height: 36px;
  padding: 7px 12px;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
  box-shadow: none;
  transition:
    color 0.2s ease,
    background 0.2s ease;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group .btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group .btn.active {
  background: #ffffff;
  color: #17343e;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
}
#wrap.o_wprofile_wrap > .container.mb32 {
  position: relative;
  z-index: 3;
  max-width: 1380px;
  margin-bottom: 0 !important;
}
#wrap.o_wprofile_wrap > .container.mb32 > .row.mb-3 {
  margin-bottom: 28px !important;
  gap: 0;
}
#wrap.o_wprofile_wrap > .container.mb32 > .row.mb-3 > div[class*="col-md-4"] {
  padding: 10px;
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card {
  position: relative;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075) !important;
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.075),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.94)
    );
  box-shadow:
    0 12px 30px rgba(23, 52, 62, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  cursor: pointer;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #2a9d8f, #e9c46a);
  opacity: 0;
  transform: scaleX(0.45);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card:hover {
  transform: translateY(-7px);
  border-color: rgba(42, 157, 143, 0.22) !important;
  box-shadow:
    0 22px 46px rgba(23, 52, 62, 0.11),
    0 6px 18px rgba(42, 157, 143, 0.06);
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card .card-body {
  padding: 28px 22px 22px;
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card .card-body > .d-inline-block {
  position: relative;
  padding: 6px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.09),
    rgba(233, 196, 106, 0.06)
  );
  box-shadow: 0 10px 24px rgba(23, 52, 62, 0.08);
}
#wrap.o_wprofile_wrap
  .o_wprofile_pointer.card
  .card-body
  > .d-inline-block
  > img:first-child {
  width: 118px !important;
  height: 118px !important;
  border: 4px solid #ffffff;
  border-radius: 50% !important;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(23, 52, 62, 0.11);
}
#wrap.o_wprofile_wrap
  .o_wprofile_pointer.card
  .card-body
  > .d-inline-block
  > img.position-absolute {
  right: -3px !important;
  bottom: 2px !important;
  width: 34px;
  height: 34px;
  padding: 4px;
  border: 2px solid #ffffff;
  border-radius: 11px;
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(23, 52, 62, 0.12);
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card h3 {
  margin: 16px 0 5px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.6;
}
#wrap.o_wprofile_wrap .o_wprofile_pointer.card .card-body > strong.text-muted {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 5px 11px;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 9px;
  font-weight: 800;
}
#wrap.o_wprofile_wrap .o_wprofile_top3_card_footer {
  margin: 0 !important;
  border-top: 1px solid rgba(23, 52, 62, 0.065);
  background: rgba(247, 250, 249, 0.66);
}
#wrap.o_wprofile_wrap .o_wprofile_top3_card_footer > .col {
  position: relative;
  padding: 14px 10px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
}
#wrap.o_wprofile_wrap .o_wprofile_top3_card_footer > .col + .col {
  border-right: 1px solid rgba(23, 52, 62, 0.06);
}
#wrap.o_wprofile_wrap .o_wprofile_top3_card_footer b {
  display: block;
  margin-bottom: 2px;
  color: #17343e;
  font-size: 15px;
  font-weight: 900;
}
#wrap.o_wprofile_wrap .o_wprofile_top3_card_footer .text-muted {
  color: #71858a !important;
  font-size: 9px;
  font-weight: 700;
}
#wrap.o_wprofile_wrap .table-responsive {
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 24px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98),
    rgba(247, 250, 249, 0.94)
  );
  box-shadow:
    0 14px 34px rgba(23, 52, 62, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
#wrap.o_wprofile_wrap .table-responsive::before {
  content: "رتبه‌بندی کاربران";
  display: flex;
  align-items: center;
  min-height: 64px;
  gap: 9px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.065);
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 900;
}
#wrap.o_wprofile_wrap .table-responsive::after {
  content: "\f091";
  position: absolute;
  left: 34px;
  margin-top: -51px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(233, 196, 106, 0.18);
  border-radius: 11px;
  background: rgba(233, 196, 106, 0.08);
  color: #9a7420;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
#wrap.o_wprofile_wrap .table-responsive .table {
  width: 100%;
  margin: 0 !important;
  border-collapse: separate;
  border-spacing: 0 8px;
  padding: 8px 12px 12px;
  background: transparent;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr {
  position: relative;
  background: #ffffff !important;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr:hover {
  transform: translateY(-2px);
  background: rgba(42, 157, 143, 0.045) !important;
  box-shadow: 0 7px 16px rgba(23, 52, 62, 0.045);
}
#wrap.o_wprofile_wrap
  .table-responsive
  .table
  tbody
  tr.o_wprofile_border_focus {
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.08),
    rgba(255, 255, 255, 1)
  ) !important;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr td {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  border-top: 1px solid rgba(23, 52, 62, 0.055);
  border-bottom: 1px solid rgba(23, 52, 62, 0.055);
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr td:first-child {
  padding-right: 15px;
  border-right: 1px solid rgba(23, 52, 62, 0.055);
  border-radius: 0 13px 13px 0;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr td:last-child {
  padding-left: 15px;
  border-left: 1px solid rgba(23, 52, 62, 0.055);
  border-radius: 13px 0 0 13px;
}
#wrap.o_wprofile_wrap .table-responsive .table tbody tr td:first-child > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(42, 157, 143, 0.11);
  border-radius: 9px;
  background: rgba(42, 157, 143, 0.06);
  color: #2a9d8f;
  font-size: 10px;
  font-weight: 900;
}
#wrap.o_wprofile_wrap .o_wprofile_img_small {
  width: 38px !important;
  height: 38px !important;
  padding: 2px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 11px !important;
  background: #ffffff;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(23, 52, 62, 0.055);
}
#wrap.o_wprofile_wrap .table-responsive .table td .fw-bold {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 900 !important;
}
#wrap.o_wprofile_wrap .table-responsive .table td .text-muted.fw-bold {
  color: #71858a !important;
  font-size: 9px;
  font-weight: 700 !important;
}
#wrap.o_wprofile_wrap .table-responsive .table td > b {
  color: #17343e;
  font-size: 12px;
  font-weight: 900;
}
#wrap.o_wprofile_wrap .table-responsive .table td .small {
  color: #71858a !important;
  font-size: 8px;
  font-weight: 700 !important;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .d-md-none .btn {
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .d-md-none .dropdown-menu {
  padding: 7px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 13px;
  background: #ffffff;
  box-shadow: 0 15px 34px rgba(23, 52, 62, 0.14);
}
#wrap.o_wprofile_wrap .o_wprofile_all_users_nav .d-md-none .dropdown-item {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 9px;
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
}
#wrap.o_wprofile_wrap
  .o_wprofile_all_users_nav
  .d-md-none
  .dropdown-item:hover {
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
}
@media (max-width: 1199.98px) {
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header > .container,
  #wrap.o_wprofile_wrap .o_wprofile_all_users_nav > .container,
  #wrap.o_wprofile_wrap > .container.mb32 {
    max-width: 1120px;
  }
  #wrap.o_wprofile_wrap
    .o_wprofile_pointer.card
    .card-body
    > .d-inline-block
    > img:first-child {
    width: 106px !important;
    height: 106px !important;
  }
}
@media (max-width: 991.98px) {
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header h1 {
    font-size: 27px;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header .float-end {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #wrap.o_wprofile_wrap > .container.mb32 {
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media (max-width: 767.98px) {
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header {
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header h1 {
    display: block !important;
    padding-top: 24px !important;
    padding-bottom: 12px !important;
    font-size: 23px;
    text-align: center;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header h1::before {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    font-size: 15px;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header .float-end {
    float: none !important;
    justify-content: center;
    padding-top: 8px !important;
    padding-bottom: 18px !important;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header .float-end > strong {
    display: none;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group {
    width: 100%;
    max-width: 390px;
  }
  #wrap.o_wprofile_wrap .o_wprofile_all_users_header .btn-group .btn {
    flex: 1 1 0;
  }
  #wrap.o_wprofile_wrap .o_wprofile_pointer.card {
    border-radius: 20px;
  }
  #wrap.o_wprofile_wrap .o_wprofile_pointer.card .card-body {
    padding: 22px 17px 18px;
  }
  #wrap.o_wprofile_wrap .table-responsive {
    border-radius: 19px;
  }
}
@media (max-width: 575.98px) {
  #wrap.o_wprofile_wrap {
    padding-bottom: 45px !important;
  }
  #wrap.o_wprofile_wrap > .container.mb32 {
    padding-right: 12px;
    padding-left: 12px;
  }
  #wrap.o_wprofile_wrap > .container.mb32 > .row.mb-3 > div[class*="col-md-4"] {
    padding: 6px 0;
  }
  #wrap.o_wprofile_wrap .o_wprofile_pointer.card h3 {
    font-size: 16px;
  }
  #wrap.o_wprofile_wrap .table-responsive::before {
    min-height: 55px;
    padding: 0 14px;
    font-size: 13px;
  }
  #wrap.o_wprofile_wrap .table-responsive::after {
    left: 25px;
    margin-top: -45px;
    width: 32px;
    height: 32px;
  }
  #wrap.o_wprofile_wrap .table-responsive .table {
    min-width: 650px;
    padding: 6px 8px 10px;
  }
}
.o_website_sale_checkout_container #shop_checkout {
  position: relative;
  padding: 0;
  font-family: Vazirmatn, sans-serif;
}
.o_website_sale_checkout_container #shop_checkout > .mb-4 {
  margin-bottom: 18px !important;
  padding: 22px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.07),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.97),
      rgba(247, 250, 249, 0.92)
    );
  box-shadow:
    0 12px 30px rgba(23, 52, 62, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.o_website_sale_checkout_container #o_delivery_form > h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 17px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.6;
}
.o_website_sale_checkout_container #o_delivery_form > h4::before {
  content: "\f0d1";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.075);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
.o_website_sale_checkout_container #o_delivery_methods {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.o_website_sale_checkout_container
  #o_delivery_methods
  [name="o_delivery_method"] {
  position: relative;
  margin: 0;
  padding: 16px 17px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff;
  box-shadow: 0 6px 17px rgba(23, 52, 62, 0.04);
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
.o_website_sale_checkout_container
  #o_delivery_methods
  [name="o_delivery_method"]:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.25) !important;
  box-shadow: 0 10px 22px rgba(23, 52, 62, 0.07);
}
.o_website_sale_checkout_container
  #o_delivery_methods
  [name="o_delivery_method"]:has(input:checked) {
  border-color: rgba(42, 157, 143, 0.42) !important;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.09),
    rgba(255, 255, 255, 0.98)
  );
  box-shadow:
    0 0 0 3px rgba(42, 157, 143, 0.07),
    0 9px 22px rgba(23, 52, 62, 0.055);
}
.o_website_sale_checkout_container #o_delivery_methods .form-check {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
  margin: 0;
  padding-right: 30px;
}
.o_website_sale_checkout_container #o_delivery_methods .form-check-input {
  top: 50%;
  right: 0;
  left: auto;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid rgba(23, 52, 62, 0.2);
  box-shadow: none;
  transform: translateY(-50%);
}
.o_website_sale_checkout_container
  #o_delivery_methods
  .form-check-input:checked {
  border-color: #2a9d8f;
  background-color: #2a9d8f;
}
.o_website_sale_checkout_container
  #o_delivery_methods
  [name="o_delivery_method_name"] {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
}
.o_website_sale_checkout_container
  #o_delivery_methods
  .o_wsale_delivery_price_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.08);
  color: #2a9d8f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 900 !important;
}
.o_website_sale_checkout_container
  #delivery_address_list
  > .d-flex:first-child {
  align-items: center !important;
  margin-bottom: 16px !important;
}
.o_website_sale_checkout_container
  #delivery_address_list
  [name="delivery_address_title"],
.o_website_sale_checkout_container #billing_address_list > .d-flex > .h5 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.6;
}
.o_website_sale_checkout_container
  #delivery_address_list
  [name="delivery_address_title"]::before {
  content: "\f041";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
.o_website_sale_checkout_container
  #billing_address_list
  > .d-flex
  > .h5::before {
  content: "\f2bb";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 11px;
  background: rgba(233, 196, 106, 0.09);
  color: #9a7420;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
.o_website_sale_checkout_container .o_address_card_add_new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid rgba(42, 157, 143, 0.2) !important;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  box-shadow: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}
.o_website_sale_checkout_container .o_address_card_add_new:hover {
  transform: translateY(-2px);
  border-color: #2a9d8f !important;
  background: #2a9d8f;
  color: #ffffff;
}
.o_website_sale_checkout_container .o_portal_address_list {
  gap: 10px !important;
}
.o_website_sale_checkout_container .o_address_card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075) !important;
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(247, 252, 250, 0.98),
    rgba(255, 255, 255, 0.98)
  ) !important;
  box-shadow:
    0 8px 22px rgba(23, 52, 62, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
.o_website_sale_checkout_container .o_address_card.border-primary {
  border-color: rgba(42, 157, 143, 0.35) !important;
  box-shadow:
    0 0 0 3px rgba(42, 157, 143, 0.055),
    0 10px 25px rgba(23, 52, 62, 0.055);
}
.o_website_sale_checkout_container .o_address_card.border-primary::before {
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  bottom: 13px;
  width: 3px;
  border-radius: 999px 0 0 999px;
  background: #2a9d8f;
}
.o_website_sale_checkout_container .o_address_card:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.28) !important;
  box-shadow: 0 13px 28px rgba(23, 52, 62, 0.07);
}
.o_website_sale_checkout_container .o_address_card .card-body {
  padding: 17px 18px;
}
.o_website_sale_checkout_container .o_address_card .o_portal_address {
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 1.9;
}
.o_website_sale_checkout_container
  .o_address_card
  .o_portal_address
  [itemprop="name"] {
  display: block;
  margin-bottom: 5px;
  color: #17343e;
  font-size: 13px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  .o_address_card
  .o_portal_address
  [itemprop="streetAddress"] {
  color: #71858a;
  font-size: 11px;
}
.o_website_sale_checkout_container .o_address_card .badge.text-bg-info {
  padding: 6px 9px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.08) !important;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 9px;
  font-weight: 800;
}
.o_website_sale_checkout_container .o_address_card [name="card_address_ref"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0 !important;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 10px;
  background: #ffffff;
  color: #71858a;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}
.o_website_sale_checkout_container
  .o_address_card
  [name="card_address_ref"]:hover {
  border-color: rgba(42, 157, 143, 0.3);
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
}
.o_website_sale_checkout_container #billing_address_list {
  margin-top: 8px;
  margin-bottom: 0 !important;
  padding: 20px 22px !important;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(233, 196, 106, 0.07),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.97),
      rgba(247, 250, 249, 0.94)
    );
  box-shadow:
    0 12px 30px rgba(23, 52, 62, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.o_website_sale_checkout_container #billing_address_list .form-switch {
  margin-top: 14px !important;
  padding: 11px 13px;
  border: 1px solid rgba(23, 52, 62, 0.065);
  border-radius: 13px;
  background: #f7faf9;
}
.o_website_sale_checkout_container #billing_address_list .form-switch label {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.o_website_sale_checkout_container
  #billing_address_list
  .form-switch
  .form-check-input {
  float: none;
  width: 37px;
  height: 20px;
  margin: 0;
  border-color: rgba(23, 52, 62, 0.14);
  box-shadow: none;
}
.o_website_sale_checkout_container
  #billing_address_list
  .form-switch
  .form-check-input:checked {
  border-color: #2a9d8f;
  background-color: #2a9d8f;
}
.o_website_sale_checkout_container
  #billing_address_list
  [name="use_delivery_as_billing_text"] {
  color: #536b71;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 700;
}
.o_website_sale_checkout_container .col-lg-5.col-xxl-4 > .o_total_card {
  margin-top: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075) !important;
  border-radius: 23px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.09),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.95)
    );
  box-shadow:
    0 16px 38px rgba(23, 52, 62, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.97);
}
@media (min-width: 992px) {
  .o_website_sale_checkout_container .col-lg-5.col-xxl-4 {
    align-self: flex-start;
    padding-top: 0 !important;
  }
  .o_website_sale_checkout_container
    .col-lg-5.col-xxl-4
    > .o_total_card.o_wsale_sticky_object {
    top: 20px !important;
  }
}
.o_website_sale_checkout_container .o_cart_products_table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.o_website_sale_checkout_container .o_cart_products_table tbody tr {
  background: rgba(42, 157, 143, 0.045);
}
.o_website_sale_checkout_container .o_cart_products_table tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid rgba(42, 157, 143, 0.075);
  border-bottom: 1px solid rgba(42, 157, 143, 0.075);
  vertical-align: middle;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  tbody
  tr
  td:first-child {
  padding-right: 9px;
  border-right: 1px solid rgba(42, 157, 143, 0.075);
  border-radius: 0 13px 13px 0;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  tbody
  tr
  td:last-child {
  padding-left: 9px;
  border-left: 1px solid rgba(42, 157, 143, 0.075);
  border-radius: 13px 0 0 13px;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  .o_cart_product_image {
  width: 52px;
  height: 52px;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  .o_cart_product_image
  img {
  width: 52px !important;
  height: 52px !important;
  padding: 3px;
  object-fit: contain;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 11px !important;
  background: #ffffff;
}
.o_website_sale_checkout_container .o_cart_products_table .o_cart_item_count {
  min-width: 20px;
  height: 20px;
  padding: 4px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #2a9d8f !important;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 8px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  [name="website_sale_cart_summary_product_name"] {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.6;
}
.o_website_sale_checkout_container
  .o_cart_products_table
  [name="website_sale_cart_summary_line_price"] {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  [name="website_sale_main_button"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  gap: 7px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 9px 22px rgba(42, 157, 143, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  [name="website_sale_main_button"]:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #247f75, #17343e);
  box-shadow: 0 13px 27px rgba(42, 157, 143, 0.28);
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/cart"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 37px;
  gap: 7px;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/cart"]:hover {
  color: #2a9d8f;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/cart"]
  .fa-angle-left {
  display: none !important;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/cart"]::before {
  content: "\f105";
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
}
.o_website_sale_checkout_container .o_mobile_summary {
  z-index: 30;
  margin: 16px -13px -45px !important;
  padding: 12px 13px 14px;
  border-top: 1px solid rgba(23, 52, 62, 0.075);
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 -12px 30px rgba(23, 52, 62, 0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.o_website_sale_checkout_container .o_mobile_summary > button {
  min-height: 45px;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 13px;
  background: #f7faf9;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 800;
}
.o_website_sale_checkout_container .o_mobile_summary #amount_total_summary {
  color: #2a9d8f;
  font-size: 13px;
  font-weight: 900;
}
.o_website_sale_checkout_container .o_mobile_summary .o_cart_item_count {
  background: #2a9d8f !important;
}
#o_cart_summary_offcanvas {
  font-family: Vazirmatn, sans-serif;
}
#o_cart_summary_offcanvas .offcanvas-body {
  padding: 18px;
}
#o_cart_summary_offcanvas .offcanvas-footer {
  padding: 14px !important;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
  background: #f7faf9;
}
@media (max-width: 991.98px) {
  .o_website_sale_checkout_container #shop_checkout > .mb-4,
  .o_website_sale_checkout_container #billing_address_list {
    padding: 18px !important;
    border-radius: 19px;
  }
}
@media (max-width: 767.98px) {
  .o_website_sale_checkout_container #shop_checkout > .mb-4,
  .o_website_sale_checkout_container #billing_address_list {
    padding: 15px !important;
    border-radius: 17px;
  }
  .o_website_sale_checkout_container #o_delivery_form > h4,
  .o_website_sale_checkout_container
    #delivery_address_list
    [name="delivery_address_title"],
  .o_website_sale_checkout_container #billing_address_list > .d-flex > .h5 {
    font-size: 14px;
  }
  .o_website_sale_checkout_container .o_address_card .card-body {
    padding: 14px;
  }
  .o_website_sale_checkout_container
    .o_address_card
    .o_portal_address
    [itemprop="name"] {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .o_website_sale_checkout_container
    #delivery_address_list
    > .d-flex:first-child,
  .o_website_sale_checkout_container
    #billing_address_list
    > .d-flex:first-child {
    align-items: flex-start !important;
    flex-direction: column;
  }
  .o_website_sale_checkout_container .o_address_card_add_new {
    width: 100%;
  }
  .o_website_sale_checkout_container
    #o_delivery_methods
    [name="o_delivery_method"] {
    padding: 13px 14px;
  }
}
.o_website_sale_checkout_container [name="website_sale_non_free_cart"] {
  position: relative;
  font-family: Vazirmatn, sans-serif;
}
.o_website_sale_checkout_container #payment_method {
  position: relative;
  margin-bottom: 18px !important;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.08),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.94)
    );
  box-shadow:
    0 12px 30px rgba(23, 52, 62, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.o_website_sale_checkout_container #payment_method::before {
  content: "روش پرداخت";
  display: flex;
  align-items: center;
  min-height: 42px;
  gap: 10px;
  margin-bottom: 17px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.6;
}
.o_website_sale_checkout_container #payment_method::after {
  content: "\f09d";
  position: absolute;
  top: 21px;
  right: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 12px;
  background: rgba(42, 157, 143, 0.075);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
.o_website_sale_checkout_container #payment_method .o_payment_option_card,
.o_website_sale_checkout_container #payment_method .o_payment_provider_option {
  position: relative;
  margin-bottom: 10px;
  padding: 15px 16px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff;
  box-shadow: 0 6px 17px rgba(23, 52, 62, 0.04);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.o_website_sale_checkout_container #payment_method .o_payment_option_card:hover,
.o_website_sale_checkout_container
  #payment_method
  .o_payment_provider_option:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.28) !important;
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.055), #ffffff);
  box-shadow: 0 10px 24px rgba(23, 52, 62, 0.07);
}
.o_website_sale_checkout_container #payment_method input[type="radio"] {
  accent-color: #2a9d8f;
}
.o_website_sale_checkout_container #payment_method .alert-warning {
  position: relative;
  margin: 0 !important;
  padding: 18px 18px 18px 58px;
  overflow: hidden;
  border: 1px solid rgba(233, 196, 106, 0.34);
  border-radius: 17px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(233, 196, 106, 0.15),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      rgba(255, 250, 236, 0.97),
      rgba(255, 255, 255, 0.98)
    );
  color: #665628;
  box-shadow:
    0 8px 20px rgba(108, 83, 24, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.o_website_sale_checkout_container #payment_method .alert-warning::before {
  content: "\f071";
  position: absolute;
  top: 17px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border: 1px solid rgba(233, 196, 106, 0.34);
  border-radius: 10px;
  background: rgba(233, 196, 106, 0.13);
  color: #a47c22;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
}
.o_website_sale_checkout_container #payment_method .alert-warning strong {
  color: #6e571d;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 900;
}
.o_website_sale_checkout_container #payment_method .alert-warning p {
  margin: 4px 0 12px;
  color: #89794d;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.9;
}
.o_website_sale_checkout_container
  #payment_method
  .alert-warning
  [name="start_payment_onboarding"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 13px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #2a9d8f, #247f75);
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 7px 16px rgba(42, 157, 143, 0.18);
}
.o_website_sale_checkout_container
  #payment_method
  .alert-warning
  [name="start_payment_onboarding"]:hover {
  background: linear-gradient(135deg, #247f75, #17343e);
}
.o_website_sale_checkout_container
  #payment_method
  .alert-warning
  a[type="action"] {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 10px;
  background: transparent;
  color: #8b6a1e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.o_website_sale_checkout_container
  #payment_method
  .alert-warning
  a[type="action"]:hover {
  background: rgba(233, 196, 106, 0.12);
  color: #6d5217;
}
.o_website_sale_checkout_container #address_on_payment {
  position: relative;
  margin-bottom: 18px;
  font-family: Vazirmatn, sans-serif;
}
.o_website_sale_checkout_container #address_on_payment > .card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(42, 157, 143, 0.11);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.08),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      rgba(247, 252, 250, 0.98),
      rgba(255, 255, 255, 0.98)
    );
  box-shadow:
    0 12px 30px rgba(23, 52, 62, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.o_website_sale_checkout_container #address_on_payment > .card::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  bottom: 18px;
  width: 3px;
  border-radius: 999px 0 0 999px;
  background: linear-gradient(180deg, #2a9d8f, rgba(42, 157, 143, 0.2));
}
.o_website_sale_checkout_container #address_on_payment .card-body {
  padding: 20px 22px;
}
.o_website_sale_checkout_container #address_on_payment > .card .float-end {
  position: relative;
  z-index: 3;
  float: left !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  gap: 6px;
  padding: 7px 11px;
  border: 1px solid rgba(42, 157, 143, 0.16);
  border-radius: 10px;
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}
.o_website_sale_checkout_container
  #address_on_payment
  > .card
  .float-end:hover {
  transform: translateY(-2px);
  border-color: #2a9d8f;
  background: #2a9d8f;
  color: #ffffff;
}
.o_website_sale_checkout_container #address_on_payment > .card .float-end .fa {
  margin: 0 0 0 4px !important;
}
.o_website_sale_checkout_container #address_on_payment .badge.text-bg-info {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px !important;
  padding: 7px 11px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.08) !important;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 9px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  #address_on_payment
  .badge.text-bg-info::before {
  content: "\f041";
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
}
.o_website_sale_checkout_container #address_on_payment .o_portal_address {
  margin: 0;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 2;
}
.o_website_sale_checkout_container
  #address_on_payment
  .o_portal_address
  [itemprop="name"] {
  display: block;
  margin-bottom: 6px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  #address_on_payment
  .o_portal_address
  [itemprop="streetAddress"] {
  color: #71858a;
  line-height: 2;
}
@media (min-width: 992px) {
  .o_website_sale_checkout_container
    [name="website_sale_non_free_cart"]
    ~ #address_on_payment {
    margin-bottom: 0;
  }
  .o_website_sale_checkout_container .col-lg-5.col-xxl-4 {
    align-self: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .o_website_sale_checkout_container
    .col-lg-5.col-xxl-4
    > .o_total_card.o_wsale_sticky_object {
    top: 20px !important;
    margin-top: 0 !important;
  }
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/checkout"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  gap: 7px;
  color: #71858a;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/checkout"]:hover {
  color: #2a9d8f;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/checkout"]
  .fa-angle-left {
  display: none !important;
}
.o_website_sale_checkout_container
  .o_cta_navigation_container
  a[href="/shop/checkout"]::before {
  content: "\f105";
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
}
.o_website_sale_checkout_container .o_total_card .o_cart_products_table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  tbody
  tr {
  background: rgba(42, 157, 143, 0.045);
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  tbody
  tr
  td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid rgba(42, 157, 143, 0.075);
  border-bottom: 1px solid rgba(42, 157, 143, 0.075);
  vertical-align: middle;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  tbody
  tr
  td:first-child {
  padding-right: 9px;
  border-right: 1px solid rgba(42, 157, 143, 0.075);
  border-radius: 0 13px 13px 0;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  tbody
  tr
  td:last-child {
  padding-left: 9px;
  border-left: 1px solid rgba(42, 157, 143, 0.075);
  border-radius: 13px 0 0 13px;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  .o_cart_product_image {
  width: 52px;
  height: 52px;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  .o_cart_product_image
  img {
  display: block;
  width: 52px !important;
  height: 52px !important;
  padding: 3px;
  object-fit: contain;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 11px !important;
  background: #ffffff;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  .o_cart_item_count {
  min-width: 20px;
  height: 20px;
  padding: 4px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #2a9d8f !important;
  color: #ffffff;
  font-family: Vazirmatn, sans-serif;
  font-size: 8px;
  font-weight: 900;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  [name="website_sale_cart_summary_product_name"] {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.6;
}
.o_website_sale_checkout_container
  .o_total_card
  .o_cart_products_table
  [name="website_sale_cart_summary_line_price"] {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 900;
}
.o_website_sale_checkout_container .o_total_card .coupon_form {
  margin-top: 9px;
}
.o_website_sale_checkout_container .o_total_card .coupon_form .input-group {
  min-height: 44px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.085);
  border-radius: 12px;
  background: #ffffff;
}
.o_website_sale_checkout_container .o_total_card .coupon_form .form-control {
  min-width: 0;
  border: 0 !important;
  background: transparent;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  box-shadow: none !important;
}
.o_website_sale_checkout_container .o_total_card .coupon_form .btn {
  min-width: 68px;
  border: 0 !important;
  background: rgba(42, 157, 143, 0.075);
  color: #2a9d8f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 900;
}
.o_website_sale_checkout_container .o_total_card .coupon_form .btn:hover {
  background: #2a9d8f;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .o_website_sale_checkout_container #payment_method,
  .o_website_sale_checkout_container #address_on_payment > .card {
    border-radius: 19px;
  }
  .o_website_sale_checkout_container #payment_method {
    padding: 19px;
  }
}
@media (max-width: 767.98px) {
  .o_website_sale_checkout_container #payment_method {
    padding: 15px;
    border-radius: 17px;
  }
  .o_website_sale_checkout_container #payment_method::before {
    margin-bottom: 14px;
    font-size: 15px;
  }
  .o_website_sale_checkout_container #payment_method::after {
    top: 15px;
    right: 100px;
    width: 34px;
    height: 34px;
  }
  .o_website_sale_checkout_container #payment_method .alert-warning {
    padding: 15px 15px 15px 51px;
    border-radius: 14px;
  }
  .o_website_sale_checkout_container #payment_method .alert-warning::before {
    top: 14px;
    left: 13px;
    width: 31px;
    height: 31px;
  }
  .o_website_sale_checkout_container #address_on_payment .card-body {
    padding: 16px;
  }
}
@media (max-width: 575.98px) {
  .o_website_sale_checkout_container #address_on_payment > .card .float-end {
    float: none !important;
    width: 100%;
    margin-bottom: 15px;
  }
  .o_website_sale_checkout_container
    #payment_method
    .alert-warning
    [name="start_payment_onboarding"],
  .o_website_sale_checkout_container
    #payment_method
    .alert-warning
    a[type="action"] {
    width: 100%;
    margin: 5px 0 0 !important;
  }
}
.oe_website_sale.o_website_sale_checkout_container {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
  color: #17343e;
  padding-top: 30px !important;
  padding-bottom: 70px !important;
}
.oe_website_sale .o_wizard {
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 10px 0 38px !important;
  padding: 18px 24px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(23, 52, 62, 0.055);
}
.oe_website_sale .o_wizard > span > div[name="step_name"] {
  font-size: 15px;
  font-weight: 700 !important;
  color: #17343e !important;
}
.oe_website_sale .o_wizard > span.o_disabled > div[name="step_name"] {
  color: #8a9a9e !important;
  font-weight: 600 !important;
}
.oe_website_sale .o_wizard .fa-angle-right {
  color: #2a9d8f !important;
  font-size: 17px !important;
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.oe_website_sale #shop_cart {
  padding: 28px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(23, 52, 62, 0.07);
}
.oe_website_sale #shop_cart > div:first-child {
  margin-bottom: 24px !important;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.07);
}
.oe_website_sale #shop_cart > div:first-child h4 {
  position: relative;
  color: #17343e;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.7;
}
.oe_website_sale #shop_cart > div:first-child h4:before {
  content: "\f07a";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-left: 11px;
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.1);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 16px;
  vertical-align: middle;
}
.oe_website_sale #quick_reorder_button {
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
.oe_website_sale #cart_products {
  gap: 16px;
  margin-bottom: 0 !important;
}
.oe_website_sale #cart_products .o_cart_product {
  position: relative;
  align-items: stretch !important;
  margin: 0;
  padding: 20px !important;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 19px;
  background: linear-gradient(145deg, #fff, #f9fbfa);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}
.oe_website_sale #cart_products .o_cart_product:hover {
  transform: translateY(-2px);
  border-color: rgba(42, 157, 143, 0.2);
  box-shadow: 0 12px 30px rgba(23, 52, 62, 0.07);
}
.oe_website_sale .o_cart_product_image {
  flex: 0 0 112px;
  width: 112px;
  height: 112px;
}
.oe_website_sale .o_cart_product_image > a,
.oe_website_sale .o_cart_product_image > div {
  display: block;
  width: 100%;
  height: 100%;
}
.oe_website_sale .o_cart_product_image img {
  width: 112px !important;
  height: 112px !important;
  object-fit: cover;
  border: 0 !important;
  border-radius: 15px !important;
  background: #f7faf9;
  box-shadow: 0 5px 16px rgba(23, 52, 62, 0.07);
}
.oe_website_sale .o_cart_product h6 {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.8;
}
.oe_website_sale .o_cart_product a[name="o_cart_line_product_link"] {
  color: #17343e !important;
  text-decoration: none !important;
}
.oe_website_sale .o_cart_product a[name="o_cart_line_product_link"]:hover h6 {
  color: #2a9d8f;
}
.oe_website_sale .o_cart_product .text-muted.small {
  color: #71858a !important;
  font-size: 13px !important;
  line-height: 1.9;
}
.oe_website_sale .o_cart_product h6[name="website_sale_cart_line_price"] {
  direction: ltr;
  color: #17343e;
  font-size: 16px;
  font-weight: 900;
}
.oe_website_sale .o_cart_product h6[name="website_sale_cart_line_price"] del {
  color: #9aa8ab !important;
  font-size: 13px;
  font-weight: 500;
}
.oe_website_sale
  .o_cart_product
  h6[name="website_sale_cart_line_price"]
  > span:not(del span) {
  color: #2a9d8f;
  font-size: 17px;
  font-weight: 900;
}
.oe_website_sale
  .o_cart_product
  div[name="o_wsale_cart_line_button_container"] {
  margin-top: 10px !important;
}
.oe_website_sale .o_cart_product .js_delete_product.hidden-xs {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 8px;
  color: #c75b5b !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.2s ease;
}
.oe_website_sale .o_cart_product .js_delete_product.hidden-xs:before {
  content: "\f014";
  font-family: FontAwesome;
  font-size: 12px;
}
.oe_website_sale .o_cart_product .js_delete_product.hidden-xs:hover {
  background: rgba(199, 91, 91, 0.08);
  color: #a83f3f !important;
}
.oe_website_sale .o_cart_product .o_add_wishlist {
  color: #71858a !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
.oe_website_sale .o_cart_product .o_add_wishlist:hover {
  color: #2a9d8f !important;
}
.oe_website_sale .css_quantity {
  direction: ltr;
  width: 118px !important;
  min-width: 118px;
  height: 42px !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.1) !important;
  border-radius: 12px;
  background: #f7faf9;
}
.oe_website_sale .css_quantity .btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 38px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #2a9d8f !important;
  background: transparent !important;
  text-decoration: none !important;
}
.oe_website_sale .css_quantity .btn:hover {
  background: rgba(42, 157, 143, 0.08) !important;
}
.oe_website_sale .css_quantity .quantity {
  width: 42px !important;
  min-width: 42px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  box-shadow: none !important;
}
.oe_website_sale .o_wsale_shorter_cart_summary {
  position: relative;
}
.oe_website_sale .o_total_card {
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(23, 52, 62, 0.09) !important;
}
.oe_website_sale .o_total_card:before {
  content: "خلاصه سبد خرید";
  display: flex;
  align-items: center;
  min-height: 67px;
  padding: 0 25px;
  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(233, 196, 106, 0.15),
      transparent 30%
    ),
    linear-gradient(135deg, #102f36, #185158);
  color: #fff;
  font-family: Vazirmatn, sans-serif;
  font-size: 18px;
  font-weight: 900;
}
.oe_website_sale .o_total_card:after {
  content: "\f07a";
  position: absolute;
  top: 20px;
  left: 24px;
  color: #e9c46a;
  font-family: FontAwesome;
  font-size: 20px;
  pointer-events: none;
}
.oe_website_sale .o_total_card .card-body {
  padding: 25px !important;
}
.oe_website_sale .o_cart_total table {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
.oe_website_sale .o_cart_total table td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  color: #536b71;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
}
.oe_website_sale .o_cart_total table td.text-end {
  direction: ltr;
  color: #17343e;
  font-weight: 800;
}
.oe_website_sale .o_cart_total tr[name="o_order_total"] {
  border-top: 1px dashed rgba(23, 52, 62, 0.14) !important;
}
.oe_website_sale .o_cart_total tr[name="o_order_total"] td {
  padding-top: 18px !important;
  color: #17343e !important;
  font-size: 16px;
  font-weight: 900;
}
.oe_website_sale .o_cart_total tr[name="o_order_total"] .monetary_field {
  color: #2a9d8f !important;
  font-size: 20px;
  font-weight: 900;
}
.oe_website_sale .coupon_form {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
}
.oe_website_sale .coupon_form form {
  margin-bottom: 5px !important;
}
.oe_website_sale .coupon_form .input-group {
  direction: rtl;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.1);
  border-radius: 13px;
  background: #f7faf9;
}
.oe_website_sale .coupon_form input[name="promo"] {
  height: 48px;
  padding: 0 15px;
  border: 0 !important;
  background: transparent !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  box-shadow: none !important;
}
.oe_website_sale .coupon_form input[name="promo"]::placeholder {
  color: #9aa8ab;
}
.oe_website_sale .coupon_form button {
  min-width: 75px;
  border: 0 !important;
  border-right: 1px solid rgba(23, 52, 62, 0.08) !important;
  background: #fff !important;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 900;
}
.oe_website_sale .coupon_form button:hover {
  background: rgba(42, 157, 143, 0.08) !important;
}
.oe_website_sale a[name="website_sale_main_button"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 7px;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #fff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(42, 157, 143, 0.22);
  transition: 0.2s ease;
}
.oe_website_sale a[name="website_sale_main_button"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(42, 157, 143, 0.28);
}
.oe_website_sale a[name="website_sale_main_button"] .fa-angle-right {
  margin-right: 8px !important;
  margin-left: 0 !important;
}
.oe_website_sale .o_total_card .position-relative.opacity-75 {
  color: #9aa8ab;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
}
.oe_website_sale .o_total_card .position-relative.opacity-75 hr {
  border-color: rgba(23, 52, 62, 0.1);
  opacity: 1;
}
.oe_website_sale .o_total_card a[href="/shop"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  border: 1px solid rgba(23, 52, 62, 0.09);
  border-radius: 12px;
  background: #f7faf9;
  color: #536b71 !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  transition: 0.2s ease;
}
.oe_website_sale .o_total_card a[href="/shop"]:hover {
  border-color: rgba(42, 157, 143, 0.2);
  background: rgba(42, 157, 143, 0.06);
  color: #2a9d8f !important;
}
.oe_website_sale .o_total_card a[href="/shop"] .fa-angle-left {
  color: #2a9d8f;
}
.oe_website_sale .alert {
  border: 0;
  border-radius: 13px;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .oe_website_sale.o_website_sale_checkout_container {
    padding-top: 18px !important;
  }
  .oe_website_sale .o_wizard {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    padding: 14px 17px;
    margin-bottom: 22px !important;
  }
  .oe_website_sale #shop_cart {
    padding: 20px;
    border-radius: 20px;
  }
  .oe_website_sale .o_wsale_shorter_cart_summary {
    margin-top: 22px;
  }
  .oe_website_sale .o_total_card {
    border-radius: 20px !important;
  }
  .oe_website_sale .o_total_card .card-body {
    padding: 22px !important;
  }
}
@media (max-width: 767.98px) {
  .oe_website_sale #shop_cart {
    padding: 16px;
  }
  .oe_website_sale #shop_cart > div:first-child h4 {
    font-size: 19px;
  }
  .oe_website_sale #cart_products .o_cart_product {
    gap: 13px !important;
    padding: 15px !important;
    border-radius: 16px;
  }
  .oe_website_sale .o_cart_product_image {
    flex-basis: 85px;
    width: 85px;
    height: 85px;
  }
  .oe_website_sale .o_cart_product_image img {
    width: 85px !important;
    height: 85px !important;
    border-radius: 12px !important;
  }
  .oe_website_sale .o_cart_product h6 {
    font-size: 14px;
  }
  .oe_website_sale .css_quantity {
    width: 110px !important;
    min-width: 110px;
  }
  .oe_website_sale .o_total_card:before {
    min-height: 60px;
    padding: 0 20px;
    font-size: 16px;
  }
  .oe_website_sale .o_total_card:after {
    top: 18px;
    left: 20px;
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .oe_website_sale.o_website_sale_checkout_container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .oe_website_sale .o_wizard > span > div[name="step_name"] {
    font-size: 13px;
    white-space: nowrap;
  }
  .oe_website_sale .o_wizard .fa-angle-right {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .oe_website_sale #shop_cart {
    padding: 13px;
    border-radius: 17px;
  }
  .oe_website_sale #cart_products .o_cart_product {
    padding: 13px !important;
  }
  .oe_website_sale .o_cart_product_image {
    flex-basis: 72px;
    width: 72px;
    height: 72px;
  }
  .oe_website_sale .o_cart_product_image img {
    width: 72px !important;
    height: 72px !important;
  }
  .oe_website_sale .o_total_card .card-body {
    padding: 18px !important;
  }
}
#wrap.o_portal_wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  direction: rtl;
  min-height: 760px;
  background:
    radial-gradient(circle at 7% 5%, rgba(42, 157, 143, 0.11), transparent 25%),
    radial-gradient(
      circle at 94% 27%,
      rgba(233, 196, 106, 0.1),
      transparent 28%
    ),
    linear-gradient(180deg, #f7faf9 0%, #ffffff 38%, #f7faf9 100%);
  font-family: Vazirmatn, sans-serif;
}
#wrap.o_portal_wrap::before {
  content: "";
  position: absolute;
  top: 220px;
  right: -180px;
  z-index: -1;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(42, 157, 143, 0.09);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(42, 157, 143, 0.018),
    0 0 0 100px rgba(42, 157, 143, 0.011);
  pointer-events: none;
}
#wrap.o_portal_wrap::after {
  content: "";
  position: absolute;
  bottom: 100px;
  left: -130px;
  z-index: -1;
  width: 320px;
  height: 320px;
  border-radius: 42% 58% 61% 39% / 44% 42% 58% 56%;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.11),
    rgba(42, 157, 143, 0.05)
  );
  transform: rotate(17deg);
  pointer-events: none;
}
#wrap.o_portal_wrap > .container {
  position: relative;
  z-index: 2;
  max-width: 1420px;
  padding-top: 30px !important;
  padding-right: 24px;
  padding-bottom: 75px !important;
  padding-left: 24px;
}
#wrap.o_portal_wrap > .container > .wrapper:first-child {
  position: relative;
  min-height: 104px;
  margin-bottom: 24px;
  padding: 20px 25px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.11),
      transparent 35%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(233, 196, 106, 0.08),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.94)
    );
  box-shadow:
    0 14px 36px rgba(23, 52, 62, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
#wrap.o_portal_wrap > .container > .wrapper:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  left: 30px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #2a9d8f 35%,
    #e9c46a 70%,
    transparent
  );
}
#wrap.o_portal_wrap > .container > .wrapper:first-child > h3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 1.6;
}
#wrap.o_portal_wrap > .container > .wrapper:first-child > h3::before {
  content: "\f007";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(42, 157, 143, 0.16);
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.13),
    rgba(42, 157, 143, 0.045)
  );
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 18px;
  font-weight: normal;
  box-shadow: 0 8px 20px rgba(42, 157, 143, 0.1);
}
#wrap.o_portal_wrap > .container > .wrapper:first-child > h3::after {
  content: "مدیریت حساب کاربری و خدمات شما";
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-right: 4px;
  padding: 5px 12px;
  border: 1px solid rgba(233, 196, 106, 0.2);
  border-radius: 999px;
  background: rgba(233, 196, 106, 0.085);
  color: #8c6b1f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 700;
}
#wrap.o_portal_wrap > .container > .wrapper:first-child > button {
  min-height: 44px;
  padding: 5px 8px 5px 13px !important;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 13px;
  background: rgba(42, 157, 143, 0.07);
  color: #17343e;
  box-shadow: none;
}
#wrap.o_portal_wrap > .container > .wrapper:first-child > button .o_avatar {
  width: 34px !important;
  height: 34px !important;
  border: 2px solid #ffffff;
  border-radius: 10px !important;
  object-fit: cover;
  box-shadow: 0 5px 12px rgba(23, 52, 62, 0.1);
}
#wrap.o_portal_wrap > .container > .row {
  position: relative;
}
#wrap.o_portal_wrap .o_portal_my_home {
  min-width: 0;
}
#wrap.o_portal_wrap .o_portal_category {
  position: relative;
  margin-top: 18px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 18px;
  border: 1px solid rgba(23, 52, 62, 0.065);
  border-radius: 24px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.82),
    rgba(247, 250, 249, 0.72)
  );
  box-shadow:
    0 10px 27px rgba(23, 52, 62, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
#wrap.o_portal_wrap #portal_client_category::before,
#wrap.o_portal_wrap #portal_service_category::before,
#wrap.o_portal_wrap #portal_vendor_category::before {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 39px;
  gap: 8px;
  margin-bottom: 12px;
  padding: 0 5px;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 12px;
  font-weight: 900;
}
#wrap.o_portal_wrap #portal_client_category::before {
  content: "\f07a  خرید و سفارش‌ها";
}
#wrap.o_portal_wrap #portal_service_category::before {
  content: "\f0b1  خدمات و پروژه‌ها";
}
#wrap.o_portal_wrap #portal_vendor_category::before {
  content: "\f0d1  خرید سازمانی و تامین";
}
#wrap.o_portal_wrap #portal_client_category::before,
#wrap.o_portal_wrap #portal_service_category::before,
#wrap.o_portal_wrap #portal_vendor_category::before {
  font-family: Vazirmatn, FontAwesome, sans-serif;
}
#wrap.o_portal_wrap .o_portal_index_card {
  padding: 6px !important;
}
#wrap.o_portal_wrap .o_portal_index_card > a {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: 108px;
  gap: 15px !important;
  padding: 17px 18px !important;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.065),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.99),
      rgba(247, 250, 249, 0.96)
    ) !important;
  color: #17343e !important;
  box-shadow:
    0 7px 20px rgba(23, 52, 62, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  text-align: right;
  text-decoration: none !important;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}
#wrap.o_portal_wrap .o_portal_index_card > a::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 15px;
  width: 3px;
  border-radius: 999px 0 0 999px;
  background: linear-gradient(180deg, #2a9d8f, #e9c46a);
  opacity: 0;
  transform: scaleY(0.4);
  transition:
    opacity 0.28s ease,
    transform 0.28s ease;
}
#wrap.o_portal_wrap .o_portal_index_card > a::after {
  content: "\f105";
  position: absolute;
  top: 50%;
  left: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid rgba(42, 157, 143, 0.11);
  border-radius: 10px;
  background: rgba(42, 157, 143, 0.055);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
  opacity: 0;
  transform: translateY(-50%) translateX(5px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}
#wrap.o_portal_wrap .o_portal_index_card > a:hover {
  transform: translateY(-4px);
  border-color: rgba(42, 157, 143, 0.23) !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.1),
      transparent 42%
    ),
    linear-gradient(145deg, #ffffff, #f5fbf9) !important;
  box-shadow:
    0 15px 32px rgba(23, 52, 62, 0.085),
    0 5px 15px rgba(42, 157, 143, 0.045);
}
#wrap.o_portal_wrap .o_portal_index_card > a:hover::before {
  opacity: 1;
  transform: scaleY(1);
}
#wrap.o_portal_wrap .o_portal_index_card > a:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
#wrap.o_portal_wrap .o_portal_index_card > a.alert {
  border-color: rgba(233, 196, 106, 0.18) !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(233, 196, 106, 0.11),
      transparent 39%
    ),
    linear-gradient(145deg, #fffef9, #ffffff) !important;
  color: #17343e !important;
}
#wrap.o_portal_wrap .o_portal_index_card > a.alert::before {
  background: #e9c46a;
}
#wrap.o_portal_wrap .o_portal_index_card .o_portal_icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  margin: 0 !important;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(42, 157, 143, 0.12);
  border-radius: 17px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.095),
    rgba(255, 255, 255, 0.94)
  );
  box-shadow:
    0 7px 17px rgba(23, 52, 62, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
#wrap.o_portal_wrap .o_portal_index_card > a:hover .o_portal_icon {
  transform: scale(1.055) rotate(-2deg);
  box-shadow: 0 10px 22px rgba(42, 157, 143, 0.1);
}
#wrap.o_portal_wrap .o_portal_index_card .o_portal_icon img {
  display: block;
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  object-fit: contain;
}
#wrap.o_portal_wrap .o_portal_index_card > a > div:last-child {
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 36px;
}
#wrap.o_portal_wrap
  .o_portal_index_card
  > a
  > div:last-child
  > div:first-child {
  align-items: center;
  margin: 0 0 7px !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
}
#wrap.o_portal_wrap
  .o_portal_index_card
  > a
  > div:last-child
  > div:first-child
  span {
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
#wrap.o_portal_wrap .o_portal_index_card > a > div:last-child > .opacity-75 {
  max-width: 94%;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.8;
  opacity: 1 !important;
}
#wrap.o_portal_wrap .o_portal_index_card [data-placeholder_count]:not(.d-none) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 27px;
  height: 27px;
  padding: 4px 8px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 999px;
  background: rgba(42, 157, 143, 0.075);
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4 {
  align-self: flex-start;
  padding-right: 18px;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  > .mt-3 {
  position: relative;
  width: 100%;
  max-width: 350px !important;
  margin-top: 18px !important;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.1),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(247, 250, 249, 0.95)
    );
  box-shadow:
    0 15px 36px rgba(23, 52, 62, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  > .mt-3::before {
  content: "حساب کاربری";
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: -3px 0 18px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.065);
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 900;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  > .mt-3::after {
  content: "\f007";
  position: absolute;
  top: 17px;
  left: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.07);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  .d-flex.justify-content-start.align-items-start.gap-3.mb-4 {
  align-items: center !important;
  min-height: 78px;
  gap: 13px !important;
  margin-bottom: 18px !important;
  padding: 12px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 17px;
  background: rgba(42, 157, 143, 0.04);
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  .d-flex.justify-content-start.align-items-start.gap-3.mb-4
  > img {
  flex: 0 0 58px;
  width: 58px !important;
  height: 58px !important;
  padding: 3px;
  border: 1px solid rgba(42, 157, 143, 0.13);
  border-radius: 16px !important;
  background: #ffffff;
  object-fit: cover;
  box-shadow: 0 7px 17px rgba(23, 52, 62, 0.09);
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  a {
  font-family: Vazirmatn, sans-serif;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  a:not(.btn) {
  color: #536b71;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background 0.2s ease;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  a:not(.btn):hover {
  color: #2a9d8f;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  .btn {
  min-height: 39px;
  padding: 7px 12px;
  border: 1px solid rgba(42, 157, 143, 0.14);
  border-radius: 11px;
  background: rgba(42, 157, 143, 0.065);
  color: #2a9d8f;
  font-family: Vazirmatn, sans-serif;
  font-size: 10px;
  font-weight: 800;
  box-shadow: none;
  transition:
    transform 0.2s ease,
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}
#wrap.o_portal_wrap
  > .container
  > .row
  > .d-none.d-lg-flex.justify-content-end.col-lg-4
  .btn:hover {
  transform: translateY(-2px);
  border-color: #2a9d8f;
  background: #2a9d8f;
  color: #ffffff;
}
#accountOffCanvas {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
}
#accountOffCanvas .offcanvas-header {
  min-height: 70px;
  padding: 14px 17px;
  border-bottom: 1px solid rgba(23, 52, 62, 0.07);
  background: linear-gradient(135deg, rgba(42, 157, 143, 0.08), #ffffff);
}
#accountOffCanvas .offcanvas-body {
  padding: 17px;
  background: #f7faf9;
}
#accountOffCanvas .o_avatar,
#accountOffCanvas img.rounded {
  border: 2px solid #ffffff;
  border-radius: 14px !important;
  box-shadow: 0 7px 17px rgba(23, 52, 62, 0.1);
}
#accountOffCanvas a {
  font-family: Vazirmatn, sans-serif;
}
#wrap.o_portal_wrap #oe_structure_portal_my_home_1:empty,
#wrap.o_portal_wrap #oe_structure_portal_my_home_2:empty {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1199.98px) {
  #wrap.o_portal_wrap > .container {
    padding-right: 18px;
    padding-left: 18px;
  }
  #wrap.o_portal_wrap .o_portal_category {
    padding: 14px;
    border-radius: 21px;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a {
    min-height: 102px;
    padding: 15px !important;
  }
  #wrap.o_portal_wrap .o_portal_index_card .o_portal_icon {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
    border-radius: 15px;
  }
  #wrap.o_portal_wrap .o_portal_index_card .o_portal_icon img {
    width: 32px !important;
    height: 32px !important;
  }
}
@media (max-width: 991.98px) {
  #wrap.o_portal_wrap > .container {
    padding-top: 20px !important;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child {
    min-height: 88px;
    padding: 17px 19px;
    border-radius: 22px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3 {
    font-size: 23px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3::before {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 16px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3::after {
    display: none;
  }
  #wrap.o_portal_wrap .o_portal_category {
    margin-top: 14px !important;
  }
}
@media (max-width: 767.98px) {
  #wrap.o_portal_wrap > .container {
    padding-right: 13px;
    padding-bottom: 50px !important;
    padding-left: 13px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child {
    min-height: 78px;
    margin-bottom: 17px;
    padding: 14px;
    border-radius: 19px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3 {
    font-size: 19px;
  }
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3::before {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
  }
  #wrap.o_portal_wrap .o_portal_category {
    padding: 11px;
    border-radius: 18px;
  }
  #wrap.o_portal_wrap .o_portal_index_card {
    padding: 5px 0 !important;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a {
    min-height: 94px;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a > div:last-child {
    padding-left: 27px;
  }
  #wrap.o_portal_wrap
    .o_portal_index_card
    > a
    > div:last-child
    > div:first-child {
    font-size: 13px !important;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a > div:last-child > .opacity-75 {
    font-size: 9px;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a::after {
    left: 12px;
    width: 27px;
    height: 27px;
    border-radius: 9px;
  }
  #wrap.o_portal_wrap .o_portal_index_card .o_portal_icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    padding: 9px;
    border-radius: 14px;
  }
  #wrap.o_portal_wrap .o_portal_index_card .o_portal_icon img {
    width: 29px !important;
    height: 29px !important;
  }
}
@media (max-width: 575.98px) {
  #wrap.o_portal_wrap > .container > .wrapper:first-child > h3 {
    font-size: 17px;
  }
  #wrap.o_portal_wrap .o_portal_category {
    margin-top: 11px !important;
    padding: 9px;
  }
  #wrap.o_portal_wrap #portal_client_category::before,
  #wrap.o_portal_wrap #portal_service_category::before,
  #wrap.o_portal_wrap #portal_vendor_category::before {
    min-height: 34px;
    margin-bottom: 7px;
    font-size: 11px;
  }
  #wrap.o_portal_wrap .o_portal_index_card > a {
    min-height: 88px;
  }
}
#wrap > section.container[style*="max-width:600px"] {
  direction: rtl;
  width: calc(100% - 30px);
  max-width: 560px !important;
  margin: 45px auto 70px;
  padding: 0 !important;
  font-family: Vazirmatn, sans-serif;
}
#wrap > section.container[style*="max-width:600px"] > .card {
  position: relative;
  overflow: hidden;
  padding: 42px 42px 38px !important;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.09),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(233, 196, 106, 0.09),
      transparent 28%
    ),
    #fff !important;
  box-shadow: 0 22px 55px rgba(23, 52, 62, 0.1) !important;
}
#wrap > section.container[style*="max-width:600px"] > .card:before {
  content: "\f023";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 22px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0.05)
  );
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 24px;
  box-shadow: 0 10px 25px rgba(42, 157, 143, 0.11);
}
#wrap > section.container[style*="max-width:600px"] > .card:after {
  content: "";
  position: absolute;
  top: -85px;
  right: -85px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
#wrap > section.container[style*="max-width:600px"] > .card > h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 9px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
#wrap > section.container[style*="max-width:600px"] > .card > p.text-muted {
  position: relative;
  z-index: 2;
  margin: 0 0 28px !important;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
#wrap > section.container[style*="max-width:600px"] > .card form {
  position: relative;
  z-index: 2;
}
#wrap > section.container[style*="max-width:600px"] > .card form .mb-3 {
  position: relative;
  margin-bottom: 18px !important;
}
#wrap > section.container[style*="max-width:600px"] > .card form .mb-3:before {
  content: "\f10b";
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 3;
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 22px;
  transform: translateY(-50%);
  pointer-events: none;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form
  input[name="otp"] {
  letter-spacing: 8px;
  direction: ltr;
  font-size: 19px !important;
  font-weight: 800 !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form:has(input[name="otp"])
  .mb-3:before {
  content: "\f084";
  font-size: 16px;
}
#wrap > section.container[style*="max-width:600px"] > .card .form-control {
  width: 100%;
  height: 58px;
  padding: 0 52px 0 18px !important;
  border: 1px solid rgba(23, 52, 62, 0.11) !important;
  border-radius: 16px !important;
  background: #f7faf9 !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center !important;
  outline: 0;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  .form-control:focus {
  border-color: rgba(42, 157, 143, 0.55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.08) !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  .form-control::placeholder {
  color: #9aabad;
  opacity: 1;
  font-weight: 500;
}
#wrap > section.container[style*="max-width:600px"] > .card button.btn-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 10px 20px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #fff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 900;
  box-shadow: 0 11px 26px rgba(42, 157, 143, 0.23) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  button.btn-danger:before {
  content: "\f00c";
  margin-left: 9px;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form:has(input[name="mobile"]:not([type="hidden"]))
  button.btn-danger:before {
  content: "\f061";
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  button.btn-danger:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #278f83, #206f67) !important;
  box-shadow: 0 15px 31px rgba(42, 157, 143, 0.29) !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute {
  top: 22px !important;
  left: 22px !important;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 12px;
  background: #f7faf9;
  color: #536b71 !important;
  font-size: 0 !important;
  text-decoration: none !important;
  transition: 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute:before {
  content: "\f060";
  font-family: FontAwesome;
  font-size: 15px;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute:hover {
  border-color: rgba(42, 157, 143, 0.2);
  background: rgba(42, 157, 143, 0.08);
  color: #2a9d8f !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"]
  .btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px !important;
  border: 0;
  border-radius: 10px;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"]
  .btn-link:before {
  content: "\f021";
  font-family: FontAwesome;
  font-size: 13px;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"]
  .btn-link:hover {
  background: rgba(42, 157, 143, 0.07);
  color: #247f75 !important;
}
@media (max-width: 575.98px) {
  #wrap > section.container[style*="max-width:600px"] {
    width: calc(100% - 20px);
    margin-top: 25px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card {
    padding: 32px 20px 28px !important;
    border-radius: 22px !important;
  }
  #wrap > section.container[style*="max-width:600px"] > .card:before {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 17px;
    font-size: 21px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card > h2 {
    font-size: 21px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card > p.text-muted {
    font-size: 14px;
    margin-bottom: 23px !important;
  }
  #wrap > section.container[style*="max-width:600px"] > .card .form-control {
    height: 55px;
    font-size: 15px;
  }
  #wrap
    > section.container[style*="max-width:600px"]
    > .card
    button.btn-danger {
    min-height: 53px;
    font-size: 15px;
  }
  #wrap
    > section.container[style*="max-width:600px"]
    > .card
    > a.position-absolute {
    top: 16px !important;
    left: 16px !important;
    width: 38px;
    height: 38px;
  }
}
.consult-section {
  position: relative;
  direction: rtl;
  margin: 48px 0;
  overflow: hidden;
  padding: 58px 20px !important;
  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(233, 196, 106, 0.18),
      transparent 25%
    ),
    radial-gradient(
      circle at 88% 85%,
      rgba(42, 157, 143, 0.28),
      transparent 30%
    ),
    linear-gradient(135deg, #102f36 0%, #17454c 50%, #185158 100%) !important;
  font-family: Vazirmatn, sans-serif;
}
.consult-section:before {
  content: "";
  position: absolute;
  top: -150px;
  right: -100px;
  width: 350px;
  height: 350px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  pointer-events: none;
}
.consult-section:after {
  content: "";
  position: absolute;
  bottom: -190px;
  left: -100px;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(233, 196, 106, 0.13);
  border-radius: 50%;
  pointer-events: none;
}
.consult-box {
  position: relative;
  z-index: 2;
  max-width: 1050px;
  margin: 0 auto;
  padding: 40px 45px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 28px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.09),
    rgba(255, 255, 255, 0.035)
  );
  text-align: center;
  box-shadow:
    0 25px 65px rgba(5, 32, 36, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.consult-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 20px;
  border: 1px solid rgba(233, 196, 106, 0.25);
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(233, 196, 106, 0.22),
    rgba(233, 196, 106, 0.08)
  );
  color: #e9c46a;
  box-shadow: 0 12px 28px rgba(5, 32, 36, 0.18);
}
.consult-icon i {
  font-size: 25px;
}
.consult-title {
  margin: 0;
  color: #fff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 29px !important;
  font-weight: 900 !important;
  line-height: 1.7;
}
.consult-title:after {
  content: "";
  display: block;
  width: 55px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #e9c46a, #2a9d8f);
}
.consult-sub {
  margin: 13px 0 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 2;
}
.consult-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  flex-wrap: wrap;
  margin-top: 27px;
}
.consult-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 205px;
  min-height: 52px;
  padding: 10px 22px !important;
  border-radius: 14px;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}
.consult-btn i {
  font-size: 15px;
}
.consult-btn.phone-btn {
  direction: rtl;
  border: 1px solid #e9c46a;
  background: #e9c46a;
  color: #17343e !important;
  box-shadow: 0 10px 26px rgba(233, 196, 106, 0.18);
}
.consult-btn.phone-btn:hover {
  transform: translateY(-2px);
  background: #f0ce7c;
  color: #17343e !important;
  box-shadow: 0 14px 30px rgba(233, 196, 106, 0.25);
}
.consult-btn.ticket-btn {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.09);
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(5, 32, 36, 0.13);
}
.consult-btn.ticket-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.15);
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(5, 32, 36, 0.19);
}
@media (max-width: 767.98px) {
  .consult-section {
    margin: 35px 0;
    padding: 40px 14px !important;
  }
  .consult-box {
    padding: 32px 20px;
    border-radius: 22px;
  }
  .consult-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 17px;
    border-radius: 17px;
  }
  .consult-icon i {
    font-size: 22px;
  }
  .consult-title {
    font-size: 23px !important;
  }
  .consult-sub {
    font-size: 15px !important;
  }
  .consult-actions {
    gap: 10px;
    margin-top: 22px;
  }
  .consult-btn {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    font-size: 14px !important;
  }
}
@media (max-width: 575.98px) {
  .consult-section {
    padding: 32px 10px !important;
  }
  .consult-box {
    padding: 27px 16px;
    border-radius: 19px;
  }
  .consult-title {
    font-size: 21px !important;
    line-height: 1.8;
  }
}
#wrap > section.container[style*="max-width:600px"] {
  direction: rtl;
  width: calc(100% - 30px);
  max-width: 560px !important;
  margin: 45px auto 70px;
  padding: 0 !important;
  font-family: Vazirmatn, sans-serif;
}
#wrap > section.container[style*="max-width:600px"] > .card {
  position: relative;
  overflow: hidden;
  padding: 42px 42px 38px !important;
  border: 1px solid rgba(23, 52, 62, 0.08) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.09),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(233, 196, 106, 0.09),
      transparent 28%
    ),
    #fff !important;
  box-shadow: 0 22px 55px rgba(23, 52, 62, 0.1) !important;
}
#wrap > section.container[style*="max-width:600px"] > .card:before {
  content: "\f023";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 22px;
  border: 1px solid rgba(42, 157, 143, 0.15);
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(42, 157, 143, 0.14),
    rgba(42, 157, 143, 0.05)
  );
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 24px;
  box-shadow: 0 10px 25px rgba(42, 157, 143, 0.11);
}
#wrap > section.container[style*="max-width:600px"] > .card:after {
  content: "";
  position: absolute;
  top: -85px;
  right: -85px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(42, 157, 143, 0.08);
  border-radius: 50%;
  pointer-events: none;
}
#wrap > section.container[style*="max-width:600px"] > .card > h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 9px !important;
  color: #17343e;
  font-family: Vazirmatn, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
#wrap > section.container[style*="max-width:600px"] > .card > p.text-muted {
  position: relative;
  z-index: 2;
  margin: 0 0 28px !important;
  color: #71858a !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
#wrap > section.container[style*="max-width:600px"] > .card form {
  position: relative;
  z-index: 2;
}
#wrap > section.container[style*="max-width:600px"] > .card form .mb-3 {
  position: relative;
  margin-bottom: 18px !important;
}
#wrap > section.container[style*="max-width:600px"] > .card form .mb-3:before {
  content: "\f10b";
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 1;
  transform: translateY(-50%);
  color: #2a9d8f;
  font-family: FontAwesome;
  font-size: 20px;
  pointer-events: none;
}
#wrap > section.container[style*="max-width:600px"] > .card .form-control {
  width: 100%;
  height: 58px;
  padding: 0 52px 0 18px !important;
  border: 1px solid rgba(23, 52, 62, 0.11) !important;
  border-radius: 16px !important;
  background: #f7faf9 !important;
  color: #17343e !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center !important;
  outline: 0;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  .form-control:focus {
  border-color: rgba(42, 157, 143, 0.55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(42, 157, 143, 0.08) !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  .form-control::placeholder {
  color: #9aabad;
  opacity: 1;
  font-weight: 500;
}
#wrap > section.container[style*="max-width:600px"] > .card button.btn-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 10px 20px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #2a9d8f, #247f75) !important;
  color: #fff !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 16px;
  font-weight: 900;
  box-shadow: 0 11px 26px rgba(42, 157, 143, 0.23) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  button.btn-danger:before {
  content: "\f00c";
  margin-left: 9px;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form:has(input[name="mobile"]:not([type="hidden"]))
  button.btn-danger:before {
  content: "\f061";
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  button.btn-danger:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #278f83, #206f67) !important;
  box-shadow: 0 15px 31px rgba(42, 157, 143, 0.29) !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute {
  top: 22px !important;
  left: 22px !important;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(23, 52, 62, 0.08);
  border-radius: 12px;
  background: #f7faf9;
  color: #536b71 !important;
  font-size: 0 !important;
  text-decoration: none !important;
  transition: 0.2s ease;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute:before {
  content: "\f060";
  font-family: FontAwesome;
  font-size: 15px;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  > a.position-absolute:hover {
  border-color: rgba(42, 157, 143, 0.2);
  background: rgba(42, 157, 143, 0.08);
  color: #2a9d8f !important;
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(23, 52, 62, 0.07);
}
#wrap
  > section.container[style*="max-width:600px"]
  > .card
  form[action="/ak/login/otp/send"]
  .btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px !important;
  border: 0;
  border-radius: 10px;
  color: #2a9d8f !important;
  font-family: Vazirmatn, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
}
@media (max-width: 575.98px) {
  #wrap > section.container[style*="max-width:600px"] {
    width: calc(100% - 20px);
    margin-top: 25px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card {
    padding: 32px 20px 28px !important;
    border-radius: 22px !important;
  }
  #wrap > section.container[style*="max-width:600px"] > .card:before {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 17px;
    font-size: 21px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card > h2 {
    font-size: 21px;
  }
  #wrap > section.container[style*="max-width:600px"] > .card > p.text-muted {
    font-size: 14px;
    margin-bottom: 23px !important;
  }
  #wrap > section.container[style*="max-width:600px"] > .card .form-control {
    height: 55px;
    font-size: 15px;
  }
  #wrap
    > section.container[style*="max-width:600px"]
    > .card
    button.btn-danger {
    min-height: 53px;
    font-size: 15px;
  }
  #wrap
    > section.container[style*="max-width:600px"]
    > .card
    > a.position-absolute {
    top: 16px !important;
    left: 16px !important;
    width: 38px;
    height: 38px;
  }
}
.itm-home-featured-store {
  position: relative;
  direction: rtl;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #f7faf9 100%);
  font-family: Vazirmatn, sans-serif;
}
.itm-home-featured-store-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 27px 32px;
  border: 1px solid rgba(23, 52, 62, 0.07);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 95% 0%,
      rgba(42, 157, 143, 0.09),
      transparent 30%
    ),
    radial-gradient(
      circle at 5% 100%,
      rgba(233, 196, 106, 0.11),
      transparent 28%
    ),
    #fff;
  box-shadow: 0 12px 35px rgba(23, 52, 62, 0.055);
}
.itm-home-featured-store-info {
  max-width: 760px;
}
.itm-home-featured-store-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  padding: 5px 11px;
  border: 1px solid rgba(233, 196, 106, 0.32);
  border-radius: 8px;
  background: rgba(233, 196, 106, 0.13);
  color: #8a6d16;
  font-size: 13px;
  font-weight: 800;
}
.itm-home-featured-store-badge i {
  color: #d5a92f;
  font-size: 14px;
}
.itm-home-featured-store-info h2 {
  margin: 0 0 7px;
  color: #17343e;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.7;
}
.itm-home-featured-store-info h2 span {
  color: #2a9d8f;
}
.itm-home-featured-store-info p {
  max-width: 700px;
  margin: 0;
  color: #71858a;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}
.itm-home-featured-store-action {
  flex: 0 0 auto;
}
.itm-home-featured-store-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 45px;
  padding: 8px 18px;
  border: 1px solid rgba(42, 157, 143, 0.18);
  border-radius: 12px;
  background: #2a9d8f;
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(42, 157, 143, 0.18);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.itm-home-featured-store-btn:hover {
  transform: translateY(-2px);
  background: #247f75;
  color: #fff !important;
  box-shadow: 0 12px 25px rgba(42, 157, 143, 0.24);
}
.itm-home-featured-store-btn i {
  font-size: 13px;
}
.itm-home-featured-store-products {
  position: relative;
  margin-top: 24px;
}
.itm-home-featured-store-products > .oe_structure:empty {
  min-height: 70px;
  border: 1px dashed rgba(42, 157, 143, 0.22);
  border-radius: 16px;
  background: rgba(42, 157, 143, 0.025);
}
@media (max-width: 767.98px) {
  .itm-home-featured-store-head {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding: 22px 20px;
    border-radius: 18px;
  }
  .itm-home-featured-store-info h2 {
    font-size: 21px;
  }
  .itm-home-featured-store-info p {
    font-size: 14px;
  }
  .itm-home-featured-store-action {
    width: 100%;
  }
  .itm-home-featured-store-btn {
    width: 100%;
  }
  .itm-home-featured-store-products {
    margin-top: 18px;
  }
}

.itm-home-quick-icon svg {
  width: 52px;
  height: 52px;
  display: block;
  color: #f28c28;
  overflow: visible;
}
/* =========================================
   ITM Home Landing - Carousel Navigation
========================================= */

.itm-home-landing .carousel-control-prev,
.itm-home-landing .carousel-control-next {
  position: absolute;
  top: 50%;
  bottom: auto;
  width: 52px;
  height: 52px;
  padding: 0;
  margin: 0 22px;
  transform: translateY(-50%);
  z-index: 20;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(16, 47, 54, 0.65);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.itm-home-landing .carousel-control-prev {
  left: 0;
  right: auto;
}

.itm-home-landing .carousel-control-next {
  right: 0;
  left: auto;
}

.itm-home-landing .carousel-control-prev:hover,
.itm-home-landing .carousel-control-next:hover {
  opacity: 1;
  background: #2a9d8f;
  border-color: rgba(255, 255, 255, 0.65);
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 10px 30px rgba(42, 157, 143, 0.35);
}

/* فلش‌ها را خودمان می‌سازیم تا وابسته به Bootstrap نباشند */
.itm-home-landing .carousel-control-prev-icon,
.itm-home-landing .carousel-control-next-icon {
  width: 11px;
  height: 11px;
  display: block;
  background: none !important;
  background-image: none !important;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.itm-home-landing .carousel-control-prev-icon {
  transform: rotate(-135deg);
  margin-left: 4px;
}

.itm-home-landing .carousel-control-next-icon {
  transform: rotate(45deg);
  margin-right: 4px;
}

/* لایه‌های Odoo نباید روی کنترل‌ها قرار بگیرند */
.itm-home-landing .carousel-inner {
  position: relative;
  z-index: 1;
}

.itm-home-landing .carousel-indicators {
  z-index: 20;
}

@media (max-width: 767.98px) {
  .itm-home-landing .carousel-control-prev,
  .itm-home-landing .carousel-control-next {
    width: 42px;
    height: 42px;
    margin: 0 10px;
  }

  .itm-home-landing .carousel-control-prev-icon,
  .itm-home-landing .carousel-control-next-icon {
    width: 9px;
    height: 9px;
  }
}

/* =========================================================
   IRAN TEXTILE MARKET
   HOME PRODUCT CATEGORIES - FINAL
========================================================= */

.itm-home-categories {
  position: relative;
  direction: rtl;
  padding: 70px 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(42, 157, 143, 0.08),
      transparent 34%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(233, 196, 106, 0.06),
      transparent 30%
    ),
    #f7faf9;
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.itm-home-categories .itm-home-categories-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

/* =========================================================
   INTRO CARD
========================================================= */

.itm-home-categories .itm-home-categories-intro {
  position: relative;
  top: auto;
  align-self: start;
  margin: 0;
  padding: 42px 34px 36px;
  border: 0;
  border-radius: 30px;
  background: linear-gradient(145deg, #17343e 0%, #185158 100%);
  color: #fff;
  box-shadow: 0 24px 55px rgba(23, 52, 62, 0.18);
}

.itm-home-categories .itm-home-categories-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 25px;
  color: #e9c46a;
  font-size: 13px;
  font-weight: 800;
}

.itm-home-categories .itm-home-categories-kicker i {
  font-size: 13px;
}

.itm-home-categories .itm-home-categories-title {
  margin: 0 0 25px;
  color: #fff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.45;
}

.itm-home-categories .itm-home-categories-title span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.itm-home-categories .itm-home-categories-desc {
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.15;
  text-align: justify;
}

.itm-home-categories .itm-home-categories-all {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 20px;
  border: 0;
  border-radius: 14px;
  background: #e9c46a;
  color: #17343e;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.itm-home-categories .itm-home-categories-all:hover {
  background: #f1ce75;
  color: #17343e;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.13);
}

/* =========================================================
   CATEGORY LIST
========================================================= */

.itm-home-categories .itm-home-categories-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.itm-home-categories .itm-home-categories-list::before,
.itm-home-categories .itm-home-categories-list::after {
  content: none;
}

/* =========================================================
   CATEGORY CARD
========================================================= */

.itm-home-categories .itm-home-category-row {
  position: relative;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) 30px;
  align-items: center;
  column-gap: 16px;

  width: 100%;
  min-width: 0;
  min-height: 116px;

  margin: 0;
  padding: 20px;

  border: 1px solid rgba(23, 52, 62, 0.075);
  border-radius: 20px;

  background: rgba(255, 255, 255, 0.92);
  color: #17343e;
  text-decoration: none;

  box-shadow: 0 8px 25px rgba(23, 52, 62, 0.045);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.itm-home-categories .itm-home-category-row::before,
.itm-home-categories .itm-home-category-row::after {
  content: none;
}

.itm-home-categories .itm-home-category-row:hover {
  color: #17343e;
  text-decoration: none;

  transform: translateY(-3px);

  border-color: rgba(42, 157, 143, 0.22);
  background: #fff;

  box-shadow: 0 16px 38px rgba(23, 52, 62, 0.1);
}

/* =========================================================
   SVG ICON
========================================================= */

.itm-home-categories .itm-home-category-image {
  grid-column: 1;

  width: 68px;
  height: 68px;
  min-width: 68px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 12px;

  border: 0;
  border-radius: 18px;

  background: rgba(42, 157, 143, 0.09);

  box-sizing: border-box;

  transition:
    transform 0.25s ease,
    background 0.25s ease;
}

.itm-home-categories .itm-home-category-image svg {
  width: 44px;
  height: 44px;
  min-width: 44px;
  max-width: 44px;
  max-height: 44px;

  display: block;

  margin: 0;
  padding: 0;

  color: #2a9d8f;
  overflow: visible;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.itm-home-categories .itm-home-category-row:hover .itm-home-category-image {
  background: rgba(233, 196, 106, 0.15);
  transform: scale(1.04);
}

.itm-home-categories .itm-home-category-row:hover .itm-home-category-image svg {
  color: #d7a832;
  transform: scale(1.06);
}

/* =========================================================
   CATEGORY TEXT
========================================================= */

.itm-home-categories .itm-home-category-info {
  grid-column: 2;

  display: block;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  text-align: right;
}

.itm-home-categories .itm-home-category-info strong {
  display: block;

  width: 100%;

  margin: 0 0 6px;
  padding: 0;

  color: #17343e;

  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;

  white-space: normal;
  word-break: normal;
}

.itm-home-categories .itm-home-category-info small {
  display: block;

  width: 100%;

  margin: 0;
  padding: 0;

  color: #71858a;

  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.8;

  white-space: normal;
  word-break: normal;
}

/* =========================================================
   ARROW
========================================================= */

.itm-home-categories .itm-home-category-arrow {
  grid-column: 3;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0;

  border-radius: 50%;

  color: #2a9d8f;

  font-size: 18px;

  transition:
    color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease;
}

.itm-home-categories .itm-home-category-row:hover .itm-home-category-arrow {
  background: #2a9d8f;
  color: #fff;
  transform: translateX(-3px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199.98px) {
  .itm-home-categories .itm-home-categories-layout {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 24px;
  }

  .itm-home-categories .itm-home-category-row {
    grid-template-columns: 60px minmax(0, 1fr) 28px;
    column-gap: 13px;
    min-height: 108px;
    padding: 17px;
  }

  .itm-home-categories .itm-home-category-image {
    width: 60px;
    height: 60px;
    min-width: 60px;
    padding: 10px;
  }

  .itm-home-categories .itm-home-category-image svg {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    max-height: 40px;
  }
}

/* =========================================================
   TABLET PORTRAIT
========================================================= */

@media (max-width: 991.98px) {
  .itm-home-categories {
    padding: 55px 0;
  }

  .itm-home-categories .itm-home-categories-layout {
    display: block;
  }

  .itm-home-categories .itm-home-categories-intro {
    position: relative;
    top: auto;
    width: 100%;
    margin: 0 0 24px;
    padding: 32px 26px;
    border-radius: 26px;
  }

  .itm-home-categories .itm-home-categories-title {
    font-size: 29px;
  }

  .itm-home-categories .itm-home-categories-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .itm-home-categories {
    padding: 42px 0;
  }

  .itm-home-categories .itm-home-categories-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .itm-home-categories .itm-home-category-row {
    grid-template-columns: 58px minmax(0, 1fr) 28px;
    column-gap: 13px;

    min-height: 96px;

    padding: 15px;

    border-radius: 17px;
  }

  .itm-home-categories .itm-home-category-image {
    width: 58px;
    height: 58px;
    min-width: 58px;

    padding: 10px;

    border-radius: 16px;
  }

  .itm-home-categories .itm-home-category-image svg {
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;
    max-height: 38px;
  }

  .itm-home-categories .itm-home-category-info strong {
    margin-bottom: 3px;
    font-size: 15px;
  }

  .itm-home-categories .itm-home-category-info small {
    font-size: 12px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {
  .itm-home-categories .itm-home-categories-intro {
    padding: 28px 21px;
  }

  .itm-home-categories .itm-home-categories-title {
    font-size: 26px;
  }

  .itm-home-categories .itm-home-category-row {
    grid-template-columns: 52px minmax(0, 1fr) 24px;
    column-gap: 11px;
    padding: 13px;
  }

  .itm-home-categories .itm-home-category-image {
    width: 52px;
    height: 52px;
    min-width: 52px;
    padding: 9px;
  }

  .itm-home-categories .itm-home-category-image svg {
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    max-height: 34px;
  }
}
.itm-auction-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:520px;
    display:flex;
    align-items:center;
    padding:54px 0 105px;
    background:
        radial-gradient(circle at 82% 12%,rgba(233,196,106,.18),transparent 27%),
        radial-gradient(circle at 8% 88%,rgba(42,157,143,.2),transparent 30%),
        linear-gradient(135deg,#102f36 0%,#15464d 52%,#185158 100%);
    font-family:"Vazirmatn",sans-serif;
}

.itm-auction-hero__background{
    position:absolute;
    inset:0;
    z-index:-1;
    overflow:hidden;
}

.itm-auction-hero__mesh{
    position:absolute;
    inset:0;
    opacity:.75;
    background:
        radial-gradient(circle at 72% 45%,rgba(42,157,143,.14),transparent 26%),
        radial-gradient(circle at 30% 10%,rgba(233,196,106,.08),transparent 22%);
}

.itm-auction-hero__grid{
    position:absolute;
    inset:0;
    opacity:.09;
    background-image:
        linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to left,#000,transparent 88%);
}

.itm-auction-hero__glow{
    position:absolute;
    display:block;
    border-radius:50%;
    pointer-events:none;
}

.itm-auction-hero__glow--one{
    width:420px;
    height:420px;
    top:-240px;
    right:-90px;
    border:1px solid rgba(233,196,106,.13);
    box-shadow:
        0 0 0 50px rgba(233,196,106,.025),
        0 0 0 100px rgba(233,196,106,.012);
}

.itm-auction-hero__glow--two{
    width:330px;
    height:330px;
    left:-150px;
    bottom:-170px;
    background:radial-gradient(circle,rgba(42,157,143,.2),transparent 68%);
}

.itm-auction-hero__glow--three{
    width:110px;
    height:110px;
    top:25%;
    left:43%;
    border:1px solid rgba(255,255,255,.06);
}

.itm-auction-hero__line{
    position:absolute;
    display:block;
    width:300px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(233,196,106,.25),transparent);
    transform:rotate(-35deg);
}

.itm-auction-hero__line--one{
    top:100px;
    left:18%;
}

.itm-auction-hero__line--two{
    right:32%;
    bottom:100px;
}

.itm-auction-hero__container{
    position:relative;
    z-index:3;
}

.itm-auction-hero__breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:38px;
    color:rgba(255,255,255,.48);
    font-size:11px;
    font-weight:700;
}

.itm-auction-hero__breadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:rgba(255,255,255,.68) !important;
    text-decoration:none !important;
    transition:color .25s ease;
}

.itm-auction-hero__breadcrumb a:hover{
    color:#e9c46a !important;
}

.itm-auction-hero__breadcrumb > i{
    color:rgba(233,196,106,.55);
    font-size:10px;
}

.itm-auction-hero__layout{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    align-items:center;
    gap:70px;
}

.itm-auction-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
    padding:9px 16px;
    border:1px solid rgba(233,196,106,.2);
    border-radius:999px;
    background:rgba(233,196,106,.08);
    color:#e9c46a;
    font-size:11px;
    font-weight:900;
    backdrop-filter:blur(10px);
}

.itm-auction-hero__eyebrow i{
    font-size:15px;
}

.itm-auction-hero__title{
    margin:0;
    color:#fff;
    font-size:49px;
    font-weight:900;
    line-height:1.55;
    letter-spacing:-1px;
    text-shadow:0 15px 35px rgba(0,0,0,.16);
}

.itm-auction-hero__description{
    max-width:680px;
    margin:15px 0 0;
    color:rgba(255,255,255,.67);
    font-size:14px;
    font-weight:500;
    line-height:2.1;
}

.itm-auction-hero__visual{
    position:relative;
    width:285px;
    height:285px;
    margin:0 auto;
}

.itm-auction-hero__orbit{
    position:absolute;
    border-radius:50%;
}

.itm-auction-hero__orbit--outer{
    inset:0;
    border:1px solid rgba(255,255,255,.11);
}

.itm-auction-hero__orbit--outer:before,
.itm-auction-hero__orbit--outer:after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:#e9c46a;
    box-shadow:0 0 18px rgba(233,196,106,.55);
}

.itm-auction-hero__orbit--outer:before{
    width:8px;
    height:8px;
    top:27px;
    right:49px;
}

.itm-auction-hero__orbit--outer:after{
    width:5px;
    height:5px;
    bottom:42px;
    left:35px;
    opacity:.6;
}

.itm-auction-hero__orbit--inner{
    inset:38px;
    border:1px dashed rgba(233,196,106,.18);
}

.itm-auction-hero__auction-card{
    position:absolute;
    inset:66px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0,rgba(233,196,106,.12),transparent 55%),
        linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
    box-shadow:
        0 28px 60px rgba(2,26,30,.28),
        inset 0 1px 0 rgba(255,255,255,.16);
    text-align:center;
    backdrop-filter:blur(16px);
    transform:rotate(3deg);
}

.itm-auction-hero__auction-label{
    position:absolute;
    top:-10px;
    padding:5px 12px;
    border-radius:999px;
    background:#e9c46a;
    color:#17343e;
    font-size:9px;
    font-weight:900;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.itm-auction-hero__gavel{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:17px;
    background:linear-gradient(145deg,#f2d47d,#dcae42);
    color:#17343e;
    font-size:21px;
    box-shadow:0 13px 28px rgba(0,0,0,.2);
}

.itm-auction-hero__auction-card strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
    line-height:1.8;
}

.itm-auction-hero__auction-sub{
    margin-top:3px;
    color:rgba(255,255,255,.48);
    font-size:8px;
    font-weight:600;
}

.itm-auction-hero__float{
    position:absolute;
    width:49px;
    height:49px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:rgba(11,48,53,.7);
    color:#e9c46a;
    font-size:17px;
    box-shadow:0 15px 32px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
}

.itm-auction-hero__float--percent{
    top:17px;
    right:37px;
    transform:rotate(7deg);
}

.itm-auction-hero__float--tag{
    left:0;
    top:122px;
    transform:rotate(-6deg);
}

.itm-auction-hero__float--clock{
    right:50px;
    bottom:5px;
    transform:rotate(-4deg);
}

.itm-auction-hero__curve{
    position:absolute;
    right:-2%;
    bottom:-68px;
    left:-2%;
    height:110px;
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    background:#f7faf9;
    z-index:4;
}

@media(max-width:991px){

    .itm-auction-hero{
        min-height:auto;
        padding:45px 0 110px;
    }

    .itm-auction-hero__layout{
        grid-template-columns:1fr;
        gap:45px;
    }

    .itm-auction-hero__content{
        text-align:center;
    }

    .itm-auction-hero__description{
        margin-right:auto;
        margin-left:auto;
    }

    .itm-auction-hero__title{
        font-size:42px;
    }

    .itm-auction-hero__breadcrumb{
        margin-bottom:32px;
    }

}

@media(max-width:767px){

    .itm-auction-hero{
        padding:32px 0 95px;
    }

    .itm-auction-hero__breadcrumb{
        margin-bottom:30px;
    }

    .itm-auction-hero__title{
        font-size:32px;
        line-height:1.65;
    }

    .itm-auction-hero__description{
        font-size:13px;
    }

    .itm-auction-hero__visual{
        width:245px;
        height:245px;
    }

    .itm-auction-hero__auction-card{
        inset:57px;
        border-radius:25px;
    }

    .itm-auction-hero__gavel{
        width:45px;
        height:45px;
        border-radius:14px;
        font-size:18px;
    }

    .itm-auction-hero__float{
        width:43px;
        height:43px;
        border-radius:14px;
        font-size:15px;
    }

    .itm-auction-hero__float--percent{
        top:12px;
        right:30px;
    }

    .itm-auction-hero__float--tag{
        top:103px;
    }

    .itm-auction-hero__float--clock{
        right:40px;
        bottom:2px;
    }

}

/* =========================================================
   Iran Textile Market - Odoo Helpdesk Ticket Form
   Scoped only to Helpdesk Team page
   ========================================================= */

   #wrap.container.mt-4:has(#helpdesk_ticket_form){
    direction:rtl;
    width:calc(100% - 30px);
    max-width:1120px;
    margin:55px auto 85px!important;
    padding:0!important;
    font-family:"Vazirmatn",sans-serif;
}

/* حذف فضاهای خالی ساختار اصلی */
#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row{
    position:relative;
    margin:0!important;
    padding:55px 55px 50px;
    overflow:hidden;
    border:1px solid rgba(23,52,62,.08);
    border-radius:32px;
    background:
        radial-gradient(circle at 100% 0,rgba(42,157,143,.10),transparent 32%),
        radial-gradient(circle at 0 100%,rgba(233,196,106,.10),transparent 28%),
        #fff;
    box-shadow:0 25px 70px rgba(23,52,62,.09);
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:180px;
    height:5px;
    border-radius:0 0 0 999px;
    background:linear-gradient(90deg,#2a9d8f,#e9c46a);
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row > .oe_structure:first-child,
#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row > .col-md-9{
    display:none!important;
}

/* فرم تمام عرض */
#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row > .col-md-8{
    position:relative;
    z-index:2;
    width:100%!important;
    max-width:760px;
    flex:0 0 760px!important;
    margin:0 auto!important;
    padding:0!important;
}

/* ستون راست پیش‌فرض Helpdesk */
#wrap.container.mt-4:has(#helpdesk_ticket_form) > .row > #right-column{
    display:none!important;
}

/* Container های تو در تو Odoo */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container,
#wrap.container.mt-4:has(#helpdesk_ticket_form) #helpdesk_section > section > .container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
}

/* عنوان */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2{
    position:relative;
    margin:0 0 45px!important;
    padding:78px 0 0;
    color:#17343e;
    font-size:32px;
    line-height:1.6;
    font-weight:900;
    text-align:center;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2:before{
    content:"\f0e0";
    position:absolute;
    top:0;
    right:50%;
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:19px;
    background:linear-gradient(145deg,#2a9d8f,#21877c);
    color:#fff;
    font-family:"FontAwesome";
    font-size:23px;
    font-weight:normal;
    transform:translateX(50%);
    box-shadow:
        0 14px 30px rgba(42,157,143,.24),
        inset 0 1px 0 rgba(255,255,255,.2);
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2:after{
    content:"درخواست خود را ثبت کنید تا کارشناسان پشتیبانی بازار نساجی ایران آن را بررسی کنند.";
    display:block;
    max-width:570px;
    margin:9px auto 0;
    color:#71858a;
    font-size:13px;
    line-height:2;
    font-weight:500;
}

/* خود section فرم */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form{
    padding:0!important;
    background:transparent!important;
}

/* هر Field */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_field{
    margin:0!important;
    padding:0 0 20px!important;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_field > .row{
    display:block!important;
    margin:0!important;
}

/* Label */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_label{
    display:block!important;
    width:auto!important;
    margin:0 0 9px!important;
    padding:0!important;
    color:#17343e;
    font-size:13px;
    font-weight:800;
    line-height:1.8;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_mark{
    color:#d99e27;
    font-weight:900;
}

/* input wrapper */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_field .col-sm{
    width:100%!important;
    padding:0!important;
}

/* Inputs */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_input{
    width:100%;
    min-height:52px;
    padding:12px 17px;
    border:1px solid rgba(23,52,62,.11);
    border-radius:15px;
    outline:0;
    background:#f8fbfa;
    color:#17343e;
    font-family:"Vazirmatn",sans-serif;
    font-size:13px;
    box-shadow:none;
    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) textarea.s_website_form_input{
    min-height:145px;
    resize:vertical;
    line-height:2;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_input:hover{
    border-color:rgba(42,157,143,.28);
    background:#fff;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_input:focus{
    border-color:#2a9d8f;
    background:#fff;
    box-shadow:0 0 0 4px rgba(42,157,143,.09);
}

/* File */
#wrap.container.mt-4:has(#helpdesk_ticket_form) input[type="file"].s_website_form_input{
    min-height:58px;
    padding:8px;
    background:#f8fbfa;
    cursor:pointer;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) input[type="file"].s_website_form_input::file-selector-button{
    margin-left:12px;
    padding:9px 18px;
    border:0;
    border-radius:10px;
    background:#e8f5f3;
    color:#237f76;
    font-family:"Vazirmatn",sans-serif;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

/* فیلد hidden */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_dnone{
    display:none!important;
}

/* Submit */
#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_submit{
    display:flex!important;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
    margin:7px 0 0!important;
    padding:0!important;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_submit > .s_website_form_label{
    display:none!important;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_send{
    position:relative;
    min-width:205px;
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:13px 27px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#2a9d8f,#207d75)!important;
    color:#fff!important;
    font-family:"Vazirmatn",sans-serif;
    font-size:13px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 14px 28px rgba(42,157,143,.22)!important;
    transition:
        transform .25s ease,
        box-shadow .25s ease!important;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_send:before{
    content:"\f1d8";
    font-family:"FontAwesome";
    font-size:14px;
    font-weight:normal;
}

#wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_send:hover{
    transform:translateY(-3px);
    box-shadow:0 19px 34px rgba(42,157,143,.28)!important;
}

/* result */
#wrap.container.mt-4:has(#helpdesk_ticket_form) #s_website_form_result{
    color:#71858a;
    font-size:12px;
}

/* Responsive */
@media(max-width:767px){

    #wrap.container.mt-4:has(#helpdesk_ticket_form){
        width:calc(100% - 24px);
        margin:30px auto 55px!important;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) > .row{
        padding:36px 20px 30px;
        border-radius:24px;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) > .row > .col-md-8{
        max-width:100%;
        flex:0 0 100%!important;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2{
        margin-bottom:35px!important;
        padding-top:70px;
        font-size:25px;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2:before{
        width:54px;
        height:54px;
        border-radius:17px;
        font-size:20px;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .col-md-8 > div > .container > h2:after{
        font-size:12px;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_input{
        min-height:50px;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_submit{
        display:block!important;
    }

    #wrap.container.mt-4:has(#helpdesk_ticket_form) .s_website_form_send{
        width:100%;
    }

}
/* =========================================================
   Iran Textile Market - Contact / Generic Website Form
   Scoped to mail.mail forms only
   ========================================================= */

   form[data-model_name="mail.mail"]{
    direction:rtl;
    position:relative;
    width:100%;
    max-width:780px;
    margin:35px auto 60px;
    padding:42px 44px 38px;
    overflow:hidden;
    border:1px solid rgba(23,52,62,.08);
    border-radius:28px;
    background:
        radial-gradient(circle at 100% 0,rgba(42,157,143,.10),transparent 31%),
        radial-gradient(circle at 0 100%,rgba(233,196,106,.09),transparent 28%),
        #fff;
    box-shadow:0 24px 65px rgba(23,52,62,.09);
    font-family:"Vazirmatn",sans-serif;
}

form[data-model_name="mail.mail"]:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:160px;
    height:4px;
    border-radius:0 0 0 999px;
    background:linear-gradient(90deg,#2a9d8f,#e9c46a);
}

/* Hidden fields */
form[data-model_name="mail.mail"] .s_website_form_dnone{
    display:none!important;
}

/* Fields */
form[data-model_name="mail.mail"] .s_website_form_field{
    margin:0!important;
    padding:0 0 19px!important;
}

form[data-model_name="mail.mail"] .s_website_form_field > .row{
    display:block!important;
    margin:0!important;
}

form[data-model_name="mail.mail"] .s_website_form_field .col-sm{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
}

/* Labels */
form[data-model_name="mail.mail"] .s_website_form_label{
    display:block!important;
    width:auto!important;
    margin:0 0 8px!important;
    padding:0!important;
    color:#17343e;
    font-size:13px;
    line-height:1.8;
    font-weight:800;
}

form[data-model_name="mail.mail"] .s_website_form_mark{
    margin-right:3px;
    color:#d7a53c;
    font-weight:900;
}

/* Inputs */
form[data-model_name="mail.mail"] .s_website_form_input{
    width:100%;
    min-height:52px;
    padding:12px 17px;
    border:1px solid rgba(23,52,62,.11);
    border-radius:15px;
    outline:0;
    background:#f8fbfa;
    color:#17343e;
    font-family:"Vazirmatn",sans-serif;
    font-size:13px;
    font-weight:500;
    box-shadow:none;
    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

form[data-model_name="mail.mail"] .s_website_form_input::placeholder{
    color:#9aabad;
    opacity:1;
    font-size:12px;
}

form[data-model_name="mail.mail"] .s_website_form_input:hover{
    border-color:rgba(42,157,143,.32);
    background:#fff;
}

form[data-model_name="mail.mail"] .s_website_form_input:focus{
    border-color:#2a9d8f;
    background:#fff;
    box-shadow:0 0 0 4px rgba(42,157,143,.09);
}

/* Textarea */
form[data-model_name="mail.mail"] textarea.s_website_form_input{
    min-height:145px;
    padding-top:15px;
    line-height:2;
    resize:vertical;
}

/* Field Description */
form[data-model_name="mail.mail"] .s_website_form_field_description{
    position:relative;
    margin:8px 2px 0!important;
    padding-right:19px;
    color:#829598!important;
    font-size:10px!important;
    line-height:1.8;
}

form[data-model_name="mail.mail"] .s_website_form_field_description:before{
    content:"\f05a";
    position:absolute;
    top:0;
    right:0;
    color:#2a9d8f;
    font-family:"FontAwesome";
    font-size:12px;
}

/* Submit Area */
form[data-model_name="mail.mail"] .s_website_form_submit{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
    margin:5px 0 0!important;
    padding:0!important;
}

form[data-model_name="mail.mail"] .s_website_form_submit > .s_website_form_label{
    display:none!important;
}

/* Submit Button */
form[data-model_name="mail.mail"] .s_website_form_send{
    min-width:175px;
    min-height:52px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 26px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#2a9d8f 0%,#207d75 100%)!important;
    color:#fff!important;
    font-family:"Vazirmatn",sans-serif;
    font-size:13px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 14px 28px rgba(42,157,143,.22)!important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease!important;
}

form[data-model_name="mail.mail"] .s_website_form_send:before{
    content:"\f1d8";
    font-family:"FontAwesome";
    font-size:14px;
    font-weight:normal;
}

form[data-model_name="mail.mail"] .s_website_form_send:hover{
    transform:translateY(-3px);
    filter:brightness(1.04);
    box-shadow:0 19px 36px rgba(42,157,143,.3)!important;
}

/* Validation */
form[data-model_name="mail.mail"] .is-invalid,
form[data-model_name="mail.mail"] .s_website_form_input:invalid:focus{
    border-color:#d96c63;
}

form[data-model_name="mail.mail"] .is-invalid:focus{
    box-shadow:0 0 0 4px rgba(217,108,99,.09);
}

/* Result */
form[data-model_name="mail.mail"] #s_website_form_result{
    color:#71858a;
    font-size:11px;
    line-height:1.8;
}

/* Remove unwanted Bootstrap spacing */
form[data-model_name="mail.mail"] .s_website_form_rows{
    margin:0!important;
}

form[data-model_name="mail.mail"] .s_website_form_rows > *{
    padding-right:0;
    padding-left:0;
}

/* Mobile */
@media(max-width:767px){

    form[data-model_name="mail.mail"]{
        width:100%;
        margin:20px auto 40px;
        padding:30px 20px 26px;
        border-radius:22px;
    }

    form[data-model_name="mail.mail"] .s_website_form_field{
        padding-bottom:16px!important;
    }

    form[data-model_name="mail.mail"] .s_website_form_input{
        min-height:50px;
        padding:11px 14px;
        border-radius:13px;
    }

    form[data-model_name="mail.mail"] textarea.s_website_form_input{
        min-height:130px;
    }

    form[data-model_name="mail.mail"] .s_website_form_submit{
        display:block!important;
    }

    form[data-model_name="mail.mail"] .s_website_form_send{
        width:100%;
        min-height:52px;
    }

    form[data-model_name="mail.mail"] #s_website_form_result{
        display:block;
        margin-bottom:10px;
    }

}

.quote_products{direction:rtl;padding:35px 0 65px;font-family:Vazirmatn,sans-serif;}

.quote_products>.col-md-12{padding:0;}

.quote_products>.col-md-12>.row.m-3{position:relative;margin:0 0 30px!important;padding:28px 30px;border:1px solid rgba(42,157,143,.12);border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(42,157,143,.12),transparent 32%),radial-gradient(circle at 10% 80%,rgba(233,196,106,.12),transparent 28%),linear-gradient(135deg,#fff,#f7faf9);box-shadow:0 15px 40px rgba(23,52,62,.07);overflow:hidden;}

.quote_products>.col-md-12>.row.m-3:before{content:"";position:absolute;top:0;right:35px;left:35px;height:3px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#2a9d8f,#e9c46a,#2a9d8f);}

.quote_products>.col-md-12>.row.m-3 h3{position:relative;margin:0!important;color:#17343e!important;font-size:28px!important;font-weight:900!important;line-height:1.7;text-align:center!important;}

.quote_products>.col-md-12>.row.m-3 h3:after{content:"درخواست تأمین کالا";display:block;margin-top:4px;color:#71858a;font-size:15px;font-weight:500;}

.quote_products>.col-md-12>.row:not(.m-3){display:flex;align-items:stretch;row-gap:24px;margin-right:-12px;margin-left:-12px;}

.quote_products #quote_method{display:flex!important;padding:0 12px 0!important;border:0!important;background:transparent!important;}

.quote_products #quote_method>div{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(23,52,62,.09);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(23,52,62,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}

.quote_products #quote_method>div:hover{transform:translateY(-5px);border-color:rgba(42,157,143,.25);box-shadow:0 20px 45px rgba(23,52,62,.12);}

.quote_products .oe_product_image{position:relative;width:100%;height:235px;margin:0!important;padding:14px;overflow:hidden;background:linear-gradient(145deg,#f7faf9,#fff);}

.quote_products .oe_product_image:after{content:"";position:absolute;right:18px;bottom:0;left:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(23,52,62,.09),transparent);}

.quote_products .oe_product_image>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;background:#f8faf9;}

.quote_products .oe_product_image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;padding:8px;transition:transform .35s ease;}

.quote_products #quote_method>div:hover .oe_product_image img{transform:scale(1.045);}

.quote_products .product-item-details{display:flex;flex:1;flex-direction:column;padding:19px 18px 18px!important;text-align:right!important;}

.quote_products .product-item-name{display:block;min-height:58px;margin:0!important;font-size:16px!important;font-weight:800!important;line-height:1.8;}

.quote_products .product-item-link{display:-webkit-box;overflow:hidden;color:#17343e!important;text-decoration:none!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s ease;}

.quote_products .product-item-link:hover{color:#2a9d8f!important;}

.quote_products .product-item-inner{margin-top:auto!important;padding-top:17px;}

.quote_products .product.actions{width:100%;}

.quote_products .product.actions>div{width:100%;}

.quote_products .product.actions form{width:100%;margin:0;}

.quote_products .product.actions .btn-primary{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px;padding:10px 16px!important;border:1px solid #2a9d8f!important;border-radius:13px!important;background:linear-gradient(135deg,#2a9d8f,#21877c)!important;color:#fff!important;font-family:Vazirmatn,sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.5;box-shadow:0 8px 20px rgba(42,157,143,.18)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;}

.quote_products .product.actions .btn-primary span{color:#fff!important;}

.quote_products .product.actions .btn-primary span:after{content:"  ←";font-size:17px;}

.quote_products .product.actions .btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#238f83,#1b746b)!important;box-shadow:0 12px 26px rgba(42,157,143,.27)!important;}

.quote_products .product.actions .actions-secondary[style*="display: none"]{display:none!important;}

@media(max-width:991.98px){.quote_products .oe_product_image{height:210px;}.quote_products .product-item-name{min-height:55px;font-size:15px!important;}}

@media(max-width:767.98px){.quote_products{padding:25px 0 45px;}.quote_products>.col-md-12>.row.m-3{padding:23px 18px;margin-bottom:22px!important;border-radius:19px;}.quote_products>.col-md-12>.row.m-3 h3{font-size:23px!important;}.quote_products #quote_method{width:50%;padding:0 7px!important;}.quote_products>.col-md-12>.row:not(.m-3){row-gap:14px;margin-right:-7px;margin-left:-7px;}.quote_products #quote_method>div{border-radius:17px;}.quote_products .oe_product_image{height:180px;padding:10px;}.quote_products .product-item-details{padding:15px 13px 14px!important;}.quote_products .product-item-name{min-height:52px;font-size:14px!important;}.quote_products .product.actions .btn-primary{min-height:44px;padding:8px 10px!important;font-size:14px!important;}}

@media(max-width:479.98px){.quote_products #quote_method{width:100%;}.quote_products .oe_product_image{height:230px;}.quote_products .product-item-name{min-height:auto;margin-bottom:5px!important;}}

.quote_products + .oe_website_sale{direction:rtl;font-family:Vazirmatn,sans-serif;}

.oe_website_sale:has(.oe_cart){direction:rtl;max-width:1180px!important;margin:35px auto 70px!important;padding:0 24px!important;font-family:Vazirmatn,sans-serif;}

.oe_website_sale .oe_cart{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0 auto;padding:32px!important;border:1px solid rgba(23,52,62,.08);border-radius:28px;background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%);box-shadow:0 18px 55px rgba(23,52,62,.08);}

.oe_website_sale .oe_cart>.row:first-child{margin:0;}

.oe_website_sale .oe_cart>.row:first-child>.col-lg-12{padding:0;}

.oe_website_sale .oe_cart table{width:100%;margin:0!important;border-collapse:separate!important;border-spacing:0 8px!important;}

.oe_website_sale .oe_cart table thead th{padding:13px 18px!important;border:0!important;background:transparent!important;color:#71858a!important;font-size:14px!important;font-weight:700!important;text-align:right!important;}

.oe_website_sale .oe_cart table tbody tr{position:relative;background:#f7faf9;transition:transform .2s ease,box-shadow .2s ease;}

.oe_website_sale .oe_cart table tbody tr:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(23,52,62,.07);}

.oe_website_sale .oe_cart table tbody td{padding:13px 18px!important;border-top:1px solid rgba(23,52,62,.06)!important;border-bottom:1px solid rgba(23,52,62,.06)!important;background:#f8fbfa!important;vertical-align:middle!important;}

.oe_website_sale .oe_cart table tbody td:first-child{border-right:1px solid rgba(23,52,62,.06)!important;border-radius:0 15px 15px 0!important;}

.oe_website_sale .oe_cart table tbody td:last-child{border-left:1px solid rgba(23,52,62,.06)!important;border-radius:15px 0 0 15px!important;}

.oe_website_sale .oe_cart table tbody img{width:76px!important;height:76px!important;object-fit:cover!important;padding:4px;border:1px solid rgba(23,52,62,.07);border-radius:14px!important;background:#fff;}

.oe_website_sale .oe_cart table tbody a{color:#17343e;text-decoration:none;font-weight:700;transition:color .2s ease;}

.oe_website_sale .oe_cart table tbody a:hover{color:#2a9d8f;}

.oe_website_sale .oe_cart input[type="number"],.oe_website_sale .oe_cart input.form-control{height:46px;border:1px solid rgba(23,52,62,.1)!important;border-radius:12px!important;background:#fff!important;color:#17343e!important;font-family:Vazirmatn,sans-serif;text-align:center;box-shadow:none!important;}

.oe_website_sale .oe_cart .input-group{overflow:hidden;border:1px solid rgba(42,157,143,.12);border-radius:14px;background:#fff;}

.oe_website_sale .oe_cart .input-group .form-control{border:0!important;border-radius:0!important;}

.oe_website_sale .oe_cart .input-group .btn{border:0!important;background:#f2f8f7!important;color:#2a9d8f!important;box-shadow:none!important;}

.oe_website_sale .oe_cart .input-group .btn:hover{background:#e4f3f0!important;color:#17343e!important;}

.oe_website_sale .oe_cart a[href*="delete"],.oe_website_sale .oe_cart .js_delete_product{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;color:#c95c5c!important;background:rgba(201,92,92,.07);transition:background .2s ease,color .2s ease;}

.oe_website_sale .oe_cart a[href*="delete"]:hover,.oe_website_sale .oe_cart .js_delete_product:hover{color:#fff!important;background:#c95c5c;}

.oe_website_sale .oe_cart>br{display:none;}

.oe_website_sale .oe_cart>.col-12{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:22px 0 0!important;border-top:1px solid rgba(23,52,62,.08);}

.oe_website_sale .oe_cart>.col-12>.btn-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:50px;margin:0!important;padding:11px 22px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#2a9d8f 0%,#21877c 100%)!important;color:#fff!important;font-family:Vazirmatn,sans-serif!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 9px 22px rgba(42,157,143,.2)!important;transition:transform .2s ease,box-shadow .2s ease!important;}

.oe_website_sale .oe_cart>.col-12>.btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(42,157,143,.28)!important;}

.oe_website_sale .oe_cart>.col-12>#btn_cart{background:linear-gradient(135deg,#17343e 0%,#185158 100%)!important;box-shadow:0 9px 22px rgba(23,52,62,.2)!important;}

.oe_website_sale .oe_cart>.col-12>#btn_cart:hover{box-shadow:0 13px 28px rgba(23,52,62,.28)!important;}

.oe_website_sale .oe_cart>.col-12>.btn-primary .fa{font-size:13px;}

.oe_website_sale .oe_cart .oe_structure{display:none;}

@media(max-width:767.98px){.oe_website_sale:has(.oe_cart){margin:22px auto 50px!important;padding:0 12px!important;}.oe_website_sale .oe_cart{padding:18px 14px!important;border-radius:20px;}.oe_website_sale .oe_cart table{font-size:13px;}.oe_website_sale .oe_cart table thead th{padding:10px 8px!important;font-size:13px!important;}.oe_website_sale .oe_cart table tbody td{padding:10px 8px!important;}.oe_website_sale .oe_cart table tbody img{width:58px!important;height:58px!important;border-radius:10px!important;}.oe_website_sale .oe_cart>.col-12{flex-direction:column-reverse;align-items:stretch;margin-top:20px;}.oe_website_sale .oe_cart>.col-12>.btn-primary{width:100%!important;min-height:48px;}.oe_website_sale .oe_cart>.col-12>#btn_cart{float:none!important;}}

@media(max-width:575.98px){.oe_website_sale .oe_cart{overflow-x:auto;}.oe_website_sale .oe_cart table{min-width:600px;}}

.itm-quote-success{position:relative;direction:rtl;padding:75px 0 90px;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(233,196,106,.12),transparent 25%),radial-gradient(circle at 90% 80%,rgba(42,157,143,.14),transparent 28%),#f7faf9;font-family:Vazirmatn,sans-serif;}

.itm-quote-success .container{position:relative;z-index:2;max-width:920px;}

.itm-quote-success-card{position:relative;overflow:hidden;padding:55px 70px 50px;border:1px solid rgba(42,157,143,.13);border-radius:32px;background:rgba(255,255,255,.94);box-shadow:0 25px 70px rgba(23,52,62,.1);text-align:center;}

.itm-quote-success-card:before{content:"";position:absolute;top:0;right:70px;left:70px;height:4px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#2a9d8f,#e9c46a,#2a9d8f);}

.itm-quote-success-decoration{position:absolute;border-radius:50%;pointer-events:none;}

.itm-quote-success-decoration-one{top:-120px;right:-100px;width:290px;height:290px;border:1px solid rgba(42,157,143,.09);box-shadow:0 0 0 35px rgba(42,157,143,.025),0 0 0 70px rgba(42,157,143,.018);}

.itm-quote-success-decoration-two{bottom:-150px;left:-120px;width:320px;height:320px;border:1px solid rgba(233,196,106,.12);box-shadow:0 0 0 40px rgba(233,196,106,.025);}

.itm-quote-success-icon{position:relative;display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin:0 auto 22px;border:1px solid rgba(42,157,143,.18);border-radius:28px;background:linear-gradient(145deg,#2a9d8f,#21877c);color:#fff;font-size:38px;box-shadow:0 15px 35px rgba(42,157,143,.25);transform:rotate(4deg);}

.itm-quote-success-icon i{transform:rotate(-4deg);}

.itm-quote-success-badge{position:relative;display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;padding:8px 15px;border:1px solid rgba(42,157,143,.12);border-radius:50px;background:rgba(42,157,143,.07);color:#21877c;font-size:14px;font-weight:800;}

.itm-quote-success-badge i{color:#2a9d8f;font-size:15px;}

.itm-quote-success-title{position:relative;margin:0 0 14px!important;color:#17343e!important;font-size:36px!important;font-weight:900!important;line-height:1.6!important;}

.itm-quote-success-title span{color:#2a9d8f;}

.itm-quote-success-description{position:relative;max-width:680px;margin:0 auto 28px!important;color:#71858a!important;font-size:16px!important;font-weight:500;line-height:2.1!important;}

.itm-quote-success-status{position:relative;display:flex;align-items:center;gap:16px;max-width:680px;margin:0 auto 30px;padding:18px 20px;border:1px solid rgba(42,157,143,.1);border-radius:18px;background:linear-gradient(135deg,rgba(42,157,143,.065),rgba(42,157,143,.025));text-align:right;}

.itm-quote-success-status-icon{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#2a9d8f;font-size:20px;box-shadow:0 6px 18px rgba(23,52,62,.07);}

.itm-quote-success-status-content{display:flex;flex-direction:column;gap:3px;}

.itm-quote-success-status-content strong{color:#17343e;font-size:15px;font-weight:900;}

.itm-quote-success-status-content span{color:#71858a;font-size:14px;font-weight:500;line-height:1.8;}

.itm-quote-success-actions{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;}

.itm-quote-success-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:190px;min-height:50px;padding:11px 22px;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}

.itm-quote-success-btn-primary{border:1px solid #2a9d8f;background:linear-gradient(135deg,#2a9d8f,#21877c);color:#fff!important;box-shadow:0 10px 24px rgba(42,157,143,.22);}

.itm-quote-success-btn-primary:hover{transform:translateY(-2px);color:#fff!important;box-shadow:0 14px 30px rgba(42,157,143,.3);}

.itm-quote-success-btn-secondary{border:1px solid rgba(23,52,62,.1);background:#fff;color:#17343e!important;box-shadow:0 7px 20px rgba(23,52,62,.06);}

.itm-quote-success-btn-secondary:hover{transform:translateY(-2px);border-color:rgba(42,157,143,.3);background:#f7faf9;color:#2a9d8f!important;}

@media(max-width:767.98px){.itm-quote-success{padding:45px 12px 60px;}.itm-quote-success-card{padding:42px 22px 35px;border-radius:24px;}.itm-quote-success-card:before{right:30px;left:30px;}.itm-quote-success-icon{width:78px;height:78px;border-radius:23px;font-size:32px;}.itm-quote-success-title{font-size:28px!important;}.itm-quote-success-description{font-size:15px!important;line-height:2!important;}.itm-quote-success-actions{flex-direction:column;}.itm-quote-success-btn{width:100%;}.itm-quote-success-status{align-items:flex-start;padding:16px;}}

@media(max-width:479.98px){.itm-quote-success-card{padding:36px 16px 28px;}.itm-quote-success-title{font-size:25px!important;}.itm-quote-success-badge{font-size:13px;}.itm-quote-success-status-content span{font-size:13px;}}

.o_wsale_products_page #products_grid_before{position:sticky!important;top:18px!important;flex:0 0 245px!important;width:245px!important;max-width:245px!important;margin:0!important;padding:0!important;border:1px solid #e7edeb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,52,62,.05)!important;overflow:hidden!important}
.o_wsale_products_page #products_grid_before .o_wsale_products_grid_before_rail{width:100%!important;height:auto!important;max-height:calc(100vh - 36px)!important;margin:0!important;padding:0 14px 18px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(42,157,143,.22) transparent}
.o_wsale_products_page #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar{width:4px}
.o_wsale_products_page #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar-track{background:transparent}
.o_wsale_products_page #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb{background:rgba(42,157,143,.22);border-radius:20px}
.o_wsale_products_page #products_grid_before:before{content:"\641 \6CC \644 \62A \631  \645 \62D \635 \648 \644 \627 \62A ";display:flex;align-items:center;height:58px;padding:0 18px;border-bottom:1px solid #edf1f0;background:linear-gradient(135deg,rgba(42,157,143,.08),#fff);color:#17343E;font-family:Vazirmatn,sans-serif;font-size:14px;font-weight:800}
.o_wsale_products_page #products_grid_before:after{content:"\f0b0";position:absolute;top:14px;left:15px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(42,157,143,.08);color:#2A9D8F;font-family:FontAwesome;font-size:13px}
.o_wsale_products_page #products_grid_before .products_categories{margin:0!important;padding:8px 0!important;border:0!important}
.o_wsale_products_page #products_grid_before .products_attributes_filters{margin:0!important;padding:0!important;border:0!important}
.o_wsale_products_page #products_grid_before .accordion{--bs-accordion-border-width:0;--bs-accordion-border-color:transparent;--bs-accordion-bg:transparent;--bs-accordion-btn-bg:transparent;--bs-accordion-active-bg:transparent;--bs-accordion-active-color:#17343E;margin:0!important;border:0!important;background:transparent!important}
.o_wsale_products_page #products_grid_before .accordion-item{margin:0!important;border:0!important;border-bottom:1px solid #edf1f0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .accordion-item:last-child{border-bottom:0!important}
.o_wsale_products_page #products_grid_before .accordion-header{margin:0!important;padding:0!important}
.o_wsale_products_page #products_grid_before .accordion-button{min-height:48px!important;padding:12px 3px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:700!important;text-align:right!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .accordion-button:not(.collapsed){background:transparent!important;color:#17343E!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .accordion-button:focus{border:0!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .accordion-button:after{width:12px!important;height:12px!important;margin-right:auto!important;margin-left:0!important;background-size:12px!important;opacity:.5}
.o_wsale_products_page #products_grid_before .accordion-collapse{border:0!important;background:transparent!important}
.o_wsale_products_page #products_grid_before .accordion-body{padding:0 3px 12px!important;border:0!important;background:transparent!important;color:#71858A!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important}
.o_wsale_products_page #products_grid_before select{display:block!important;width:100%!important;height:36px!important;margin:0!important;padding:0 10px!important;border:1px solid #e4e9e8!important;border-radius:8px!important;background:#fff!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;line-height:36px!important;box-shadow:none!important;outline:none!important}
.o_wsale_products_page #products_grid_before select:focus{border-color:rgba(42,157,143,.4)!important;box-shadow:0 0 0 3px rgba(42,157,143,.06)!important}
.o_wsale_products_page #products_grid_before .form-select{display:block!important;width:100%!important;min-height:36px!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;border:1px solid #e4e9e8!important;border-radius:8px!important;background-color:#fff!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .form-check{display:flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;margin:0!important;padding:2px 0!important}
.o_wsale_products_page #products_grid_before .form-check-input{float:none!important;flex:0 0 auto!important;width:14px!important;height:14px!important;margin:0!important;border:1px solid #ccd6d3!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .form-check-input:checked{border-color:#2A9D8F!important;background-color:#2A9D8F!important}
.o_wsale_products_page #products_grid_before .form-check-label{margin:0!important;color:#40575E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;line-height:1.7!important}
.o_wsale_products_page #products_grid_before .py-3.border-bottom{padding:10px 0!important;border-color:#edf1f0!important}
.o_wsale_products_page #products_grid_before .btn-light{width:100%!important;min-height:36px!important;border:1px solid rgba(42,157,143,.15)!important;border-radius:9px!important;background:rgba(42,157,143,.055)!important;color:#247F75!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;box-shadow:none!important}
.o_wsale_products_page #products_grid_before .o_wsale_price_range_option,.o_wsale_products_page #products_grid_before .o_wsale_price_range{margin:0!important;padding:10px 0 12px!important;border:0!important;border-radius:0!important;background:transparent!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title,.o_wsale_products_page #o_wsale_products_header .o_wsale_category_title{width:100%!important;margin:0 0 15px!important;padding:0!important;color:#198879!important;font-family:Vazirmatn,sans-serif!important;font-size:20px!important;font-weight:800!important;line-height:1.5!important;text-align:right!important;justify-content:flex-start!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_wrapper,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_wrapper{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;width:100%!important;margin:0!important;padding:4px 0 20px!important;overflow:visible!important;border-bottom:1px solid #dfe5e3!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip>*,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip>*{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 3px!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1.65!important;text-align:center!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;min-width:54px!important;margin:0 auto 7px!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;transition:transform .2s ease!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a:hover img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a:hover img{transform:translateY(-2px)!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a:hover,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a:hover{color:#2A9D8F!important}
.o_wsale_products_page .oe_subdescription,.o_wsale_products_page .oe_subdescription_wrapper{margin:0!important;padding:0!important;color:#71858A!important;font-family:Vazirmatn,sans-serif!important;font-size:10px!important;line-height:1.65!important}
.o_wsale_products_page .o_wsale_product_btn{width:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .o_wsale_product_action_row{width:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_pager{padding:28px 0 8px!important}
.o_wsale_products_page #o_wsale_pager .pagination{gap:4px!important;margin:0!important}
.o_wsale_products_page #o_wsale_pager .page-link{display:flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;padding:0 8px!important;border:1px solid #e1e7e5!important;border-radius:7px!important;background:#fff!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_pager .page-item.active .page-link{border-color:#2A9D8F!important;background:#2A9D8F!important;color:#fff!important}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_container{width:calc(100% - 28px)!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page #products_grid_before{flex-basis:225px!important;width:225px!important;max-width:225px!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page .o_wsale_products_main_row{gap:18px!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{gap:5px!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_container{width:calc(100% - 24px)!important;padding-top:18px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page .o_wsale_products_main_row{display:block!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_wrapper,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_wrapper{overflow-x:auto!important;overflow-y:hidden!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{justify-content:flex-start!important;min-width:max-content!important;gap:18px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip>*,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip>*{flex:0 0 85px!important;width:85px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_container{width:calc(100% - 20px)!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_grid{gap:10px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page .oe_product_cart{padding:6px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page .o_wsale_product_information{padding-top:7px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page .o_wsale_products_item_title,.o_wsale_products_page .o_wsale_products_item_title a{font-size:11px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_container{width:calc(100% - 16px)!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{padding-bottom:14px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip>*,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip>*{flex-basis:78px!important;width:78px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip img{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_grid>.oe_product{grid-column:span 1!important}
}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_wrapper,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_wrapper{order:2!important;width:100%!important;margin:0 0 34px!important;padding:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip>*,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip>*{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;margin:0!important;padding:0!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.7!important;text-align:center!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a>span:first-child,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a>span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:148px!important;margin:0 0 10px!important;padding:12px!important;overflow:hidden!important;border:1px solid rgba(23,52,62,.07)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,52,62,.06)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a:hover>span:first-child,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a:hover>span:first-child{transform:translateY(-3px)!important;border-color:rgba(42,157,143,.2)!important;box-shadow:0 15px 35px rgba(23,52,62,.09)!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a:hover,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a:hover{color:#2A9D8F!important}
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown{order:2!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
.o_wsale_products_page .oe_product_image_link{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .oe_product_image_img_wrapper{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .oe_product_image_img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important;border:0!important;border-radius:13px!important;transition:transform .3s ease!important}
.o_wsale_products_page .oe_product_cart:hover .oe_product_image_img{transform:scale(1.025)!important}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a>span:first-child,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a>span:first-child{height:135px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title,.o_wsale_products_page #o_wsale_products_header .o_wsale_category_title{font-size:23px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a>span:first-child,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a>span:first-child{height:130px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip a>span:first-child,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip a>span:first-child{height:115px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page .oe_product_image_img{border-radius:10px!important}
}
.o_wsale_products_page{direction:rtl!important;font-family:Vazirmatn,sans-serif!important;background:radial-gradient(circle at 0 35%,rgba(42,157,143,.09),transparent 28%),radial-gradient(circle at 100% 55%,rgba(233,196,106,.09),transparent 30%),#f8fbfa!important;padding:24px 0 50px!important}
.o_wsale_products_page #o_wsale_container{max-width:1440px!important;margin:0 auto!important}
.o_wsale_products_page .o_wsale_products_main_row{gap:24px!important;align-items:flex-start!important}
.o_wsale_products_page #products_grid{position:relative!important;min-width:0!important;padding:38px 34px 34px!important;border:1px solid rgba(23,52,62,.06)!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,252,251,.96))!important;box-shadow:0 18px 55px rgba(23,52,62,.07)!important;overflow:hidden!important}
.o_wsale_products_page #products_grid:before{content:""!important;position:absolute!important;right:-130px!important;top:-150px!important;width:360px!important;height:360px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(42,157,143,.07),transparent 68%)!important;pointer-events:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-align:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item>a{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;color:#17343E!important;text-decoration:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:150px!important;margin:0 0 10px!important;padding:15px!important;overflow:hidden!important;border:1px solid rgba(23,52,62,.07)!important;border-radius:18px!important;background-color:#fff!important;box-shadow:0 10px 28px rgba(23,52,62,.055)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_name{display:block!important;width:100%!important;min-height:23px!important;margin:0!important;padding:0 5px!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.8!important;text-align:center!important;white-space:normal!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item:hover .o_wsale_filmstrip_image{transform:translateY(-3px)!important;border-color:rgba(42,157,143,.22)!important;box-shadow:0 15px 34px rgba(23,52,62,.09)!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item:hover .o_wsale_filmstrip_name{color:#2A9D8F!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_products_header_search_form_container{order:1!important;display:block!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_products_header_search_form_container form{width:100%!important;margin:0!important}
.o_wsale_products_page #o_wsale_products_header .s_searchbar_input{display:flex!important;width:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .s_searchbar_input .input-group{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;height:46px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #e4ebe9!important;border-radius:13px!important;background:#F8FBFA!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .oe_search_box{order:1!important;flex:1 1 auto!important;width:100%!important;height:44px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;text-align:right!important;outline:none!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .oe_search_box::placeholder{color:#8D9D9F!important;opacity:1!important}
.o_wsale_products_page #o_wsale_products_header .oe_search_button{order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:#2A9D8F!important;color:#fff!important;font-size:14px!important;box-shadow:0 5px 14px rgba(42,157,143,.2)!important}
.o_wsale_products_page #o_wsale_products_header .oe_search_button:hover{background:#238A7E!important;color:#fff!important}
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown{order:3!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown{order:2!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown>.btn,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown>.btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:150px!important;height:46px!important;margin:0!important;padding:0 15px!important;border:1px solid #e4ebe9!important;border-radius:13px!important;background:#fff!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;box-shadow:none!important}
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown>.btn:hover,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown>.btn:hover{border-color:rgba(42,157,143,.28)!important;background:#F8FBFA!important;color:#2A9D8F!important}
.o_wsale_products_page #o_wsale_products_header .dropdown-menu{min-width:190px!important;margin-top:7px!important;padding:7px!important;border:1px solid #E4EBE9!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 35px rgba(23,52,62,.1)!important}
.o_wsale_products_page #o_wsale_products_header .dropdown-item{padding:9px 11px!important;border-radius:8px!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:11px!important;text-align:right!important}
.o_wsale_products_page #o_wsale_products_header .dropdown-item:hover{background:rgba(42,157,143,.07)!important;color:#2A9D8F!important}
.o_wsale_products_page .o_wsale_products_grid_table_wrapper{width:100%!important;margin:30px 0 0 0 !important;padding:0!important}
.o_wsale_products_page #o_wsale_products_grid{width:100%!important;margin:0!important;padding:0!important;gap:16px!important}
.o_wsale_products_page #o_wsale_products_grid>.oe_product{min-width:0!important;margin:0!important;padding:0!important}
.o_wsale_products_page .o_wsale_product_grid_wrapper{height:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .oe_product_cart{display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;padding:10px!important;overflow:hidden!important;border:1px solid rgba(23,52,62,.08)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 26px rgba(23,52,62,.055)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.o_wsale_products_page .oe_product_cart:hover{transform:translateY(-4px)!important;border-color:rgba(42,157,143,.24)!important;box-shadow:0 17px 38px rgba(23,52,62,.09)!important}
.o_wsale_products_page .oe_product_image{position:relative!important;display:block!important;width:100%!important;height:245px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:13px!important;background:#F7FAF9!important}
.o_wsale_products_page .oe_product_image>a{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .oe_product_image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;border:0!important;border-radius:13px!important;transition:transform .3s ease!important}
.o_wsale_products_page .oe_product_cart:hover .oe_product_image img{transform:scale(1.025)!important}
.o_wsale_products_page .o_wsale_product_information{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;min-height:120px!important;margin:0!important;padding:11px 4px 3px!important;background:#fff!important}
.o_wsale_products_page .o_wsale_product_information_text{width:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .o_wsale_products_item_title{display:block!important;width:100%!important;margin:0 0 5px!important;padding:0!important;color:#2A9D8F!important;font-family:Vazirmatn,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.8!important;text-align:right!important}
.o_wsale_products_page .o_wsale_products_item_title a{display:block!important;color:#2A9D8F!important;font-family:Vazirmatn,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.8!important;text-align:right!important;text-decoration:none!important}
.o_wsale_products_page .o_wsale_products_item_title a:hover{color:#207D72!important}
.o_wsale_products_page .o_wsale_product_sub{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0!important;padding:0!important}
.o_wsale_products_page .product_price{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:500!important;text-align:right!important}
.o_wsale_products_page .product_price .h6{margin:0!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:500!important}
.o_wsale_products_page .o_wsale_product_btn,.o_wsale_products_page .o_wsale_product_action_row{width:100%!important;margin-top:auto!important;padding:0!important}
.o_wsale_products_page .o_wsale_product_btn_primary{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:39px!important;margin:9px 0 0!important;padding:7px 12px!important;border:0!important;border-radius:9px!important;background:#218A6B!important;color:#fff!important;font-family:Vazirmatn,sans-serif!important;font-size:16px!important;font-weight:600!important;box-shadow:0 5px 13px rgba(33,138,107,.14)!important}
.o_wsale_products_page .o_wsale_product_btn_primary:hover{background:#19785C!important;color:#fff!important}
@media(max-width:1199.98px){
.o_wsale_products_page #products_grid{padding:32px 26px!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image{height:135px!important}
}
@media(max-width:1199.98px){
.o_wsale_products_page .oe_product_image{height:220px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #products_grid{padding:28px 20px!important;border-radius:24px!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .products_header{flex-wrap:wrap!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_products_header_search_form_container{flex:1 1 100%!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown{flex:1 1 calc(50% - 7px)!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown>.btn,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown>.btn{width:100%!important;min-width:0!important}
}
@media(max-width:767.98px){
.o_wsale_products_page{padding-top:14px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #products_grid{padding:24px 14px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image{height:125px!important}
}
@media(max-width:767.98px){
.o_wsale_products_page .oe_product_image{height:200px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #products_grid{padding:20px 10px!important;border-radius:18px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .products_header{padding:7px!important;border-radius:14px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_sortby_dropdown,.o_wsale_products_page #o_wsale_products_header .o_pricelist_dropdown{flex:1 1 100%!important}
}
@media(max-width:575.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image{height:110px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page .oe_product_cart{padding:7px!important;border-radius:14px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page .oe_product_image{height:165px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page .o_wsale_products_item_title,.o_wsale_products_page .o_wsale_products_item_title a{font-size:11px!important}
}
@media(max-width:575.98px){
.o_wsale_products_page .product_price,.o_wsale_products_page .product_price .h6{font-size:10px!important}
}
.o_wsale_products_page #o_wsale_products_header{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title{order:-30!important;width:100%!important;margin:0!important;padding:0!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:0!important;font-weight:800!important;line-height:1.7!important;text-align:center!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title:before{content:"\62F \633 \62A \647  \628 \646 \62F \6CC  \645 \62D \635 \648 \644 \627 \62A "!important;display:block!important;color:#17343E!important;font-size:30px!important;font-weight:800!important;line-height:1.7!important;text-align:center!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title:after{content:"\628 \627 \632 \627 \631  \62A \62E \635 \635 \6CC  \645 \62D \635 \648 \644 \627 \62A  \635 \646 \639 \62A  \646 \633 \627 \62C \6CC "!important;display:table!important;margin:9px auto 38px!important;padding:7px 17px!important;border:1px solid rgba(233,196,106,.42)!important;border-radius:50px!important;background:rgba(233,196,106,.08)!important;color:#967126!important;font-family:Vazirmatn,sans-serif!important;font-size:10px!important;font-weight:600!important;line-height:1.6!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_category_title{order:-30!important;width:100%!important;margin:0 0 38px!important;padding:0!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:30px!important;font-weight:800!important;line-height:1.7!important;text-align:center!important;justify-content:center!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_container{order:-20!important;width:100%!important;margin:0 0 42px!important;padding:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_wrapper{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:30px 16px!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;color:#17343E!important;text-decoration:none!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_image{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:150px!important;margin:0 0 10px!important;padding:15px!important;overflow:hidden!important;border:1px solid rgba(23,52,62,.07)!important;border-radius:18px!important;background-color:#fff!important;box-shadow:0 10px 28px rgba(23,52,62,.055)!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_image img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;background:transparent!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:150px!important;max-width:100%!important;margin:0 0 10px!important;padding:15px!important;object-fit:contain!important;object-position:center!important;border:1px solid rgba(23,52,62,.07)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,52,62,.055)!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_name{display:block!important;width:100%!important;min-height:23px!important;margin:0!important;padding:0 5px!important;color:#17343E!important;font-family:Vazirmatn,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.8!important;text-align:center!important;white-space:normal!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item:hover img{transform:translateY(-3px)!important;border-color:rgba(42,157,143,.22)!important;box-shadow:0 15px 34px rgba(23,52,62,.09)!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item:hover .o_wsale_filmstrip_name{color:#2A9D8F!important}
.o_wsale_products_page #o_wsale_products_header .products_header{order:-10!important}
@media(max-width:1199.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:991.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
.o_wsale_products_page #o_wsale_products_header .o_wsale_shop_title:before,.o_wsale_products_page #o_wsale_products_header .o_wsale_category_title{font-size:24px!important}
}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_image,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_image{background-color:#fff!important;visibility:visible!important;opacity:1!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_image img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_image img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item>a>img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_item>a>img{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important;image-rendering:-webkit-optimize-contrast!important}
.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstrip_item>a>img,.o_wsale_products_page #o_wsale_products_header .o_wsale_filmstip_item>a>img{width:100%!important;height:150px!important;margin:0 0 10px!important;padding:0!important;object-fit:cover!important;object-position:center!important;border:1px solid rgba(23,52,62,.07)!important;border-radius:18px!important;background-color:#fff!important}

.itm-auction-hero{position:relative;overflow:hidden;direction:rtl;min-height:520px;padding:82px 0 105px;background:linear-gradient(135deg,#102f36 0%,#173f47 48%,#185158 100%);font-family:Vazirmatn,sans-serif;color:#fff;}
.itm-auction-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 20%,rgba(42,157,143,.22),transparent 28%),radial-gradient(circle at 12% 78%,rgba(233,196,106,.13),transparent 25%);}
.itm-auction-hero:after{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);}
.itm-auction-hero-container{position:relative;z-index:5;}
.itm-auction-hero-row{min-height:330px;}
.itm-auction-hero-content{position:relative;z-index:4;padding-left:45px;}
.itm-auction-hero-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:8px 14px;border:1px solid rgba(233,196,106,.28);border-radius:999px;background:rgba(233,196,106,.09);color:#e9c46a;font-size:12px;font-weight:800;line-height:1.6;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.itm-auction-hero-badge i{font-size:14px;color:#e9c46a;}
.itm-auction-hero-title{max-width:720px;margin:0 0 17px;color:#fff;font-family:Vazirmatn,sans-serif;font-size:46px;font-weight:900;line-height:1.55;letter-spacing:-1.2px;}
.itm-auction-hero-title span{position:relative;color:#e9c46a;white-space:nowrap;}
.itm-auction-hero-title span:after{content:"";position:absolute;right:0;bottom:-6px;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(233,196,106,.05),#e9c46a,rgba(233,196,106,.05));}
.itm-auction-hero-description{max-width:650px;margin:0 0 25px;color:rgba(255,255,255,.72);font-family:Vazirmatn,sans-serif;font-size:14px;font-weight:400;line-height:2.15;}
.itm-auction-hero-features{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:27px;}
.itm-auction-hero-feature{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.84);font-size:11px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.itm-auction-hero-feature i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:rgba(42,157,143,.18);color:#66c7bc;font-size:10px;}
.itm-auction-hero-breadcrumb{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.48);font-size:11px;font-weight:600;}
.itm-auction-hero-breadcrumb a{color:rgba(255,255,255,.7)!important;text-decoration:none!important;transition:color .2s ease;}
.itm-auction-hero-breadcrumb a:hover{color:#e9c46a!important;}
.itm-auction-hero-breadcrumb i{color:#2a9d8f;font-size:12px;}
.itm-auction-hero-breadcrumb span{color:rgba(255,255,255,.48);}
.itm-auction-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;z-index:3;}
.itm-auction-hero-card{position:relative;width:100%;max-width:390px;min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 30px 27px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 30px 70px rgba(4,24,29,.28),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.itm-auction-hero-card:before{content:"";position:absolute;top:-90px;right:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(42,157,143,.28),rgba(42,157,143,0) 68%);pointer-events:none;}
.itm-auction-hero-card:after{content:"";position:absolute;bottom:-80px;left:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(233,196,106,.15),rgba(233,196,106,0) 70%);pointer-events:none;}
.itm-auction-hero-card-ring{position:absolute;top:50%;left:50%;width:225px;height:225px;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;}
.itm-auction-hero-card-ring:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(233,196,106,.12);border-radius:50%;}
.itm-auction-hero-card-icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin-bottom:18px;border:1px solid rgba(233,196,106,.26);border-radius:26px;background:linear-gradient(145deg,rgba(233,196,106,.19),rgba(233,196,106,.07));color:#e9c46a;box-shadow:0 16px 35px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.12);transform:rotate(-4deg);}
.itm-auction-hero-card-icon i{font-size:35px;transform:rotate(4deg);}
.itm-auction-hero-card-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;}
.itm-auction-hero-card-label{margin-bottom:5px;color:#e9c46a;font-size:10px;font-weight:900;letter-spacing:.4px;}
.itm-auction-hero-card-title{margin-bottom:7px;color:#fff;font-size:19px;font-weight:900;line-height:1.7;}
.itm-auction-hero-card-text{max-width:260px;color:rgba(255,255,255,.58);font-size:10px;font-weight:500;line-height:1.9;}
.itm-auction-hero-card-tags{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;}
.itm-auction-hero-card-tags span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);font-size:9px;font-weight:700;}
.itm-auction-hero-card-tags i{color:#2a9d8f;font-size:9px;}
.itm-auction-hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(4px);}
.itm-auction-hero-glow-one{top:-160px;right:-120px;width:430px;height:430px;background:radial-gradient(circle,rgba(42,157,143,.19),rgba(42,157,143,0) 70%);}
.itm-auction-hero-glow-two{bottom:-200px;left:-130px;width:470px;height:470px;background:radial-gradient(circle,rgba(233,196,106,.1),rgba(233,196,106,0) 70%);}
.itm-auction-hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none;}
.itm-auction-hero-orbit-one{top:-260px;right:-170px;width:650px;height:650px;}
.itm-auction-hero-orbit-two{bottom:-360px;left:-260px;width:700px;height:700px;}
.itm-auction-hero-curve{position:absolute;right:-5%;bottom:-72px;left:-5%;z-index:6;height:115px;border-radius:50% 50% 0 0/100% 100% 0 0;background:#f7faf9;pointer-events:none;}
@media(max-width:991.98px){.itm-auction-hero{min-height:auto;padding:65px 0 100px;}.itm-auction-hero-row{min-height:0;}.itm-auction-hero-content{padding-left:12px;text-align:center;}.itm-auction-hero-title{max-width:720px;margin-right:auto;margin-left:auto;font-size:37px;}.itm-auction-hero-description{margin-right:auto;margin-left:auto;}.itm-auction-hero-features{justify-content:center;}.itm-auction-hero-breadcrumb{justify-content:center;margin-bottom:40px;}.itm-auction-hero-visual{margin-top:5px;}.itm-auction-hero-card{max-width:410px;}.itm-auction-hero-curve{bottom:-75px;height:110px;}}
@media(max-width:767.98px){.itm-auction-hero{padding:48px 0 82px;}.itm-auction-hero-title{font-size:31px;line-height:1.65;letter-spacing:-.6px;}.itm-auction-hero-description{font-size:12px;line-height:2.1;}.itm-auction-hero-features{gap:7px;}.itm-auction-hero-feature{min-height:35px;padding:6px 9px;font-size:10px;}.itm-auction-hero-card{max-width:360px;min-height:285px;padding:30px 22px 24px;border-radius:27px;}.itm-auction-hero-card-icon{width:73px;height:73px;border-radius:22px;}.itm-auction-hero-card-icon i{font-size:30px;}.itm-auction-hero-card-title{font-size:17px;}.itm-auction-hero-curve{bottom:-65px;height:90px;}}
@media(max-width:575.98px){.itm-auction-hero{padding:42px 0 75px;}.itm-auction-hero-container{padding-right:18px;padding-left:18px;}.itm-auction-hero-badge{margin-bottom:16px;padding:7px 11px;font-size:10px;}.itm-auction-hero-title{font-size:27px;line-height:1.7;}.itm-auction-hero-title span{white-space:normal;}.itm-auction-hero-description{margin-bottom:20px;font-size:11px;}.itm-auction-hero-features{margin-bottom:22px;}.itm-auction-hero-feature{font-size:9px;}.itm-auction-hero-breadcrumb{margin-bottom:30px;font-size:10px;}.itm-auction-hero-card{width:100%;min-height:270px;border-radius:24px;}.itm-auction-hero-card-ring{width:195px;height:195px;}.itm-auction-hero-card-text{font-size:9px;}.itm-auction-hero-curve{right:-15%;left:-15%;}}
           
.alefbasystem-status-payment{position:relative;direction:rtl;min-height:520px;padding:48px 0 80px;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(42,157,143,.13),transparent 26%),radial-gradient(circle at 92% 88%,rgba(233,196,106,.14),transparent 25%),linear-gradient(180deg,#f7faf9 0%,#fff 100%);font-family:Vazirmatn,sans-serif;}
.alefbasystem-status-payment:before{content:"";position:absolute;width:380px;height:380px;top:-210px;right:-130px;border:1px solid rgba(42,157,143,.10);border-radius:50%;pointer-events:none;}
.alefbasystem-status-payment:after{content:"";position:absolute;width:320px;height:320px;bottom:-190px;left:-100px;border:1px solid rgba(233,196,106,.16);border-radius:50%;pointer-events:none;}
.alefbasystem-status-payment>.container{position:relative;z-index:2;max-width:1100px;}
.alefbasystem-status-payment>.container>.row:first-child{margin-bottom:24px;}
.alefbasystem-status-payment .breadcrumb{display:inline-flex;align-items:center;gap:7px;margin:0!important;padding:9px 14px!important;border:1px solid rgba(23,52,62,.07);border-radius:12px;background:rgba(255,255,255,.75);box-shadow:0 5px 18px rgba(23,52,62,.04);font-size:13px;}
.alefbasystem-status-payment .breadcrumb-item{color:#71858a;font-weight:600;}
.alefbasystem-status-payment .breadcrumb-item a{display:flex;align-items:center;justify-content:center;color:#2a9d8f;text-decoration:none;}
.alefbasystem-status-payment .breadcrumb-item a:hover{color:#17343e;}
.alefbasystem-status-payment .breadcrumb-item+.breadcrumb-item:before{color:#a7b4b7;}
.alefbasystem-status-payment>.container>.row.justify-content-center{margin-top:0!important;}
.alefbasystem-status-payment>.container>.row.justify-content-center>.col-12{width:100%;max-width:720px;}
.alefbasystem-status-payment .row.justify-content-center .text-center{position:relative;overflow:hidden;padding:52px 42px 46px!important;border:1px solid rgba(23,52,62,.08);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(23,52,62,.10);color:#71858a;}
.alefbasystem-status-payment .row.justify-content-center .text-center:before{content:"\f017";display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 24px;border:1px solid rgba(42,157,143,.15);border-radius:24px;background:linear-gradient(135deg,rgba(42,157,143,.14),rgba(42,157,143,.05));box-shadow:0 12px 30px rgba(42,157,143,.12);color:#2a9d8f;font-family:FontAwesome;font-size:32px;}
.alefbasystem-status-payment .row.justify-content-center .text-center:after{content:"";position:absolute;top:-85px;left:-85px;width:200px;height:200px;border-radius:50%;background:rgba(233,196,106,.07);pointer-events:none;}
.alefbasystem-status-payment .row.justify-content-center .text-center p{position:relative;z-index:2;margin:0 auto 9px;color:#71858a;font-size:15px;font-weight:500;line-height:2;}
.alefbasystem-status-payment .row.justify-content-center .text-center p:first-child{margin-bottom:14px;color:#17343e;font-size:25px;font-weight:900;line-height:1.7;}
.alefbasystem-status-payment .row.justify-content-center .text-center p:nth-child(2){max-width:510px;}
.alefbasystem-status-payment .row.justify-content-center .text-center p:last-child{margin-top:18px;margin-bottom:0;padding-top:18px;border-top:1px solid rgba(23,52,62,.07);color:#8a9a9e;font-size:13px;}
.alefbasystem-status-payment [name="o_payment_status"]{position:relative;overflow:hidden;padding:38px 38px 30px;border:1px solid rgba(23,52,62,.08);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(23,52,62,.10);}
.alefbasystem-status-payment [name="o_payment_status"]:before{content:"";position:absolute;top:-100px;left:-100px;width:230px;height:230px;border-radius:50%;background:rgba(42,157,143,.06);pointer-events:none;}
.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light{position:relative;margin-top:25px!important;padding:8px!important;overflow:hidden;border:1px solid rgba(42,157,143,.12)!important;border-radius:20px!important;background:#f7faf9!important;color:#17343e!important;}
.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light>div{min-height:70px;padding:16px 20px!important;border-radius:14px;color:#17343e;}
.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light>div:nth-child(odd){background:#fff;}
.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light strong,.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light b{color:#17343e;font-weight:800;}
.alefbasystem-status-payment [name="o_payment_status"] a{color:#2a9d8f;text-decoration:none;}
.alefbasystem-status-payment [name="o_payment_status"] a:hover{color:#17343e;}
@media(max-width:767.98px){.alefbasystem-status-payment{min-height:440px;padding:28px 0 55px;}.alefbasystem-status-payment>.container{padding-right:16px;padding-left:16px;}.alefbasystem-status-payment>.container>.row:first-child{margin-bottom:18px;}.alefbasystem-status-payment .breadcrumb{font-size:12px;}.alefbasystem-status-payment .row.justify-content-center .text-center{padding:38px 20px 32px!important;border-radius:22px;}.alefbasystem-status-payment .row.justify-content-center .text-center:before{width:66px;height:66px;margin-bottom:20px;border-radius:20px;font-size:27px;}.alefbasystem-status-payment .row.justify-content-center .text-center p:first-child{font-size:21px;}.alefbasystem-status-payment .row.justify-content-center .text-center p{font-size:14px;}.alefbasystem-status-payment [name="o_payment_status"]{padding:25px 18px 20px;border-radius:22px;}.alefbasystem-status-payment [name="o_payment_status"] .text-bg-light{border-radius:16px!important;}}

.itm-blog-index-content #o_wblog_posts_loop >.row > [class*="col-"]{display:flex!important;}
.itm-blog-index-content article.o_wblog_post{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:12px 12px 14px!important;border:1px solid rgba(23,52,62,.08)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 12px 35px rgba(23,52,62,.08)!important;overflow:hidden!important;}
.itm-blog-index-content article.o_wblog_post>a:first-child{flex:0 0 auto!important;margin-bottom:14px!important;}
.itm-blog-index-content article.o_wblog_post>a:first-child .o_record_cover_container{margin-bottom:0!important;border-radius:22px!important;overflow:hidden!important;}
.itm-blog-index-content article.o_wblog_post>div:nth-of-type(1){display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:0 8px!important;}
.itm-blog-index-content article.o_wblog_post .o_blog_post_title{flex:0 0 auto!important;display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;min-height:56px!important;max-height:56px!important;line-height:28px!important;font-weight:700!important;color:#17343e!important;}
.itm-blog-index-content article.o_wblog_post>div:nth-of-type(1)>div{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;}
.itm-blog-index-content article.o_wblog_post>div:nth-of-type(1)>div>a{flex:0 0 auto!important;}
.itm-blog-index-content article.o_wblog_post>div:nth-of-type(1)>div>a .o_wblog_normalize_font{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;min-height:72px!important;max-height:72px!important;line-height:24px!important;color:#52676d!important;}
.itm-blog-index-content .o_wblog_post_short_tag_section{flex:0 0 auto!important;align-content:flex-start!important;overflow:hidden!important;max-height:80px!important;min-height:80px!important;padding-top:10px!important;margin-top:4px!important;margin-bottom:10px;}
.itm-blog-index-content .o_wblog_post_short_tag_section .badge{flex:0 0 auto!important;max-width:100%!important;height:30px!important;margin-bottom:6px!important;padding:7px 11px!important;border:1px solid rgba(42,157,143,.16)!important;border-radius:999px!important;background:rgba(42,157,143,.055)!important;color:#247f75!important;font-size:11px!important;font-weight:600!important;line-height:14px!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child{flex:0 0 auto!important;margin-top:auto!important;padding:13px 8px 2px!important;border-top:1px solid rgba(23,52,62,.07)!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child .d-flex.small{margin:0!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child .mx-n2{margin:0!important;gap:10px!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child time{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 10px!important;border-radius:10px!important;background:#f7faf9!important;color:#71858a!important;font-size:11px!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child time:before{content:"\f073";font-family:FontAwesome!important;margin-left:6px!important;color:#2a9d8f!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child b{display:flex!important;align-items:center!important;min-width:0!important;padding:0!important;color:#2a9d8f!important;font-size:11px!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child b i{margin-left:5px!important;color:#2a9d8f!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child b a{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#247f75!important;text-decoration:none!important;}
.itm-blog-index-content .pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:26px!important;direction:ltr!important;}
.itm-blog-index-content .pagination .page-item{margin:0!important;}
.itm-blog-index-content .pagination .page-link{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(23,52,62,.08)!important;border-radius:13px!important;background:#fff!important;color:#17343e!important;box-shadow:0 5px 18px rgba(23,52,62,.05)!important;font-weight:700!important;text-decoration:none!important;}
.itm-blog-index-content .pagination .page-item.active .page-link{border-color:#2a9d8f!important;background:#2a9d8f!important;color:#fff!important;box-shadow:0 8px 20px rgba(42,157,143,.22)!important;}
.itm-blog-index-content .pagination .page-item.disabled .page-link{opacity:.45!important;background:#f7faf9!important;}
.itm-blog-index-content .pagination .page-link .oi{display:none!important;}
.itm-blog-index-content .pagination .page-item:first-child .page-link:before{content:"\f104";display:block!important;font-family:FontAwesome!important;font-size:18px!important;line-height:1!important;color:inherit!important;}
.itm-blog-index-content .pagination .page-item:last-child .page-link:before{content:"\f105";display:block!important;font-family:FontAwesome!important;font-size:18px!important;line-height:1!important;color:inherit!important;}
@media(max-width:767.98px){.itm-blog-index-content article.o_wblog_post{border-radius:22px!important;padding:10px 10px 13px!important;}.itm-blog-index-content article.o_wblog_post .o_blog_post_title{min-height:auto!important;max-height:56px!important;}.itm-blog-index-content .o_wblog_post_short_tag_section{min-height:72px!important;max-height:72px!important;}.itm-blog-index-content .pagination{gap:5px!important;}.itm-blog-index-content .pagination .page-link{width:40px!important;height:40px!important;border-radius:11px!important;}}
.itm-blog-index-content article.o_wblog_post>div:last-child b:before{content:"\f07b";display:inline-block!important;margin-left:6px!important;color:#2a9d8f!important;font-family:FontAwesome!important;font-size:12px!important;font-style:normal!important;font-weight:normal!important;line-height:1!important;}
.itm-blog-index-content article.o_wblog_post>div:last-child b i{display:none!important;}

.s_call_to_action.bg-200{position:relative;overflow:hidden;margin:40px auto!important;padding:54px 0!important;border:1px solid rgba(42,157,143,.12)!important;border-radius:32px!important;background:radial-gradient(circle at 92% 12%,rgba(42,157,143,.16),transparent 34%),radial-gradient(circle at 8% 90%,rgba(233,196,106,.13),transparent 30%),linear-gradient(135deg,#f7faf9 0%,#fff 52%,#f4f9f8 100%)!important;box-shadow:0 20px 55px rgba(23,52,62,.09)!important;font-family:Vazirmatn,sans-serif!important;direction:rtl!important;}
.s_call_to_action.bg-200:before{content:"";position:absolute;top:-100px;right:-80px;width:280px;height:280px;border:1px solid rgba(42,157,143,.12);border-radius:50%;pointer-events:none;}
.s_call_to_action.bg-200:after{content:"";position:absolute;bottom:-130px;left:-90px;width:310px;height:310px;border:1px solid rgba(233,196,106,.18);border-radius:50%;pointer-events:none;}
.s_call_to_action.bg-200>.container{position:relative;z-index:2;max-width:1320px!important;padding-right:42px!important;padding-left:42px!important;}
.s_call_to_action.bg-200 .row{align-items:center!important;margin:0!important;}
.s_call_to_action.bg-200 .col-lg-9{padding:0 0 0 42px!important;}
.s_call_to_action.bg-200 h3{position:relative;margin:0 0 18px!important;color:#17343e!important;font-family:Vazirmatn,sans-serif!important;font-size:30px!important;font-weight:900!important;line-height:1.8!important;}
.s_call_to_action.bg-200 h3 strong{color:#17343e!important;font-weight:900!important;}
.s_call_to_action.bg-200 h3:after{content:"";display:block;width:74px;height:4px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,#2a9d8f,#e9c46a);}
.s_call_to_action.bg-200 .lead{position:relative;margin:0!important;padding:20px 22px!important;border-right:4px solid #2a9d8f!important;border-radius:18px!important;background:rgba(255,255,255,.64)!important;color:#536b71!important;font-family:Vazirmatn,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:2.15!important;box-shadow:inset 0 0 0 1px rgba(23,52,62,.035)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.s_call_to_action.bg-200 .s_btn{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
.s_call_to_action.bg-200 .s_btn .btn{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:245px!important;min-height:68px!important;padding:16px 24px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;background:linear-gradient(135deg,#2a9d8f,#21867b)!important;color:#fff!important;font-family:Vazirmatn,sans-serif!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 14px 30px rgba(42,157,143,.24)!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;}
.s_call_to_action.bg-200 .s_btn .btn:before{content:"";position:absolute;top:-70%;left:-35%;width:55px;height:240%;background:rgba(255,255,255,.14);transform:rotate(25deg);transition:left .45s ease;}
.s_call_to_action.bg-200 .s_btn .btn:hover{transform:translateY(-4px)!important;background:linear-gradient(135deg,#258f83,#17343e)!important;color:#fff!important;box-shadow:0 20px 38px rgba(23,52,62,.22)!important;}
.s_call_to_action.bg-200 .s_btn .btn:hover:before{left:120%;}
.s_call_to_action.bg-200 .s_btn .btn b{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-weight:800!important;}
.s_call_to_action.bg-200 .s_btn .btn i{margin:0!important;color:#e9c46a!important;font-size:18px!important;transition:transform .25s ease!important;}
.s_call_to_action.bg-200 .s_btn .btn:hover i{transform:translateX(-4px);}
@media(max-width:991.98px){.s_call_to_action.bg-200{margin:28px 15px!important;padding:38px 0!important;border-radius:26px!important;}.s_call_to_action.bg-200>.container{padding-right:24px!important;padding-left:24px!important;}.s_call_to_action.bg-200 .col-lg-9{padding:0!important;}.s_call_to_action.bg-200 h3{font-size:24px!important;text-align:center!important;}.s_call_to_action.bg-200 h3:after{margin:10px auto 0!important;}.s_call_to_action.bg-200 .lead{font-size:14px!important;line-height:2!important;}.s_call_to_action.bg-200 .s_btn{margin-top:24px!important;}.s_call_to_action.bg-200 .s_btn .btn{max-width:100%!important;min-height:60px!important;}}
@media(max-width:575.98px){.s_call_to_action.bg-200{margin:22px 10px!important;padding:30px 0!important;border-radius:22px!important;}.s_call_to_action.bg-200>.container{padding-right:17px!important;padding-left:17px!important;}.s_call_to_action.bg-200 h3{font-size:20px!important;line-height:1.8!important;}.s_call_to_action.bg-200 .lead{padding:16px!important;border-radius:14px!important;font-size:13px!important;line-height:2!important;}.s_call_to_action.bg-200 .s_btn .btn{min-height:56px!important;border-radius:14px!important;font-size:14px!important;}}