.elementor-356 .elementor-element.elementor-element-46b9cd42{--display:flex;}.elementor-widget-image .widget-image-caption{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-356 .elementor-element.elementor-element-772d1c9{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-356 .elementor-element.elementor-element-772d1c9.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-369ead00 *//* =========================================================
   KHARISMA PRINTING — PREMIUM EDITORIAL BLOG SYSTEM
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 {
  --kp-yellow: #f6c928;
  --kp-yellow-2: #ffd84d;
  --kp-yellow-soft: #fff8d8;

  --kp-ink: #161616;
  --kp-text: #444;
  --kp-muted: #767676;
  --kp-line: rgba(0,0,0,.09);

  --kp-bg-soft: #faf9f4;
  --kp-card: #ffffff;

  --kp-radius-sm: 10px;
  --kp-radius: 16px;
  --kp-radius-lg: 24px;

  --kp-shadow-sm:
    0 6px 18px rgba(0,0,0,.05);

  --kp-shadow:
    0 14px 40px rgba(0,0,0,.075);

  --kp-shadow-lg:
    0 24px 70px rgba(0,0,0,.10);

  max-width: 920px;
  margin: 0 auto;

  color: var(--kp-text);
  font-size: 17px;
  line-height: 1.82;

  letter-spacing: -0.012em;

  text-wrap: pretty;
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 p {
  margin: 0 0 21px;
}

.elementor-356 .elementor-element.elementor-element-369ead00 > p:first-of-type {
  font-size: 20px;
  line-height: 1.72;
  color: #2e2e2e;
}

.elementor-356 .elementor-element.elementor-element-369ead00 strong {
  color: var(--kp-ink);
  font-weight: 700;
}

.elementor-356 .elementor-element.elementor-element-369ead00 em {
  color: #333;
}

/* =========================================================
   HEADINGS
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 h2,
.elementor-356 .elementor-element.elementor-element-369ead00 h3,
.elementor-356 .elementor-element.elementor-element-369ead00 h4 {
  color: var(--kp-ink);
  text-wrap: balance;
  scroll-margin-top: 120px;
}

.elementor-356 .elementor-element.elementor-element-369ead00 h2 {
  position: relative;

  margin: 64px 0 22px;
  padding-left: 20px;

  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.14;

  font-weight: 760;
  letter-spacing: -0.035em;
}

.elementor-356 .elementor-element.elementor-element-369ead00 h2::before {
  content: "";

  position: absolute;
  left: 0;
  top: 8%;

  width: 5px;
  height: 84%;

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      var(--kp-yellow-2),
      var(--kp-yellow)
    );

  box-shadow:
    0 0 0 6px rgba(246,201,40,.12);
}

.elementor-356 .elementor-element.elementor-element-369ead00 h3 {
  margin: 40px 0 14px;

  font-size: clamp(23px, 2.2vw, 30px);
  line-height: 1.26;

  font-weight: 700;
  letter-spacing: -0.025em;
}

.elementor-356 .elementor-element.elementor-element-369ead00 h4 {
  margin: 30px 0 10px;

  font-size: 20px;
  line-height: 1.35;

  font-weight: 700;
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 a {
  color: #202020;

  font-weight: 650;

  text-decoration-line: underline;
  text-decoration-color: var(--kp-yellow);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;

  transition:
    color .18s ease,
    text-decoration-color .18s ease;
}

.elementor-356 .elementor-element.elementor-element-369ead00 a:hover {
  color: #b48700;
  text-decoration-color: #b48700;
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 ul {
  list-style: none;

  margin: 20px 0 30px;
  padding: 0;
}

.elementor-356 .elementor-element.elementor-element-369ead00 ul li {
  position: relative;

  margin: 10px 0;
  padding-left: 30px;
}

.elementor-356 .elementor-element.elementor-element-369ead00 ul li::before {
  content: "";

  position: absolute;
  left: 3px;
  top: .75em;

  width: 8px;
  height: 8px;

  transform: translateY(-50%);

  border-radius: 50%;

  background: var(--kp-yellow);

  box-shadow:
    0 0 0 4px rgba(246,201,40,.14);
}

/* =========================================================
   ORDERED LISTS / PROCESS STEPS
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 ol {
  counter-reset: kp-step;

  list-style: none;

  margin: 24px 0 34px;
  padding: 0;
}

.elementor-356 .elementor-element.elementor-element-369ead00 ol li {
  position: relative;

  counter-increment: kp-step;

  margin: 14px 0;

  padding:
    16px
    18px
    16px
    60px;

  border: 1px solid var(--kp-line);
  border-radius: 14px;

  background: #fff;

  box-shadow: var(--kp-shadow-sm);
}

.elementor-356 .elementor-element.elementor-element-369ead00 ol li::before {
  content: counter(kp-step);

  position: absolute;
  left: 15px;
  top: 15px;

  display: grid;
  place-items: center;

  width: 32px;
  height: 32px;

  border-radius: 50%;

  background: var(--kp-yellow);

  color: #111;

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

/* =========================================================
   IMAGES
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 img {
  display: block;

  max-width: 100%;
  height: auto;

  margin: 34px auto;

  border-radius: 18px;

  box-shadow:
    0 16px 46px rgba(0,0,0,.085),
    0 3px 10px rgba(0,0,0,.04);

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

@media (hover: hover) {
  .elementor-356 .elementor-element.elementor-element-369ead00 img:hover {
    transform: translateY(-4px);

    box-shadow:
      0 22px 60px rgba(0,0,0,.11),
      0 5px 14px rgba(0,0,0,.05);
  }
}

.elementor-356 .elementor-element.elementor-element-369ead00 figcaption {
  margin-top: -20px;
  margin-bottom: 30px;

  text-align: center;

  color: var(--kp-muted);

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

/* Wide image */
.elementor-356 .elementor-element.elementor-element-369ead00 .kp-wide {
  width: min(1120px, 118%);
  max-width: none;

  margin-left: 50%;

  transform: translateX(-50%);
}

/* Full bleed */
.elementor-356 .elementor-element.elementor-element-369ead00 .kp-full {
  width: 100vw;
  max-width: none;

  margin-left: calc(50% - 50vw);

  border-radius: 0;
}

/* =========================================================
   BLOCKQUOTE / INSIGHT
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 blockquote {
  position: relative;

  margin: 40px 0;
  padding:
    30px
    32px
    30px
    36px;

  border:
    1px solid
    rgba(246,201,40,.38);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at top right,
      rgba(246,201,40,.23),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #fffdf3,
      #fff8d8
    );

  color: #292929;

  font-size: 19px;
  line-height: 1.65;

  box-shadow:
    0 16px 42px
    rgba(0,0,0,.055);
}

.elementor-356 .elementor-element.elementor-element-369ead00 blockquote::before {
  content: "“";

  position: absolute;
  left: 14px;
  top: 7px;

  color: var(--kp-yellow);

  font-size: 52px;
  line-height: 1;

  font-weight: 800;
}

/* =========================================================
   CALLOUT SYSTEM
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-callout {
  position: relative;

  margin: 40px 0;

  padding:
    26px
    28px
    26px
    62px;

  border-radius: 18px;

  background: var(--kp-ink);

  color: #fff;

  box-shadow:
    0 20px 46px
    rgba(0,0,0,.13);
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-callout::before {
  content: "✓";

  position: absolute;
  left: 20px;
  top: 24px;

  display: grid;
  place-items: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  background: var(--kp-yellow);

  color: #111;

  font-weight: 800;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-callout strong {
  color: #fff;
}

/* Info callout */
.elementor-356 .elementor-element.elementor-element-369ead00 .kp-info {
  position: relative;

  margin: 34px 0;

  padding:
    24px
    26px
    24px
    58px;

  border:
    1px solid
    rgba(0,0,0,.08);

  border-radius: 16px;

  background: #f6f6f6;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-info::before {
  content: "i";

  position: absolute;
  left: 20px;
  top: 22px;

  display: grid;
  place-items: center;

  width: 26px;
  height: 26px;

  border-radius: 50%;

  background: var(--kp-yellow);

  color: #111;

  font-weight: 800;
}

/* =========================================================
   CTA SYSTEM
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta {
  position: relative;

  overflow: hidden;

  margin: 54px 0;

  padding:
    40px
    36px;

  border-radius: 24px;

  background:
    linear-gradient(
      135deg,
      #ffe36e 0%,
      var(--kp-yellow) 70%
    );

  color: #111;

  text-align: center;

  box-shadow:
    0 24px 60px
    rgba(204,160,0,.19);
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta::after {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  right: -70px;
  top: -80px;

  border-radius: 50%;

  background:
    rgba(255,255,255,.22);
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta h2,
.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta h3 {
  position: relative;
  z-index: 1;

  margin-top: 0;
  padding-left: 0;

  color: #111;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta h2::before {
  display: none;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta p {
  position: relative;
  z-index: 1;

  max-width: 650px;

  margin-left: auto;
  margin-right: auto;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta a {
  position: relative;
  z-index: 1;

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

  margin-top: 10px;

  padding:
    13px
    24px;

  border-radius: 999px;

  background: #111;

  color: #fff;

  text-decoration: none;

  font-weight: 700;

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

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta a:hover {
  transform:
    translateY(-2px);

  background: #292929;

  box-shadow:
    0 10px 24px
    rgba(0,0,0,.18);
}

/* =========================================================
   TABLES
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 table {
  width: 100%;

  margin: 32px 0;

  border-collapse: separate;
  border-spacing: 0;

  overflow: hidden;

  border:
    1px solid
    var(--kp-line);

  border-radius: 16px;

  background: #fff;

  box-shadow: var(--kp-shadow-sm);
}

.elementor-356 .elementor-element.elementor-element-369ead00 th {
  padding: 15px 17px;

  background: var(--kp-yellow);

  color: #111;

  font-weight: 750;

  text-align: left;
}

.elementor-356 .elementor-element.elementor-element-369ead00 td {
  padding: 15px 17px;

  border-top:
    1px solid
    var(--kp-line);
}

.elementor-356 .elementor-element.elementor-element-369ead00 tr:nth-child(even) td {
  background:
    rgba(0,0,0,.018);
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq {
  margin: 32px 0;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq details {
  margin: 12px 0;

  border:
    1px solid
    var(--kp-line);

  border-radius: 14px;

  background: #fff;

  box-shadow:
    0 6px 20px
    rgba(0,0,0,.035);

  overflow: hidden;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq summary {
  position: relative;

  cursor: pointer;

  padding:
    17px
    52px
    17px
    18px;

  color: var(--kp-ink);

  font-weight: 700;

  list-style: none;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq summary::-webkit-details-marker {
  display: none;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq summary::after {
  content: "+";

  position: absolute;

  right: 18px;
  top: 50%;

  transform:
    translateY(-50%);

  color: #111;

  font-size: 24px;

  font-weight: 600;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq details[open] summary::after {
  content: "–";
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-faq details > *:not(summary) {
  padding:
    0
    18px
    18px;
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-grid {
  display: grid;

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

  gap: 18px;

  margin: 36px 0;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-card {
  padding: 24px;

  border:
    1px solid
    var(--kp-line);

  border-radius: 18px;

  background: #fff;

  box-shadow:
    0 10px 30px
    rgba(0,0,0,.045);

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

@media (hover: hover) {
  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-card:hover {
    transform:
      translateY(-4px);

    box-shadow:
      0 18px 44px
      rgba(0,0,0,.085);
  }
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-card h3,
.elementor-356 .elementor-element.elementor-element-369ead00 .kp-card h4 {
  margin-top: 0;
}

/* =========================================================
   ARTICLE DIVIDER
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 hr {
  border: 0;

  height: 1px;

  margin: 54px 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,0,0,.14),
      transparent
    );
}

/* =========================================================
   CODE
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 code {
  padding: 2px 7px;

  border-radius: 6px;

  background: #f4f4f4;

  color: #222;

  font-size: .92em;
}

/* =========================================================
   TABLE OF CONTENTS HOOK
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-toc {
  margin: 32px 0 42px;

  padding: 24px;

  border:
    1px solid
    var(--kp-line);

  border-radius: 18px;

  background: var(--kp-bg-soft);

  box-shadow: var(--kp-shadow-sm);
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-toc strong {
  display: block;

  margin-bottom: 10px;

  font-size: 18px;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-toc a {
  display: block;

  margin: 7px 0;

  text-decoration: none;

  color: #333;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-toc a:hover {
  color: #a77e00;
}

/* =========================================================
   AUTHORS / CREDENTIAL BOX
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-author {
  display: flex;

  gap: 18px;
  align-items: center;

  margin: 48px 0;

  padding: 24px;

  border-top:
    1px solid
    var(--kp-line);

  border-bottom:
    1px solid
    var(--kp-line);
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-author img {
  width: 72px;
  height: 72px;

  object-fit: cover;

  margin: 0;

  border-radius: 50%;
}

/* =========================================================
   RELATED POSTS
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-related {
  display: grid;

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

  gap: 16px;

  margin: 30px 0;
}

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-related a {
  display: block;

  padding: 18px;

  border:
    1px solid
    var(--kp-line);

  border-radius: 14px;

  background: #fff;

  text-decoration: none;

  box-shadow:
    0 8px 26px
    rgba(0,0,0,.04);

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

.elementor-356 .elementor-element.elementor-element-369ead00 .kp-related a:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 15px 36px
    rgba(0,0,0,.075);
}

/* =========================================================
   SELECTION
   ========================================================= */

.elementor-356 .elementor-element.elementor-element-369ead00 ::selection {
  background:
    rgba(246,201,40,.76);

  color: #111;
}

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

.elementor-356 .elementor-element.elementor-element-369ead00 a:focus-visible,
.elementor-356 .elementor-element.elementor-element-369ead00 button:focus-visible,
.elementor-356 .elementor-element.elementor-element-369ead00 summary:focus-visible {
  outline:
    3px solid
    rgba(246,201,40,.75);

  outline-offset: 4px;
}

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

@media (max-width: 767px) {

  .elementor-356 .elementor-element.elementor-element-369ead00 {
    font-size: 16px;
    line-height: 1.76;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 > p:first-of-type {
    font-size: 18px;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 h2 {
    margin-top: 48px;

    padding-left: 16px;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 h2::before {
    width: 4px;

    box-shadow:
      0 0 0 4px
      rgba(246,201,40,.11);
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 ol li {
    padding:
      14px
      14px
      14px
      54px;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 blockquote {
    padding:
      24px
      22px
      24px
      28px;

    font-size: 17px;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-wide {
    width: 100%;
    max-width: 100%;

    margin-left: auto;

    transform: none;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 table {
    display: block;

    overflow-x: auto;

    white-space: nowrap;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-grid {
    grid-template-columns: 1fr;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-related {
    grid-template-columns: 1fr;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta {
    padding:
      30px
      22px;
  }
}

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

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

  .elementor-356 .elementor-element.elementor-element-369ead00 *,
  .elementor-356 .elementor-element.elementor-element-369ead00 *::before,
  .elementor-356 .elementor-element.elementor-element-369ead00 *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================
   PRINT FRIENDLY
   ========================================================= */

@media print {

  .elementor-356 .elementor-element.elementor-element-369ead00 {
    max-width: none;

    color: #000;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 img {
    box-shadow: none;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-cta,
  .elementor-356 .elementor-element.elementor-element-369ead00 .kp-related {
    display: none;
  }

  .elementor-356 .elementor-element.elementor-element-369ead00 a {
    text-decoration: underline;

    color: #000;
  }
}/* End custom CSS */