.elementor-12987 .elementor-element.elementor-element-84b850c{margin-top:80px;margin-bottom:0px;}.elementor-12987 .elementor-element.elementor-element-2213f1c7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12987 .elementor-element.elementor-element-2213f1c7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/06/Screenshot_16-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-12987 .elementor-element.elementor-element-2213f1c7:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12987 .elementor-element.elementor-element-2213f1c7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12987 .elementor-element.elementor-element-2213f1c7 > .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-12987 .elementor-element.elementor-element-2306c9d4 .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:500;border-style:solid;border-color:#000000;}.elementor-12987 .elementor-element.elementor-element-2306c9d4 .elementor-button:hover, .elementor-12987 .elementor-element.elementor-element-2306c9d4 .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-12987 .elementor-element.elementor-element-2306c9d4 .elementor-button:hover svg, .elementor-12987 .elementor-element.elementor-element-2306c9d4 .elementor-button:focus svg{fill:#FF7759;}.elementor-12987 .elementor-element.elementor-element-ff13547:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12987 .elementor-element.elementor-element-ff13547 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12987 .elementor-element.elementor-element-ff13547 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12987 .elementor-element.elementor-element-2cb14db:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12987 .elementor-element.elementor-element-2cb14db > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/06/6-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-12987 .elementor-element.elementor-element-2cb14db:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12987 .elementor-element.elementor-element-2cb14db > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12987 .elementor-element.elementor-element-2cb14db > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12987 .elementor-element.elementor-element-66c9a5e .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:500;border-style:solid;border-color:#000000;}.elementor-12987 .elementor-element.elementor-element-66c9a5e .elementor-button:hover, .elementor-12987 .elementor-element.elementor-element-66c9a5e .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-12987 .elementor-element.elementor-element-66c9a5e .elementor-button:hover svg, .elementor-12987 .elementor-element.elementor-element-66c9a5e .elementor-button:focus svg{fill:#FF7759;}@media(min-width:768px){.elementor-12987 .elementor-element.elementor-element-2213f1c7{width:48.928%;}.elementor-12987 .elementor-element.elementor-element-ff13547{width:2.288%;}.elementor-12987 .elementor-element.elementor-element-2cb14db{width:48.429%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12987 .elementor-element.elementor-element-2213f1c7{width:100%;}.elementor-12987 .elementor-element.elementor-element-ff13547{width:100%;}.elementor-12987 .elementor-element.elementor-element-2cb14db{width:100%;}}@media(max-width:1024px){.elementor-12987 .elementor-element.elementor-element-2306c9d4{width:var( --container-widget-width, 825px );max-width:825px;--container-widget-width:825px;--container-widget-flex-grow:0;}.elementor-12987 .elementor-element.elementor-element-66c9a5e{width:var( --container-widget-width, 814px );max-width:814px;--container-widget-width:814px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-12987 .elementor-element.elementor-element-2306c9d4{--container-widget-width:359px;--container-widget-flex-grow:0;width:var( --container-widget-width, 359px );max-width:359px;}.elementor-12987 .elementor-element.elementor-element-66c9a5e{--container-widget-width:375px;--container-widget-flex-grow:0;width:var( --container-widget-width, 375px );max-width:375px;}}/* Start custom CSS for html, class: .elementor-element-5134c42f */.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-bde738b */.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 */