.elementor-540 .elementor-element.elementor-element-eb66e12{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-540 .elementor-element.elementor-element-a564018{--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;}.elementor-540 .elementor-element.elementor-element-ceca930{--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;}.elementor-540 .elementor-element.elementor-element-bacf2fa{--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;}.elementor-540 .elementor-element.elementor-element-0cc61cf{--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;}.elementor-540 .elementor-element.elementor-element-6605aed3{--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;}.elementor-540 .elementor-element.elementor-element-7cd69888{--display:flex;}.elementor-540 .elementor-element.elementor-element-fc9f167{--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;}@media(min-width:768px){.elementor-540 .elementor-element.elementor-element-a564018{--width:25%;}.elementor-540 .elementor-element.elementor-element-ceca930{--width:25%;}.elementor-540 .elementor-element.elementor-element-bacf2fa{--width:25%;}.elementor-540 .elementor-element.elementor-element-0cc61cf{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-3457fc13 *//* استایل برای باکس با حاشیه انیمیشنی */
.animated-border {
  position: relative;
  display: block; /* تغییر به block تا عرض کامل صفحه را پوشش دهد */
  border-radius: 10px;
  padding: 3px; /* فاصله برای نمایش حاشیه */
  background: linear-gradient(90deg, #ff7eb3, #ff758c, #42e695, #3bbaff, #ffeb3b);
  background-size: 400% 400%;
  animation: border-animation 4s linear infinite;
  width: 100%; /* عرض کامل صفحه */
  box-sizing: border-box; /* شامل کردن padding در محاسبه عرض */
}

.animated-border .content {
  background-color: white; /* پس‌زمینه داخل */
  border-radius: 10px; /* انحنای داخلی */
  padding: 15px; /* فضای داخلی */
  text-align: center; /* وسط‌چین کردن متن */
  display: flex;
  align-items: center;
  justify-content: center; /* مرکز چین کردن محتوا */
  font-family: wiki_titr, sans-serif; /* تغییر فونت به wiki_titr */
  font-size: 24px; /* تغییر سایز فونت به 24 */
  color: black; /* تغییر رنگ متن به مشکی */
  width: 100%; /* عرض محتوای داخل باکس به اندازه 100% */
}

/* آیکون استایل */
.animated-border .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 50%;
  font-size: 20px;
  color: black;
}

/* انیمیشن گرادینت */
@keyframes border-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/* End custom CSS */