.elementor-9963 .elementor-element.elementor-element-51082883{--display:flex;--min-height:120vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:1vw;--padding-right:1vw;}.elementor-9963 .elementor-element.elementor-element-51082883:not(.elementor-motion-effects-element-type-background), .elementor-9963 .elementor-element.elementor-element-51082883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-9963 .elementor-element.elementor-element-6b85aa7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9963 .elementor-element.elementor-element-08c0d05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9963 .elementor-element.elementor-element-19bc6e37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-9963 .elementor-element.elementor-element-51082883{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-9963 .elementor-element.elementor-element-6b85aa7d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9963 .elementor-element.elementor-element-3ce29706 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9963 .elementor-element.elementor-element-08c0d05{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9963 .elementor-element.elementor-element-acafd68 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9963 .elementor-element.elementor-element-19bc6e37{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9963 .elementor-element.elementor-element-2acf17e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-9963 .elementor-element.elementor-element-51082883{--width:100%;}.elementor-9963 .elementor-element.elementor-element-6b85aa7d{--width:100%;}.elementor-9963 .elementor-element.elementor-element-08c0d05{--width:100%;}.elementor-9963 .elementor-element.elementor-element-19bc6e37{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-08c0d05 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

/* Main container layout */
.elementor-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.elementor-section .elementor-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
.interactive-column {
  width: auto !important;
  flex-grow: 1 !important;
  flex: 1 1 0% !important;
  min-height: 500px !important;
  position: relative !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center !important;
  transition: all 0.6s ease !important;
  filter: brightness(0.5) !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif;
}

/* Active column expands and brightens */
.interactive-column.active {
  flex-grow: 2 !important;
  filter: brightness(1.8) !important;
}

/* Column label: always visible on inactive, hidden on active */
.column-label {
  font-family: 'Poppins', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  z-index: 10 !important;
  color: white !important;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: all 0.3s ease !important;
}
.interactive-column.active .column-label {
  opacity: 0 !important;
  pointer-events: none !important;
}
.interactive-column:not(.active) .column-label {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Plus icon */
.hover-plus {
  display: block !important;
  font-size: 36px !important;
  color: white !important;
  opacity: 0.3 !important;
  transform: translateY(10px) !important;
  transition: all 0.4s ease !important;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7) !important;
}
.interactive-column:not(.active):hover .hover-plus {
  opacity: 1 !important;
  transform: translateY(-10px) !important;
}

/* Label text */
.label-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1vw !important;
  color: white !important;
  font-weight: 500 !important;
  letter-spacing: 0.5em !important;
  margin-top: 10px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

/* Content inside active column only */
.column-content {
  position: absolute !important;
  top: 20% !important;
  left: 10% !important;
  right: 10% !important;
  color: white !important;
  transform: scale(0.9) !important;
  transition: all 0.5s ease !important;
  z-index: 5 !important;
  opacity: 0;
  text-align: left !important;
}
.interactive-column.active .column-content {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Section label inside content */
.column-content .head {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  line-height: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

/* Heading */
.column-content h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 3.5vw !important;
  margin: 0.5em 0 !important;
  color: white !important;
}

/* Paragraph */
.column-content .dec {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.5vw !important;
  font-weight: 300 !important;
  line-height: 33px !important;
}

/* Button */
.column-btn {
  font-family: 'Poppins', sans-serif !important;
  margin-top: 20px !important;
  background: #ffc107 !important;
  color: black !important;
  padding: 12px 20px !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19bc6e37 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

/* Main container layout */
.elementor-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.elementor-section .elementor-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
.interactive-column {
  width: auto !important;
  flex-grow: 1 !important;
  flex: 1 1 0% !important;
  min-height: 500px !important;
  position: relative !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center !important;
  transition: all 0.6s ease !important;
  filter: brightness(0.5) !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif;
}

/* Active column expands and brightens */
.interactive-column.active {
  flex-grow: 2 !important;
  filter: brightness(1.8) !important;
}

/* Column label: always visible on inactive, hidden on active */
.column-label {
  font-family: 'Poppins', sans-serif !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  z-index: 10 !important;
  color: white !important;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: all 0.3s ease !important;
}
.interactive-column.active .column-label {
  opacity: 0 !important;
  pointer-events: none !important;
}
.interactive-column:not(.active) .column-label {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Plus icon */
.hover-plus {
  display: block !important;
  font-size: 36px !important;
  color: white !important;
  opacity: 0.3 !important;
  transform: translateY(10px) !important;
  transition: all 0.4s ease !important;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7) !important;
}
.interactive-column:not(.active):hover .hover-plus {
  opacity: 1 !important;
  transform: translateY(-10px) !important;
}

/* Label text */
.label-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1vw !important;
  color: white !important;
  font-weight: 500 !important;
  letter-spacing: 0.5em !important;
  margin-top: 10px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

/* Content inside active column only */
.column-content {
  position: absolute !important;
  top: 20% !important;
  left: 10% !important;
  right: 10% !important;
  color: white !important;
  transform: scale(0.9) !important;
  transition: all 0.5s ease !important;
  z-index: 5 !important;
  opacity: 0;
  text-align: left !important;
}
.interactive-column.active .column-content {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Section label inside content */
.column-content .head {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  line-height: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

/* Heading */
.column-content h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 3.5vw !important;
  margin: 0.5em 0 !important;
  color: white !important;
}

/* Paragraph */
.column-content .dec {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.5vw !important;
  font-weight: 300 !important;
  line-height: 33px !important;
}

/* Button */
.column-btn {
  font-family: 'Poppins', sans-serif !important;
  margin-top: 20px !important;
  background: #ffc107 !important;
  color: black !important;
  padding: 12px 20px !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}/* End custom CSS */