.elementor-1833 .elementor-element.elementor-element-8188e32:not(.elementor-motion-effects-element-type-background), .elementor-1833 .elementor-element.elementor-element-8188e32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#27020A;}.elementor-1833 .elementor-element.elementor-element-8188e32{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1833 .elementor-element.elementor-element-8188e32 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1833 .elementor-element.elementor-element-dc45a60:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1833 .elementor-element.elementor-element-dc45a60 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#27020A;}.elementor-1833 .elementor-element.elementor-element-dc45a60 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-10px 0px -10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1833 .elementor-element.elementor-element-dc45a60 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1833 .elementor-element.elementor-element-3c51346 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1833 .elementor-element.elementor-element-dc45a60 > .elementor-element-populated{margin:-38px -5px 0px -5px;--e-column-margin-right:-5px;--e-column-margin-left:-5px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1833 .elementor-element.elementor-element-dc45a60{width:100%;}}/* Start custom CSS for html, class: .elementor-element-3c51346 */.plg-hero,
.plg-hero * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
 
}

.plg-hero {
min-height: 100vh;
  position: relative;
  width: 100%;
 
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  direction: rtl;
  font-family: "Vazirmatn", "IRANSans", "Segoe UI", Tahoma, sans-serif;
 
  background:
    radial-gradient(120% 120% at 70% 18%, #5a1322 0%, #3a0d18 38%, #260711 64%, #16040a 100%);
  isolation: isolate;
}


.plg-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}


.plg-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.55;
  mix-blend-mode: screen;
}
.plg-glow--1 {
  width: 46vw; height: 46vw;
  top: -8%; right: 8%;
  background: radial-gradient(circle, rgba(199,154,75,0.45), rgba(199,154,75,0) 70%);
  animation: plg-drift1 16s ease-in-out infinite;
}
.plg-glow--2 {
  width: 40vw; height: 40vw;
  bottom: -12%; left: 4%;
  background: radial-gradient(circle, rgba(150,30,55,0.55), rgba(150,30,55,0) 70%);
  animation: plg-drift2 20s ease-in-out infinite;
}
.plg-glow--3 {
  width: 30vw; height: 30vw;
  top: 40%; left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(227,193,120,0.30), rgba(227,193,120,0) 70%);
  animation: plg-pulse 9s ease-in-out infinite;
}

@keyframes plg-drift1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(-4%, 6%) scale(1.12); }
}
@keyframes plg-drift2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(5%, -5%) scale(1.15); }
}
@keyframes plg-pulse {
  0%, 100% { opacity: 0.18; transform: translate(-50%, -50%) scale(0.9); }
  50%      { opacity: 0.4;  transform: translate(-50%, -50%) scale(1.1); }
}


.plg-hero__bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(199,154,75,0) 0%,
    rgba(199,154,75,0.25) 28%,
    rgba(227,193,120,0.45) 50%,
    rgba(199,154,75,0.25) 72%,
    rgba(199,154,75,0) 100%);
  animation: plg-line 7s ease-in-out infinite;
}
@keyframes plg-line {
  0%, 100% { opacity: 0.35; }
  50%      { opacity: 0.85; }
}

.plg-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.plg-particle {
  position: absolute;
  bottom: -12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: radial-gradient(circle, #f1d693, #c79a4b 60%, rgba(199,154,75,0) 100%);
  opacity: 0;
  animation: plg-float linear infinite;
}
@keyframes plg-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0; }
  10%  { opacity: 0.9; }
  90%  { opacity: 0.7; }
  100% { transform: translateY(-105vh) translateX(var(--plg-x, 0)); opacity: 0; }
}
.plg-particle:nth-child(1)  { left: 6%;  width: 3px; height: 3px; animation-duration: 17s; animation-delay: 0s;   --plg-x: 24px; }
.plg-particle:nth-child(2)  { left: 14%; width: 5px; height: 5px; animation-duration: 22s; animation-delay: 3s;   --plg-x: -18px; }
.plg-particle:nth-child(3)  { left: 22%; width: 2px; height: 2px; animation-duration: 14s; animation-delay: 6s;   --plg-x: 30px; }
.plg-particle:nth-child(4)  { left: 33%; width: 4px; height: 4px; animation-duration: 19s; animation-delay: 1.5s; --plg-x: -22px; }
.plg-particle:nth-child(5)  { left: 41%; width: 3px; height: 3px; animation-duration: 24s; animation-delay: 8s;   --plg-x: 16px; }
.plg-particle:nth-child(6)  { left: 49%; width: 6px; height: 6px; animation-duration: 21s; animation-delay: 4s;   --plg-x: -28px; }
.plg-particle:nth-child(7)  { left: 57%; width: 3px; height: 3px; animation-duration: 16s; animation-delay: 10s;  --plg-x: 20px; }
.plg-particle:nth-child(8)  { left: 65%; width: 4px; height: 4px; animation-duration: 23s; animation-delay: 2s;   --plg-x: -14px; }
.plg-particle:nth-child(9)  { left: 73%; width: 2px; height: 2px; animation-duration: 15s; animation-delay: 7s;   --plg-x: 26px; }
.plg-particle:nth-child(10) { left: 81%; width: 5px; height: 5px; animation-duration: 20s; animation-delay: 5s;   --plg-x: -20px; }
.plg-particle:nth-child(11) { left: 88%; width: 3px; height: 3px; animation-duration: 18s; animation-delay: 9s;   --plg-x: 18px; }
.plg-particle:nth-child(12) { left: 94%; width: 4px; height: 4px; animation-duration: 25s; animation-delay: 3.5s; --plg-x: -24px; }

.plg-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 90% at 50% 45%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 100%);
}

.plg-hero__content {
  font-family: 'dana-bold-en';
  position: relative;
  z-index: 2;
  text-align: center;
  padding: clamp(28px, 6vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: plg-rise 1.1s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes plg-rise {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

.plg-diamond {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(199,154,75,0.7);
  transform: rotate(45deg);
  margin-bottom: clamp(16px, 3vw, 26px);
  animation: plg-spin 9s linear infinite;
}
@keyframes plg-spin {
  to { transform: rotate(405deg); }
}

.plg-hero__logo {
  width: clamp(220px, 38vw, 420px);
  height: auto;
  display: block;
  filter: drop-shadow(0 4px 30px rgba(199,154,75,0.25));
}

.plg-hero__subtitle {
  margin-top: clamp(14px, 2.6vw, 24px);
  color: #e3c178;
  font-size: clamp(17px, 2.4vw, 26px);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.plg-hero__tags {
  margin-top: clamp(8px, 1.4vw, 14px);
  color: rgba(227,193,120,0.6);
  font-size: clamp(12px, 1.5vw, 16px);
  letter-spacing: 0.06em;
}

.plg-hero__cta {
  margin-top: clamp(28px, 4.5vw, 44px);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: clamp(13px, 1.8vw, 17px) clamp(34px, 5vw, 54px);
  border: 1px solid rgba(199,154,75,0.55);
  border-radius: 100px;
  color: #f1d693;
  font-size: clamp(15px, 1.9vw, 19px);
  font-weight: 600;
  text-decoration: none;
  background: rgba(199,154,75,0.04);
  backdrop-filter: blur(2px);
  position: relative;
  overflow: hidden;
  transition: color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
.plg-hero__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #c79a4b, #e3c178);
  transform: translateX(-101%);
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
  z-index: -1;
}
.plg-hero__cta:hover {
  color: #2a0810;
  border-color: #e3c178;
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(199,154,75,0.28);
}
.plg-hero__cta:hover::before {
  transform: translateX(0);
}
.plg-hero__cta .plg-arrow {
  font-size: 0.9em;
  transition: transform .35s ease;
}
.plg-hero__cta:hover .plg-arrow {
  transform: translateX(-4px);
}

@media (max-width: 600px) {
  .plg-hero {
    min-height: 100vh;
    min-height: 100dvh;
    height: 100dvh;
  }

  .plg-glow {
    filter: blur(40px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .plg-glow, .plg-particle, .plg-diamond,
  .plg-hero__bg::before, .plg-hero__content {
    animation: none !important;
  }
  .plg-particle { opacity: 0.5; }
}/* End custom CSS */