.elementor-kit-6{--e-global-color-primary:#327BCD;--e-global-color-secondary:#FFC436;--e-global-color-text:#6D6D6D;--e-global-color-accent:#071230;--e-global-color-1a738c2:#DADCE0;--e-global-color-35fed28:#F2F8FD;--e-global-typography-primary-font-family:"IRANYekanX";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"IRANYekanX";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"IRANYekanX";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"IRANYekanX";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;background-color:#FFFFFF;color:var( --e-global-color-accent );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#327BCD;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a:hover{color:#004695;}.elementor-kit-6 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-accent );font-family:"IRANYekanX", Sans-serif;font-size:28px;font-weight:600;line-height:1.6em;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"IRANYekanX", Sans-serif;font-size:25px;font-weight:600;line-height:1.5em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-text );font-family:"IRANYekanX", Sans-serif;font-size:22px;font-weight:400;}.elementor-kit-6 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 img{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:25px;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:22px;line-height:1.5em;}.elementor-kit-6 h3{font-size:20px;}.elementor-kit-6 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{font-size:18px;}.elementor-kit-6 h6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#cun-sus76 .elementor-icon {
    padding: 15px;
    background: #327BCD;
    border-radius: 50px;
}
#cun-sus76 .elementor-icon-box-icon {
    padding: 5px;
    border: #E6E7EA solid 2px;
    border-radius: 50px;
}

/* افکت لرزش روی هاور */
#cun-sus76:hover svg ,#cun-sus76:hover img{
  animation: shakeX 0.3s ease;
}

/* تعریف انیمیشن */
@keyframes shakeX {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}


/* 1. آماده‌سازی لینک دکمه برای نگهداری افکت */
#cus-btn76 .elementor-button {
  position: relative; /* ضروری برای قرارگیری افکت در داخل دکمه */
  z-index: 1;         /* محتوای دکمه را روی افکت نگه می‌دارد */
  overflow: hidden;   /* افکت را تا قبل از هاور مخفی نگه می‌دارد */
  transition: color 0.4s ease-in-out; /* تغییر رنگ نرم برای متن */
}

/* این بخش برای اطمینان از ماندن متن روی افکت است */
#cus-btn76 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 2. ایجاد شکل دایره‌ای برای افکت هاور */
#cus-btn76 .elementor-button::before {
  content: "";
  position: absolute;
  z-index: -1;         /* قرار دادن افکت در پس‌زمینه محتوا */
  background: #327BCD; /* رنگ قرمز افکت */
  height: 200px;
  width: 500px;
  border-radius: 50%;
  top: 100%;           /* موقعیت شروع: پایین */
  left: 100%;          /* موقعیت شروع: راست */
  transition: all 0.5s ease-in-out;
}

/* 3. فعال کردن انیمیشن هنگام هاور */
#cus-btn76:hover .elementor-button::before {
  top: -40px;  /* موقعیت پایان: پوشش کامل دکمه */
  left: -60px; /* موقعیت پایان: پوشش کامل دکمه */
}

/* 4. تغییر رنگ متن دکمه هنگام هاور */
#cus-btn76:hover .elementor-button-text {
  color: #ffffff !important;
transition: all 0.5s ease-in-out;
}
#cus-btn76 .elementor-button-text {
  color: #071230 !important;
  transition: all 0.5s ease-in-out;
}
/*---------------------*/

/* 1. آماده‌سازی لینک دکمه برای نگهداری افکت */
#cun-sus67 .elementor-button {
  position: relative; /* ضروری برای قرارگیری افکت در داخل دکمه */
  z-index: 1;         /* محتوای دکمه را روی افکت نگه می‌دارد */
  overflow: hidden;   /* افکت را تا قبل از هاور مخفی نگه می‌دارد */
  transition: color 0.4s ease-in-out; /* تغییر رنگ نرم برای متن */
}

/* این بخش برای اطمینان از ماندن متن روی افکت است */
#cun-sus67 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* 2. ایجاد شکل دایره‌ای برای افکت هاور */
#cun-sus67 .elementor-button::before {
  content: "";
  position: absolute;
  z-index: -1;         /* قرار دادن افکت در پس‌زمینه محتوا */
  background: #FFC436; /* رنگ قرمز افکت */
  height: 200px;
  width: 500px;
  border-radius: 50%;
  top: 100%;           /* موقعیت شروع: پایین */
  left: 100%;          /* موقعیت شروع: راست */
  transition: all 0.5s ease-in-out;
}

/* 3. فعال کردن انیمیشن هنگام هاور */
#cun-sus67:hover .elementor-button::before {
  top: -40px;  /* موقعیت پایان: پوشش کامل دکمه */
  left: -60px; /* موقعیت پایان: پوشش کامل دکمه */
}

/* 4. تغییر رنگ متن دکمه هنگام هاور */
#cun-sus67:hover .elementor-button-text {
  color: #071230 !important;
transition: all 0.5s ease-in-out;
}
#cun-sus67 .elementor-button-text {
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
}/* End custom CSS */