.elementor-kit-521432{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-bb026e1:#FFFFFF;--e-global-color-816bf39:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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;background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-bb026e1 ) 0%, #FFFFFF 100%);}.elementor-kit-521432 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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 RESPONSIVE FIXES ================= */

/* Keep a desktop-style 2-column layout on tablet & mobile */
.lock-desktop {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0;
}

/* Force equal column widths (50/50 like desktop) */
.lock-desktop > .e-con {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* Make images and videos fill their containers perfectly */
.lock-desktop img,
.lock-desktop video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Maintain good height for smaller screens */
@media (max-width: 1024px){
  .lock-desktop { min-height: 60vh; }
}
@media (max-width: 767px){
  .lock-desktop { min-height: 70vh; }
}

/* Prevent any sideways scroll or overflow */
.lock-desktop * {
  max-width: 100%;
  box-sizing: border-box;
}

/* Fade-on-scroll animation (works with your global JS) */
.fade-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-on-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Shrink-to-fit per-section: apply to container class="scale-lock" */
.scale-lock{
  position: relative;
  overflow: hidden;     /* hide any overspill when scaled */
}

/* The inner wrapper we inject with JS (don’t add manually) */
.scale-lock .scale-wrap{
  transform-origin: top left;
  width: var(--dw, 1200px); /* default design width; JS will set from data-dw if provided */
}

/* Optional: horizontal scroll helper for tight nav bars */
.inline-scroll{
  display: flex;
  gap: 16px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.inline-scroll > *{
  flex: 0 0 auto;
  scroll-snap-align: center;
}/* End custom CSS */