.elementor-1843 .elementor-element.elementor-element-31212a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#434343;--border-color:#434343;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1843 .elementor-element.elementor-element-ff84be7 .elementor-heading-title{font-family:"Google Sans Flex", Sans-serif;font-size:42px;font-weight:400;line-height:1.4em;color:#2F0200;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{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-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-1843 .elementor-element.elementor-element-b1a4905 .elementor-author-box__avatar img{width:60px;height:60px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);}.elementor-1843 .elementor-element.elementor-element-b1a4905 .elementor-author-box__name{color:#2F0200;font-family:"Google Sans Flex", Sans-serif;font-size:24px;font-weight:400;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-item:not(:last-child):after{content:"";height:81%;border-color:var( --e-global-color-7a25b96 );}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:2px;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:2px;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-icon{width:14px;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-icon i{font-size:14px;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}body:not(.rtl) .elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-text{padding-left:0px;}body.rtl .elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-text{padding-right:0px;}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-text, .elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-text a{color:var( --e-global-color-7a25b96 );}.elementor-1843 .elementor-element.elementor-element-0332e35 .elementor-icon-list-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1843 .elementor-element.elementor-element-ed866df{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-primary );}.elementor-1843 .elementor-element.elementor-element-ed866df .elementor-share-btn{font-size:calc(0.95px * 10);}.elementor-1843 .elementor-element.elementor-element-ed866df .elementor-share-btn:hover{--e-share-buttons-primary-color:#5697F6;}.elementor-1843 .elementor-element.elementor-element-accb4a9{--display:flex;--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1843 .elementor-element.elementor-element-6350671{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1843 .elementor-element.elementor-element-87f8e10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1843 .elementor-element.elementor-element-69ca3e8{z-index:2;--box-border-width:0px;--header-background-color:#06244F;--header-color:var( --e-global-color-888944b );--toggle-button-color:var( --e-global-color-primary );--item-text-color:var( --e-global-color-7a25b96 );--item-text-hover-color:var( --e-global-color-5a63e44 );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-5a63e44 );--marker-color:var( --e-global-color-7a25b96 );--marker-size:0px;}.elementor-1843 .elementor-element.elementor-element-69ca3e8 .elementor-toc__header-title{text-align:start;}.elementor-1843 .elementor-element.elementor-element-69ca3e8 .elementor-toc__header, .elementor-1843 .elementor-element.elementor-element-69ca3e8 .elementor-toc__header-title{font-family:"Google Sans Flex", Sans-serif;font-size:16px;font-weight:500;}.elementor-1843 .elementor-element.elementor-element-69ca3e8 .elementor-toc__header{flex-direction:row;}.elementor-1843 .elementor-element.elementor-element-69ca3e8 .elementor-toc__list-item{font-family:"Google Sans Flex", Sans-serif;font-size:14px;font-weight:400;line-height:26px;}.elementor-1843 .elementor-element.elementor-element-a3df666{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1843 .elementor-element.elementor-element-c067ef0{text-align:start;color:#1D1D1D;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-1843 .elementor-element.elementor-element-c5613b3{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1843 .elementor-element.elementor-element-c5613b3:not(.elementor-motion-effects-element-type-background), .elementor-1843 .elementor-element.elementor-element-c5613b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1843 .elementor-element.elementor-element-6e6d9d8 .elementor-icon-wrapper{text-align:center;}.elementor-1843 .elementor-element.elementor-element-6e6d9d8 .elementor-icon{font-size:50px;}.elementor-1843 .elementor-element.elementor-element-6e6d9d8 .elementor-icon svg{height:50px;}.elementor-1843 .elementor-element.elementor-element-062cbf1{text-align:center;}.elementor-1843 .elementor-element.elementor-element-062cbf1 .elementor-heading-title{font-family:"Google Sans Flex", Sans-serif;font-size:32px;font-weight:400;line-height:38px;color:#2F0200;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1843 .elementor-element.elementor-element-0d617bc{--grid-columns:3;}.elementor-1843 .elementor-element.elementor-element-0d617bc .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1843 .elementor-element.elementor-element-0d617bc .e-loop-item > .elementor-section, .elementor-1843 .elementor-element.elementor-element-0d617bc .e-loop-item > .elementor-section > .elementor-container, .elementor-1843 .elementor-element.elementor-element-0d617bc .e-loop-item > .e-con, .elementor-1843 .elementor-element.elementor-element-0d617bc .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-1843 .elementor-element.elementor-element-31212a2{--content-width:1320px;}.elementor-1843 .elementor-element.elementor-element-accb4a9{--content-width:1320px;}.elementor-1843 .elementor-element.elementor-element-87f8e10{--width:25%;}.elementor-1843 .elementor-element.elementor-element-a3df666{--width:75%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1843 .elementor-element.elementor-element-87f8e10{--width:30%;}.elementor-1843 .elementor-element.elementor-element-a3df666{--width:70%;}}@media(max-width:880px) and (min-width:768px){.elementor-1843 .elementor-element.elementor-element-87f8e10{--width:100%;}.elementor-1843 .elementor-element.elementor-element-a3df666{--width:100%;}}@media(min-width:2400px){.elementor-1843 .elementor-element.elementor-element-c5613b3{--content-width:1320px;}}@media(max-width:1366px){.elementor-1843 .elementor-element.elementor-element-69ca3e8{z-index:1;}}@media(max-width:1200px){.elementor-1843 .elementor-element.elementor-element-ff84be7 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-1843 .elementor-element.elementor-element-062cbf1 .elementor-heading-title{font-size:24px;}}@media(max-width:1024px){ .elementor-1843 .elementor-element.elementor-element-ed866df{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1843 .elementor-element.elementor-element-0d617bc{--grid-columns:2;}}@media(max-width:880px){.elementor-1843 .elementor-element.elementor-element-6350671{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-1843 .elementor-element.elementor-element-ff84be7 .elementor-heading-title{font-size:30px;line-height:40px;} .elementor-1843 .elementor-element.elementor-element-ed866df{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1843 .elementor-element.elementor-element-87f8e10{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1843 .elementor-element.elementor-element-c5613b3{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1843 .elementor-element.elementor-element-062cbf1 .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-1843 .elementor-element.elementor-element-0d617bc{--grid-columns:1;}}/* Start custom CSS for post-info, class: .elementor-element-0332e35 */.elementor-repeater-item-03d8acd {
    margin:0!important;
}/* End custom CSS */
/* Start custom CSS */.elementor-author-box__avatar img{
    padding:10px!important;
}


