.elementor-12891 .elementor-element.elementor-element-ec4bf56:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12891 .elementor-element.elementor-element-ec4bf56 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/06/explosion-proof_box__2_-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-12891 .elementor-element.elementor-element-ec4bf56:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12891 .elementor-element.elementor-element-ec4bf56 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12891 .elementor-element.elementor-element-ec4bf56 > .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-12891 .elementor-element.elementor-element-1b7692a .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:500;line-height:23px;border-style:solid;border-color:#000000;}.elementor-12891 .elementor-element.elementor-element-1b7692a .elementor-button:hover, .elementor-12891 .elementor-element.elementor-element-1b7692a .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-12891 .elementor-element.elementor-element-1b7692a .elementor-button:hover svg, .elementor-12891 .elementor-element.elementor-element-1b7692a .elementor-button:focus svg{fill:#FF7759;}.elementor-12891 .elementor-element.elementor-element-dc77de1:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12891 .elementor-element.elementor-element-dc77de1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12891 .elementor-element.elementor-element-dc77de1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12891 .elementor-element.elementor-element-14d0036:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12891 .elementor-element.elementor-element-14d0036 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumaxled.com/wp-content/uploads/2024/06/WhatsApp_Image_2024-06-26_at_7.43.43_AM__1_-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-12891 .elementor-element.elementor-element-14d0036:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.13;}.elementor-12891 .elementor-element.elementor-element-14d0036 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12891 .elementor-element.elementor-element-14d0036 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12891 .elementor-element.elementor-element-56e33a3 .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:500;line-height:23px;border-style:solid;border-color:#000000;}.elementor-12891 .elementor-element.elementor-element-56e33a3 .elementor-button:hover, .elementor-12891 .elementor-element.elementor-element-56e33a3 .elementor-button:focus{background-color:#02010100;color:#FF7759;border-color:#FF7759;}.elementor-12891 .elementor-element.elementor-element-56e33a3 .elementor-button:hover svg, .elementor-12891 .elementor-element.elementor-element-56e33a3 .elementor-button:focus svg{fill:#FF7759;}@media(max-width:1024px){.elementor-12891 .elementor-element.elementor-element-1b7692a{width:initial;max-width:initial;}.elementor-12891 .elementor-element.elementor-element-56e33a3{width:initial;max-width:initial;}}@media(min-width:768px){.elementor-12891 .elementor-element.elementor-element-ec4bf56{width:48.833%;}.elementor-12891 .elementor-element.elementor-element-dc77de1{width:2.956%;}.elementor-12891 .elementor-element.elementor-element-14d0036{width:47.85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12891 .elementor-element.elementor-element-ec4bf56{width:100%;}.elementor-12891 .elementor-element.elementor-element-dc77de1{width:100%;}.elementor-12891 .elementor-element.elementor-element-14d0036{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a57b05f */.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 button, class: .elementor-element-1b7692a */.elementor-element-4b78a12{
    width
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c8c959 */.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 button, class: .elementor-element-56e33a3 */.elementor-element-4b78a12{
    width
}/* End custom CSS */