/* Start custom CSS for text-editor, class: .elementor-element-d7bceb1 *//* ==========================================
   ZABBIX 7.4 - ROADMAP + HERO
   Modir Shabake | 2026
   Red + Purple Minimal Theme
========================================== */

/* GLOBAL */
.z74-roadmap,
.z74-hero,
.z74-roadmap *,
.z74-hero * {
  box-sizing: border-box;
}

.z74-roadmap,
.z74-hero {
  direction: rtl;
  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;
}

.z74-roadmap a,
.z74-hero a {
  text-decoration: none !important;
}

.z74-roadmap a:focus-visible,
.z74-hero a:focus-visible {
  outline: 3px solid #9686dc;
  outline-offset: 3px;
}


/* ==========================================
   ROADMAP
========================================== */

.z74-roadmap {
  max-width: 1180px;
  margin: 26px auto 0;
  padding: 0 16px;
}

.z74-roadmap__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

  gap: 15px 20px;
  padding: 17px 20px;

  border-radius: 18px;
  border: 1px solid #e8dfe9;

  background:
    linear-gradient(
      115deg,
      #fff7f9 0%,
      #ffffff 52%,
      #f5f2ff 100%
    );

  box-shadow:
    0 8px 26px rgba(24, 36, 61, 0.07);
}

.z74-roadmap__content {
  flex: 1 1 430px;
  min-width: 0;
}

.z74-roadmap__label {
  color: #a91d3b;
  font-size: 14px;
  font-weight: 950;
  margin-bottom: 5px;
}

.z74-roadmap__desc {
  margin: 0;
  color: #526077;

  font-size: 13.3px;
  line-height: 1.95;
}

.z74-roadmap__desc strong {
  color: #b42345;
  font-weight: 950;
}

.z74-roadmap__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.z74-roadmap__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 14px;

  border-radius: 999px;
  border: 1px solid #e1d9ef;

  background: #ffffff;
  color: #4b3a92 !important;

  font-size: 12.5px;
  font-weight: 900;

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

.z74-roadmap__links a:hover {
  background: #f4f0ff;
  transform: translateY(-1px);
}


/* ==========================================
   HERO WRAPPER
========================================== */

.z74-hero {
  max-width: 1180px;
  margin: 24px auto 38px;
  padding: 38px 22px;

  border-radius: 27px;
  border: 1px solid #eee8f1;

  color: #18243d;

  background:
    radial-gradient(
      circle at top left,
      rgba(111, 86, 179, 0.09),
      transparent 45%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(203, 41, 69, 0.08),
      transparent 45%
    ),
    #ffffff;

  box-shadow:
    0 18px 46px rgba(24, 36, 61, 0.10);
}

.z74-hero__wrap {
  max-width: 1120px;
  margin: 0 auto;
}

.z74-hero__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.65fr)
    minmax(285px, 1fr);

  align-items: start;
  gap: 27px;
}

.z74-hero__main,
.z74-hero__side {
  min-width: 0;
}


/* ==========================================
   MAIN CONTENT
========================================== */

.z74-hero__badge {
  display: inline-flex;
  align-items: center;

  padding: 8px 14px;
  margin-bottom: 15px;

  border-radius: 999px;

  color: #ffffff;

  background:
    linear-gradient(
      105deg,
      #a91d3b,
      #cc3153,
      #6550a8
    );

  font-size: 12.8px;
  font-weight: 950;
  line-height: 1.7;

  box-shadow:
    0 7px 18px rgba(169, 29, 59, 0.14);
}

.z74-hero__title {
  margin: 0 0 12px;

  font-size: 30px;
  font-weight: 950;
  line-height: 1.7;

  color: #19233c;
  letter-spacing: -0.3px;
}

.z74-hero__subtitle {
  margin: 0 0 16px;
  padding-right: 12px;

  border-right: 3px solid #c62b4b;

  color: #5945a0;

  font-size: 15px;
  font-weight: 900;
  line-height: 2;
}

.z74-hero__lead {
  margin: 0 0 14px;

  color: #38465b;

  font-size: 14.7px;
  font-weight: 450;
  line-height: 2.08;
}

.z74-hero__lead strong {
  color: #ac2441;
  font-weight: 900;
}


/* ==========================================
   EDUCATIONAL HIGHLIGHT
========================================== */

.z74-hero__highlight {
  margin: 17px 0;
  padding: 14px 17px;

  border-radius: 15px;

  background: #f7f5fd;
  border: 1px solid #e7dff4;
  border-right: 4px solid #6751a7;
}

.z74-hero__highlight-title {
  display: block;
  margin-bottom: 5px;

  color: #4b398f;

  font-size: 14px;
  font-weight: 950;
}

.z74-hero__highlight p {
  margin: 0;

  color: #425066;

  font-size: 13.8px;
  line-height: 2;
}

.z74-hero__highlight strong {
  color: #ac2441;
  font-weight: 900;
}


/* ==========================================
   BENEFITS
========================================== */

.z74-hero__benefits {
  display: grid;
  gap: 9px;

  margin: 17px 0;
}

.z74-hero__benefits div {
  padding: 9px 13px;

  border-radius: 11px;
  border: 1px solid #dceee9;

  background: #f6fbf9;

  color: #21624f;

  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.8;
}


/* ==========================================
   TAGS
========================================== */

.z74-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin: 18px 0;
}

.z74-hero__tags span {
  display: inline-flex;
  align-items: center;

  padding: 7px 12px;

  border-radius: 999px;

  background: #faf9ff;
  border: 1px solid #e3dff0;

  color: #514198;

  font-size: 12px;
  font-weight: 850;
  direction: ltr;
}

.z74-hero__tags span:nth-child(odd) {
  background: #fff8fa;
  color: #a92442;
  border-color: #f0dfe5;
}


/* ==========================================
   COURSE META
========================================== */

