.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.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 */html, body {
  display: flex;
  flex-flow: column;
  max-width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
main {
  flex-grow: 1;
}
/* شروع */
/* تعریف انیمیشن شناور */
@keyframes modernFloat {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-14px) rotate(1.5deg) scale(1.02);
  }
  100% {
    transform: translateY(0px) rotate(0deg) scale(1);
  }
}

/* اعمال انیمیشن روی تصاویر با کلاس مشترک */
.img1001 {
  animation: modernFloat 4s ease-in-out infinite;
  transition: transform 0.3s ease, filter 0.3s ease;
  will-change: transform; /* بهینه‌سازی پرفورمنس */
}

/* ایجاد ریتم و تنوع بین ۴ تصویر با تاخیر زمانی */
.img1001:nth-of-type(1) {
  animation-delay: 0s;
}
.img1001:nth-of-type(2) {
  animation-delay: 1s;
  animation-duration: 4.5s;
}
.img1001:nth-of-type(3) {
  animation-delay: 2s;
  animation-duration: 3.8s;
}
.img1001:nth-of-type(4) {
  animation-delay: 3s;
  animation-duration: 4.2s;
}

/* جلوه زیبا هنگام هاور ماوس */
.img1001:hover {
  transform: scale(1.06) translateY(-5px);
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));
}

/* پایان *//* End custom CSS */