.elementor-kit-7{--e-global-color-primary:#9A430E;--e-global-color-secondary:#4A280A;--e-global-color-text:#403D27;--e-global-color-accent:#F2DDB6;--e-global-color-ecd9833:#FFFFFF;--e-global-color-8cefb84:#9A430E;--e-global-color-d98ccf4:#F2DDB6;--e-global-color-d51ddc8:#4A280A;--e-global-color-3d0e720:#403D27;--e-global-color-57e3e47:#4A280A;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-dfbb7c4-font-family:"Montserrat";--e-global-typography-dfbb7c4-font-size:72px;--e-global-typography-dfbb7c4-font-weight:800;--e-global-typography-dfbb7c4-text-transform:uppercase;--e-global-typography-e924ce6-font-family:"Montserrat";--e-global-typography-e924ce6-font-size:21px;--e-global-typography-e924ce6-font-weight:400;--e-global-typography-5007f6d-font-family:"Montserrat";--e-global-typography-5007f6d-font-size:22px;--e-global-typography-5007f6d-font-weight:600;--e-global-typography-5007f6d-text-transform:uppercase;font-family:"Montserrat", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){margin-block-end: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-7{--e-global-typography-dfbb7c4-font-size:52px;--e-global-typography-e924ce6-font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-dfbb7c4-font-size:32px;--e-global-typography-dfbb7c4-line-height:1.2em;--e-global-typography-e924ce6-font-size:15px;--e-global-typography-5007f6d-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   4-Card “Unfold from Center” Animation (2x2) - 20px gaps
   FIXED: variables defined on .burst-group so Elementor wrappers won't break it
   ========================================================= */

.burst-group{
  position: relative;

  /* gap + geometry live HERE so all children inherit */
  --gap: 20px;
  --stage-min: 360px;

  /* IMPORTANT: tune this close to the real icon box height */
  --cardH: 170px;

  /* 2-col width with 20px gap */
  --cardW: calc(50% - (var(--gap) / 2));

  /* offsets from center to land in a 2x2 grid with gap */
  --dx: calc((var(--cardW) / 2) + (var(--gap) / 2));
  --dy: calc((var(--cardH) / 2) + (var(--gap) / 2));
}

.burst-stage{
  position: relative;
  min-height: var(--stage-min);
}

/* All cards start stacked in the center */
.burst-card{
  position: absolute;
  top: 50%;
  left: 50%;

  width: var(--cardW, calc(50% - 10px)); /* fallback */
  max-width: none;

  /* default vars (center) */
  --tx: -50%;
  --ty: -50%;

  transform: translate3d(var(--tx), var(--ty), 0) scale(0.985);
  opacity: 0;

  transition:
    transform 2600ms cubic-bezier(0.22,1,0.36,1),
    opacity 1600ms ease;

  will-change: transform, opacity;
}

/* Only the source is visible before unfold */
.burst-src{
  opacity: 1;
  z-index: 4;
}

/* ON STATE: set final translate vars */
.burst-group.burst-on .burst-src{
  opacity: 1;
  --tx: calc(-50% - var(--dx, 0px));
  --ty: calc(-50% - var(--dy, 0px));
  transform: translate3d(var(--tx), var(--ty), 0) scale(1);
}

.burst-group.burst-on .burst-tr{
  opacity: 1;
  z-index: 3;
  --tx: calc(-50% + var(--dx, 0px));
  --ty: calc(-50% - var(--dy, 0px));
  transform: translate3d(var(--tx), var(--ty), 0) scale(1);
}

.burst-group.burst-on .burst-bl{
  opacity: 1;
  z-index: 2;
  --tx: calc(-50% - var(--dx, 0px));
  --ty: calc(-50% + var(--dy, 0px));
  transform: translate3d(var(--tx), var(--ty), 0) scale(1);
}

.burst-group.burst-on .burst-br{
  opacity: 1;
  z-index: 2;
  --tx: calc(-50% + var(--dx, 0px));
  --ty: calc(-50% + var(--dy, 0px));
  transform: translate3d(var(--tx), var(--ty), 0) scale(1);
}

/* Slow stagger */
.burst-group.burst-on .burst-src{ transition-delay: 0ms; }
.burst-group.burst-on .burst-tr{ transition-delay: 450ms; }
.burst-group.burst-on .burst-bl{ transition-delay: 900ms; }
.burst-group.burst-on .burst-br{ transition-delay: 1350ms; }

/* Hover: micro lift WITHOUT overriding translate */
.burst-group.burst-on .burst-card:hover{
  transform: translate3d(var(--tx), var(--ty), 0) scale(1.015);
}

/* MOBILE */
@media (max-width: 900px){
  .burst-stage{
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
  }

  .burst-card{
    position: relative;
    top: auto;
    left: auto;
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}/* End custom CSS */