.z74-hero__meta-list {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 11px 13px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.z74-hero__meta-item {
  padding: 12px 13px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #eae6f0;

  box-shadow:
    0 6px 18px rgba(24, 36, 61, 0.045);
}

.z74-hero__meta-item--full {
  grid-column: 1 / -1;
}

.z74-hero__meta-label {
  display: block;
  margin-bottom: 5px;

  color: #58449c;

  font-size: 12.5px;
  font-weight: 950;
}

.z74-hero__meta-value {
  display: block;

  color: #29374c;

  font-size: 13.5px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

.z74-hero__meta-value strong {
  color: #ad2341;
  font-weight: 950;
}


/* ==========================================
   NOTE
========================================== */

.z74-hero__notice {
  margin-top: 16px;
  padding: 14px 16px;

  border-radius: 15px;

  background: #fff8fa;
  border: 1px solid #f0dfe4;
  border-right: 4px solid #c72b4b;

  color: #38445b;

  font-size: 13.5px;
  font-weight: 550;
  line-height: 2;
}

.z74-hero__notice strong {
  color: #ad2341;
  font-weight: 900;
}


/* ==========================================
   SIDEBAR CARD
========================================== */

.z74-hero__card {
  position: relative;

  padding: 20px 18px;

  border-radius: 23px;

  background:
    linear-gradient(
      155deg,
      #fffafd,
      #ffffff 58%,
      #f7f5ff
    );

  border: 1px solid #e7e0ec;

  box-shadow:
    0 12px 32px rgba(24, 36, 61, 0.085);
}

.z74-hero__gift-label {
  display: inline-block;

  margin-bottom: 15px;
  padding: 8px 13px;

  border-radius: 999px;

  color: #ffffff;

  background:
    linear-gradient(
      105deg,
      #b42343,
      #6551a5
    );

  font-size: 12px;
  font-weight: 950;
  line-height: 1.7;
}

.z74-hero__card-title {
  margin: 0 0 11px;

  color: #23304a;

  font-size: 19px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-hero__card-text {
  margin: 0 0 15px;

  color: #4c596f;

  font-size: 13.5px;
  line-height: 2;
}

.z74-hero__card-text strong {
  color: #ad2543;
  font-weight: 900;
}


/* ==========================================
   GIFT ITEMS
========================================== */

.z74-hero__gifts {
  display: grid;
  gap: 10px;

  margin-top: 15px;
}

.z74-hero__gift-item {
  display: flex;
  align-items: center;
  gap: 11px;

  padding: 14px 12px;

  border-radius: 15px;
  border: 1px solid #eddfe8;

  background: #fffafb;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.z74-hero__gift-item:hover {
  transform: translateY(-2px);
  background: #ffffff;

  box-shadow:
    0 9px 22px rgba(24, 36, 61, 0.075);
}

.z74-hero__gift-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  flex-shrink: 0;

  border-radius: 12px;
  background: #f9eaf0;

  font-size: 20px;
}

.z74-hero__gift-info {
  flex: 1;
  min-width: 0;
}

.z74-hero__gift-info strong {
  display: block;

  color: #a91f3e;

  font-size: 13.3px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-hero__gift-info small {
  display: block;

  color: #667086;

  font-size: 11.7px;
  line-height: 1.9;
}

.z74-hero__gift-arrow {
  color: #5b479f;

  font-size: 19px;
  font-weight: 900;
}

.z74-hero__gift-note {
  margin: 12px 0 0;

  color: #667086;

  font-size: 11.8px;
  line-height: 1.9;
}


/* ==========================================
   PATH
========================================== */

.z74-hero__separator {
  height: 1px;

  margin: 21px 0;

  background: #e9e5ee;
}

.z74-hero__path-title {
  margin: 0 0 9px;

  color: #503d93;

  font-size: 15px;
  font-weight: 950;
}

.z74-hero__path {
  margin: 11px 0 17px;
  padding: 14px 10px;

  border-radius: 14px;
  border: 1px solid #e2dcf3;

  background: #f6f3ff;

  color: #4c3d91;

  font-size: 12px;
  font-weight: 900;
  line-height: 2;

  text-align: center;
  overflow-wrap: anywhere;
}


/* ==========================================
   BUTTONS
========================================== */

.z74-hero__btns {
  display: flex;
  flex-direction: column;
  gap: 9px;

  margin-top: 16px;
}

.z74-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 45px;
  padding: 11px 15px;

  border-radius: 999px;

  font-size: 13.4px;
  font-weight: 950;
  line-height: 1.7;

  text-align: center;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.z74-hero__btn:hover {
  transform: translateY(-2px);
}

.z74-hero__btn--primary {
  color: #ffffff !important;

  background:
    linear-gradient(
      105deg,
      #b42343,
      #ce3756
    );

  box-shadow:
    0 8px 20px rgba(180, 35, 67, 0.17);
}

.z74-hero__btn--primary:hover {
  color: #ffffff !important;
  box-shadow:
    0 12px 25px rgba(180, 35, 67, 0.23);
}

.z74-hero__btn--outline {
  color: #a92140 !important;

  background: #fff7fa;
  border: 1px solid #edcfd9;
}

.z74-hero__btn--outline:hover {
  background: #ffedf2;
}

.z74-hero__btn--soft {
  color: #503c98 !important;

  background: #f4f1fd;
  border: 1px solid #ded6f3;
}

.z74-hero__btn--soft:hover {
  background: #ebe6fb;
}


/* ==========================================
   CAREER PATH
========================================== */

.z74-hero__secure {
  margin-top: 17px;

  color: #667086;

  font-size: 12.4px;
  line-height: 1.9;
  text-align: center;
}

.z74-hero__secure strong {
  display: block;

  margin-top: 6px;

  color: #59459e;

  font-size: 11.8px;
  font-weight: 950;
  line-height: 1.8;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 980px) {

  .z74-hero__grid {
    grid-template-columns: 1fr;
  }

  .z74-hero__main,
  .z74-hero__side {
    min-width: 0;
  }

}

@media (max-width: 720px) {

  .z74-roadmap__inner {
    flex-direction: column;
    align-items: stretch;

    padding: 15px;
  }

  .z74-roadmap__content {
    flex: 1 1 auto;
  }

  .z74-roadmap__links {
    width: 100%;
  }

  .z74-roadmap__links a {
    width: 100%;
  }

}

@media (max-width: 640px) {

  .z74-roadmap {
    padding: 0 11px;
  }

  .z74-hero {
    margin-top: 18px;
    padding: 27px 13px;

    border-radius: 21px;
  }

  .z74-hero__grid {
    gap: 20px;
  }

  .z74-hero__title {
    font-size: 23px;
    line-height: 1.8;
  }

  .z74-hero__subtitle {
    font-size: 14px;
  }

  .z74-hero__lead {
    font-size: 14px;
  }

  .z74-hero__meta-list {
    grid-template-columns: 1fr;
  }

  .z74-hero__meta-item--full {
    grid-column: auto;
  }

  .z74-hero__card {
    padding: 17px 14px;
  }

  .z74-hero__card-title {
    font-size: 17px;
  }

  .z74-hero__btn {
    width: 100%;
  }

}

@media (max-width: 420px) {

  .z74-hero__title {
    font-size: 21px;
  }

  .z74-hero__badge {
    font-size: 11.8px;
  }

  .z74-hero__notice,
  .z74-hero__highlight p {
    font-size: 13px;
  }

  .z74-hero__gift-item {
    gap: 8px;
    padding: 11px 9px;
  }

  .z74-hero__gift-info strong {
    font-size: 12.5px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .z74-roadmap__links a,
  .z74-hero__gift-item,
  .z74-hero__btn {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3a1ad06 *//* ==========================================
   ZABBIX 7.4 - SYLLABUS JUMP
   Modir Shabake | 2026
   Minimal Red / Purple / White
========================================== */

.z74-syllabus-jump,
.z74-syllabus-jump * {
  box-sizing: border-box;
}

.z74-syllabus-jump {
  direction: rtl;
  max-width: 1180px;
  margin: 28px auto 20px;
  padding: 0 16px;

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

  color: #18243d;
}


/* ==========================================
   MAIN CONTAINER
========================================== */

.z74-syllabus-jump__inner {
  position: relative;

  max-width: 1120px;
  margin: 0 auto;
  padding: 22px 24px;

  display: flex;
  align-items: center;
  gap: 22px;

  overflow: hidden;

  border-radius: 23px;
  border: 1px solid #e9e1ed;

  background:
    radial-gradient(
      circle at top right,
      rgba(196, 43, 76, 0.09),
      transparent 48%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(105, 80, 171, 0.10),
      transparent 52%
    ),
    linear-gradient(
      125deg,
      #fff9fa 0%,
      #ffffff 52%,
      #f7f5ff 100%
    );

  box-shadow:
    0 12px 32px rgba(24, 36, 61, 0.085);
}


/* Background Watermark */

.z74-syllabus-jump__inner::after {
  content: "Zabbix 7.4";

  position: absolute;
  left: 16px;
  bottom: -18px;

  font-size: 53px;
  font-weight: 950;
  letter-spacing: -1px;

  color: rgba(97, 75, 161, 0.045);

  pointer-events: none;
  white-space: nowrap;
}


/* ==========================================
   VISUAL ICON
========================================== */

.z74-syllabus-jump__visual {
  position: relative;
  z-index: 1;

  flex: 0 0 72px;

  width: 72px;
  height: 72px;

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

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      #b42343 0%,
      #d13e60 48%,
      #7056ad 100%
    );

  box-shadow:
    0 10px 25px rgba(180, 35, 67, 0.18);
}

.z74-syllabus-jump__ring {
  position: absolute;

  width: 60px;
  height: 60px;

  border-radius: 18px;

  border: 1px dashed rgba(255, 255, 255, 0.65);
}

.z74-syllabus-jump__icon {
  position: relative;
  z-index: 2;

  width: 38px;
  height: 38px;

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

  padding-left: 2px;

  border-radius: 50%;

  background: #ffffff;
  color: #b42343;

  font-size: 17px;
  font-weight: 900;

  box-shadow:
    0 5px 12px rgba(24, 36, 61, 0.10);
}


/* ==========================================
   CONTENT
========================================== */

.z74-syllabus-jump__content {
  position: relative;
  z-index: 1;

  flex: 1 1 360px;
  min-width: 0;
}

.z74-syllabus-jump__eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 8px;
  padding: 5px 11px;

  border-radius: 999px;

  background: #f9eaf0;
  color: #aa2341;

  font-size: 12.3px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-syllabus-jump__title {
  margin: 0 0 8px;

  color: #222a44;

  font-size: 20px;
  font-weight: 950;
  line-height: 1.75;
}

.z74-syllabus-jump__text {
  margin: 0;

  color: #4a566c;

  font-size: 13.8px;
  line-height: 2;
}

.z74-syllabus-jump__text strong {
  color: #ad2443;
  font-weight: 900;
}


/* ==========================================
   FEATURES
========================================== */

.z74-syllabus-jump__features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 12px;
}

.z74-syllabus-jump__features span {
  display: inline-flex;
  align-items: center;

  padding: 5px 10px;

  border-radius: 8px;

  background: #f5f2fc;
  border: 1px solid #e8e2f3;

  color: #57449a;

  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.7;
}


/* ==========================================
   ACTION
========================================== */

.z74-syllabus-jump__action {
  position: relative;
  z-index: 1;

  flex: 0 0 280px;
  min-width: 240px;

  text-align: center;
}

.z74-syllabus-jump__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  width: 100%;
  min-height: 47px;

  padding: 11px 15px;

  border-radius: 999px;
  border: 1px solid rgba(180, 35, 67, 0.15);

  background:
    linear-gradient(
      105deg,
      #b42343,
      #ce3555,
      #7053ac
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 13.1px;
  font-weight: 950;
  line-height: 1.7;

  box-shadow:
    0 10px 24px rgba(180, 35, 67, 0.17);

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.z74-syllabus-jump__btn:hover {
  transform: translateY(-2px);

  filter: brightness(1.04);

  box-shadow:
    0 14px 30px rgba(180, 35, 67, 0.24);

  color: #ffffff !important;
}

.z74-syllabus-jump__btn:focus-visible {
  outline: 3px solid #8d7acc;
  outline-offset: 4px;
}

.z74-syllabus-jump__btn span {
  font-size: 18px;
  font-weight: 900;
}

.z74-syllabus-jump__hint {
  margin: 9px 0 0;

  color: #69758b;

  font-size: 11.8px;
  font-weight: 700;
  line-height: 1.9;
}


/* ==========================================
   RESPONSIVE - TABLET
========================================== */

@media (max-width: 880px) {

  .z74-syllabus-jump__inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .z74-syllabus-jump__content {
    flex: 1 1 calc(100% - 100px);
  }

  .z74-syllabus-jump__action {
    flex: 1 1 100%;
    min-width: 0;
  }

  .z74-syllabus-jump__btn {
    max-width: 400px;
  }

}


/* ==========================================
   RESPONSIVE - MOBILE
========================================== */

@media (max-width: 640px) {

  .z74-syllabus-jump {
    margin: 22px auto 16px;
    padding: 0 11px;
  }

  .z74-syllabus-jump__inner {
    padding: 17px 15px;

    border-radius: 19px;
    gap: 14px;
  }

  .z74-syllabus-jump__visual {
    flex-basis: 56px;

    width: 56px;
    height: 56px;

    border-radius: 17px;
  }

  .z74-syllabus-jump__ring {
    width: 46px;
    height: 46px;

    border-radius: 13px;
  }

  .z74-syllabus-jump__icon {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .z74-syllabus-jump__content {
    flex: 1 1 calc(100% - 75px);
  }

  .z74-syllabus-jump__title {
    font-size: 17.5px;
  }

  .z74-syllabus-jump__text {
    font-size: 13.2px;
  }

  .z74-syllabus-jump__features {
    gap: 6px;
  }

  .z74-syllabus-jump__features span {
    font-size: 11px;
  }

  .z74-syllabus-jump__btn {
    max-width: none;
    font-size: 13px;
  }

}


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

@media (max-width: 480px) {

  .z74-syllabus-jump__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .z74-syllabus-jump__content,
  .z74-syllabus-jump__action {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
  }

  .z74-syllabus-jump__inner::after {
    font-size: 38px;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .z74-syllabus-jump__btn {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a300493 *//* ==========================================
   ZABBIX 7.4 - PRODUCT DETAIL
   Modir Shabake | 2026
   Red / Purple / White
========================================== */

.z74-detail,
.z74-detail * {
  box-sizing: border-box;
}

.z74-detail {
  --z74-red: #b42343;
  --z74-purple: #604da2;
  --z74-ink: #1b2740;
  --z74-text: #46536a;
  --z74-border: #e9e3ee;

  direction: rtl;

  max-width: 1220px;
  margin: 0 auto 42px;
  padding: 0 16px 32px;

  color: var(--z74-ink);

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;
}

.z74-detail__wrap {
  max-width: 1120px;
  margin: 0 auto;
}

.z74-detail__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.7fr)
    minmax(270px, 0.9fr);

  gap: 21px;
  align-items: start;
}

.z74-detail__main,
.z74-detail__side {
  min-width: 0;
}

.z74-detail__side {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-self: start;
}

/* ==========================================
   CARDS
========================================== */

.z74-detail__card,
.z74-detail__side-card {
  position: relative;
  overflow: hidden;

  background: #ffffff;

  border: 1px solid var(--z74-border);

  border-radius: 20px;

  box-shadow:
    0 8px 25px rgba(24, 36, 61, 0.055);
}

.z74-detail__card {
  padding: 21px 20px;
  margin-bottom: 16px;
}

.z74-detail__side-card {
  padding: 18px 16px;
}

.z74-detail__card::before,
.z74-detail__side-card::before {
  content: "";

  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #b42343,
      #6751a7
    );
}

/* Intro */

.z74-detail__card--intro {
  background:
    linear-gradient(
      145deg,
      #fff9fa,
      #ffffff 60%,
      #f8f6ff
    );
}

/* Gift */

.z74-detail__card--gift {
  background:
    linear-gradient(
      135deg,
      #fff7fa,
      #ffffff 65%,
      #f8f6ff
    );

  border-color: #eddae4;
}

/* Modern */

.z74-detail__card--modern {
  background:
    linear-gradient(
      145deg,
      #f9f7ff,
      #ffffff
    );
}

/* Comparison */

.z74-detail__card--compare {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f7f6fd
    );
}

/* Lab */

.z74-detail__card--lab::before {
  background:
    linear-gradient(
      90deg,
      #604da2,
      #9385cf
    );
}

/* Output */

.z74-detail__card--output::before {
  background:
    linear-gradient(
      90deg,
      #287a64,
      #72b8a4
    );
}

/* Challenge */

.z74-detail__card--challenge::before {
  background:
    linear-gradient(
      90deg,
      #bc344e,
      #e29a72
    );
}

/* ==========================================
   TYPOGRAPHY
========================================== */

.z74-detail__eyebrow {
  display: inline-flex;

  padding: 6px 12px;
  margin-bottom: 11px;

  border-radius: 999px;

  background: #f9eaf0;
  color: #a91f3e;

  font-size: 12.5px;
  font-weight: 900;
}

.z74-detail__title {
  margin: 0 0 13px;

  color: #23304b;

  font-size: 20px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-detail__text {
  margin: 0 0 12px;

  color: var(--z74-text);

  font-size: 14.5px;
  line-height: 2.05;
}

.z74-detail__text:last-child {
  margin-bottom: 0;
}

.z74-detail__text strong {
  color: #ad2543;
  font-weight: 900;
}

/* ==========================================
   HIGHLIGHT
========================================== */

.z74-detail__highlight {
  margin: 15px 0 0;
  padding: 13px 15px;

  border-radius: 13px;

  background: #faf7fd;

  border: 1px solid #e7dff1;
  border-right: 4px solid #6851aa;

  color: #39465e;

  font-size: 13.5px;
  line-height: 2;
}

.z74-detail__highlight strong {
  color: #a92242;
  font-weight: 900;
}

/* ==========================================
   QUICK SPECS
========================================== */

.z74-detail__quick-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}

.z74-detail__quick-item {
  padding: 12px 13px;

  border-radius: 13px;

  background: #fcfbff;

  border: 1px solid #e9e4f0;
}

.z74-detail__quick-item:nth-child(even) {
  background: #fffafb;
  border-color: #f0e2e8;
}

.z74-detail__quick-item--full {
  grid-column: 1 / -1;
}

.z74-detail__quick-item span {
  display: block;

  margin-bottom: 5px;

  color: #6550a4;

  font-size: 12px;
  font-weight: 900;
}

.z74-detail__quick-item:nth-child(even) span {
  color: #af2a49;
}

.z74-detail__quick-item strong {
  display: block;

  color: #27354d;

  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.85;

  overflow-wrap: anywhere;
}

/* ==========================================
   GIFTS
========================================== */

.z74-detail__gift-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 11px;
  margin: 15px 0;
}

.z74-detail__gift-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding: 15px;

  border-radius: 15px;
  border: 1px solid #eddbe5;

  background: #ffffff;

  text-decoration: none !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.z74-detail__gift-item:hover {
  transform: translateY(-2px);

  box-shadow:
    0 9px 23px rgba(24, 36, 61, 0.08);
}

.z74-detail__gift-tag {
  display: inline-flex;

  margin-bottom: 10px;
  padding: 5px 11px;

  border-radius: 999px;

  background: #f9e9f0;
  color: #ad2443;

  font-size: 11.5px;
  font-weight: 900;
}

.z74-detail__gift-item strong {
  display: block;

  color: #25324b;

  font-size: 14px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-detail__gift-item p {
  margin: 7px 0 12px;

  color: #657086;

  font-size: 12.8px;
  line-height: 1.9;
}

.z74-detail__gift-link {
  margin-top: auto;

  color: #624ca1;

  font-size: 12.5px;
  font-weight: 900;
}

.z74-detail__gift-bottom {
  margin-top: 13px;
}

/* ==========================================
   LISTS
========================================== */

.z74-detail__list {
  list-style: none;

  margin: 10px 0 0;
  padding: 0;
}

.z74-detail__list--two {
  columns: 2;
  column-gap: 20px;
}

.z74-detail__list li {
  position: relative;

  break-inside: avoid;

  margin-bottom: 7px;
  padding-right: 23px;

  color: #344257;

  font-size: 13.8px;
  line-height: 1.95;
}

.z74-detail__list li::before {
  content: "✓";

  position: absolute;
  right: 0;
  top: 0;

  color: #b52a47;

  font-size: 13px;
  font-weight: 950;
}

/* ==========================================
   CONCEPTS / COMPARISON
========================================== */

.z74-detail__concept-grid,
.z74-detail__compare-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
  margin-top: 14px;
}

.z74-detail__concept-grid > div,
.z74-detail__compare-grid > div {
  padding: 13px;

  border-radius: 13px;

  background: #fcfbff;
  border: 1px solid #e9e4f0;
}

.z74-detail__concept-grid > div:nth-child(even),
.z74-detail__compare-grid > div:nth-child(even) {
  background: #fffafb;
  border-color: #f0e2e7;
}

.z74-detail__concept-grid strong,
.z74-detail__compare-grid strong {
  display: block;

  margin-bottom: 6px;

  color: #604ba2;

  font-size: 13.5px;
  font-weight: 950;

  direction: ltr;
  text-align: right;
}

.z74-detail__concept-grid p,
.z74-detail__compare-grid p {
  margin: 0;

  color: #536076;

  font-size: 12.9px;
  line-height: 1.95;
}

/* ==========================================
   CHALLENGES
========================================== */

.z74-detail__challenge-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}

.z74-detail__challenge {
  padding: 14px;

  background: #ffffff;

  border: 1px solid #e9e3ee;
  border-radius: 14px;
}

.z74-detail__challenge:nth-child(even) {
  background: #faf8ff;
}

.z74-detail__challenge strong {
  display: block;

  margin-bottom: 7px;

  color: #ad2544;

  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.75;
}

.z74-detail__challenge p {
  margin: 0;

  color: #536077;

  font-size: 12.8px;
  line-height: 1.95;
}

/* ==========================================
   FAQ
========================================== */

.z74-detail__faq-item {
  margin-bottom: 10px;
  padding: 14px 15px;

  border: 1px solid #e9e4ef;
  border-radius: 13px;

  background: #fcfbff;
}

.z74-detail__faq-item:nth-child(even) {
  background: #fffafb;
}

.z74-detail__faq-item:last-child {
  margin-bottom: 0;
}

.z74-detail__faq-item h3 {
  margin: 0 0 7px;

  color: #443488;

  font-size: 14.3px;
  font-weight: 950;
  line-height: 1.85;
}

.z74-detail__faq-item p {
  margin: 0;

  color: #536076;

  font-size: 13.3px;
  line-height: 2;
}

/* ==========================================
   SIDEBAR
========================================== */

.z74-detail__side-card h2 {
  margin: 0 0 11px;

  color: #443589;

  font-size: 16px;
  font-weight: 950;
  line-height: 1.75;
}

.z74-detail__side-card p {
  margin: 0 0 11px;

  color: #516076;

  font-size: 13.2px;
  line-height: 2;
}

.z74-detail__side-card ul {
  list-style: none;

  padding: 0;
  margin: 0;
}

.z74-detail__side-card li {
  position: relative;

  margin-bottom: 7px;
  padding-right: 19px;

  color: #3b4860;

  font-size: 13.1px;
  line-height: 1.85;
}

.z74-detail__side-card li::before {
  content: "•";

  position: absolute;
  right: 3px;
  top: 0;

  color: #b62b47;

  font-size: 18px;
  line-height: 1.4;
}

.z74-detail__side-card--prereq {
  background: #fffafd;
}

.z74-detail__side-card--gift {
  background:
    linear-gradient(
      145deg,
      #fff6f9,
      #ffffff
    );
}

.z74-detail__side-card--path {
  background:
    linear-gradient(
      145deg,
      #f9f7ff,
      #ffffff
    );
}

.z74-detail__side-card--next {
  background:
    linear-gradient(
      145deg,
      #faf8ff,
      #ffffff
    );
}

.z74-detail__side-note {
  margin-top: 11px !important;

  color: #6c7790 !important;

  font-size: 11.9px !important;
}

/* ==========================================
   SIDEBAR LINKS
========================================== */

.z74-detail__links {
  display: grid;
  gap: 8px;

  margin-top: 12px;
}

.z74-detail__links a {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 10px 12px;
  min-height: 41px;

  border-radius: 11px;
  border: 1px solid #e7dfee;

  background: #f8f5ff;

  color: #57449b !important;

  text-decoration: none !important;

  font-size: 12.8px;
  font-weight: 900;
  line-height: 1.75;
  text-align: center;

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

.z74-detail__links a:hover {
  transform: translateY(-1px);
  background: #f0eaff;
}

/* ==========================================
   LEARNING ROUTES
========================================== */

.z74-detail__route {
  padding: 11px 12px;

  margin-bottom: 9px;

  border: 1px solid #e7e0f1;
  border-radius: 12px;

  background: #ffffff;
}

.z74-detail__route:last-child {
  margin-bottom: 0;
}

.z74-detail__route strong {
  display: block;

  margin-bottom: 5px;

  color: #a92242;

  font-size: 12.5px;
  font-weight: 950;
}

.z74-detail__route span {
  display: block;

  color: #4c3f8d;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.9;

  text-align: left;
}

/* ==========================================
   CATEGORY BUTTON
========================================== */

.z74-detail__main-link {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 43px;

  padding: 10px 14px;

  border-radius: 999px;

  background:
    linear-gradient(
      105deg,
      #b42343,
      #6952a6
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 12.8px;
  font-weight: 900;
  line-height: 1.8;

  text-align: center;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.z74-detail__main-link:hover {
  transform: translateY(-2px);

  box-shadow:
    0 10px 23px rgba(87, 65, 150, 0.20);
}

/* ==========================================
   MONITORING FLOW
========================================== */

.z74-detail__flow {
  padding: 13px 10px;
  margin-top: 11px;

  border-radius: 12px;
  border: 1px solid #e8e1f1;

  background: #f7f4ff;

  color: #504091;

  font-size: 12px;
  font-weight: 900;
  line-height: 2;

  text-align: center;
  overflow-wrap: anywhere;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.z74-detail a:focus-visible {
  outline: 3px solid #8e7bd0;
  outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE - TABLET
========================================== */

@media (max-width: 980px) {

  .z74-detail__grid {
    grid-template-columns: 1fr;
  }

  .z74-detail__side {
    position: static;
    display: grid;
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    align-items: start;
  }

}

/* ==========================================
   RESPONSIVE - SMALL TABLET
========================================== */

@media (max-width: 760px) {

  .z74-detail__quick-grid,
  .z74-detail__gift-grid,
  .z74-detail__concept-grid,
  .z74-detail__compare-grid,
  .z74-detail__challenge-grid {
    grid-template-columns: 1fr;
  }

  .z74-detail__quick-item--full {
    grid-column: auto;
  }

  .z74-detail__list--two {
    columns: 1;
  }

  .z74-detail__side {
    grid-template-columns: 1fr;
  }

}

/* ==========================================
   RESPONSIVE - MOBILE
========================================== */

@media (max-width: 520px) {

  .z74-detail {
    padding: 0 11px 28px;
  }

  .z74-detail__grid {
    gap: 12px;
  }

  .z74-detail__card,
  .z74-detail__side-card {
    padding: 17px 14px;
    border-radius: 17px;
  }

  .z74-detail__card {
    margin-bottom: 13px;
  }

  .z74-detail__title {
    font-size: 17.5px;
    line-height: 1.85;
  }

  .z74-detail__text {
    font-size: 13.7px;
  }

  .z74-detail__list li {
    font-size: 13.3px;
  }

  .z74-detail__highlight {
    font-size: 13px;
  }

  .z74-detail__gift-item {
    padding: 13px;
  }

  .z74-detail__side-card h2 {
    font-size: 15.5px;
  }

  .z74-detail__main-link,
  .z74-detail__links a {
    width: 100%;
  }

}

/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .z74-detail__gift-item,
  .z74-detail__links a,
  .z74-detail__main-link {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a83db0d *//* ==========================================
   ZABBIX 7.4 - MONITORING COMPARISON
   Modir Shabake | 2026
   Minimal / Responsive
========================================== */

.z74-comparex,
.z74-comparex * {
  box-sizing: border-box;
}

.z74-comparex {
  direction: rtl;
  max-width: 1180px;
  margin: 30px auto;
  padding: 0 16px;

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

  color: #1d2940;
}

.z74-comparex__wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 25px;

  border: 1px solid #e9e3ef;
  border-radius: 22px;

  background: #ffffff;

  box-shadow:
    0 10px 30px rgba(24,36,61,.06);
}

/* HEADER */

.z74-comparex__header {
  margin-bottom: 21px;
}

.z74-comparex__eyebrow {
  display: inline-flex;
  padding: 6px 12px;
  margin-bottom: 10px;

  border-radius: 30px;
  background: #f8edf2;
  color: #a92342;

  font-size: 12px;
  font-weight: 900;
}

.z74-comparex__header h2 {
  margin: 0 0 9px;

  color: #202b45;

  font-size: 22px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-comparex__header p {
  margin: 0;
  max-width: 830px;

  color: #59657a;

  font-size: 13.8px;
  line-height: 2;
}

/* GRID */

.z74-comparex__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;
}

/* CARDS */

.z74-comparex__card {
  min-width: 0;
  padding: 17px;

  border: 1px solid #e9e6ee;
  border-radius: 16px;

  background: #fcfbfe;
}

.z74-comparex__card--featured {
  background:
    linear-gradient(
      145deg,
      #fff8fa,
      #ffffff 70%
    );

  border-color: #e8cdd7;
  border-right: 3px solid #bb2d4c;
}

.z74-comparex__card-top {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 12px;
}

.z74-comparex__logo {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 43px;
  width: 43px;
  height: 43px;

  border-radius: 12px;

  background: #f7e8ee;
  color: #ad2344;

  font-size: 22px;
  font-weight: 950;
}

.z74-comparex__logo--blue {
  background: #eaf2ff;
  color: #346fb1;
}

.z74-comparex__logo--green {
  background: #e8f7ef;
  color: #23805e;
}

.z74-comparex__logo--purple {
  background: #eee9fb;
  color: #6650a6;
}

.z74-comparex__card-top h3 {
  margin: 0;

  font-size: 16px;
  font-weight: 950;
  color: #26334c;
}

.z74-comparex__type {
  display: block;
  margin-top: 3px;

  direction: ltr;
  text-align: right;

  color: #7a8496;

  font-size: 11px;
  font-weight: 750;
}

.z74-comparex__card > p {
  margin: 0 0 13px;

  color: #505e73;

  font-size: 13.2px;
  line-height: 2;
}

/* BEST USE */

.z74-comparex__best {
  padding: 10px 12px;

  border-radius: 11px;
  background: #ffffff;

  border: 1px solid #ebe7f0;
}

.z74-comparex__best span {
  display: block;

  margin-bottom: 4px;

  color: #624d9e;

  font-size: 11.5px;
  font-weight: 900;
}

.z74-comparex__best strong {
  display: block;

  color: #29374c;

  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.9;
}

/* FOOT */

.z74-comparex__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;

  margin-top: 12px;
}

.z74-comparex__foot span {
  padding: 5px 9px;

  border-radius: 7px;

  background: #f2f0f8;
  color: #615577;

  font-size: 11px;
  font-weight: 800;
}

/* DECISION GUIDE */

.z74-comparex__decision {
  margin-top: 17px;
  padding: 16px 18px;

  border: 1px solid #e5deef;
  border-right: 4px solid #6650a6;

  border-radius: 14px;
  background: #f8f6fd;
}

.z74-comparex__decision-text strong {
  display: block;
  margin-bottom: 7px;

  color: #4c398e;

  font-size: 14px;
  font-weight: 950;
}

.z74-comparex__decision-text p {
  margin: 0;

  color: #425168;

  font-size: 13.3px;
  line-height: 2;
}

.z74-comparex__decision-text b {
  color: #a82344;
  font-weight: 900;
}

.z74-comparex__note {
  margin: 12px 2px 0;

  color: #7a8495;

  font-size: 11.7px;
  line-height: 1.9;
}

/* TABLET */

@media (max-width: 800px) {

  .z74-comparex__wrap {
    padding: 19px;
  }

}

/* MOBILE */

@media (max-width: 640px) {

  .z74-comparex {
    padding: 0 11px;
    margin: 22px auto;
  }

  .z74-comparex__wrap {
    padding: 16px 13px;
    border-radius: 18px;
  }

  .z74-comparex__header h2 {
    font-size: 18px;
  }

  .z74-comparex__header p {
    font-size: 13px;
  }

  .z74-comparex__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .z74-comparex__card {
    padding: 14px;
  }

  .z74-comparex__decision {
    padding: 13px;
  }

  .z74-comparex__decision-text p {
    font-size: 12.8px;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-78f17f3 *//* ==========================================
 ZABBIX 7.4 - TEACHING METHOD
 Modir Shabake | 2026
 Minimal Red / Purple / White
========================================== */

.z74-teaching,
.z74-teaching * {
  box-sizing: border-box;
}

.z74-teaching {
  direction: rtl;

  max-width: 1180px;
  margin: 28px auto;
  padding: 0 16px;

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

  color: #1d2940;
}

/* MAIN WRAPPER */

.z74-teaching__wrap {
  position: relative;
  overflow: hidden;

  max-width: 1120px;
  margin: 0 auto;
  padding: 25px 27px;

  border-radius: 22px;
  border: 1px solid #e8e1ef;

  background:
    radial-gradient(
      circle at top right,
      rgba(180,35,67,.055),
      transparent 45%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(101,80,168,.065),
      transparent 48%
    ),
    #ffffff;

  box-shadow:
    0 10px 30px rgba(24,36,61,.06);
}

/* HEADER */

.z74-teaching__header {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-bottom: 15px;
}

.z74-teaching__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 59px;
  width: 59px;
  height: 59px;

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      #b42343,
      #6952a6
    );

  color: #ffffff;
  font-size: 27px;

  box-shadow:
    0 8px 19px rgba(180,35,67,.15);
}

.z74-teaching__heading {
  flex: 1;
  min-width: 0;
}

.z74-teaching__eyebrow {
  display: block;
  margin-bottom: 5px;

  color: #ac2947;

  font-size: 12px;
  font-weight: 900;
}

.z74-teaching__heading h2 {
  margin: 0;

  color: #222d46;

  font-size: 21px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-teaching__version {
  display: inline-flex;
  flex-shrink: 0;

  padding: 7px 11px;

  border: 1px solid #e5def1;
  border-radius: 9px;

  background: #f7f4fc;
  color: #604ba1;

  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .5px;
}

/* DESCRIPTION */

.z74-teaching__text {
  margin: 0 0 19px;

  color: #4a586e;

  font-size: 14.2px;
  line-height: 2.1;
}

.z74-teaching__text strong {
  color: #ae2847;
  font-weight: 900;
}

/* STEPS */

.z74-teaching__steps {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;

  margin-bottom: 17px;
}

.z74-teaching__step {
  position: relative;

  display: flex;
  align-items: center;
  gap: 11px;

  min-width: 0;
  min-height: 89px;

  padding: 18px 12px 13px;

  border: 1px solid #e9e4f0;
  border-radius: 14px;

  background: #fcfbff;
}

.z74-teaching__step:nth-child(2) {
  background: #fffafb;
  border-color: #efe2e8;
}

.z74-teaching__step-number {
  position: absolute;
  top: 6px;
  left: 11px;

  color: #a7a0ba;

  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
}

.z74-teaching__step-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 40px;

  width: 40px;
  height: 40px;

  border-radius: 11px;

  background: #eee9fa;

  font-size: 19px;
}

.z74-teaching__step:nth-child(2)
.z74-teaching__step-icon {
  background: #fbe9ee;
}

.z74-teaching__step strong {
  display: block;

  margin-bottom: 3px;

  color: #382f68;

  font-size: 13.3px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-teaching__step span:last-child {
  display: block;

  color: #68758a;

  font-size: 11.8px;
  line-height: 1.85;
}

/* NOTE */

.z74-teaching__note {
  display: flex;
  align-items: flex-start;
  gap: 11px;

  padding: 14px 16px;

  border: 1px solid #e8e0ef;
  border-right: 3px solid #6851a6;
  border-radius: 13px;

  background: #f8f6fc;
}

.z74-teaching__note-icon {
  flex-shrink: 0;
  font-size: 21px;
  line-height: 1.5;
}

.z74-teaching__note strong {
  display: block;

  margin-bottom: 5px;

  color: #503c91;

  font-size: 13.3px;
  font-weight: 950;
}

.z74-teaching__note p {
  margin: 0;

  color: #515e72;

  font-size: 13px;
  line-height: 2;
}

.z74-teaching__note p strong {
  display: inline;
  color: #a92444;
  font-size: inherit;
  font-weight: 900;
}

/* TABLET */

@media (max-width: 800px) {

  .z74-teaching__steps {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .z74-teaching__step {
    min-height: 72px;
  }

}

/* MOBILE */

@media (max-width: 640px) {

  .z74-teaching {
    margin: 22px auto;
    padding: 0 11px;
  }

  .z74-teaching__wrap {
    padding: 18px 15px;
    border-radius: 18px;
  }

  .z74-teaching__header {
    gap: 11px;
    flex-wrap: wrap;
  }

  .z74-teaching__icon {
    flex-basis: 48px;

    width: 48px;
    height: 48px;

    border-radius: 13px;
    font-size: 22px;
  }

  .z74-teaching__heading h2 {
    font-size: 17.3px;
  }

  .z74-teaching__version {
    margin-right: 59px;
  }

  .z74-teaching__text {
    font-size: 13.3px;
  }

  .z74-teaching__step strong {
    font-size: 13px;
  }

  .z74-teaching__note {
    padding: 12px;
  }

  .z74-teaching__note p {
    font-size: 12.5px;
  }

}

@media (max-width: 400px) {

  .z74-teaching__heading h2 {
    font-size: 16px;
  }

  .z74-teaching__version {
    margin-right: 0;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c2e1aea *//* ==========================================
 ZABBIX 7.4 - SYLLABUS
 Style based on Zabbix 6.2 layout
 Modir Shabake | 2026
========================================== */

.zabbix74-syllabus,
.zabbix74-syllabus * {
  box-sizing: border-box;
}

.zabbix74-syllabus {
  direction: rtl;
  max-width: 1180px;
  margin: 30px auto 40px;
  padding: 0 16px;

  color: #18243d;

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.zabbix74-syllabus__wrap {
  max-width: 1120px;
  margin: 0 auto;
}


/* ==========================================
 HEADER
========================================== */

.zabbix74-syllabus__header {
  position: relative;
  overflow: hidden;

  padding: 24px 25px;
  margin-bottom: 17px;

  border-radius: 25px;

  background:
    radial-gradient(
      circle at top right,
      rgba(180, 35, 67, .14),
      transparent 58%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(101, 80, 166, .13),
      transparent 62%
    ),
    linear-gradient(
      135deg,
      #fff5f7 0%,
      #ffffff 48%,
      #f4f1ff 100%
    );

  border: 1px solid rgba(180, 35, 67, .20);

  box-shadow:
    0 15px 36px rgba(24, 36, 61, .09);
}

.zabbix74-syllabus__badge {
  display: inline-flex;

  padding: 6px 14px;
  margin-bottom: 10px;

  border-radius: 999px;

  color: #ffffff;

  background:
    linear-gradient(
      90deg,
      #a91d3b,
      #cf3557,
      #6952a6
    );

  font-size: 12.8px;
  font-weight: 950;
  line-height: 1.8;

  box-shadow:
    0 8px 20px rgba(180, 35, 67, .16);
}

.zabbix74-syllabus__title {
  margin: 0 0 17px;

  color: #292446;

  font-size: 23px;
  font-weight: 950;
  line-height: 1.8;
}


/* ==========================================
 STATS
========================================== */

.zabbix74-syllabus__stats {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 11px;
}

.zabbix74-syllabus__stats > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-height: 88px;
  min-width: 0;
  padding: 12px 9px;

  border-radius: 17px;

  background: rgba(255, 255, 255, .93);

  border: 1px solid rgba(180, 35, 67, .17);

  box-shadow:
    0 7px 20px rgba(24, 36, 61, .045);

  color: #526078;

  font-size: 12.4px;
  font-weight: 850;
  line-height: 1.8;
  text-align: center;
}

.zabbix74-syllabus__stats > div:nth-child(even) {
  border-color: rgba(101, 80, 166, .23);
  background: #fbfaff;
}

.zabbix74-syllabus__stats strong {
  display: block;
  margin-bottom: 3px;

  color: #b42343;

  font-size: 28px;
  font-weight: 950;
  line-height: 1.35;
}

.zabbix74-syllabus__stats > div:nth-child(even) strong {
  color: #6550a6;
}


/* ==========================================
 SESSION LIST
========================================== */

.zabbix74-syllabus__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.zabbix74-syllabus__item {
  position: relative;
  overflow: hidden;

  padding: 19px 21px;

  border-radius: 22px;

  background:
    radial-gradient(
      circle at top left,
      rgba(101, 80, 166, .045),
      transparent 58%
    ),
    #ffffff;

  border: 1px solid rgba(180, 35, 67, .17);

  box-shadow:
    0 12px 30px rgba(24, 36, 61, .075);
}

.zabbix74-syllabus__item::before {
  content: "";

  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  height: 4px;

  background:
    linear-gradient(
      90deg,
      #a91d3b,
      #d13456,
      #6650a6
    );
}


/* FREE SESSION */

.zabbix74-syllabus__item--free {
  background:
    radial-gradient(
      circle at top right,
      rgba(236, 253, 245, .75),
      transparent 58%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(245, 242, 255, .65),
      transparent 62%
    ),
    #ffffff;

  border-color: rgba(33, 145, 101, .22);
}

.zabbix74-syllabus__item--free::before {
  background:
    linear-gradient(
      90deg,
      #21895f,
      #48ba92,
      #6650a6
    );
}


/* BONUS */

.zabbix74-syllabus__item--bonus {
  background:
    linear-gradient(
      135deg,
      #f7f4ff,
      #ffffff 65%
    );

  border-color: rgba(101, 80, 166, .22);
}

.zabbix74-syllabus__item--bonus::before {
  background:
    linear-gradient(
      90deg,
      #574297,
      #957bd4
    );
}


/* ==========================================
 TOP CONTENT
========================================== */

.zabbix74-syllabus__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.zabbix74-syllabus__top > div {
  flex: 1;
  min-width: 0;
}

.zabbix74-syllabus__num {
  display: inline-flex;

  margin-bottom: 8px;
  padding: 5px 12px;

  border-radius: 999px;

  background: #f9e9ee;
  color: #ad2443;

  font-size: 12.5px;
  font-weight: 950;
  line-height: 1.7;
}

.zabbix74-syllabus__item--free
.zabbix74-syllabus__num {
  background: #e7f7ef;
  color: #237d59;
}

.zabbix74-syllabus__item--bonus
.zabbix74-syllabus__num {
  background: #ece7fa;
  color: #5a4598;
}

.zabbix74-syllabus__top h3 {
  margin: 0 0 9px;

  color: #252b45;

  font-size: 18px;
  font-weight: 950;
  line-height: 1.8;
}

.zabbix74-syllabus__top p {
  margin: 0;

  color: #35435a;

  font-size: 14px;
  line-height: 2.1;
}

.zabbix74-syllabus__top p strong {
  color: #ab2442;
  font-weight: 950;
}


/* ==========================================
 ACCESS BADGES
========================================== */

.zabbix74-syllabus__access {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  min-width: 90px;
  padding: 7px 12px;

  border-radius: 999px;

  font-size: 12px;
  font-weight: 950;
  line-height: 1.8;

  white-space: nowrap;
}

.zabbix74-syllabus__access--free {
  color: #197650;

  background: #e7f7ee;

  border: 1px solid #bfe7d2;
}

.zabbix74-syllabus__access--locked {
  color: #705b91;

  background: #f1edf8;

  border: 1px solid #e3daf0;
}


/* ==========================================
 FREE VIDEO PREVIEW
========================================== */

.zabbix74-syllabus__preview {
  margin-top: 15px;

  border-radius: 16px;
  overflow: hidden;

  background: #f8fcfa;

  border: 1px solid rgba(33, 145, 101, .25);
}

.zabbix74-syllabus__preview summary {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 11px 16px;

  border-radius: 15px;

  background:
    linear-gradient(
      90deg,
      #1e7758,
      #2ba378
    );

  color: #ffffff;

  text-align: center;

  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.8;

  cursor: pointer;
  list-style: none;

  transition:
    filter .18s ease,
    background .18s ease;
}

.zabbix74-syllabus__preview summary::-webkit-details-marker {
  display: none;
}

.zabbix74-syllabus__preview summary::marker {
  content: "";
}

.zabbix74-syllabus__preview summary:hover {
  filter: brightness(1.06);
}

.zabbix74-syllabus__preview summary:focus-visible {
  outline: 3px solid #8bcdb0;
  outline-offset: -4px;
}

.zabbix74-syllabus__preview[open] summary {
  border-radius: 15px 15px 0 0;
}

.zabbix74-syllabus__open {
  display: inline;
}

.zabbix74-syllabus__close {
  display: none;
}

.zabbix74-syllabus__preview[open]
.zabbix74-syllabus__open {
  display: none;
}

.zabbix74-syllabus__preview[open]
.zabbix74-syllabus__close {
  display: inline;
}


/* ==========================================
 APARAT VIDEO
========================================== */

.zabbix74-syllabus__video {
  position: relative;

  width: 100%;
  aspect-ratio: 16 / 9;

  background: #0f172a;
  overflow: hidden;
}

.zabbix74-syllabus__video iframe {
  position: absolute;

  inset: 0;

  display: block;
  width: 100%;
  height: 100%;

  border: none;
}


/* ==========================================
 PRIVATE BAR
========================================== */

.zabbix74-syllabus__locked {
  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 14px;
  padding: 11px 16px;

  min-height: 45px;

  border-radius: 15px;

  background:
    linear-gradient(
      90deg,
      #f8f5fc,
      #f1edf8
    );

  border: 1px solid #e7dfee;

  color: #73648a;

  font-size: 13px;
  font-weight: 950;
  line-height: 1.8;
}


/* ==========================================
 RESPONSIVE
========================================== */

@media (max-width: 850px) {

  .zabbix74-syllabus__stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 640px) {

  .zabbix74-syllabus {
    margin: 24px auto 32px;
    padding: 0 11px;
  }

  .zabbix74-syllabus__header {
    padding: 18px 15px;
    border-radius: 20px;
  }

  .zabbix74-syllabus__title {
    font-size: 19px;
  }

  .zabbix74-syllabus__stats {
    gap: 8px;
  }

  .zabbix74-syllabus__stats > div {
    min-height: 76px;
    padding: 10px 6px;
    font-size: 11.5px;
  }

  .zabbix74-syllabus__stats strong {
    font-size: 24px;
  }

  .zabbix74-syllabus__list {
    gap: 11px;
  }

  .zabbix74-syllabus__item {
    padding: 16px 14px;
    border-radius: 18px;
  }

  .zabbix74-syllabus__top {
    gap: 9px;
  }

  .zabbix74-syllabus__top h3 {
    font-size: 16px;
  }

  .zabbix74-syllabus__top p {
    font-size: 13.4px;
    line-height: 2.05;
  }

  .zabbix74-syllabus__access {
    font-size: 11px;
    min-width: 75px;
    padding: 6px 9px;
  }

}

@media (max-width: 480px) {

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

  .zabbix74-syllabus__access {
    align-self: flex-start;
  }

  .zabbix74-syllabus__badge {
    font-size: 11.7px;
  }

  .zabbix74-syllabus__preview summary {
    font-size: 12.8px;
  }

  .zabbix74-syllabus__top p {
    font-size: 13px;
  }

}

@media (prefers-reduced-motion: reduce) {

  .zabbix74-syllabus__preview summary {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-16af0fb *//* ==========================================
 ZABBIX 7.4 - NEXT LEARNING PATH
 Modir Shabake | 2026
 Minimal Red / Purple / White
========================================== */

.z74-next,
.z74-next * {
  box-sizing: border-box;
}

.z74-next {
  --next-red: #b42343;
  --next-purple: #6651a6;
  --next-ink: #1c2941;
  --next-text: #4b596f;
  --next-border: #e9e3ee;

  direction: rtl;
  max-width: 1180px;
  margin: 35px auto;
  padding: 0 16px;

  color: var(--next-ink);

  font-family:
    "IRANYekan",
    "Vazirmatn",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;

  scroll-margin-top: 90px;
}

.z74-next__inner {
  max-width: 1120px;
  margin: 0 auto;
}

.z74-next a {
  text-decoration: none !important;
}

.z74-next a:focus-visible {
  outline: 3px solid #8c7bd0;
  outline-offset: 3px;
}

/* ==========================================
 HEADER
========================================== */

.z74-next__header {
  padding: 25px;
  margin-bottom: 16px;

  border: 1px solid var(--next-border);
  border-radius: 22px;

  background:
    radial-gradient(
      circle at top right,
      rgba(180,35,67,.075),
      transparent 50%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(102,81,166,.085),
      transparent 55%
    ),
    #ffffff;

  box-shadow:
    0 10px 28px rgba(24,36,61,.06);
}

.z74-next__eyebrow {
  display: inline-flex;

  padding: 6px 12px;
  margin-bottom: 10px;

  border-radius: 999px;

  background: #f9eaf0;
  color: #a92242;

  font-size: 12.5px;
  font-weight: 950;
}

.z74-next__title {
  margin: 0 0 10px;

  color: #222d46;

  font-size: 23px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-next__lead {
  margin: 0;

  color: var(--next-text);

  font-size: 14px;
  line-height: 2.05;
}

.z74-next__lead strong {
  color: #aa2543;
  font-weight: 900;
}

/* QUICK LINKS */

.z74-next__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;

  margin-top: 17px;
}

.z74-next__quick a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 9px 14px;

  border-radius: 999px;

  background: #f7f3fd;
  border: 1px solid #e4dbf1;

  color: #574499 !important;

  font-size: 12.5px;
  font-weight: 900;

  transition:
    background .18s ease,
    transform .18s ease;
}

.z74-next__quick a:first-child {
  background:
    linear-gradient(
      110deg,
      #b42343,
      #6b54a8
    );

  color: #ffffff !important;
  border-color: transparent;
}

.z74-next__quick a:hover {
  transform: translateY(-1px);
  background: #eee8fa;
}

.z74-next__quick a:first-child:hover {
  background: #a92548;
}

/* ==========================================
 PRIORITY BOX
========================================== */

.z74-next__priority {
  display: grid;

  grid-template-columns:
    65px minmax(0,1fr);

  gap: 16px;
  align-items: center;

  padding: 20px;
  margin-bottom: 17px;

  border: 1px solid #e9e0ed;
  border-radius: 20px;

  background:
    linear-gradient(
      130deg,
      #fff8fa,
      #ffffff 58%,
      #f7f5fd
    );

  box-shadow:
    0 9px 26px rgba(24,36,61,.055);
}

.z74-next__priority-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 63px;
  height: 63px;

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      #b42343,
      #6651a6
    );

  font-size: 28px;

  box-shadow:
    0 9px 22px rgba(180,35,67,.14);
}

.z74-next__priority-label {
  display: inline-block;

  margin-bottom: 6px;

  color: #aa2543;

  font-size: 12px;
  font-weight: 950;
}

.z74-next__priority-content h3 {
  margin: 0 0 9px;

  color: #41347f;

  font-family: Arial, sans-serif;
  font-size: 15.5px;
  font-weight: 900;
  line-height: 1.9;

  text-align: right;
  overflow-wrap: anywhere;
}

.z74-next__priority-content p {
  margin: 0 0 6px;

  color: #4e5b70;

  font-size: 13.5px;
  line-height: 2;
}

.z74-next__priority-content p strong {
  color: #ae2545;
  font-weight: 900;
}

.z74-next__priority-content small {
  display: block;

  color: #778297;

  font-size: 11.5px;
  line-height: 1.85;
}

/* ==========================================
 COURSE GRID
========================================== */

.z74-next__grid {
  display: grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap: 13px;
}

/* COURSE CARDS */

.z74-next__card {
  display: flex;
  flex-direction: column;

  min-width: 0;
  padding: 19px 17px;

  border: 1px solid #e8e4ee;
  border-radius: 18px;

  background: #ffffff;

  box-shadow:
    0 8px 24px rgba(24,36,61,.055);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.z74-next__card:hover {
  transform: translateY(-2px);

  box-shadow:
    0 13px 29px rgba(24,36,61,.085);
}

.z74-next__card--featured {
  background:
    linear-gradient(
      145deg,
      #fff8fa,
      #ffffff 70%
    );

  border-color: #ead7e1;
}

.z74-next__card--roadmap {
  background:
    linear-gradient(
      145deg,
      #f9f7ff,
      #ffffff
    );
}

.z74-next__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;
  margin-bottom: 13px;
}

.z74-next__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 45px;
  width: 45px;
  height: 45px;

  border-radius: 13px;

  background: #f3eefb;

  font-size: 21px;
}

.z74-next__card:nth-child(3n+2)
.z74-next__icon {
  background: #fcecf0;
}

.z74-next__tag {
  display: inline-flex;

  padding: 5px 9px;

  border-radius: 999px;

  background: #f7f5fa;

  color: #695982;

  font-size: 10.8px;
  font-weight: 900;
  line-height: 1.7;

  text-align: center;
}

.z74-next__card h3 {
  margin: 0 0 10px;

  color: #26324a;

  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.75;
}

.z74-next__card p {
  margin: 0 0 12px;

  color: #566278;

  font-size: 13px;
  line-height: 2;
}

/* FEATURES */

.z74-next__card ul {
  list-style: none;

  padding: 0;
  margin: 0 0 17px;
}

.z74-next__card li {
  position: relative;

  padding-right: 20px;
  margin-bottom: 6px;

  color: #415066;

  font-size: 12.5px;
  line-height: 1.85;
}

.z74-next__card li::before {
  content: "✓";

  position: absolute;
  right: 0;
  top: 0;

  color: #ad2947;

  font-size: 12px;
  font-weight: 950;
}

/* COURSE LINKS */

.z74-next__card > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  align-self: stretch;

  min-height: 41px;
  padding: 9px 12px;
  margin-top: auto;

  border-radius: 11px;
  border: 1px solid #e5def0;

  background: #f8f5fd;
  color: #584398 !important;

  font-size: 12.6px;
  font-weight: 950;
  line-height: 1.8;
  text-align: center;

  transition:
    background .18s ease,
    transform .18s ease;
}

.z74-next__card > a:hover {
  background: #efe9fa;
  transform: translateY(-1px);
}

.z74-next__card--featured > a {
  background: #b42343;
  border-color: #b42343;

  color: #ffffff !important;
}

.z74-next__card--featured > a:hover {
  background: #9e1d39;
}

/* ==========================================
 CAREER PATHS
========================================== */

.z74-next__paths {
  margin-top: 19px;
  padding: 23px;

  border: 1px solid #e9e2ef;
  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      #fbf9ff,
      #ffffff
    );

  box-shadow:
    0 8px 24px rgba(24,36,61,.045);

  scroll-margin-top: 90px;
}

.z74-next__section-header {
  margin-bottom: 16px;
}

.z74-next__section-header h3 {
  margin: 0 0 7px;

  color: #27314b;

  font-size: 19px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-next__section-header p {
  margin: 0;

  color: #69758a;

  font-size: 13px;
  line-height: 1.9;
}

.z74-next__paths-grid {
  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap: 11px;
}

.z74-next__path {
  padding: 14px;

  border: 1px solid #e8e3ee;
  border-radius: 13px;

  background: #ffffff;
}

.z74-next__path span {
  display: block;

  margin-bottom: 7px;

  color: #a82242;

  font-size: 12.8px;
  font-weight: 950;
  line-height: 1.8;
}

.z74-next__path strong {
  display: block;

  color: #51418f;

  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.9;

  text-align: right;
  overflow-wrap: anywhere;
}

/* ==========================================
 FOOTER
========================================== */

.z74-next__footer {
  display: flex;
  align-items: flex-start;
  gap: 13px;

  margin-top: 17px;
  padding: 18px;

  border: 1px solid #ebdfe9;
  border-radius: 16px;

  background: #fff9fb;
}

.z74-next__footer-icon {
  flex-shrink: 0;

  font-size: 23px;
  line-height: 1.5;
}

.z74-next__footer strong {
  display: block;

  margin-bottom: 6px;

  color: #ab2443;

  font-size: 14px;
  font-weight: 950;
}

.z74-next__footer p {
  margin: 0;

  color: #4b586d;

  font-size: 13.4px;
  line-height: 2.05;
}

.z74-next__footer p strong {
  display: inline;
  margin: 0;

  font-size: inherit;
}

/* ==========================================
 RESPONSIVE
========================================== */

@media (max-width: 1040px) {

  .z74-next__grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}

@media (max-width: 720px) {

  .z74-next__grid,
  .z74-next__paths-grid {
    grid-template-columns: 1fr;
  }

  .z74-next__priority {
    grid-template-columns: 1fr;
  }

  .z74-next__quick a {
    flex: 1 1 100%;
  }

}

@media (max-width: 520px) {

  .z74-next {
    padding: 0 11px;
    margin: 26px auto;
  }

  .z74-next__header,
  .z74-next__paths {
    padding: 17px 14px;
    border-radius: 18px;
  }

  .z74-next__title {
    font-size: 19px;
  }

  .z74-next__lead {
    font-size: 13.3px;
  }

  .z74-next__priority {
    padding: 16px;
    border-radius: 17px;
  }

  .z74-next__priority-content h3 {
    font-size: 13.2px;
  }

  .z74-next__card {
    padding: 16px;
    border-radius: 16px;
  }

  .z74-next__card h3 {
    font-size: 15px;
  }

  .z74-next__footer {
    padding: 14px;
  }

  .z74-next__footer p {
    font-size: 12.9px;
  }

}

@media (prefers-reduced-motion: reduce) {

  .z74-next__card,
  .z74-next__card > a,
  .z74-next__quick a {
    transition: none;
  }

}/* End custom CSS */