.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#193449;--e-global-color-text:#505359;--e-global-color-accent:#ffd614;--e-global-color-background:#FFFFFF;--e-global-color-backgroundAccent:#e7e7e7;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Sintony";--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:"Sintony";--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:"Poppins";--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:"Poppins";--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:"Poppins";--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:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Sintony";--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-6 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-kit-6{--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-6{--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 *//* ---------- keep visitors from scrolling until intro is gone ---------- */
body.ib-loading {
  overflow: hidden;
}

/* ---------- full-screen overlay you named  ib-intro  ------------------- */
.ib-intro {
  position: fixed;
  inset: 0;
  display: flex;              /* left + right halves side-by-side */
  flex-direction: row;        /* stay horizontal on every screen */
  z-index: 9999;
  pointer-events: auto;       /* block clicks BEFORE the slide-out starts */
}
.ib-intro.animate {           /* let clicks through during slide-out */
  pointer-events: none;
}

/* ---------- the two 50 % containers you already have ------------------ */
.ib-left,
.ib-right {
  background: #fff;
  flex: 0 0 50%;              /* always half the viewport width   */
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;               /* keep full height even on mobile  */
}

/* match your alignment wishes */
.ib-left  { align-items: flex-end;   } /* image hugs the inner edge */
.ib-right { align-items: flex-start; }

/* ---------- slide-out keyframes (same everywhere) --------------------- */
@keyframes ib-slide-left  { to { transform: translateX(-100%); } }
@keyframes ib-slide-right { to { transform: translateX( 100%); } }

.ib-intro.animate .ib-left  { animation: ib-slide-left  1s ease forwards; }
.ib-intro.animate .ib-right { animation: ib-slide-right 1s ease forwards; }

/* ---------- tiny helpers so content scales nicely -------------------- */
.ib-left img,
.ib-right img {
  max-width: 100%;
  height: auto;
}

/* ---------- mobile fine-tuning (≤ 768 px) ---------------------------- */
@media (max-width: 768px) {
  /* keep halves horizontal but avoid accidental gaps / scroll-bars */
  .ib-left,
  .ib-right {
    flex: 0 0 50vw;   /* always half the viewport width */
    max-width: 50vw;
  }

  /* scale images cleanly inside their half */
  .ib-left img,
  .ib-right img {
    width: 100%;      /* fill the container */
    height: auto;     /* preserve aspect ratio */
    max-width: auto;
  }
}/* End custom CSS */