.elementor-kit-5{--e-global-color-primary:#001432;--e-global-color-secondary:#FFC728;--e-global-color-text:#002755;--e-global-color-accent:#0076BD;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#F3F5F8;--e-global-color-transparent:#00000000;--e-global-color-5824544:#003A5C;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Outfit";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Outfit";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Outfit";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Outfit";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Outfit";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-kit-5{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-button.button-pill.focus {
  background: linear-gradient(145deg, #0076BD, #005A9C) !important;
  color: white !important;
  box-shadow: 0 4px 8px rgba(0,118,189,0.5) !important;
}

.elementor-button.button-pill.focus:hover {
  background: linear-gradient(145deg, #005A9C, #0076BD) !important;
  box-shadow: 0 6px 12px rgba(0,90,156,0.8) !important;
}

/* Put this class on the Icon widget: Advanced → CSS Classes → gradient-icon */

/* Gradient circle */
.gradient-icon .elementor-icon {
  background: linear-gradient(135deg, #0076BD, #12A93D) !important;
  border-radius: 50% !important;
  padding: 30px !important;     /* optional: circle size */
}

/* Icon color inside */
.gradient-icon .elementor-icon i,
.gradient-icon .elementor-icon svg {
  color: #fff !important;
  fill: #fff !important;
  width: 46px;                  /* optional: icon size (for SVG) */
  height: 46px;                 /* optional */
  font-size: 46px !important;   /* optional: for Font Awesome */
}

.blue-gradient-text {
  background: linear-gradient(90deg, #0076BD, #ffffff); /* Blue to white */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* For Firefox */
  color: transparent;
}

.gold-white-gradient-text {
  background: linear-gradient(90deg, #FFC728, #ffffff); /* Gold to white */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* For Firefox */
  color: transparent;
}

/* Put this class on the Icon widget: Advanced → CSS Classes → gradient-icon-dark */

/* White circle (default) */
.gradient-icon-dark .elementor-icon {
  background: white !important;
  border-radius: 50% !important;
  padding: 30px !important; /* optional: circle size */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease; /* smooth color change */
}

/* Hover: turn gold */
.gradient-icon-dark:hover .elementor-icon {
  background: #FFC728 !important; /* gold */
}

/* Font icon: dark blue gradient fill */
.gradient-icon-dark .elementor-icon i {
  background: linear-gradient(135deg, #000000, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  font-size: 46px !important; /* optional: icon size */
}

/* SVG icon: solid dark blue */
.gradient-icon-dark .elementor-icon svg {
  width: 46px;
  height: 46px;
  fill: #002755 !important; /* solid dark blue for now */
}/* End custom CSS */