.elementor-kit-7{--e-global-color-primary:#0C6170;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#404040;--e-global-color-accent:#DBF5F0;--e-global-color-1277c8b:#37BEB0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation:eicon-spin;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#0C6170;--e-preloader-size:20px;}.elementor-kit-7 e-page-transition{background-color:#DBF5F0;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.shape-wrapper {
  position: relative;
  width: 500px;
  height: 700px;
  /* مقدار پیش‌فرض اندازه دایره‌ها */
  --circle-size: 300px;
}

/* دایره‌ها */
.circle {
  width: var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  transform: scale(0.5);
  animation: popIn 0.8s ease-out forwards;
}

.circle.green {
  background-color: #40a396; /* سبز */
  top: 0;
  left: 0;
  z-index: 1;
  animation-delay: 0.5s;
}

.circle.dark {
  background-color: #2c193f; /* بنفش تیره */
  top: 50px;
  left: 50px;
  z-index: 2;
  animation-delay: 1s;
}

.main-img {
  position: absolute;
  top: -10px;
  left: -18px;
  width: 450px;
  opacity: 0;
  transform: translateY(30px);
  z-index: 3;
  animation: fadeUp 1s ease-out forwards;
  animation-delay: 1.5s;
}

/* انیمیشن‌ها */
@keyframes popIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* نسخه موبایل */
@media (max-width: 768px) {
  .shape-wrapper {
    width: 80vw;
    height: 80vw;
  }

  .circle {
    width: calc(var(--circle-size) * 0.8);
    height: calc(var(--circle-size) * 0.8);
  }

  .main-img {
    width: 70vw;
  }
}/* End custom CSS */