.elementor-2504 .elementor-element.elementor-element-12e7c46 > .elementor-container{max-width:1131px;}.elementor-2504 .elementor-element.elementor-element-12e7c46{margin-top:80px;margin-bottom:0px;}.elementor-2504 .elementor-element.elementor-element-7288f7e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2504 .elementor-element.elementor-element-7288f7e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/06/Picture-removebg-preview-1.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2504 .elementor-element.elementor-element-7288f7e:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-2504 .elementor-element.elementor-element-7288f7e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2504 .elementor-element.elementor-element-7288f7e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2504 .elementor-element.elementor-element-fb3d907 .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;border-style:solid;border-color:#000000;}.elementor-2504 .elementor-element.elementor-element-fb3d907 .elementor-button:hover, .elementor-2504 .elementor-element.elementor-element-fb3d907 .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-2504 .elementor-element.elementor-element-fb3d907 .elementor-button:hover svg, .elementor-2504 .elementor-element.elementor-element-fb3d907 .elementor-button:focus svg{fill:#FF7759;}.elementor-2504 .elementor-element.elementor-element-fe90ae5:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-2504 .elementor-element.elementor-element-fe90ae5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2504 .elementor-element.elementor-element-fe90ae5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2504 .elementor-element.elementor-element-c6fc76c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2504 .elementor-element.elementor-element-c6fc76c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/05/Screenshot_7-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2504 .elementor-element.elementor-element-c6fc76c:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-2504 .elementor-element.elementor-element-c6fc76c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2504 .elementor-element.elementor-element-c6fc76c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2504 .elementor-element.elementor-element-ae272a8{width:var( --container-widget-width, 99.436% );max-width:99.436%;--container-widget-width:99.436%;--container-widget-flex-grow:0;}.elementor-2504 .elementor-element.elementor-element-9f8455e .elementor-button{background-color:#000000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#000000;}.elementor-2504 .elementor-element.elementor-element-9f8455e .elementor-button:hover, .elementor-2504 .elementor-element.elementor-element-9f8455e .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-2504 .elementor-element.elementor-element-9f8455e .elementor-button:hover svg, .elementor-2504 .elementor-element.elementor-element-9f8455e .elementor-button:focus svg{fill:#FF7759;}@media(min-width:768px){.elementor-2504 .elementor-element.elementor-element-7288f7e{width:48.452%;}.elementor-2504 .elementor-element.elementor-element-fe90ae5{width:2.938%;}.elementor-2504 .elementor-element.elementor-element-c6fc76c{width:47.942%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2504 .elementor-element.elementor-element-7288f7e{width:100%;}.elementor-2504 .elementor-element.elementor-element-fe90ae5{width:100%;}}/* Start custom CSS for html, class: .elementor-element-b3a09d9 */.box {
    position: relative;
    width: 100%;
    height: 400px;
  
    overflow: hidden;
}

.line {
    position: absolute;
    background-color: white;
    height: 2px;
    width: 0;  /* Line width initially zero */
    transition: all 0.5s ease;
}

.line-top-right {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(45deg);
    transform-origin: top right;
}

.line-bottom-left {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    transform-origin: bottom left;
}

.box:hover .line-top-right,
.box:hover .line-bottom-left {
    width: 141%;  /* This extends the line across the diagonal length of the box */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae272a8 */.box {
    position: relative;
    width: 100%;
    height: 400px;
  
    overflow: hidden;
}

.line {
    position: absolute;
    background-color: white;
    height: 2px;
    width: 0;  /* Line width initially zero */
    transition: all 0.5s ease;
}

.line-top-right {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(45deg);
    transform-origin: top right;
}

.line-bottom-left {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    transform-origin: bottom left;
}

.box:hover .line-top-right,
.box:hover .line-bottom-left {
    width: 141%;  /* This extends the line across the diagonal length of the box */
}/* End custom CSS */