.elementor-23789 .elementor-element.elementor-element-536f0ab{--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:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-23789 .elementor-element.elementor-element-536f0ab:not(.elementor-motion-effects-element-type-background), .elementor-23789 .elementor-element.elementor-element-536f0ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191D4D;}.elementor-23789 .elementor-element.elementor-element-403e52d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-23789 .elementor-element.elementor-element-403e52d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-23789 .elementor-element.elementor-element-1dd6fd9{width:var( --container-widget-width, 24.966% );max-width:24.966%;--container-widget-width:24.966%;--container-widget-flex-grow:0;text-align:start;}.elementor-23789 .elementor-element.elementor-element-1dd6fd9 > .elementor-widget-container{margin:0% -39% 0% 0%;padding:0% 0% 0% 0%;}.elementor-23789 .elementor-element.elementor-element-1dd6fd9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23789 .elementor-element.elementor-element-1dd6fd9 img{width:93%;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-23789 .elementor-element.elementor-element-2925610 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-23789 .elementor-element.elementor-element-2925610{text-align:start;}.elementor-23789 .elementor-element.elementor-element-2925610 .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:31px;font-weight:400;color:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-5446fdd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-menu-toggle{margin:0 auto;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu .elementor-item{font-family:"Clash Display", Sans-serif;font-weight:200;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main .elementor-item:focus{color:#C980F0;fill:#C980F0;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C980F0;}.elementor-23789 .elementor-element.elementor-element-d199433 .e--pointer-framed .elementor-item:before,
					.elementor-23789 .elementor-element.elementor-element-d199433 .e--pointer-framed .elementor-item:after{border-color:#C980F0;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown a, .elementor-23789 .elementor-element.elementor-element-d199433 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown{background-color:#191D4D;}.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown a:hover,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown a:focus,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown a.highlighted{background-color:#f26f34;}.elementor-23789 .elementor-element.elementor-element-d199433 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-d199433 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-fba5092{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-23789 .elementor-element.elementor-element-7b3b007 .elementor-button{background-color:#F2AA9E00;font-family:"Clash Display", Sans-serif;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-23789 .elementor-element.elementor-element-358423c{--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:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-23789 .elementor-element.elementor-element-358423c:not(.elementor-motion-effects-element-type-background), .elementor-23789 .elementor-element.elementor-element-358423c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191D4D;}.elementor-23789 .elementor-element.elementor-element-2b57930{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-23789 .elementor-element.elementor-element-2b57930.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23789 .elementor-element.elementor-element-c9fdaea{width:var( --container-widget-width, 24.966% );max-width:24.966%;--container-widget-width:24.966%;--container-widget-flex-grow:0;text-align:start;}.elementor-23789 .elementor-element.elementor-element-c9fdaea > .elementor-widget-container{margin:0% -39% 0% 0%;padding:0% 0% 0% 0%;}.elementor-23789 .elementor-element.elementor-element-c9fdaea.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23789 .elementor-element.elementor-element-c9fdaea img{width:93%;}.elementor-23789 .elementor-element.elementor-element-143f04a > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-23789 .elementor-element.elementor-element-143f04a{text-align:start;}.elementor-23789 .elementor-element.elementor-element-143f04a .elementor-heading-title{font-family:"Clash Display", Sans-serif;font-size:31px;font-weight:400;color:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-b8657db{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-menu-toggle{margin:0 auto;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu .elementor-item{font-family:"Clash Display", Sans-serif;font-weight:200;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main .elementor-item:focus{color:#C980F0;fill:#C980F0;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C980F0;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .e--pointer-framed .elementor-item:before,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .e--pointer-framed .elementor-item:after{border-color:#C980F0;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown a, .elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown{background-color:#191D4D;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown a:hover,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown a:focus,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown a.highlighted{background-color:#f26f34;}.elementor-23789 .elementor-element.elementor-element-ce326e2 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-ce326e2 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-23789 .elementor-element.elementor-element-f7fa534 .elementor-button{background-color:#F2AA9E00;font-family:"Clash Display", Sans-serif;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-23789 .elementor-element.elementor-element-536f0ab{--content-width:1400px;}.elementor-23789 .elementor-element.elementor-element-403e52d{--width:16%;}.elementor-23789 .elementor-element.elementor-element-5446fdd{--width:100%;}.elementor-23789 .elementor-element.elementor-element-fba5092{--width:30%;}.elementor-23789 .elementor-element.elementor-element-358423c{--content-width:1400px;}.elementor-23789 .elementor-element.elementor-element-2b57930{--width:16%;}.elementor-23789 .elementor-element.elementor-element-b8657db{--width:100%;}}@media(max-width:1024px){.elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown .elementor-item, .elementor-23789 .elementor-element.elementor-element-d199433 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown .elementor-item, .elementor-23789 .elementor-element.elementor-element-ce326e2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}}@media(max-width:767px){.elementor-23789 .elementor-element.elementor-element-b8657db{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}}/* Start custom CSS for button, class: .elementor-element-7b3b007 *//* ════════════════════════════════════════════
   FIREFLY HUB — Header Ghost Button
   With gradient hover + stronger 2px border
   Add to WPCode CSS snippet
   Apply class: fh-btn-header to Button widget
   in Elementor Header Builder
   ════════════════════════════════════════════ */

/* Strip Elementor defaults */
.fh-btn-header,
.fh-btn-header .elementor-widget-container,
.fh-btn-header .elementor-button-wrapper {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Default state */
.fh-btn-header .elementor-button {
  background: transparent !important;
  background-image: none !important;
  color: #F0EEFF !important;
  -webkit-text-fill-color: #F0EEFF !important;
  border: 2px solid rgba(240,238,255,0.6) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover state — gradient fill */
.fh-btn-header .elementor-button:hover {
  background: linear-gradient(135deg, #3955A4 0%, #A4388C 55%, #F97316 100%) !important;
  background-image: linear-gradient(135deg, #3955A4 0%, #A4388C 55%, #F97316 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 24px rgba(164,56,140,0.4) !important;
  transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-536f0ab */* ════════════════════════════════════════════
   FIREFLY HUB — Header Ghost Button
   Matches hero ghost button style
   Add to WPCode CSS snippet
   Apply class: fh-btn-header to the Button widget
   in your Elementor Header Builder
   ════════════════════════════════════════════ */
 
/* Strip Elementor header button defaults */
.fh-btn-header,
.fh-btn-header .elementor-widget-container,
.fh-btn-header .elementor-button-wrapper {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
 
/* Style the actual button */
.fh-btn-header .elementor-button {
  background: transparent !important;
  background-image: none !important;
  color: #F0EEFF !important;
  -webkit-text-fill-color: #F0EEFF !important;
  border: 1.5px solid rgba(240,238,255,0.35) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
 
.fh-btn-header .elementor-button:hover {
  border-color: rgba(240,238,255,0.8) !important;
  background: rgba(255,255,255,0.05) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f7fa534 *//* ════════════════════════════════════════════
   FIREFLY HUB — Header Ghost Button
   With gradient hover + stronger 2px border
   Add to WPCode CSS snippet
   Apply class: fh-btn-header to Button widget
   in Elementor Header Builder
   ════════════════════════════════════════════ */

/* Strip Elementor defaults */
.fh-btn-header,
.fh-btn-header .elementor-widget-container,
.fh-btn-header .elementor-button-wrapper {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Default state */
.fh-btn-header .elementor-button {
  background: transparent !important;
  background-image: none !important;
  color: #F0EEFF !important;
  -webkit-text-fill-color: #F0EEFF !important;
  border: 2px solid rgba(240,238,255,0.6) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover state — gradient fill */
.fh-btn-header .elementor-button:hover {
  background: linear-gradient(135deg, #3955A4 0%, #A4388C 55%, #F97316 100%) !important;
  background-image: linear-gradient(135deg, #3955A4 0%, #A4388C 55%, #F97316 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 24px rgba(164,56,140,0.4) !important;
  transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.fireflyhub.uk/wp-content/uploads/2026/07/ClashDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.fireflyhub.uk/wp-content/uploads/2026/07/ClashDisplay-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.fireflyhub.uk/wp-content/uploads/2026/07/ClashDisplay-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.fireflyhub.uk/wp-content/uploads/2026/07/ClashDisplay-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */