.elementor-47 .elementor-element.elementor-element-3f4d1e10{--display:flex;--min-height:82vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.55;--padding-top:10%;--padding-bottom:0%;--padding-left:4%;--padding-right:50%;}.elementor-47 .elementor-element.elementor-element-3f4d1e10:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hanson.eu/wp-content/uploads/2026/03/banner-1-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47 .elementor-element.elementor-element-3f4d1e10::before, .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-3f4d1e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-5b68f90{--display:flex;}.elementor-47 .elementor-element.elementor-element-5b68f90.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-1e14394{width:100%;max-width:100%;top:0px;z-index:4;}body:not(.rtl) .elementor-47 .elementor-element.elementor-element-1e14394{left:0px;}body.rtl .elementor-47 .elementor-element.elementor-element-1e14394{right:0px;}.elementor-47 .elementor-element.elementor-element-bffe5e2{--display:flex;--min-height:52vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.55;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-47 .elementor-element.elementor-element-bffe5e2:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-bffe5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-47 .elementor-element.elementor-element-bffe5e2::before, .elementor-47 .elementor-element.elementor-element-bffe5e2 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-bffe5e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-bffe5e2 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-bffe5e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-bffe5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-ccb8b6c{margin:-105px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 44px;}.elementor-47 .elementor-element.elementor-element-ccb8b6c.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-ccb8b6c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-d786d20{width:var( --container-widget-width, 200% );max-width:200%;margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 94px;--container-widget-width:200%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-d786d20.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-d786d20 p{margin-block-end:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-47 .elementor-element.elementor-element-77dca88{width:var( --container-widget-width, 117.492% );max-width:117.492%;margin:46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 84px;--container-widget-width:117.492%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-77dca88.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-77dca88 img{width:100%;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.9);}body.elementor-page-47:not(.elementor-motion-effects-element-type-background), body.elementor-page-47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111013;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-5b68f90{--width:196.286%;}}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-3f4d1e10{--padding-top:10%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-47 .elementor-element.elementor-element-bffe5e2{--padding-top:10%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-3f4d1e10{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:25%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-47 .elementor-element.elementor-element-bffe5e2{--min-height:723px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:25%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-47 .elementor-element.elementor-element-ccb8b6c{margin:-47px -5px calc(var(--kit-widget-spacing, 0px) + -5px) 33px;}.elementor-47 .elementor-element.elementor-element-ccb8b6c .elementor-heading-title{font-size:30px;}.elementor-47 .elementor-element.elementor-element-d786d20{margin:-7px -7px calc(var(--kit-widget-spacing, 0px) + -7px) -7px;--container-widget-width:262px;--container-widget-flex-grow:0;width:var( --container-widget-width, 262px );max-width:262px;font-size:13px;}.elementor-47 .elementor-element.elementor-element-77dca88{margin:10px -11px calc(var(--kit-widget-spacing, 0px) + -11px) -9px;}}/* Start custom CSS for container, class: .elementor-element-3f4d1e10 */.hero-lights{
  position: relative !important;
  overflow: hidden !important;
}

/* خود لایه HTML روی کل Hero */
.hero-lights .hero-overlay{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.hero-lights .hero-overlay .elementor-widget-container{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* نور چپ */
.hero-lights::before{
  content:"";
  position:absolute;
  top:-16%;
  left:7%;
  width:22%;
  height:135%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.62) 18%,
    rgba(255,255,255,0.26) 40%,
    rgba(255,255,255,0.09) 58%,
    rgba(255,255,255,0) 80%
  );
  transform: rotate(-22deg);
  filter: blur(2px);
  opacity: 1;
  animation: beamLeftCinema 4.8s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* نور راست */
.hero-lights::after{
  content:"";
  position:absolute;
  top:-16%;
  right:7%;
  width:20%;
  height:132%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,0.98) 0%,
    rgba(255,255,255,0.58) 18%,
    rgba(255,255,255,0.24) 40%,
    rgba(255,255,255,0.08) 58%,
    rgba(255,255,255,0) 80%
  );
  transform: rotate(18deg);
  filter: blur(2px);
  opacity: .96;
  animation: beamRightCinema 5.2s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* نور وسط */
.hero-lights .center-light{
  position:absolute;
  top:-15%;
  left:50%;
  transform:translateX(-50%);
  width:32%;
  height:132%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.74) 16%,
    rgba(255,255,255,0.34) 40%,
    rgba(255,255,255,0.12) 58%,
    rgba(255,255,255,0) 82%
  );
  filter: blur(2px);
  opacity: 1;
  clip-path: ellipse(42% 72% at 50% 0%);
  animation: centerBeam 4.2s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* ذرات */
.hero-lights .particle-field{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.hero-lights .particle-field .dust{
  position:absolute;
  border-radius:50%;
  background: radial-gradient(circle,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.95) 38%,
    rgba(255,255,255,.55) 68%,
    rgba(255,255,255,0) 100%);
  box-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 18px rgba(255,255,255,.55);
  opacity:.95;
  pointer-events:none;
}

/* جای نامنظم + اندازه متفاوت */
.hero-lights .particle-field .d1  { top:7%;  left:6%;  width:5px;  height:5px;  animation: drift1  11s ease-in-out infinite alternate; }
.hero-lights .particle-field .d2  { top:17%; left:13%; width:9px;  height:9px;  animation: drift2  15s ease-in-out infinite alternate; }
.hero-lights .particle-field .d3  { top:29%; left:9%;  width:4px;  height:4px;  animation: drift3  10s ease-in-out infinite alternate; }
.hero-lights .particle-field .d4  { top:46%; left:18%; width:11px; height:11px; animation: drift4  14s ease-in-out infinite alternate; }
.hero-lights .particle-field .d5  { top:68%; left:11%; width:6px;  height:6px;  animation: drift5  12s ease-in-out infinite alternate; }

.hero-lights .particle-field .d6  { top:10%; left:27%; width:8px;  height:8px;  animation: drift6  13s ease-in-out infinite alternate; }
.hero-lights .particle-field .d7  { top:24%; left:35%; width:5px;  height:5px;  animation: drift7  9s ease-in-out infinite alternate; }
.hero-lights .particle-field .d8  { top:39%; left:30%; width:12px; height:12px; animation: drift8  16s ease-in-out infinite alternate; }
.hero-lights .particle-field .d9  { top:57%; left:24%; width:7px;  height:7px;  animation: drift9  11s ease-in-out infinite alternate; }
.hero-lights .particle-field .d10 { top:76%; left:33%; width:4px;  height:4px;  animation: drift10 13s ease-in-out infinite alternate; }

.hero-lights .particle-field .d11 { top:9%;  left:48%; width:10px; height:10px; animation: drift11 12s ease-in-out infinite alternate; }
.hero-lights .particle-field .d12 { top:19%; left:56%; width:6px;  height:6px;  animation: drift12 14s ease-in-out infinite alternate; }
.hero-lights .particle-field .d13 { top:33%; left:44%; width:4px;  height:4px;  animation: drift13 10s ease-in-out infinite alternate; }
.hero-lights .particle-field .d14 { top:51%; left:52%; width:13px; height:13px; animation: drift14 17s ease-in-out infinite alternate; }
.hero-lights .particle-field .d15 { top:71%; left:47%; width:7px;  height:7px;  animation: drift15 11s ease-in-out infinite alternate; }

.hero-lights .particle-field .d16 { top:14%; left:68%; width:5px;  height:5px;  animation: drift16 9s ease-in-out infinite alternate; }
.hero-lights .particle-field .d17 { top:28%; left:74%; width:9px;  height:9px;  animation: drift17 15s ease-in-out infinite alternate; }
.hero-lights .particle-field .d18 { top:49%; left:66%; width:6px;  height:6px;  animation: drift18 12s ease-in-out infinite alternate; }
.hero-lights .particle-field .d19 { top:63%; left:79%; width:11px; height:11px; animation: drift19 16s ease-in-out infinite alternate; }
.hero-lights .particle-field .d20 { top:81%; left:90%; width:5px;  height:5px;  animation: drift20 10s ease-in-out infinite alternate; }

/* حرکت‌های متفاوت و نامنظم ذرات */
@keyframes drift1  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(9px,-22px) scale(1.15);} }
@keyframes drift2  { 0%{transform:translate(0,0) scale(.95);}    100%{transform:translate(-10px,-34px) scale(1.25);} }
@keyframes drift3  { 0%{transform:translate(0,0);}               100%{transform:translate(7px,-18px);} }
@keyframes drift4  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(-8px,-30px) scale(1.18);} }
@keyframes drift5  { 0%{transform:translate(0,0);}               100%{transform:translate(6px,-16px);} }

@keyframes drift6  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(-12px,-26px) scale(1.22);} }
@keyframes drift7  { 0%{transform:translate(0,0);}               100%{transform:translate(8px,-15px);} }
@keyframes drift8  { 0%{transform:translate(0,0) scale(.9);}     100%{transform:translate(-7px,-38px) scale(1.28);} }
@keyframes drift9  { 0%{transform:translate(0,0);}               100%{transform:translate(10px,-20px);} }
@keyframes drift10 { 0%{transform:translate(0,0);}               100%{transform:translate(-6px,-14px);} }

@keyframes drift11 { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(8px,-28px) scale(1.2);} }
@keyframes drift12 { 0%{transform:translate(0,0);}               100%{transform:translate(-9px,-24px);} }
@keyframes drift13 { 0%{transform:translate(0,0);}               100%{transform:translate(6px,-12px);} }
@keyframes drift14 { 0%{transform:translate(0,0) scale(.92);}    100%{transform:translate(-11px,-36px) scale(1.3);} }
@keyframes drift15 { 0%{transform:translate(0,0);}               100%{transform:translate(9px,-18px);} }

@keyframes drift16 { 0%{transform:translate(0,0);}               100%{transform:translate(-7px,-16px);} }
@keyframes drift17 { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(11px,-30px) scale(1.2);} }
@keyframes drift18 { 0%{transform:translate(0,0);}               100%{transform:translate(-8px,-17px);} }
@keyframes drift19 { 0%{transform:translate(0,0) scale(.95);}    100%{transform:translate(7px,-34px) scale(1.24);} }
@keyframes drift20 { 0%{transform:translate(0,0);}               100%{transform:translate(-5px,-15px);} }

