.elementor-kit-67{--e-global-color-primary:#F2C14E;--e-global-color-secondary:#C8901A;--e-global-color-text:#0B0B0B;--e-global-color-accent:#F2C14E;--e-global-color-fcdgoldlt:#FFD95A;--e-global-color-fcdgoldink:#170F00;--e-global-color-fcdinkdeep:#050505;--e-global-color-fcdinksurf:#151515;--e-global-color-fcdinktile:#1E1E1E;--e-global-color-fcdpaper:#F7F6F3;--e-global-color-fcdwhite:#FFFFFF;--e-global-color-fcdpaperalt:#FCFBF9;--e-global-color-fcdline:#E4E1D9;--e-global-color-fcdondark:#EDEAE3;--e-global-color-fcdondarknav:#DEDAD2;--e-global-color-fcdondarklist:#D2CDC4;--e-global-color-fcdondarkasid:#CFCAC1;--e-global-color-fcdondarklead:#C6C1B8;--e-global-color-fcdondarktab:#BDB8AF;--e-global-color-fcdondarktop:#B9B4AA;--e-global-color-fcdondarkstat:#B3AEA5;--e-global-color-fcdondarkbody:#ADA89F;--e-global-color-fcdondarkproc:#A9A49B;--e-global-color-fcdondarkfoot:#8F8A82;--e-global-color-fcdmuted:#6E6A62;--e-global-color-fcddanger:#C0392B;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;color:#0B0B0B;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-67 e-page-transition{background-color:#FFBC7D;}.elementor-kit-67 a{color:#0B0B0B;}.elementor-kit-67 a:hover{color:#C8901A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* fcd-helpers.css - Fath Calligraphy Decor
   Only effects that have no Elementor control. Every class namespaced fcd-.
   Mirrored byte-for-byte into the Elementor Kit custom_css.
   Edit this file, then re-save it into the Kit so the two stay identical.
   Allowed classes are listed in DESIGN.md section 10. */

/* 1. Hero masthead: white diagonal wedge. No clip-path control. */
.fcd-wedge{
  position:absolute;top:0;left:0;z-index:2;
  width:min(42vw,430px);aspect-ratio:41/17;
  clip-path:polygon(0 0,100% 0,0 100%);
  pointer-events:none;
}

/* 2. Hero shield: slanted top-left corner, 3-stop gold gradient, fixed ratio.
      Elementor gradients take two stops only, and there is no clip-path or
      aspect-ratio control. Radius, shadow and the inner mark stay on controls. */
.fcd-shield{
  position:absolute;top:0;left:clamp(28px,7vw,104px);z-index:3;
  width:clamp(84px,10vw,132px);aspect-ratio:1/1.92;
  background-image:linear-gradient(158deg,#FFD95A 8%,#F2C14E 55%,#C8901A 130%);
  clip-path:polygon(46% 0,100% 0,100% 100%,0 100%,0 20%);
  pointer-events:none;
}

/* 3. Hero H1 third line: outline text. No text-stroke control. */
.fcd-outline{
  display:block;
  color:transparent;
  -webkit-text-stroke:1.5px #F2C14E;
}

/* 4. Gold second word inside a section heading. Keeps the title editable as
      text instead of splitting it into two widgets. */
.fcd-hl{color:#F2C14E;text-shadow:none;}

/* 5. Offset gold frame behind the hero figure. Pseudo-element, no control. */
.fcd-frame{position:relative;}
.fcd-frame::before{
  content:"";position:absolute;inset:-16px -16px 34px 22px;
  border:2px solid #F2C14E;border-radius:6px;z-index:-1;
}

/* 6. Gold gradient button fill. Elementor button background is a flat colour. */
.fcd-btn-gold .elementor-button{
  background-image:linear-gradient(135deg,#FFD95A,#C8901A);
}

/* 7. Hero ambient glow. Elementor radial gradients cannot set this geometry. */
.fcd-glow::after{
  content:"";position:absolute;inset:auto 0 0;height:340px;pointer-events:none;z-index:1;
  background-image:radial-gradient(60% 100% at 18% 100%,rgba(242,193,78,.14),transparent 70%);
}

/* 8. Sticky nav blur. No backdrop-filter control. */
.fcd-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}

/* 9. Price boxes: distribute rows so both columns fill an equal height.
      Elementor stretches the box but not the rows inside it. */
/* flex-basis stays auto: a 0 basis drops the rows out of the box's intrinsic
   height and collapses the table to min-content. */
.fcd-fillrows > .e-con{flex:1 1 auto;}

/* 10. Price amounts never wrap to a second line. */
.fcd-nowrap{white-space:nowrap;}

/* 11. Gallery filter bar: pill tabs. Elementor styles the pointer but not its
       radius or the idle outline. */
.fcd-tabs .elementor-gallery-title{
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:10px 20px;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
/* Elementor's pointer element does not paint behind the active filter tab, so the
   active and hover states are set here rather than left dark-on-dark. */
.fcd-tabs .elementor-gallery-title:hover{
  background-color:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.3);
}
.fcd-tabs .elementor-gallery-title.elementor-item-active{
  background-color:#F2C14E;
  border-color:#F2C14E;
  color:#170F00;
}

/* 12. Material chips on the service cards. Icon List has no per-item
       background, border or radius control. */
/* Specificity note: Elementor ships
   .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item
   (0-3-0) for item padding, so these .elementor-kit-67s match it rather than use !important. */
.fcd-chips.elementor-widget-icon-list .elementor-icon-list-items{
  display:flex;flex-wrap:wrap;gap:8px;
}
.fcd-chips.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item{
  background:rgba(242,193,78,.14);
  border:1px solid rgba(242,193,78,.25);
  border-radius:999px;
  padding:5px 11px;
  margin:0;
}

/* 13. iOS zooms a focused input below 16px. */
@media(max-width:767px){
  .fcd-input16 input,
  .fcd-input16 select,
  .fcd-input16 textarea{font-size:16px;}
}/* End custom CSS */