.elementor-188 .elementor-element.elementor-element-7338e5c1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-188 .elementor-element.elementor-element-ccbce5a{--display:flex;}.elementor-188 .elementor-element.elementor-element-31fa5d3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-389a674{--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-188 .elementor-element.elementor-element-be61804{--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-188 .elementor-element.elementor-element-be61804.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-5c2fdd1{width:var( --container-widget-width, 103.949% );max-width:103.949%;--container-widget-width:103.949%;--container-widget-flex-grow:0;}.elementor-188 .elementor-element.elementor-element-5c2fdd1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-188 .elementor-element.elementor-element-5c2fdd1 img{border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-7520ddf{--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-188 .elementor-element.elementor-element-7520ddf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-188 .elementor-element.elementor-element-28e359d img{border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-b0f238e{--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-188 .elementor-element.elementor-element-b0f238e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-188 .elementor-element.elementor-element-3cfa83d img{border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-8318e2a{--display:flex;}.elementor-188 .elementor-element.elementor-element-08a8158{--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-188 .elementor-element.elementor-element-ced5626{--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-188 .elementor-element.elementor-element-84bc011 img{border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-7ef197d{--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-188 .elementor-element.elementor-element-8664639 img{border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-2e78d1d{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-188 .elementor-element.elementor-element-6c72784 .elementor-button{background-color:#F6F7FF;fill:var( --e-global-color-889992e );color:var( --e-global-color-889992e );}@media(min-width:768px){.elementor-188 .elementor-element.elementor-element-be61804{--width:33.3%;}.elementor-188 .elementor-element.elementor-element-7520ddf{--width:33.3%;}.elementor-188 .elementor-element.elementor-element-b0f238e{--width:33.3%;}.elementor-188 .elementor-element.elementor-element-ced5626{--width:50%;}.elementor-188 .elementor-element.elementor-element-7ef197d{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-be61804 *//*
 * کد نهایی با سرعت بیشتر و افکت دنباله‌دار
*/

.elementor-188 .elementor-element.elementor-element-be61804 {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}

.elementor-188 .elementor-element.elementor-element-be61804::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  
  /* 
   * تغییر کلیدی اینجاست:
   * بخشی از گرادینت شفاف (transparent) شده تا افکت دنباله‌دار ایجاد شود.
   * سر دنباله‌دار، رنگ زرد درخشان است.
  */
  background-image: conic-gradient(
    from 180deg,
    transparent 0%, 
    transparent 70%, 
    #1c39bb 85%, 
    #bb9e1c 95%, 
    #F8D35B 100%
  );
  
  /* 
   * تغییر سرعت:
   * زمان انیمیشن از 4s به 2s کاهش یافته تا سرعت دو برابر شود.
   * این مقدار را برای سرعت بیشتر یا کمتر، تغییر دهید.
  */
  animation: rotate-border 1.5s linear infinite;
  
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.elementor-188 .elementor-element.elementor-element-be61804::after {
  content: '';
  position: absolute;
  z-index: -2;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #ffffff;
  border-radius: 14px;
}

.elementor-188 .elementor-element.elementor-element-be61804:hover::before {
  opacity: 1;
}

@keyframes rotate-border {
  100% {
    transform: rotate(1turn);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7520ddf *//*
 * کد نهایی با سرعت بیشتر و افکت دنباله‌دار
*/

.elementor-188 .elementor-element.elementor-element-7520ddf {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}

.elementor-188 .elementor-element.elementor-element-7520ddf::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  
  /* 
   * تغییر کلیدی اینجاست:
   * بخشی از گرادینت شفاف (transparent) شده تا افکت دنباله‌دار ایجاد شود.
   * سر دنباله‌دار، رنگ زرد درخشان است.
  */
  background-image: conic-gradient(
    from 180deg,
    transparent 0%, 
    transparent 70%, 
    #1c39bb 85%, 
    #bb9e1c 95%, 
    #F8D35B 100%
  );
  
  /* 
   * تغییر سرعت:
   * زمان انیمیشن از 4s به 2s کاهش یافته تا سرعت دو برابر شود.
   * این مقدار را برای سرعت بیشتر یا کمتر، تغییر دهید.
  */
  animation: rotate-border 1.5s linear infinite;
  
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.elementor-188 .elementor-element.elementor-element-7520ddf::after {
  content: '';
  position: absolute;
  z-index: -2;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #ffffff;
  border-radius: 14px;
}

.elementor-188 .elementor-element.elementor-element-7520ddf:hover::before {
  opacity: 1;
}

@keyframes rotate-border {
  100% {
    transform: rotate(1turn);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0f238e *//*
 * کد نهایی با سرعت بیشتر و افکت دنباله‌دار
*/

.elementor-188 .elementor-element.elementor-element-b0f238e {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}

.elementor-188 .elementor-element.elementor-element-b0f238e::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  
  /* 
   * تغییر کلیدی اینجاست:
   * بخشی از گرادینت شفاف (transparent) شده تا افکت دنباله‌دار ایجاد شود.
   * سر دنباله‌دار، رنگ زرد درخشان است.
  */
  background-image: conic-gradient(
    from 180deg,
    transparent 0%, 
    transparent 70%, 
    #1c39bb 85%, 
    #bb9e1c 95%, 
    #F8D35B 100%
  );
  
  /* 
   * تغییر سرعت:
   * زمان انیمیشن از 4s به 2s کاهش یافته تا سرعت دو برابر شود.
   * این مقدار را برای سرعت بیشتر یا کمتر، تغییر دهید.
  */
  animation: rotate-border 1.5s linear infinite;
  
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.elementor-188 .elementor-element.elementor-element-b0f238e::after {
  content: '';
  position: absolute;
  z-index: -2;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #ffffff;
  border-radius: 14px;
}

.elementor-188 .elementor-element.elementor-element-b0f238e:hover::before {
  opacity: 1;
}

@keyframes rotate-border {
  100% {
    transform: rotate(1turn);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8664639 *//* ========== Kalands Spotlight Border ========== */
.kalands-spotlight-card{
  position: relative;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;                 /* کلید تمیزی افکت */
}

/* لایه‌ی بوردرِ مخصوص افکت */
.kalands-spotlight-card::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events:none;

  /* رنگ بوردر */
  --b: 2px;                         /* ضخامت */
  --c: rgba(36, 212, 196, 1);       /* فیروزه‌ای */

  /* این قسمت: فقط یک ناحیه‌ی دایره‌ای نزدیک موس، بوردر را روشن می‌کند */
  background:
    radial-gradient(
      120px circle at var(--mx, -999px) var(--my, -999px),
      var(--c) 0%,
      rgba(36,212,196,.55) 30%,
      rgba(36,212,196,0) 70%
    );

  /* ماسک برای اینکه فقط "حلقه‌ی بوردر" نمایش داده شود (نه داخل کارت) */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: var(--b);
  opacity: 0;
  transition: opacity .18s ease;
}

/* فقط وقتی موس روی همان کارت است فعال شود */
.kalands-spotlight-card.is-hover::after{
  opacity: 1;
}

/* (اختیاری) یک Lift خیلی خیلی کم، اگر خواستی */
.kalands-spotlight-card{
  transition: transform .18s ease, box-shadow .18s ease;
}
.kalands-spotlight-card.is-hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c72784 */.kalands-btn .elementor-button{
  transition: transform .18s ease, box-shadow .18s ease;
}
.kalands-btn .elementor-button:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
}/* End custom CSS */