.elementor-11071 .elementor-element.elementor-element-799f95d{--display:flex;--min-height:100vh;--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-11071 .elementor-element.elementor-element-799f95d:not(.elementor-motion-effects-element-type-background), .elementor-11071 .elementor-element.elementor-element-799f95d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-11071 .elementor-element.elementor-element-799f95d.e-con{--align-self:flex-end;}.elementor-11071 .elementor-element.elementor-element-9e3c48b{--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;}.elementor-11071 .elementor-element.elementor-element-d3a0ddd{--display:flex;--min-height:100vh;--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;}.elementor-11071 .elementor-element.elementor-element-f8f9f5b img{width:13%;}.elementor-11071 .elementor-element.elementor-element-3b4a5bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11071 .elementor-element.elementor-element-527842d{--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;}.elementor-11071 .elementor-element.elementor-element-765076d{--display:flex;--min-height:100vh;--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;}.elementor-11071 .elementor-element.elementor-element-d5c8f12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11071 .elementor-element.elementor-element-36c9536{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-3b4a5bf */.artdeco-graphic {
  position: relative;  /* position relative to parent */
  bottom: 0;
  left: 0;
      z-index: 1000; /* keep above backgrounds, below main content if needed */
      pointer-events: none; /* allows clicks through the SVG */
    }

    svg {
      width: 100vw; /* adjust size */
      height: auto;
    }

    path, circle, rect {
      stroke-dasharray: 3000;
      stroke-dashoffset: 3000;
      animation: draw 20s ease forwards;
    }

    @keyframes draw {
      to { stroke-dashoffset: 0; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5c8f12 *//* Targets all paths, rects, and circles inside your SVG */
.artdeco-graphic-2 svg path,
.artdeco-graphic-2 svg rect,
.artdeco-graphic-2 svg circle {
  stroke: #C0C0A0;            /* Art Deco color */
  fill: none;
  stroke-width: 3;
  stroke-dasharray: 1000;      /* adjust if needed per element size */
  stroke-dashoffset: 1000;     /* hidden initially */
  transition: stroke-dashoffset 2s ease; /* animate when class added */
}

/* When the container has 'animate', reveal the lines */
.artdeco-graphic-2.animate svg path,
.artdeco-graphic-2.animate svg rect,
.artdeco-graphic-2.animate svg circle {
  stroke-dashoffset: 0;        /* lines drawn */
}
 
 .artdeco-graphic-2 {
      z-index: 100;
      pointer-events: none;
    }


    path, circle, rect {
      stroke-dasharray: 3000;
      stroke-dashoffset: 3000;
      animation: draw 10s ease forwards;
      fill: none;
      stroke: #C0C0A0;
      stroke-width: 3;
    }

    @keyframes draw {
      to { stroke-dashoffset: 0; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36c9536 */.scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.scroll-inner {
  display: flex;
  gap: 20px;       /* spacing between items */
  flex-wrap: nowrap;
}

.scroll-item {
  flex: 0 0 auto;  /* Prevent shrinking */
  min-width: 400px; /* Adjust width as needed */
}/* End custom CSS */