/* حرکت نورها - قوی‌تر و زنده‌تر */
@keyframes beamLeftCinema{
  0%{
    transform: rotate(-28deg) translateX(-18px) translateY(0);
    opacity: .78;
  }
  25%{
    transform: rotate(-20deg) translateX(-6px) translateY(-4px);
    opacity: .95;
  }
  50%{
    transform: rotate(-12deg) translateX(6px) translateY(-8px);
    opacity: 1;
  }
  75%{
    transform: rotate(-6deg) translateX(14px) translateY(-4px);
    opacity: .92;
  }
  100%{
    transform: rotate(2deg) translateX(22px) translateY(0);
    opacity: .82;
  }
}

@keyframes beamRightCinema{
  0%{
    transform: rotate(10deg) translateX(-18px) translateY(0);
    opacity: .72;
  }
  25%{
    transform: rotate(16deg) translateX(-8px) translateY(-3px);
    opacity: .88;
  }
  50%{
    transform: rotate(24deg) translateX(4px) translateY(-7px);
    opacity: 1;
  }
  75%{
    transform: rotate(31deg) translateX(12px) translateY(-3px);
    opacity: .9;
  }
  100%{
    transform: rotate(38deg) translateX(20px) translateY(0);
    opacity: .8;
  }
}

@keyframes centerBeam{
  0%{
    transform: translateX(-50%) rotate(-6deg) scale(1);
    opacity:.72;
  }
  25%{
    transform: translateX(-50%) rotate(-2deg) scale(1.03);
    opacity:.88;
  }
  50%{
    transform: translateX(-50%) rotate(2deg) scale(1.08);
    opacity:1;
  }
  75%{
    transform: translateX(-50%) rotate(5deg) scale(1.04);
    opacity:.9;
  }
  100%{
    transform: translateX(-50%) rotate(8deg) scale(1);
    opacity:.78;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bffe5e2 */.hero-lights{
  position: relative !important;
  overflow: hidden !important;
}

/* خود لایه HTML روی کل Hero */
.hero-lights .hero-overlay{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.hero-lights .hero-overlay .elementor-widget-container{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* نور چپ */
.hero-lights::before{
  content:"";
  position:absolute;
  top:-16%;
  left:7%;
  width:22%;
  height:135%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.62) 18%,
    rgba(255,255,255,0.26) 40%,
    rgba(255,255,255,0.09) 58%,
    rgba(255,255,255,0) 80%
  );
  transform: rotate(-22deg);
  filter: blur(2px);
  opacity: 1;
  animation: beamLeftCinema 4.8s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* نور راست */
.hero-lights::after{
  content:"";
  position:absolute;
  top:-16%;
  right:7%;
  width:20%;
  height:132%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,0.98) 0%,
    rgba(255,255,255,0.58) 18%,
    rgba(255,255,255,0.24) 40%,
    rgba(255,255,255,0.08) 58%,
    rgba(255,255,255,0) 80%
  );
  transform: rotate(18deg);
  filter: blur(2px);
  opacity: .96;
  animation: beamRightCinema 5.2s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* نور وسط */
.hero-lights .center-light{
  position:absolute;
  top:-15%;
  left:50%;
  transform:translateX(-50%);
  width:32%;
  height:132%;
  background: radial-gradient(
    ellipse at top,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.74) 16%,
    rgba(255,255,255,0.34) 40%,
    rgba(255,255,255,0.12) 58%,
    rgba(255,255,255,0) 82%
  );
  filter: blur(2px);
  opacity: 1;
  clip-path: ellipse(42% 72% at 50% 0%);
  animation: centerBeam 4.2s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
}

/* ذرات */
.hero-lights .particle-field{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.hero-lights .particle-field .dust{
  position:absolute;
  border-radius:50%;
  background: radial-gradient(circle,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.95) 38%,
    rgba(255,255,255,.55) 68%,
    rgba(255,255,255,0) 100%);
  box-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 18px rgba(255,255,255,.55);
  opacity:.95;
  pointer-events:none;
}

/* جای نامنظم + اندازه متفاوت */
.hero-lights .particle-field .d1  { top:7%;  left:6%;  width:5px;  height:5px;  animation: drift1  11s ease-in-out infinite alternate; }
.hero-lights .particle-field .d2  { top:17%; left:13%; width:9px;  height:9px;  animation: drift2  15s ease-in-out infinite alternate; }
.hero-lights .particle-field .d3  { top:29%; left:9%;  width:4px;  height:4px;  animation: drift3  10s ease-in-out infinite alternate; }
.hero-lights .particle-field .d4  { top:46%; left:18%; width:11px; height:11px; animation: drift4  14s ease-in-out infinite alternate; }
.hero-lights .particle-field .d5  { top:68%; left:11%; width:6px;  height:6px;  animation: drift5  12s ease-in-out infinite alternate; }

.hero-lights .particle-field .d6  { top:10%; left:27%; width:8px;  height:8px;  animation: drift6  13s ease-in-out infinite alternate; }
.hero-lights .particle-field .d7  { top:24%; left:35%; width:5px;  height:5px;  animation: drift7  9s ease-in-out infinite alternate; }
.hero-lights .particle-field .d8  { top:39%; left:30%; width:12px; height:12px; animation: drift8  16s ease-in-out infinite alternate; }
.hero-lights .particle-field .d9  { top:57%; left:24%; width:7px;  height:7px;  animation: drift9  11s ease-in-out infinite alternate; }
.hero-lights .particle-field .d10 { top:76%; left:33%; width:4px;  height:4px;  animation: drift10 13s ease-in-out infinite alternate; }

.hero-lights .particle-field .d11 { top:9%;  left:48%; width:10px; height:10px; animation: drift11 12s ease-in-out infinite alternate; }
.hero-lights .particle-field .d12 { top:19%; left:56%; width:6px;  height:6px;  animation: drift12 14s ease-in-out infinite alternate; }
.hero-lights .particle-field .d13 { top:33%; left:44%; width:4px;  height:4px;  animation: drift13 10s ease-in-out infinite alternate; }
.hero-lights .particle-field .d14 { top:51%; left:52%; width:13px; height:13px; animation: drift14 17s ease-in-out infinite alternate; }
.hero-lights .particle-field .d15 { top:71%; left:47%; width:7px;  height:7px;  animation: drift15 11s ease-in-out infinite alternate; }

.hero-lights .particle-field .d16 { top:14%; left:68%; width:5px;  height:5px;  animation: drift16 9s ease-in-out infinite alternate; }
.hero-lights .particle-field .d17 { top:28%; left:74%; width:9px;  height:9px;  animation: drift17 15s ease-in-out infinite alternate; }
.hero-lights .particle-field .d18 { top:49%; left:66%; width:6px;  height:6px;  animation: drift18 12s ease-in-out infinite alternate; }
.hero-lights .particle-field .d19 { top:63%; left:79%; width:11px; height:11px; animation: drift19 16s ease-in-out infinite alternate; }
.hero-lights .particle-field .d20 { top:81%; left:90%; width:5px;  height:5px;  animation: drift20 10s ease-in-out infinite alternate; }

/* حرکت‌های متفاوت و نامنظم ذرات */
@keyframes drift1  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(9px,-22px) scale(1.15);} }
@keyframes drift2  { 0%{transform:translate(0,0) scale(.95);}    100%{transform:translate(-10px,-34px) scale(1.25);} }
@keyframes drift3  { 0%{transform:translate(0,0);}               100%{transform:translate(7px,-18px);} }
@keyframes drift4  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(-8px,-30px) scale(1.18);} }
@keyframes drift5  { 0%{transform:translate(0,0);}               100%{transform:translate(6px,-16px);} }