.elementor-toc__header {
    border-radius:30px;
}
.elementor-toc__header svg{
    width:22px!important;
    height:22px!important;
}
.elementor-toc__header {
    padding:10px 20px!important;
    border-radius:30px;
}
ul.elementor-toc__list-wrapper::before {
    content: "";
    border: 1px solid #000;
    height: 100%;
    position: absolute;
    left: -12px;
    top: 0;
}

ul.elementor-toc__list-wrapper {
    position: relative;
    padding-top: 20px;
}

div#elementor-toc__69ca3e8 {
    padding-top: 0;
    padding-left: 15px;
}
li.elementor-toc__list-item {position: relative;
padding-left: 8px;}
li.elementor-toc__list-item:has( a.elementor-item-active)::before {
    content: "";
    border: 5px solid #5FA0FF;
    height: 100%;
    position: absolute;
    left: -16px;
}


/*ul.elementor-toc__list-wrapper > li a {*/
/*    position: relative;*/
/*    margin-left: -10px;*/
/*}*/
/*ul.elementor-toc__list-wrapper > li a.elementor-item-active::before {*/
/*    content: "";*/
/*    border: 5px solid #5FA0FF;*/
/*    position: relative;*/
/*}*/
/* ==========================================================================
   Migrated hero content — matched to the Elementor design (corrected)
   Source: 15 Elementor hero pages (body/link/headings/caption/button from
   maxx-burman; strong/quote/divider from nikita-popkov).
   Corrections vs. the generated file are noted inline.
   ========================================================================== */

/* ---- content column ----
   1268px was the measured widget width at a 1366px viewport, i.e. effectively
   full-bleed minus gutters. Delete this whole block if your template already
   constrains #mainContent (likely — otherwise you get double gutters). */
#mainContent {
  max-width: 1320px;
  margin-left: 0;
  margin-right: 0;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #1d1d1d;
}

.elementor-element.elementor-element-33e63af8 {
    padding: 0px;
}
.elementor-element.elementor-element-33e63af8 > div {
    max-width: 1320px;
    padding-top: 10px;
    padding-bottom: 0;
}

#mainContent p { 
    margin: 0 0 32px;
    color: #1d1d1d;
}
#mainContent > p:last-child { margin-bottom: 0; }

/* strong renders at weight 400 in this design — not a sampling error: the old
   fabrik.io CSS did the same (`p strong { font-weight: 400 }`). Bump to 600 if
   you want the 431 <strong> runs in the migrated articles to read as bold. */
#mainContent strong,
#mainContent b { font-weight: 400; }

