.elementor-14 .elementor-element.elementor-element-efe21ec{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-efe21ec:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-efe21ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-14 .elementor-element.elementor-element-542ae85{--spacer-size:200px;}.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-14 .elementor-element.elementor-element-a504e4b{z-index:0;text-align:center;}.elementor-14 .elementor-element.elementor-element-a504e4b .elementor-heading-title{font-family:"VivalaBlack-Bold", Sans-serif;font-size:244px;font-weight:900;text-transform:uppercase;font-style:normal;letter-spacing:1px;word-spacing:50px;color:#E5E5E5;}.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 );}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-ce32a3c{left:950px;}body.rtl .elementor-14 .elementor-element.elementor-element-ce32a3c{right:950px;}.elementor-14 .elementor-element.elementor-element-ce32a3c{top:350px;z-index:20;}.elementor-14 .elementor-element.elementor-element-c485069 > .elementor-widget-container{margin:-33px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-c485069{text-align:right;}.elementor-14 .elementor-element.elementor-element-c485069 .elementor-heading-title{font-family:"Tahamtan", Sans-serif;font-size:51px;font-weight:700;line-height:20px;letter-spacing:-5px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#E5E5E5;}.elementor-14 .elementor-element.elementor-element-6a31984{--display:flex;}.elementor-14 .elementor-element.elementor-element-6a31984:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6a31984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-14 .elementor-element.elementor-element-168de5d{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-168de5d{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-168de5d{right:0px;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-b658e64{left:853px;}body.rtl .elementor-14 .elementor-element.elementor-element-b658e64{right:853px;}.elementor-14 .elementor-element.elementor-element-b658e64{top:-6px;}.elementor-14 .elementor-element.elementor-element-a565419{--display:flex;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-ba23cf0{left:820px;}body.rtl .elementor-14 .elementor-element.elementor-element-ba23cf0{right:820px;}.elementor-14 .elementor-element.elementor-element-ba23cf0{top:-176px;}.elementor-14 .elementor-element.elementor-element-0d59f30{--display:flex;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-b075242{left:706px;}body.rtl .elementor-14 .elementor-element.elementor-element-b075242{right:706px;}.elementor-14 .elementor-element.elementor-element-b075242{top:-10px;}.elementor-14 .elementor-element.elementor-element-c755c16{--display:flex;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-6aad7c3{left:770px;}body.rtl .elementor-14 .elementor-element.elementor-element-6aad7c3{right:770px;}.elementor-14 .elementor-element.elementor-element-6aad7c3{top:90px;z-index:50;}.elementor-14 .elementor-element.elementor-element-6aad7c3 img{width:30%;max-width:32%;}.elementor-14 .elementor-element.elementor-element-90381f0{--display:flex;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-fb1fa53{left:700px;}body.rtl .elementor-14 .elementor-element.elementor-element-fb1fa53{right:700px;}.elementor-14 .elementor-element.elementor-element-fb1fa53{top:0px;}.elementor-14 .elementor-element.elementor-element-1356d47{--spacer-size:350px;}.elementor-14 .elementor-element.elementor-element-2ccd19f{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-2ccd19f{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-2ccd19f{right:0px;}.elementor-14 .elementor-element.elementor-element-0eaf663 > .elementor-widget-container{margin:0px 100px 0px 0px;padding:80px 100px 0px 0px;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-0eaf663{left:1000px;}body.rtl .elementor-14 .elementor-element.elementor-element-0eaf663{right:1000px;}.elementor-14 .elementor-element.elementor-element-0eaf663{top:-94px;}.elementor-14 .elementor-element.elementor-element-61b3ed0{--display:flex;--min-height:0px;--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-14 .elementor-element.elementor-element-61b3ed0:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-61b3ed0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0B;}.elementor-14 .elementor-element.elementor-element-a45c31f{--display:flex;}.elementor-14 .elementor-element.elementor-element-a45c31f:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-a45c31f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-14 .elementor-element.elementor-element-c1d3208{--e-image-carousel-slides-to-show:3;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-168de5d *//* حرکت منحنی به بالا-راست */
@keyframes curve-up-right {
  0% {
    transform: translate(0, 0);   /* شروع از مرکز */
    opacity: 0;
  }
  100% {
    transform: translate(400px, -120px); /* مقصد نهایی */
  }
}

/* شناور ملایم در نقطه نهایی */
@keyframes float-up-right {
  0%   { transform: translate(400px, -120px); }
  50%  { transform: translate(412px, -132px); } /* کمی راست‌تر و بالاتر */
  100% { transform: translate(400px, -120px); }
}

/* کلاس آماده استفاده */
.curve-up-right-float {
  animation: 
    curve-up-right 2s ease-out forwards,     /* ورود منحنی */
    float-up-right 6s ease-in-out infinite 2s; /* بعدش شناور بی‌نهایت */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a565419 *//* حرکت منحنی به بالا-چپ */
@keyframes curve-up-left {
  0% {
    transform: translate(0, 0);   /* شروع از مرکز */
    opacity: 0;
  }
  100% {
    transform: translate(-420px, -200px); /* مقصد نهایی */
  }
}

/* شناور ملایم در مقصد */
@keyframes float-up-left {
  0%   { transform: translate(-420px, -200px); }
  50%  { transform: translate(-432px, -214px); } /* کمی چپ‌تر و بالاتر */
  100% { transform: translate(-420px, -200px); }
}

/* کلاس آماده استفاده */
.curve-up-left-float {
  animation: 
    curve-up-left 2s ease-out forwards,         /* ورود منحنی */
    float-up-left 6s ease-in-out infinite 2s;   /* بعد از ورود، شناور دائمی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d59f30 *//* حرکت منحنی به راست-پایین */
@keyframes curve-down-right {
  0% {
    transform: translate(0, 0);  /* شروع از مرکز */
    opacity: 0;
  }
  
  100% {
    transform: translate(350px, 260px); /* مقصد نهایی */
  }
}

/* شناور ملایم در نقطه نهایی */
@keyframes float-down-right {
  0%   { transform: translate(350px, 260px); }
  50%  { transform: translate(364px, 274px); } /* کمی راست‌تر و پایین‌تر */
  100% { transform: translate(350px, 260px); }
}

/* کلاس آماده استفاده */
.curve-down-right-float {
  animation: 
    curve-down-right 2s ease-out forwards,         /* ورود منحنی */
    float-down-right 6s ease-in-out infinite 2s;   /* بعدش شناور دائمی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90381f0 */@keyframes arc-right {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  
  100% {
    transform: translate(280px, 0); /* نقطه پایانی */
  }
}

/* انیمیشن شناور ملایم */
@keyframes float {
  0%   { transform: translate(280px, 0); }
  50%  { transform: translate(292px, -12px); } /* کمی راست و بالا */
  100% { transform: translate(280px, 0); }
}

/* کلاس آماده استفاده */
.arc-right-float {
  animation: 
    arc-right 2s ease-out forwards,      /* ورود آرک */
    float 6s ease-in-out infinite 2s;    /* بعد از ورود، شناور دائمی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ccd19f *//* حرکت منحنی به پایین-چپ */
@keyframes curve-down-left {
  0% {
    transform: translate(0, 0);   /* شروع از مرکز */
    opacity: 0;
  }
  100% {
    transform: translate(-300px, 200px); /* مقصد نهایی */
  }
}

/* شناور ملایم در مقصد */
@keyframes float-down-left {
  0%   { transform: translate(-300px, 200px); }
  50%  { transform: translate(-312px, 214px); } /* کمی چپ‌تر و پایین‌تر */
  100% { transform: translate(-300px, 200px); }
}

/* کلاس آماده استفاده */
.curve-down-left-float {
  animation: 
    curve-down-left 2s ease-out forwards,        /* ورود منحنی */
    float-down-left 6s ease-in-out infinite 2s;  /* بعد از ورود، شناور دائمی */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a31984 */@keyframes curve-right {
  0% {
    transform: translate(0, 0);      /* نقطه شروع: مرکز */
    opacity: 0;
  }
  40% {
    transform: translate(100px, -40px); /* یه مقدار بالا و راست */
    opacity: 1;
  }
  70% {
    transform: translate(200px, 20px);  /* یه مقدار پایین‌تر */
  }
  100% {
    transform: translate(300px, 0);   /* نقطه نهایی: سمت راست */
  }
}

.curve-move {
  animation: curve-right 2s ease-out forwards;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b3ed0 */:root{
  --bg:#0B0B0B; --fg:#FFFFFF;
}

.marquee-row{
  position:relative;
  width:100vw;
  overflow:hidden;
  white-space:nowrap;
  direction:ltr; /* حتی تو سایت فارسی بذار LTR بمونه */
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.marquee-track{
  display:flex;
  gap:2rem;
  will-change:transform;
}

.marquee-copy{
  display:inline-block;
  font-size:clamp(45px, 10vw, 10px);
  font-weight:800;
  line-height:0.9;
  letter-spacing:-0.02em;
  color:var(--fg);
}

@keyframes marquee-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes marquee-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

.dir-left  .marquee-track { animation: marquee-left 18s linear infinite; }
.dir-right .marquee-track { animation: marquee-right 18s linear infinite; }

.marquee-row:hover .marquee-track { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce){
  .marquee-track{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c1d3208 *//* Container */
.main { max-width: 75rem; padding: 3em 1.5em; }

/* Heading */
.main_heading{
  font-weight: 600;
  font-size: 2.25em;
  margin-bottom: .75em;
  text-align: center;
  color: #eceff1;
}

/* Cards wrapper */
.cards{ position: relative; perspective: 1000px; }
.cards_inner{ display: flex; flex-wrap: wrap; gap: 2.5em; }

/* Single card (like screenshot) */
.card{
  --flow-space: .5em;
  --hsl: var(--hue), var(--saturation), var(--lightness);
  flex: 1 1 14rem;
  padding: 1.5em 2em;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-items: start;
  color: #eceff1;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 15px;
  overflow: hidden;
  transform-origin: center center;
}

/* Example HSL per card (مثل متن توی تصویر) */
.card:nth-child(1){ --hue:165; --saturation:82.26%; --lightness:51.37%; }
.card:nth-child(2){ --hue:291.34; --saturation:95.9%; --lightness:61.76%; }
.card:nth-child(3){ --hue:24;    --saturation:95%;   --lightness:60%; }
.card:nth-child(4){ --hue:210;   --saturation:90%;   --lightness:62%; }
.card:nth-child(5){ --hue:35;    --saturation:92%;   --lightness:60%; }

.card img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* CTA bar (پایین کارت، مثل تصویر) */
.overlay .cta{
  display: block;
  grid-row: -1;
  width: 100%;
  padding: .65em 1em;
  text-align: center;
  color: #eceff1;
  background-color: hsl(var(--hsl) / .25);
  box-shadow: 0 0 0 1px hsl(var(--hsl));
  border-radius: 8px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'VivalaBlack-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://grsaraashouri.com/wp-content/uploads/2025/09/VivalaBlack-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tahamtan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://grsaraashouri.com/wp-content/uploads/2025/09/Tahamtan-@fontbazi.ttf') format('truetype');
}
/* End Custom Fonts CSS */