@keyframes drift6  { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(-12px,-26px) scale(1.22);} }
@keyframes drift7  { 0%{transform:translate(0,0);}               100%{transform:translate(8px,-15px);} }
@keyframes drift8  { 0%{transform:translate(0,0) scale(.9);}     100%{transform:translate(-7px,-38px) scale(1.28);} }
@keyframes drift9  { 0%{transform:translate(0,0);}               100%{transform:translate(10px,-20px);} }
@keyframes drift10 { 0%{transform:translate(0,0);}               100%{transform:translate(-6px,-14px);} }

@keyframes drift11 { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(8px,-28px) scale(1.2);} }
@keyframes drift12 { 0%{transform:translate(0,0);}               100%{transform:translate(-9px,-24px);} }
@keyframes drift13 { 0%{transform:translate(0,0);}               100%{transform:translate(6px,-12px);} }
@keyframes drift14 { 0%{transform:translate(0,0) scale(.92);}    100%{transform:translate(-11px,-36px) scale(1.3);} }
@keyframes drift15 { 0%{transform:translate(0,0);}               100%{transform:translate(9px,-18px);} }

@keyframes drift16 { 0%{transform:translate(0,0);}               100%{transform:translate(-7px,-16px);} }
@keyframes drift17 { 0%{transform:translate(0,0) scale(1);}      100%{transform:translate(11px,-30px) scale(1.2);} }
@keyframes drift18 { 0%{transform:translate(0,0);}               100%{transform:translate(-8px,-17px);} }
@keyframes drift19 { 0%{transform:translate(0,0) scale(.95);}    100%{transform:translate(7px,-34px) scale(1.24);} }
@keyframes drift20 { 0%{transform:translate(0,0);}               100%{transform:translate(-5px,-15px);} }

