.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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:1280px;}.e-con{--container-max-width:1280px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  color-scheme: light;
  forced-color-adjust: none;
  -webkit-print-color-adjust: exact;
}

/* Explicit root colors — replace with your exact theme colors if needed */
html, body {
  background-color: #ffffff !important;
  color: #0b0b0b !important;
}

/* Astra / Elementor containers: prefer explicit/inherited colors (avoid transparency triggers) */
.site, .ast-site, .ast-container, .ast-plain-container, .ast-separate-container,
.ast-builder-layout-element, .elementor, .elementor-section, .elementor-column,
.header-footer-wrapper, .site-content, header, footer {
  background-color: inherit !important;
  color: inherit !important;
}

/* Force common wrappers to explicit white background where appropriate */
.ast-container, .site-content, .entry-content, .site-main {
  background-color: #ffffff !important;
  color: #0b0b0b !important;
}

/* Prevent UA from inverting images/SVGs or applying weird filters */
img, svg, picture {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

/* Preserve text fill color in browsers that change text fill */
* {
  -webkit-text-fill-color: inherit !important;
}

/* If you have known section classes that must be white, add them here (replace .your-section-class) */
.your-section-class, .elementor-section--light {
  background-color: #ffffff !important;
  color: #0b0b0b !important;
}

/* Horizontal Accordion for Elementor
   - Add class "horizontal-accordion" to the Accordion widget (Advanced → CSS Classes)
   - Paste into Elementor Site Settings → Custom CSS or your theme stylesheet
*/

/* Layout: make accordion act like flex row */
.horizontal-accordion .elementor-accordion {
  display: flex;
  gap: 14px;
  align-items: stretch;
  overflow: hidden;
}

/* Each item becomes a vertical flex column; closed items are narrow */
.horizontal-accordion .elementor-accordion-item {
  flex: 0 0 8%;                 /* closed width (adjust) */
  display: flex;
  flex-direction: column;
  transition: flex 360ms cubic-bezier(.2,.9,.2,1), max-height 360ms ease, padding 260ms ease;
  min-width: 64px;
  box-sizing: border-box;
  position: relative;
}

/* The open item grows to fill space */
.horizontal-accordion .elementor-accordion-item.is-open {
  flex: 1 1 auto;
}

/* Title (clickable) styling */
.horizontal-accordion .elementor-tab-title {
  cursor: pointer;
  padding: 18px 16px;
  background: #f6f6f4;
  border-radius: 8px;
  text-align: center;
  margin: 0;
  user-select: none;
  transition: background 220ms ease, color 220ms ease;
  z-index: 5;
}

/* Active/open title */
.horizontal-accordion .elementor-accordion-item.is-open .elementor-tab-title {
  background: #111111;
  color: #ffffff;
}

/* Content area hidden by default */
.horizontal-accordion .elementor-tab-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 360ms ease, opacity 260ms ease, padding 260ms ease;
  padding: 0 20px;
  margin-top: 12px;
}

/* When parent is open show content */
.horizontal-accordion .elementor-accordion-item.is-open .elementor-tab-content {
  max-height: 1200px; /* big enough to hold content */
  opacity: 1;
  padding: 18px 20px 26px;
}

/* Optional: make titles vertical-center when closed */
.horizontal-accordion .elementor-accordion-item:not(.is-open) .elementor-tab-title {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transform-origin: center;
}

/* Small-screen fallback: revert to normal accordion */
@media (max-width: 768px) {
  .horizontal-accordion .elementor-accordion {
    display: block;
  }
  .horizontal-accordion .elementor-accordion-item {
    flex: none;
    width: 100%;
    margin-bottom: 12px;
  }
  .horizontal-accordion .elementor-tab-content {
    max-height: none; /* default accordion handles collapsing */
    opacity: 1;
    padding: 12px 16px;
  }
}/* End custom CSS */