.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-222 .elementor-element.elementor-element-79f1c3f3{color:#35354F;font-size:16px;line-height:1.7em;}/* Start custom CSS *//* ===== Tutorial article typography ===== */
/* Targets the Post Content widget. !important throughout: Elementor writes this
   file before the widget's own V3 typography rules, so ties would otherwise lose. */

[data-id="79f1c3f3"] > *:first-child { margin-top: 0 !important; }

[data-id="79f1c3f3"] h1 {
  font-size: 28px !important; font-weight: 700 !important;
  color: #1A2A80 !important; line-height: 1.3 !important;
  letter-spacing: -0.3px !important; margin: 48px 0 14px 0 !important;
}
[data-id="79f1c3f3"] h2 {
  font-size: 22px !important; font-weight: 700 !important;
  color: #1A2A80 !important; line-height: 1.35 !important;
  margin: 36px 0 12px 0 !important;
}
[data-id="79f1c3f3"] h3 {
  font-size: 18.5px !important; font-weight: 600 !important;
  color: #16163A !important; line-height: 1.4 !important;
  margin: 28px 0 10px 0 !important;
}

[data-id="79f1c3f3"] p {
  font-size: 16px !important; line-height: 1.75 !important;
  color: #35354F !important; margin: 0 0 18px 0 !important;
}
[data-id="79f1c3f3"] strong { color: #16163A !important; font-weight: 600 !important; }
[data-id="79f1c3f3"] em { color: #35354F !important; }

[data-id="79f1c3f3"] a {
  color: #FF4A17 !important; text-decoration: none !important;
  border-bottom: 1px solid rgba(255,74,23,0.35);
  transition: border-color 150ms ease;
}
[data-id="79f1c3f3"] a:hover { border-bottom-color: #FF4A17; }

/* Lists: custom orange markers instead of browser defaults. */
[data-id="79f1c3f3"] ul,
[data-id="79f1c3f3"] ol {
  margin: 0 0 24px 0 !important; padding-left: 0 !important; list-style: none !important;
}
[data-id="79f1c3f3"] li {
  font-size: 16px !important; line-height: 1.7 !important;
  color: #35354F !important; margin: 0 0 10px 0 !important;
}
[data-id="79f1c3f3"] ul > li { position: relative; padding-left: 28px !important; }
[data-id="79f1c3f3"] ul > li::before {
  content: ""; position: absolute; left: 6px; top: 11px;
  width: 7px; height: 7px; border-radius: 50%; background: #FF4A17;
}
[data-id="79f1c3f3"] ol { counter-reset: tut-n; }
[data-id="79f1c3f3"] ol > li { position: relative; padding-left: 30px !important; counter-increment: tut-n; }
[data-id="79f1c3f3"] ol > li::before {
  content: counter(tut-n) "."; position: absolute; left: 2px; top: 0;
  color: #FF4A17; font-weight: 700;
}

/* Media inside the article. */
[data-id="79f1c3f3"] img {
  display: block; max-width: 100%; height: auto;
  border-radius: 14px; margin: 28px 0 !important;
}
[data-id="79f1c3f3"] iframe {
  display: block; width: 100%; aspect-ratio: 16 / 9; height: auto;
  border: 0; border-radius: 14px; margin: 28px 0 !important;
}
[data-id="79f1c3f3"] figure { margin: 28px 0 !important; }
[data-id="79f1c3f3"] figcaption {
  color: #6B6B80 !important; font-size: 13.5px !important; margin-top: 8px;
}

[data-id="79f1c3f3"] blockquote {
  margin: 28px 0 !important; padding: 18px 24px !important;
  background: #F7F8FC; border-left: 4px solid #FF4A17;
  border-radius: 0 12px 12px 0;
}
[data-id="79f1c3f3"] blockquote p { margin: 0 !important; }

[data-id="79f1c3f3"] code {
  background: #F1F2F8; border-radius: 6px; padding: 2px 7px;
  font-size: 14.5px !important; color: #1A2A80 !important;
}
[data-id="79f1c3f3"] pre {
  background: #16163A; color: #EDEEF7; border-radius: 14px;
  padding: 20px 22px !important; overflow-x: auto; margin: 28px 0 !important;
}
[data-id="79f1c3f3"] pre code { background: none; color: inherit; padding: 0; }

[data-id="79f1c3f3"] hr {
  border: 0; height: 1px; background: #E4E6F0; margin: 40px 0 !important;
}

@media (max-width: 767px) {
  [data-id="79f1c3f3"] h1 { font-size: 24px !important; margin-top: 38px !important; }
  [data-id="79f1c3f3"] h2 { font-size: 19.5px !important; }
}/* End custom CSS */