.elementor-28361 .elementor-element.elementor-element-7af30bf{--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;--overlay-opacity:0.6;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#A9A8A8;--border-color:#A9A8A8;overflow:visible;}.elementor-28361 .elementor-element.elementor-element-7af30bf::before, .elementor-28361 .elementor-element.elementor-element-7af30bf > .elementor-background-video-container::before, .elementor-28361 .elementor-element.elementor-element-7af30bf > .e-con-inner > .elementor-background-video-container::before, .elementor-28361 .elementor-element.elementor-element-7af30bf > .elementor-background-slideshow::before, .elementor-28361 .elementor-element.elementor-element-7af30bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-28361 .elementor-element.elementor-element-7af30bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F8F8F8;--background-overlay:'';}.elementor-28361 .elementor-element.elementor-element-216033d{--display:flex;overflow:visible;}.elementor-28361 .elementor-element.elementor-element-940f416 .wd-text-block{font-weight:400;color:#54595F;}.elementor-28361 .elementor-element.elementor-element-b9c29bb{--display:flex;--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;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button{background-color:#FFFCFC00;font-size:17px;font-weight:300;fill:#00AAB1;color:#00AAB1;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00AAB1;border-radius:20px 20px 20px 20px;padding:10px 12px 10px 12px;}.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button:hover, .elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button:focus{background-color:#FFFCFC;color:#00AAB1;}.elementor-28361 .elementor-element.elementor-element-eb70750.elementor-element{--align-self:center;}.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button-content-wrapper{flex-direction:row;}.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button:hover svg, .elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button:focus svg{fill:#00AAB1;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button{background-color:#FFFCFC00;font-size:17px;font-weight:300;fill:#00AAB1;color:#00AAB1;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-29f33df );border-radius:20px 20px 20px 20px;padding:10px 12px 10px 12px;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button:hover, .elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button:focus{background-color:#FFFFFF;color:#00AAB1;}.elementor-28361 .elementor-element.elementor-element-c5c4194.elementor-element{--align-self:center;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button-content-wrapper{flex-direction:row;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button:hover svg, .elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button:focus svg{fill:#00AAB1;}.elementor-28361 .elementor-element.elementor-element-a91a18f{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-28361 .elementor-element.elementor-element-3e727c7{--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;overflow:visible;}.elementor-28361 .elementor-element.elementor-element-610f3e4{--spacer-size:1px;}:root{--page-title-display:none;}body.elementor-page-28361{margin:-72px 0px 0px 0px;}@media(max-width:1024px){.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button{border-radius:20px 20px 20px 20px;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button{border-radius:20px 20px 20px 20px;}body.elementor-page-28361{margin:-15px 0px 0px 0px;}}@media(max-width:724px){.elementor-28361 .elementor-element.elementor-element-7af30bf{--overlay-opacity:0.6;}.elementor-28361 .elementor-element.elementor-element-eb70750 .elementor-button{font-size:15px;border-radius:50px 50px 50px 50px;padding:10px 12px 10px 12px;}.elementor-28361 .elementor-element.elementor-element-c5c4194 .elementor-button{font-size:15px;padding:10px 12px 10px 12px;}.elementor-28361 .elementor-element.elementor-element-610f3e4{--spacer-size:10px;}body.elementor-page-28361{margin:-67px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-7af30bf *//* تعریف متغیرهای گرادیانت */
:root {
  --hdr-gradient: radial-gradient(
    farthest-corner circle at top right in oklab,
   rgb(20% 65% 71% / 70%) 50%, 73%, rgb(86% 15% 15% / 70%) 100%
  );
  --sdr-gradient: radial-gradient(
    farthest-corner circle at top right,
    #00abb0d9 30% 25%, #33a6b5b3 50%, 73%, #db2626b3 100%
  );
}

/* اضافه کردن پس‌زمینه گرادیانت به کلاس موردنظر */
.wd-negative-gap.elementor-element-7af30bf {
  background: var(--hdr-gradient); /* استفاده از گرادیانت HDR */
  background-size: 200% 200%; /* این کار باعث می‌شود گرادیانت بیشتر قابل حرکت باشد */
  animation: gradientAnimation 8s ease infinite; /* انیمیشن با سرعت کم و نامحدود */
}

/* تعریف انیمیشن حرکت گرادیانت */
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%; /* شروع از موقعیت اولیه */
  }
  50% {
    background-position: 100% 50%; /* حرکت به سمت راست */
  }
  100% {
    background-position: 0% 50%; /* برگشت به موقعیت اول */
  }
}/* End custom CSS */