.elementor-2764 .elementor-element.elementor-element-b47f078{--display:flex;--min-height:45px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2764 .elementor-element.elementor-element-b47f078:not(.elementor-motion-effects-element-type-background), .elementor-2764 .elementor-element.elementor-element-b47f078 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2764 .elementor-element.elementor-element-f5ccf6c{--display:flex;--position:fixed;--min-height:240px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:2%;--padding-left:3%;--padding-right:3%;bottom:0px;--z-index:5;}.elementor-2764 .elementor-element.elementor-element-f5ccf6c:not(.elementor-motion-effects-element-type-background), .elementor-2764 .elementor-element.elementor-element-f5ccf6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #30303000 0%, #000000 100%);}.elementor-2764 .elementor-element.elementor-element-f5ccf6c.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-2764 .elementor-element.elementor-element-f5ccf6c{left:0px;}body.rtl .elementor-2764 .elementor-element.elementor-element-f5ccf6c{right:0px;}.elementor-2764 .elementor-element.elementor-element-c2a4d0d{--display:flex;}.elementor-2764 .elementor-element.elementor-element-76b9265 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-76b9265 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-98077e3{--display:flex;}.elementor-2764 .elementor-element.elementor-element-745ae3c .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-745ae3c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-5191238 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-5191238 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-ddf4d9f{--display:flex;--min-height:45px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2764 .elementor-element.elementor-element-ddf4d9f:not(.elementor-motion-effects-element-type-background), .elementor-2764 .elementor-element.elementor-element-ddf4d9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2764 .elementor-element.elementor-element-456b413{--display:flex;--position:fixed;--min-height:240px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:2%;--padding-left:3%;--padding-right:3%;bottom:0px;--z-index:5;}.elementor-2764 .elementor-element.elementor-element-456b413:not(.elementor-motion-effects-element-type-background), .elementor-2764 .elementor-element.elementor-element-456b413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #30303000 0%, #000000 100%);}.elementor-2764 .elementor-element.elementor-element-456b413.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-2764 .elementor-element.elementor-element-456b413{left:0px;}body.rtl .elementor-2764 .elementor-element.elementor-element-456b413{right:0px;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-2e50a76 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-397978a .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-397978a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-8a9e773 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn{background-color:#02010100;font-size:21px;color:#B3B3B3;fill:#B3B3B3;border-style:none;border-color:#525252;}.elementor-2764 .elementor-element.elementor-element-3cf1431 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn > i, .elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn > i, .rtl .elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-2e50a76 .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-397978a .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-8a9e773 .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}.elementor-2764 .elementor-element.elementor-element-3cf1431 .elementskit-btn{width:0%;padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-2764 .elementor-element.elementor-element-b47f078{--content-width:1790px;}.elementor-2764 .elementor-element.elementor-element-ddf4d9f{--content-width:1790px;}}@media(max-width:767px){.elementor-2764 .elementor-element.elementor-element-f5ccf6c{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2764 .elementor-element.elementor-element-f5ccf6c.e-con{--align-self:center;}.elementor-2764 .elementor-element.elementor-element-c2a4d0d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:30%;--padding-right:30%;}.elementor-2764 .elementor-element.elementor-element-76b9265 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2764 .elementor-element.elementor-element-76b9265 .elementskit-btn{font-size:18px;}.elementor-2764 .elementor-element.elementor-element-e5eeb8c .elementskit-btn{font-size:18px;}.elementor-2764 .elementor-element.elementor-element-98077e3{--min-height:0px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:30%;--padding-right:30%;}.elementor-2764 .elementor-element.elementor-element-745ae3c .elementskit-btn{font-size:18px;}.elementor-2764 .elementor-element.elementor-element-5191238 .elementskit-btn{font-size:18px;}.elementor-2764 .elementor-element.elementor-element-456b413{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2764 .elementor-element.elementor-element-456b413.e-con{--align-self:center;}.elementor-2764 .elementor-element.elementor-element-2e50a76 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for elementskit-button, class: .elementor-element-745ae3c *//* Glass Button with animated outline made only by ::after */
.glass-border-btn-m{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 2px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  height: 40px;
  font-size: 10px !important
 
}

/* فقط خط دور متحرک با ::after */
.glass-border-btn-m::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 5.2s linear infinite;
  opacity: .75;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn-m:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn-m{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-5191238 *//* Glass Button with animated outline made only by ::after */
.glass-border-btn-mtr{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 2px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .1s ease, box-shadow .1s ease, background .1s ease;
  height: 40px;
  font-size: 10px !important
 
}

/* فقط خط دور متحرک با ::after */
.glass-border-btn-mtr::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 4.2s linear infinite;
  opacity: .75;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn-mtr:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn-mtr{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-2e50a76 *//* Glass Button with animated outline made only by ::after */
.glass-border-btn2{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 14px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}


/* فقط خط دور متحرک با ::after */
.glass-border-btn2::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 5.2s linear infinite;
  opacity: .75;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn2:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}


/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn2:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn2{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn2::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-397978a *//* Glass Button with animated outline made only by ::after */
.glass-border-btn{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 14px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

/* فقط خط دور متحرک با ::after */
.glass-border-btn::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 4.2s linear infinite;
  opacity: .95;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-8a9e773 *//* Glass Button with animated outline made only by ::after */
.glass-border-btn{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 14px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

/* فقط خط دور متحرک با ::after */
.glass-border-btn::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 2.2s linear infinite;
  opacity: .95;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-3cf1431 *//* Glass Button with animated outline made only by ::after */
.glass-border-btn{
  position: relative;
  isolation: isolate;              /* برای جلوگیری از تداخل افکت‌ها */
  border-radius: 14px;             /* دلخواه */
  padding: 14px 2px;              /* دلخواه */
  background: rgba(255,255,255,.08);
  border: 1px solid #7070704a;
  color: #fff;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) inset, 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

/* فقط خط دور متحرک با ::after */
.glass-border-btn::after{
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;

  background: conic-gradient(
    from var(--angle),
    rgba(255,0,0,1) 0%,      
    rgba(255,0,0,0.6) 8%,    
    rgba(255,0,0,0) 18%,     
    transparent 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: spin-border 2.2s linear infinite;
  opacity: .95;

  /* glow نرم دور خط */
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.35);
}



/* انیمیشن زاویه گرادیان */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes spin-border{
  to{ --angle: 360deg; }
}

/* افکت هاور (اختیاری) */
.glass-border-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22) inset, 0 10px 24px rgba(0,0,0,.22);
}

/* حالت روی پس‌زمینه روشن (اختیاری) */
.light-bg .glass-border-btn{
  color: #111;
  background: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.8);
}
.light-bg .elementor-button.glass-border-btn::after{
  background: conic-gradient(from var(--angle),
              rgba(0,0,0,.75) 0 12%, transparent 12% 100%);
}/* End custom CSS */