.elementor-54 .elementor-element.elementor-element-194857b{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:1s;}.elementor-54 .elementor-element.elementor-element-194857b:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-194857b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/Anh-nen-mo-dau-2.png");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-194857b:hover{background-image:url("https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/Anh-nen-mo-dau-2.png");}.elementor-54 .elementor-element.elementor-element-07f95e2{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-54 .elementor-element.elementor-element-07f95e2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-54 .elementor-element.elementor-element-0cac178{--display:flex;}/* Start custom CSS for html, class: .elementor-element-07f95e2 */.logo-animate {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  width: 300px;   /* đổi sang px cụ thể vì widget HTML có thể không có kích thước cha rõ ràng */
  height: 100px;  /* chỉnh theo tỉ lệ thật của logo bạn */
}

.logo-base {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-mask-image: url(https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/logo_gradient.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url(https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/logo_gradient.png);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.logo-animate .logo-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.9) 50%, transparent 65%);
  background-size: 200% 100%;
  animation: shine 3s linear infinite;
  -webkit-mask-image: url(https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/logo_gradient.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url(https://testwp1.com.marcom3d.com/wp-content/uploads/2026/08/logo_gradient.png);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mix-blend-mode: overlay;
}
@keyframes shine {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-194857b */.wellcome {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: center;
  animation: zoomIn 5s ease-in-out forwards;
  z-index: 9999;
}

@keyframes zoomIn {
  0% { transform: scale(1); }
  100% { transform: scale(1.08); }
}/* End custom CSS */