/* حرکت نورها - قوی‌تر و زنده‌تر */
@keyframes beamLeftCinema{
  0%{
    transform: rotate(-28deg) translateX(-18px) translateY(0);
    opacity: .78;
  }
  25%{
    transform: rotate(-20deg) translateX(-6px) translateY(-4px);
    opacity: .95;
  }
  50%{
    transform: rotate(-12deg) translateX(6px) translateY(-8px);
    opacity: 1;
  }
  75%{
    transform: rotate(-6deg) translateX(14px) translateY(-4px);
    opacity: .92;
  }
  100%{
    transform: rotate(2deg) translateX(22px) translateY(0);
    opacity: .82;
  }
}

@keyframes beamRightCinema{
  0%{
    transform: rotate(10deg) translateX(-18px) translateY(0);
    opacity: .72;
  }
  25%{
    transform: rotate(16deg) translateX(-8px) translateY(-3px);
    opacity: .88;
  }
  50%{
    transform: rotate(24deg) translateX(4px) translateY(-7px);
    opacity: 1;
  }
  75%{
    transform: rotate(31deg) translateX(12px) translateY(-3px);
    opacity: .9;
  }
  100%{
    transform: rotate(38deg) translateX(20px) translateY(0);
    opacity: .8;
  }
}

@keyframes centerBeam{
  0%{
    transform: translateX(-50%) rotate(-6deg) scale(1);
    opacity:.72;
  }
  25%{
    transform: translateX(-50%) rotate(-2deg) scale(1.03);
    opacity:.88;
  }
  50%{
    transform: translateX(-50%) rotate(2deg) scale(1.08);
    opacity:1;
  }
  75%{
    transform: translateX(-50%) rotate(5deg) scale(1.04);
    opacity:.9;
  }
  100%{
    transform: translateX(-50%) rotate(8deg) scale(1);
    opacity:.78;
  }
}/* End custom CSS */