.elementor-403 .elementor-element.elementor-element-7c6ccd1{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-403 .elementor-element.elementor-element-d01d423{--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;--overlay-opacity:0.5;}.elementor-403 .elementor-element.elementor-element-d01d423::before, .elementor-403 .elementor-element.elementor-element-d01d423 > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-d01d423 > .e-con-inner > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-d01d423 > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-d01d423 > .e-con-inner > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-d01d423 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-403 .elementor-element.elementor-element-75f5b3b{--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-403 .elementor-element.elementor-element-4b5d61d{--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-403 .elementor-element.elementor-element-ba76830{--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-403 .elementor-element.elementor-element-ed098c4{--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;}@media(min-width:768px){.elementor-403 .elementor-element.elementor-element-d01d423{--width:25%;}.elementor-403 .elementor-element.elementor-element-75f5b3b{--width:25%;}.elementor-403 .elementor-element.elementor-element-4b5d61d{--width:25%;}.elementor-403 .elementor-element.elementor-element-ba76830{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-6200ba4 */.animated-boxes {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 100px;
}

.box {
  position: relative;
  width: 200px;
  height: 150px;
  background: white;
  border: 2px solid #000;
  overflow: hidden;
}

.box-content {
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 150px;
  font-weight: bold;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  transform: translateX(-100%);
  z-index: 1;
  animation: slideOverlay 1s forwards;
}

.box:nth-child(2) .overlay {
  animation-delay: 0.4s;
}
.box:nth-child(3) .overlay {
  animation-delay: 0.8s;
}

@keyframes slideOverlay {
  to {
    transform: translateX(100%);
  }
}/* End custom CSS */