.elementor-kit-7{--e-global-color-primary:#00313E;--e-global-color-secondary:#FF3600;--e-global-color-text:#424A57;--e-global-color-accent:#1E87A1;--e-global-color-0f5487e:#FF3600;--e-global-color-9ee5713:#7ADBD4;--e-global-color-dea4f72:#851F65;--e-global-color-dc818e8:#424A57;--e-global-color-a37c50c:#ECBF93;--e-global-color-6e066fd:#97989A;--e-global-color-7dbd7cb:#E8FFFD;--e-global-color-205e865:#1E87A1;--e-global-color-46e4504:#FCE5CE;--e-global-color-4a66f61:#CE99BE;--e-global-color-24e2e10:#00313E;--e-global-color-2779035:#FFFFFF;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-weight:600;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1800px;}.e-con{--container-max-width:1800px;--container-default-padding-top:60px;--container-default-padding-right:20px;--container-default-padding-bottom:60px;--container-default-padding-left:20px;}.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 .header-inner{width:1800px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:120px;max-width:120px;}@media(max-width:1024px){.elementor-kit-7 h1{font-size:56px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Purple:#851F65; --Orange:#FF3600; --Teal:#7ADBD4; --Dark-Gray:#424A57; --Tan:#ECBF93; --Gray:#97989A; --Light-Teal:#E8FFFD; --Medium-Teal:#1E87A1; --Light-Tan:#FCE5CE; --Light-Purple:#CE99BE; --Dark-Teal:#00313E; --Medium-Purple:#BA4997; --Black:#000000; --White:#ffffff; --Medium-B-Teal:#3A7A8B; --Container-Max-Width:1800px; --Default-Top-Bottom-Padding:60px; }
/* Start custom CSS *//* Base Card Layout */
.feature-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* Base Fade Overlay (uses the CSS variable) */
.feature-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 28%,
    var(--overlay-color) 62%,
    var(--overlay-color) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Ensure text & buttons sit above overlay */
.feature-card .card-content {
  position: relative;
  z-index: 3;
}

/* ==========================================
   COLOR VARIANTS (Controlled by Editor)
   ========================================== */

/* 1. Purple Variant */
.feature-card.card-purple {
  --bg-color: #a2388e;
  --overlay-color: #691456;
  --text-color: #ffffff;
}

/* 2. Mint Variant */
.feature-card.card-mint {
  --bg-color: #e2f9f6;
  --overlay-color: #c0f2ec;
  --text-color: #074e50;
}

/* 3. Teal Variant */
.feature-card.card-teal {
  --bg-color: #085f75;
  --overlay-color: #022c39;
  --text-color: #ffffff;
}/* End custom CSS */