/* ---- links ----
   Sampled links are identical to body text (no color shift, no underline).
   Inside long articles that's unusable, so a quiet underline is added; delete
   the two decoration lines for the literal sampled look. */
#mainContent p a,
#mainContent figcaption a {
  color: #1d1d1d;
  text-decoration: underline;
  text-decoration-color: rgba(29, 29, 29, 0.35);
  text-underline-offset: 3px;
  transition: color 0.2s, text-decoration-color 0.2s;
}
#mainContent p a:hover,
#mainContent figcaption a:hover {
  color: #5fa0ff;                    /* accent taken from the Elementor button */
  text-decoration-color: #5fa0ff;
}

/* ---- headings ---- */
#mainContent h2 {
  font-family: "Google Sans Flex", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 45px;
  color: #000000;
  margin: 0 0 0.5em;
}
#mainContent h3 {
  font-family: "Google Sans Flex", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #000000;
  margin: 0 0 0.5em;
}

/* ---- images & figures ---- */
#mainContent figure { margin: 32px auto; }   /* paragraph rhythm; widget gap was 20px */
#mainContent img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#mainContent figcaption {
  font-family: "Roboto Condensed", tahoma, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.4px;
  color: #2f0200;
  text-align: center;
  margin-top: 16px;
}
#mainContent figure.portrait img { max-width: min(560px, 100%); }

/* ---- blockquote = an oversized paragraph on a narrower measure ----
   Exactly what Elementor renders: same family/weight/color as body text, just
   40px/50px, upright, no rule and no background. The 80px side padding is what
   pulls the measure in; max-width tightens it further so the big type doesn't
   run to full page width. Drop the max-width for the literal Elementor box. */
#mainContent blockquote,
#mainContent .fab-blockquote {
  font-family: "Google Sans Flex", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  color: #1d1d1d;
  border: 0;
  background: none;
  max-width: 1000px;
  margin: 20px auto;
  padding: 60px 80px;
}
#mainContent blockquote p {
  margin: 0 0 0.6em;
  font: inherit;
  color: inherit;
}
#mainContent blockquote p:last-child { margin-bottom: 0; }

/* ---- divider ----
   Sampled width was 1266.4px — that's the measured pixel width of one page's
   container, not a design value, so it becomes 100%. Sampled 72px margins
   restored (the generator had emitted 40px). */
#mainContent hr {
  border: 0;
  border-top: 1px solid #808080;
  width: 100%;
  margin: 72px auto;
}

/* ---- portfolio links (.Btn) matched to the Elementor button ---- */
#mainContent .Btn,
#mainContent .Btn.Btn--linkout {
  display: inline-block;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #5fa0ff;
  border: 0.8px solid #5fa0ff;
  border-radius: 100px;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.3s;
}
/* No :hover rule exists anywhere in the site's stylesheets, despite the 0.3s
   transition — inverted pill is the conventional pairing. */
#mainContent .Btn:hover,
#mainContent .Btn.Btn--linkout:hover {
  color: #5fa0ff;
  background-color: #ffffff;
  border-color: #5fa0ff;
}

#mainContent ul { margin: 0 0 32px; padding-left: 1.4em; }

/* ---- responsive ---- */
@media (max-width: 1024px) {
  #mainContent blockquote,
  #mainContent .fab-blockquote { padding: 48px 56px; }
  #mainContent .Btn,
  #mainContent .Btn.Btn--linkout { padding: 14px 35px; }
}

@media (max-width: 767px) {
  /* Elementor's mobile setting for the quote is 48px/60px — LARGER than the
     40px desktop value, which reads as an unintended Elementor override: at a
     390px viewport that's ~4 words per line. Scaled down here; swap in
     48px/60px if it really is deliberate. */
  #mainContent h2 {
    font-size: 22px;
    line-height: 33px;
  }
  #mainContent p {
      font-size: 18px;
      line-height: 27px;
    }
  #mainContent blockquote,
  #mainContent .fab-blockquote {
    font-size: 26px;
    line-height: 34px;
    padding: 32px 24px;
  }
  #mainContent hr { margin: 48px auto; }
  #mainContent .Btn,
  #mainContent .Btn.Btn--linkout { padding: 12px 25px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://fabrik.io/wp-content/uploads/2026/07/GoogleSansFlex_9pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://fabrik.io/wp-content/uploads/2026/07/GoogleSansFlex_9pt-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://fabrik.io/wp-content/uploads/2026/07/GoogleSansFlex_9pt-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://fabrik.io/wp-content/uploads/2026/07/GoogleSansFlex_9pt-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */