.elementor-1108 .elementor-element.elementor-element-41ac7b12{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1108 .elementor-element.elementor-element-41ac7b12:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-41ac7b12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2c2c2c;}.elementor-1108 .elementor-element.elementor-element-e729d96{--display:flex;}.elementor-1108 .elementor-element.elementor-element-e729d96.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1108 .elementor-element.elementor-element-5c42e92{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1108 .elementor-element.elementor-element-3a5c319{--display:flex;}.elementor-1108 .elementor-element.elementor-element-178fed3{--display:flex;}.elementor-1108 .elementor-element.elementor-element-3a77f89b{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-1108 .elementor-element.elementor-element-41ac7b12{--content-width:685px;}}@media(max-width:1366px) and (min-width:768px){.elementor-1108 .elementor-element.elementor-element-e729d96{--width:178.45px;}}/* Start custom CSS for image, class: .elementor-element-19bece7 */.elementor-1108 .elementor-element.elementor-element-19bece7 {
  position: relative;
  overflow: hidden;
}

/* گروه اول شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-19bece7::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 140%;
  top: -20%;
  left: -10%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.38;

  background:
    radial-gradient(
      circle,
      rgba(229, 160, 56, 0.8) 0 46%,
      transparent 49%
    ) 7% 18% / 72px 72px no-repeat,

    radial-gradient(
      circle,
      transparent 0 38%,
      rgba(12, 45, 82, 0.65) 40% 51%,
      transparent 54%
    ) 88% 20% / 120px 120px no-repeat,

    linear-gradient(
      45deg,
      rgba(229, 160, 56, 0.55),
      rgba(229, 160, 56, 0.55)
    ) 74% 78% / 58px 58px no-repeat,

    linear-gradient(
      45deg,
      rgba(12, 45, 82, 0.45),
      rgba(12, 45, 82, 0.45)
    ) 18% 80% / 44px 44px no-repeat,

    conic-gradient(
      from 30deg at 50% 67%,
      transparent 0deg 120deg,
      rgba(229, 160, 56, 0.65) 120deg 240deg,
      transparent 240deg 360deg
    ) 48% 45% / 95px 95px no-repeat;

  animation: geoFloatOne 8s cubic-bezier(.42,0,.58,1) infinite alternate;
}

/* گروه دوم شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-19bece7::after {
  content: "";
  position: absolute;
  width: 120%;
  height: 140%;
  top: -20%;
  left: -10%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;

  background:
    radial-gradient(
      circle,
      rgba(12, 45, 82, 0.65) 0 45%,
      transparent 48%
    ) 25% 25% / 36px 36px no-repeat,

    radial-gradient(
      circle,
      transparent 0 35%,
      rgba(229, 160, 56, 0.75) 38% 50%,
      transparent 53%
    ) 62% 15% / 85px 85px no-repeat,

    linear-gradient(
      45deg,
      rgba(12, 45, 82, 0.5),
      rgba(12, 45, 82, 0.5)
    ) 92% 72% / 34px 34px no-repeat,

    linear-gradient(
      45deg,
      rgba(229, 160, 56, 0.55),
      rgba(229, 160, 56, 0.55)
    ) 38% 88% / 50px 50px no-repeat;

  animation: geoFloatTwo 10s cubic-bezier(.42,0,.58,1) infinite alternate-reverse;
}

/* قرار گرفتن محتوای کانتینر روی شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-19bece7 > .e-con-inner,
.elementor-1108 .elementor-element.elementor-element-19bece7 > .elementor-element {
  position: relative;
  z-index: 1;
}

/* انیمیشن اول */
@keyframes geoFloatOne {

  0%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }

  50%{
    transform:translate3d(25px,-15px,0) rotate(5deg) scale(1.03);
  }

  100%{
    transform:translate3d(55px,-35px,0) rotate(10deg) scale(1);
  }

}

/* انیمیشن دوم */
@keyframes geoFloatTwo {

  0%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }

  50%{
    transform:translate3d(-20px,20px,0) rotate(-5deg) scale(.98);
  }

  100%{
    transform:translate3d(-45px,45px,0) rotate(-10deg) scale(1);
  }

}

@media (prefers-reduced-motion: reduce) {
  .elementor-1108 .elementor-element.elementor-element-19bece7::before,
  .elementor-1108 .elementor-element.elementor-element-19bece7::after {
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41ac7b12 */.elementor-1108 .elementor-element.elementor-element-41ac7b12 {
  position: relative;
  overflow: hidden;
}

/* گروه اول شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-41ac7b12::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 140%;
  top: -20%;
  left: -10%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.38;

  background:
    radial-gradient(
      circle,
      rgba(229, 160, 56, 0.8) 0 46%,
      transparent 49%
    ) 7% 18% / 72px 72px no-repeat,

    radial-gradient(
      circle,
      transparent 0 38%,
      rgba(12, 45, 82, 0.65) 40% 51%,
      transparent 54%
    ) 88% 20% / 120px 120px no-repeat,

    linear-gradient(
      45deg,
      rgba(229, 160, 56, 0.55),
      rgba(229, 160, 56, 0.55)
    ) 74% 78% / 58px 58px no-repeat,

    linear-gradient(
      45deg,
      rgba(12, 45, 82, 0.45),
      rgba(12, 45, 82, 0.45)
    ) 18% 80% / 44px 44px no-repeat,

    conic-gradient(
      from 30deg at 50% 67%,
      transparent 0deg 120deg,
      rgba(229, 160, 56, 0.65) 120deg 240deg,
      transparent 240deg 360deg
    ) 48% 45% / 95px 95px no-repeat;

  animation: geoFloatOne 8s cubic-bezier(.42,0,.58,1) infinite alternate;
}

/* گروه دوم شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-41ac7b12::after {
  content: "";
  position: absolute;
  width: 120%;
  height: 140%;
  top: -20%;
  left: -10%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;

  background:
    radial-gradient(
      circle,
      rgba(12, 45, 82, 0.65) 0 45%,
      transparent 48%
    ) 25% 25% / 36px 36px no-repeat,

    radial-gradient(
      circle,
      transparent 0 35%,
      rgba(229, 160, 56, 0.75) 38% 50%,
      transparent 53%
    ) 62% 15% / 85px 85px no-repeat,

    linear-gradient(
      45deg,
      rgba(12, 45, 82, 0.5),
      rgba(12, 45, 82, 0.5)
    ) 92% 72% / 34px 34px no-repeat,

    linear-gradient(
      45deg,
      rgba(229, 160, 56, 0.55),
      rgba(229, 160, 56, 0.55)
    ) 38% 88% / 50px 50px no-repeat;

  animation: geoFloatTwo 10s cubic-bezier(.42,0,.58,1) infinite alternate-reverse;
}

/* قرار گرفتن محتوای کانتینر روی شکل‌ها */
.elementor-1108 .elementor-element.elementor-element-41ac7b12 > .e-con-inner,
.elementor-1108 .elementor-element.elementor-element-41ac7b12 > .elementor-element {
  position: relative;
  z-index: 1;
}

/* انیمیشن اول */
@keyframes geoFloatOne {

  0%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }

  50%{
    transform:translate3d(25px,-15px,0) rotate(5deg) scale(1.03);
  }

  100%{
    transform:translate3d(55px,-35px,0) rotate(10deg) scale(1);
  }

}

/* انیمیشن دوم */
@keyframes geoFloatTwo {

  0%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }

  50%{
    transform:translate3d(-20px,20px,0) rotate(-5deg) scale(.98);
  }

  100%{
    transform:translate3d(-45px,45px,0) rotate(-10deg) scale(1);
  }

}

@media (prefers-reduced-motion: reduce) {
  .elementor-1108 .elementor-element.elementor-element-41ac7b12::before,
  .elementor-1108 .elementor-element.elementor-element-41ac7b12::after {
    animation: none;
  }
}/* End custom CSS */