.elementor-kit-7{--e-global-color-primary:#292929;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d5d5e51:#292929;--e-global-color-4a4bef0:#000000;--e-global-color-06b6d72:#605F65;--e-global-color-647658d:#FFFBFB;--e-global-color-22b0aa6:#F9F3EF;--e-global-color-0a53dc6:#FFFFFF;--e-global-color-63dbff5:#80FF37;--e-global-color-93b7e56:#8B5CF6;--e-global-color-b278c10:#B2A6C5;--e-global-color-f0836a2:#E8DEFD;--e-global-color-db27eac:#F0EAF0;--e-global-color-df355f8:#E11417;--e-global-color-0fcfc64:#FF8B8D;--e-global-color-f69ea4b:#FFD151;--e-global-color-0c849dd:#92C889;--e-global-color-033dc9e:#D2B5FF;--e-global-color-c3a3645:#B4F3E1;--e-global-color-b112a92:#F6B8DE;--e-global-color-8bfe683:#F09FA0;--e-global-color-53982d3:#C9D295;--e-global-color-3a5f90c:#F9CC8C;--e-global-color-70b6969:#BADAF4;--e-global-color-a594cf7:#F9F6FF;--e-global-color-ba96b1c:#FFB5B5;--e-global-color-3e3852d:#1B1A1A;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 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);}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:790px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Scroll Fade System v3.2 - Header Safe / No Side Slide */

/* ===== OUTER SECTION ===== */
.scroll-fade-section {
  position: relative !important;
  min-height: 3000vh;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* ===== ELEMENTOR INNER WRAPPER ===== */
.scroll-fade-section > .e-con-inner {
  position: relative !important;
  min-height: inherit;
  width: 100%;
  display: block !important;
  padding: 0 !important;
}

/* ===== STICKY SCREEN ===== */
.scroll-fade-section .sticky-inner {
  position: relative !important;

  height: calc(100vh - 90px) !important;
  min-height: calc(100vh - 90px) !important;

  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  max-width: 1200px;
  width: calc(100% - 48px);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px;
  gap: 60px;

  overflow: hidden;
  z-index: 20;

  transform: none !important;
  transition: none !important;
}

/* ===== PINNED STATE ===== */
.scroll-fade-section .sticky-inner.is-pinned {
  position: fixed !important;
  top: 90px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;

  margin-left: auto !important;
  margin-right: auto !important;

  transform: none !important;
  transition: none !important;
}

/* ===== ENDED STATE ===== */
.scroll-fade-section .sticky-inner.is-ended {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;

  transform: none !important;
  transition: none !important;
}

/* ===== COLUMNS ===== */
.scroll-fade-section .text-column,
.scroll-fade-section .image-column {
  position: relative !important;
  width: 50%;
  height: 70vh;
  max-height: 700px;
  overflow: hidden;
}

/* ===== STACKED ITEMS ===== */
.scroll-fade-section .fade-text,
.scroll-fade-section .fade-image {
  position: absolute !important;
  inset: 0;

  opacity: 0 !important;
  transform: none !important;

  pointer-events: none;

  transition:
    opacity 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ===== ACTIVE STATE ===== */
.scroll-fade-section .fade-text.active,
.scroll-fade-section .fade-image.active {
  opacity: 1 !important;
  transform: none !important;
}

/* ===== TEXT ===== */
.scroll-fade-section .fade-text {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

/* ===== IMAGE ===== */
.scroll-fade-section .fade-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: none !important;
  transition: none !important;
}


/* ===== MOBILE VERSION ===== */
@media (max-width: 767px) {

  .scroll-fade-section {
    min-height: auto !important;
    padding: 60px 20px !important;
  }

  .scroll-fade-section > .e-con-inner {
    min-height: auto !important;
  }

  .scroll-fade-section .sticky-inner,
  .scroll-fade-section .sticky-inner.is-pinned,
  .scroll-fade-section .sticky-inner.is-ended {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    height: auto !important;
    min-height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 32px;

    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;

    overflow: visible !important;

    transform: none !important;
    transition: none !important;
  }

  .scroll-fade-section .text-column,
  .scroll-fade-section .image-column {
    display: contents !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
  }

  .scroll-fade-section .fade-text,
  .scroll-fade-section .fade-image {
    position: relative !important;
    inset: auto !important;

    opacity: 1 !important;
    transform: none !important;

    pointer-events: auto !important;
    transition: none !important;
  }

  .scroll-fade-section .fade-text {
    margin-bottom: 12px;
  }

  .scroll-fade-section .fade-image {
    margin-bottom: 32px;
  }

  .scroll-fade-section .fade-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}


/* ===== RTL SUPPORT ===== */
html[dir="rtl"] .scroll-fade-section .sticky-inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .scroll-fade-section .fade-text {
  text-align: right;
}


/* ===== RESPONSIVE IMAGE SAFE FIT ===== */
.scroll-fade-section .sticky-inner {
  overflow: visible !important;
}

.scroll-fade-section .image-column {
  height: calc(100vh - 180px) !important;
  max-height: 620px !important;
  min-height: 420px;
  overflow: visible !important;

  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-fade-section .fade-image {
  overflow: visible !important;

  display: flex !important;
  align-items: center;
  justify-content: center;
}

.scroll-fade-section .fade-image img {
  width: auto !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: calc(100vh - 200px) !important;

  object-fit: contain !important;
  display: block !important;
}/* End custom CSS */