.elementor-kit-503{--e-global-color-primary:#001E5C;--e-global-color-secondary:#FCCF3A;--e-global-color-text:#2C2C2C;--e-global-color-accent:#0E3689;--e-global-color-b974588:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-503 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);}@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 *//* ==========================================================================
   GLOBAL BUTTON BASE STYLES
   ========================================================================== */

/* Resets all default Elementor buttons to the brand standard */
.elementor-button {
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.5px !important;
  border-radius: 4px !important;
  padding: 16px 34px !important;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid transparent !important;
  text-decoration: none !important;
}

/* Base button focus state for accessibility */
.elementor-button:focus-visible {
  outline: 2px solid #001C5B !important;
  outline-offset: 3px !important;
}


/* ==========================================================================
   BUTTON VARIANT CLASSES (Add class name to Elementor CSS Classes)
   ========================================================================== */

/* 1. YELLOW BUTTON (.btn-gold)
   State: Yellow -> Hover: Navy */
.btn-gold .elementor-button,
a.elementor-button.btn-gold {
  background-color: #fbcf3a !important;
  color: #001C5B !important;
  border-color: #fbcf3a !important;
}

.btn-gold .elementor-button:hover,
a.elementor-button.btn-gold:hover {
  background-color: #001C5B !important;
  color: #fbcf3a !important;
  border-color: #001C5B !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 28, 91, 0.25) !important;
}


/* 2. NAVY BUTTON (.btn-navy)
   State: Navy -> Hover: Yellow */
.btn-navy .elementor-button,
a.elementor-button.btn-navy {
  background-color: #001C5B !important;
  color: #fbcf3a !important;
  border-color: #001C5B !important;
}

.btn-navy .elementor-button:hover,
a.elementor-button.btn-navy:hover {
  background-color: #fbcf3a !important;
  color: #001C5B !important;
  border-color: #fbcf3a !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(251, 207, 58, 0.35) !important;
}


/* 3. OUTLINE NAVY BUTTON (.btn-outline)
   State: Transparent with Navy border -> Hover: Solid Navy filled with Yellow text */
.btn-outline .elementor-button,
a.elementor-button.btn-outline {
  background-color: transparent !important;
  color: #001C5B !important;
  border: 2px solid #001C5B !important;
}

.btn-outline .elementor-button:hover,
a.elementor-button.btn-outline:hover {
  background-color: #001C5B !important;
  color: #fbcf3a !important;
  border-color: #001C5B !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 28, 91, 0.2) !important;
}


/* 4. OUTLINE YELLOW BUTTON (.btn-outline-light)
   State: Transparent with Yellow border -> Hover: Solid Yellow filled with Navy text */
.btn-outline-light .elementor-button,
a.elementor-button.btn-outline-light {
  background-color: transparent !important;
  color: #fbcf3a !important;
  border: 2px solid #fbcf3a !important;
}

.btn-outline-light .elementor-button:hover,
a.elementor-button.btn-outline-light:hover {
  background-color: #fbcf3a !important;
  color: #001C5B !important;
  border-color: #fbcf3a !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(251, 207, 58, 0.25) !important;
}/* End custom CSS */