.elementor-24 .elementor-element.elementor-element-542a01a{--display:flex;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--background-transition:0.3s;--margin-top:44px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-dffea5e{--display:flex;--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:flex-start;--align-items:flex-start;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-2d97c88{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:justify;}.elementor-24 .elementor-element.elementor-element-2d97c88.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-2d97c88 .elementor-heading-title{font-family:"Yekanbkh", Sans-serif;font-size:50px;font-weight:700;line-height:72px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-24 .elementor-element.elementor-element-84e2cfb{text-align:justify;font-size:16px;font-weight:500;}.elementor-24 .elementor-element.elementor-element-84e2cfb > *{max-width:384px;}.elementor-24 .elementor-element.elementor-element-56d7e43 .elementor-button{background-color:#157BB3;font-size:18px;border-radius:8px 8px 8px 8px;padding:10px 12px 10px 15px;}.elementor-24 .elementor-element.elementor-element-56d7e43 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-1c97ad2{--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;--background-transition:0.3s;--border-radius:22px 22px 22px 22px;}.elementor-24 .elementor-element.elementor-element-1c97ad2:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-1c97ad2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-1c97ad2, .elementor-24 .elementor-element.elementor-element-1c97ad2::before{--border-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-222f878 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-24 .elementor-element.elementor-element-222f878 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-24 .elementor-element.elementor-element-fd05f70{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:55px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-fd05f70:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-fd05f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF2FB;}.elementor-24 .elementor-element.elementor-element-fd05f70, .elementor-24 .elementor-element.elementor-element-fd05f70::before{--border-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-063bad6{--display:flex;--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:center;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-beb0913 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-118da5f{font-size:30px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-24 .elementor-element.elementor-element-f195855{--display:flex;--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:flex-start;--align-items:flex-start;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-73b5fe1{--display:flex;--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:center;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-2432096 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-b24a16e{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-1b8a460 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-7e476ca{text-align:center;}.elementor-24 .elementor-element.elementor-element-273cd5d{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-538bc5a .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-47ad650{text-align:center;}.elementor-24 .elementor-element.elementor-element-749ea3a{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-97c7e75 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-444abad{text-align:center;}.elementor-24 .elementor-element.elementor-element-15a8d58{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-06b2d8c .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-09690e1{text-align:center;}.elementor-24 .elementor-element.elementor-element-51483ff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-51483ff .elementor-button{border-radius:94px 94px 94px 94px;}.elementor-24 .elementor-element.elementor-element-43eb8e7{--display:flex;--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:flex-start;--align-items:flex-start;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-5215e20{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-5d1ae46 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-39e592c{--display:flex;--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;--align-items:center;--gap:30px 30px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-e8de333{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-6c38c7d .title-subtitle{color:#969696;}.elementor-24 .elementor-element.elementor-element-6c38c7d .title{color:var( --e-global-color-primary );font-size:20px;font-weight:700;}.elementor-24 .elementor-element.elementor-element-8281509 .wd-nav-arrows{--wd-arrow-offset-h:10px;}.elementor-24 .elementor-element.elementor-element-4977195 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-4c015d4{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-03c210f{--display:flex;--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:center;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-a6b3a81{--display:flex;--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:space-between;--align-items:flex-start;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-e3c2a0a > .elementor-widget-container{padding:0px 0px 0px 8px;}.elementor-24 .elementor-element.elementor-element-e3c2a0a.elementor-element{--align-self:flex-start;}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(2px/2);}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(2px/2);}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(2px/2);margin-left:calc(2px/2);}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-2px/2);margin-left:calc(-2px/2);}body.rtl .elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-2px/2);}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-2px/2);}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-24 .elementor-element.elementor-element-e3c2a0a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-icon{padding-left:0px;}.elementor-24 .elementor-element.elementor-element-e3c2a0a .elementor-icon-list-text{transition:color 0.3s;}.elementor-24 .elementor-element.elementor-element-c089d04{--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;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-b139e61 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-b139e61 img{width:70%;height:45%;}.elementor-24 .elementor-element.elementor-element-f20cb31 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-4c8b58c{--display:flex;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-a741dd3.elementor-element{--align-self:stretch;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-542a01a{--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(max-width:767px){.elementor-24 .elementor-element.elementor-element-2d97c88 .elementor-heading-title{font-size:35px;line-height:1.5em;}.elementor-24 .elementor-element.elementor-element-1c97ad2.e-con{--order:-99999 /* order start hack */;}.elementor-24 .elementor-element.elementor-element-39e592c{--padding-top:34px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-542a01a{--content-width:1068px;}.elementor-24 .elementor-element.elementor-element-dffea5e{--width:45%;}.elementor-24 .elementor-element.elementor-element-1c97ad2{--width:47%;}.elementor-24 .elementor-element.elementor-element-73b5fe1{--width:20%;}.elementor-24 .elementor-element.elementor-element-b24a16e{--width:20%;}.elementor-24 .elementor-element.elementor-element-273cd5d{--width:20%;}.elementor-24 .elementor-element.elementor-element-749ea3a{--width:20%;}.elementor-24 .elementor-element.elementor-element-15a8d58{--width:20%;}.elementor-24 .elementor-element.elementor-element-03c210f{--width:90%;}.elementor-24 .elementor-element.elementor-element-a6b3a81{--width:44%;}.elementor-24 .elementor-element.elementor-element-c089d04{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-dffea5e{--width:100%;}.elementor-24 .elementor-element.elementor-element-1c97ad2{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-2d97c88 */#head-cofe-titr{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c97ad2 */.elementor-24 .elementor-element.elementor-element-1c97ad2 {
    position: relative;
    z-index: 1;
}

.elementor-24 .elementor-element.elementor-element-1c97ad2::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 23px;
    width: 100%;
    height: 100%;
    background-color: #d0dcf6;
    border-radius: 20px;
    transform: rotate(-3deg);
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f195855 *//* =====================================================================
   بخش «خدمات آموزشی آکادمی» — کد اختصاصی برای هماهنگی با طرح مکاپ
   محل قرارگیری: تب Advanced > Custom CSS همون سکشن/کانتینر بیرونی
   (کانتینری که eyebrow، تیتر، توضیح و گرید ۵تایی کارت‌ها توش هستن)
   ===================================================================== */

/* eyebrow بالای عنوان (کلاس eyebrow رو خودتون داخل متن گذاشتید) */
.elementor-24 .elementor-element.elementor-element-f195855 .eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  color:#2C4BAE;
  background:rgba(44,75,174,0.08);
  padding:6px 18px;
  border-radius:100px;
  letter-spacing:0.5px;
}

/* تیتر اصلی بخش */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-a05e2cb .elementor-heading-title{
  font-size:34px;
  font-weight:800;
  color:#0B1B3A;
}

/* توضیح زیر تیتر */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-118da5f p{
  font-size:15px;
  color:#5C6B8A;
  line-height:1.9;
}

/* گرید ۵تایی کارت‌ها (کانتینر f195855) */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855{
  gap:20px !important;
}

/* استایل خود هر کارت خدمت */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column{
  background:#FFFFFF;
  border-radius:20px;
  padding:32px 16px 26px;
  box-shadow:0 4px 20px rgba(11,27,58,0.06);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  text-align:center;
}

/* لایه گرادینت که موقع هاور روی کارت میاد */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(160deg, #12275C 0%, #3E63D6 100%);
  opacity:0;
  transition:opacity .35s;
  z-index:0;
  pointer-events:none;
}

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 38px rgba(18,39,92,0.22);
}

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column:hover::before{
  opacity:1;
}

/* باکس آیکن */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 .elementor-icon-wrapper{
  width:56px;
  height:56px;
  margin:0 auto 18px;
  border-radius:16px;
  background:linear-gradient(160deg, #2C4BAE 0%, #3E63D6 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  transition:transform .35s, background .35s;
}

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 .elementor-icon-wrapper svg{
  width:26px;
  height:26px;
  fill:#ffffff !important;
}
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 .elementor-icon-wrapper svg path{
  fill:#ffffff !important;
}

/* موقع هاور، باکس آیکن طلایی و کج میشه، مثل مکاپ */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column:hover .elementor-icon-wrapper{
  background:#E3A93B;
  transform:scale(1.08) rotate(-4deg);
}

/* عنوان هر کارت */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 .elementor-heading-title,
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 .elementor-heading-title h3{
  position:relative;
  z-index:1;
  font-size:16px;
  font-weight:700;
  color:#0B1B3A;
  margin:0;
  transition:color .35s;
}

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column:hover .elementor-heading-title,
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column:hover .elementor-heading-title h3{
  color:#ffffff;
}

/* ریسپانسیو موبایل/تبلت */
@media (max-width: 900px){
  .elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855{
    flex-wrap:wrap;
  }
  .elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column{
    flex:0 0 calc(33.333% - 14px);
  }
}
@media (max-width: 560px){
  .elementor-24 .elementor-element.elementor-element-f195855 .elementor-element-f195855 > .e-con--column{
    flex:0 0 calc(50% - 10px);
  }
}

/* =====================================================================
   دکمه «ثبت‌نام در دوره»
   محل قرارگیری: تب Advanced > Custom CSS خودِ ویجت دکمه (نه کانتینر)
   ===================================================================== */

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg, #2C4BAE 0%, #0B1B3A 100%);
  color:#ffffff;
  font-size:15px;
  font-weight:700;
  padding:16px 38px;
  border-radius:100px;
  border:none;
  box-shadow:0 10px 24px rgba(18,39,92,0.28);
  transition:transform .25s, box-shadow .25s;
}

.elementor-24 .elementor-element.elementor-element-f195855 .elementor-button:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(18,39,92,0.36);
  color:#ffffff;
}

/* اگه از تنظیمات ویجت آیکن هم اضافه کردی (مثل فلش سمت راست) */
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-button .elementor-button-icon svg{
  width:16px;
  height:16px;
  fill:#ffffff;
}
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-button .elementor-button-icon svg path{
  fill:#ffffff;
}
.elementor-24 .elementor-element.elementor-element-f195855 .elementor-button .elementor-button-content-wrapper{
  gap:10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-063bad6 *//* =====================================================================
   بخش «خدمات آموزشی آکادمی» — نسخه گلوبال و مقاوم (فرانت = ادیتور)
   محل قرارگیری: پیشخوان > نمایش > سفارشی‌سازی > CSS اضافی
   (به‌صورت گلوبال؛ بدون کلمه .elementor-24 .elementor-element.elementor-element-063bad6)
   ---------------------------------------------------------------------
   ⚠️ نکته کلیدی:
   کلاس «e-con--column» فقط داخل ادیتور روی کانتینرها هست و روی فرانت‌اند
   حذف می‌شود؛ به همین دلیل سلکتور «> .e-con--column» بعد از انتشار
   بک‌گراند سفید کارت‌ها را اعمال نمی‌کرد. اینجا کارت‌ها را با ID دقیق
   هر کارت و «> .e-con» هدف گرفته‌ایم تا همیشه کار کند.

   IDها (در صورت تغییر روی سایت جایگزین کن):
     eyebrow(متن): beb0913 | تیتر: a05e2cb | زیرمتن: 118da5f
     گرید: f195855
     کارت‌ها: 73b5fe1, b24a16e, 273cd5d, 749ea3a, 15a8d58
   ===================================================================== */

/* eyebrow بالای عنوان */
html body .elementor-element-beb0913 .eyebrow{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#2C4BAE !important;
  background:rgba(44,75,174,0.08) !important;
  padding:6px 18px !important;
  border-radius:100px !important;
  letter-spacing:0.5px !important;
}

/* تیتر اصلی بخش */
html body .elementor-element-a05e2cb .elementor-widget-container h2,
html body .elementor-element-a05e2cb .elementor-heading-title{
  font-size:34px !important;
  font-weight:800 !important;
  color:#0B1B3A !important;
}

/* توضیح زیر تیتر */
html body .elementor-element-118da5f .elementor-widget-container,
html body .elementor-element-118da5f p{
  font-size:15px !important;
  color:#5C6B8A !important;
  line-height:1.9 !important;
}

/* گرید ۵تایی کارت‌ها */
html body .elementor-element-f195855{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:20px !important;
}

/* ---------------------------------------------------------------------
   استایل خودِ هر کارت خدمت
   (هم با ID دقیق کارت، هم با > .e-con — مقاوم به حذف کلاس e-con--column)
   --------------------------------------------------------------------- */
html body .elementor-element-f195855 > .e-con,
html body .elementor-element-73b5fe1,
html body .elementor-element-b24a16e,
html body .elementor-element-273cd5d,
html body .elementor-element-749ea3a,
html body .elementor-element-15a8d58{
  flex:1 1 0 !important;
  min-width:0 !important;
  background:#FFFFFF !important;
  border-radius:20px !important;
  padding:32px 16px 16px !important;
  box-shadow:0 4px 20px rgba(11,27,58,0.06) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s !important;
  cursor:pointer !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
}

/* لایه گرادینت هاور */
html body .elementor-element-f195855 > .e-con::before,
html body .elementor-element-73b5fe1::before,
html body .elementor-element-b24a16e::before,
html body .elementor-element-273cd5d::before,
html body .elementor-element-749ea3a::before,
html body .elementor-element-15a8d58::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(160deg, #12275C 0%, #3E63D6 100%) !important;
  opacity:0 !important;
  transition:opacity .35s !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body .elementor-element-f195855 > .e-con:hover,
html body .elementor-element-73b5fe1:hover,
html body .elementor-element-b24a16e:hover,
html body .elementor-element-273cd5d:hover,
html body .elementor-element-749ea3a:hover,
html body .elementor-element-15a8d58:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 18px 38px rgba(18,39,92,0.22) !important;
}

html body .elementor-element-f195855 > .e-con:hover::before,
html body .elementor-element-73b5fe1:hover::before,
html body .elementor-element-b24a16e:hover::before,
html body .elementor-element-273cd5d:hover::before,
html body .elementor-element-749ea3a:hover::before,
html body .elementor-element-15a8d58:hover::before{
  opacity:1 !important;
}

/* باکس آیکن */
html body .elementor-element-f195855 .elementor-icon-wrapper{
  width:56px !important;
  height:56px !important;
  margin:0 auto 14px !important;
  border-radius:16px !important;
  background:linear-gradient(160deg, #2C4BAE 0%, #3E63D6 100%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:1 !important;
  transition:transform .35s, background .35s !important;
}
html body .elementor-element-f195855 .elementor-icon-wrapper svg,
html body .elementor-element-f195855 .elementor-icon-wrapper svg path{
  width:26px !important;
  height:26px !important;
  fill:#ffffff !important;
}

/* هاور: باکس آیکن طلایی و کج */
html body .elementor-element-f195855 > .e-con:hover .elementor-icon-wrapper,
html body .elementor-element-73b5fe1:hover .elementor-icon-wrapper,
html body .elementor-element-b24a16e:hover .elementor-icon-wrapper,
html body .elementor-element-273cd5d:hover .elementor-icon-wrapper,
html body .elementor-element-749ea3a:hover .elementor-icon-wrapper,
html body .elementor-element-15a8d58:hover .elementor-icon-wrapper{
  background:#E3A93B !important;
  transform:scale(1.08) rotate(-4deg) !important;
}

/* عنوان هر کارت */
html body .elementor-element-f195855 .elementor-heading-title,
html body .elementor-element-f195855 .elementor-heading-title h3,
html body .elementor-element-f195855 .elementor-widget-heading h3{
  position:relative !important;
  z-index:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#0B1B3A !important;
  margin:0 !important;
  transition:color .35s !important;
}

/* هاور: عنوان کارت سفید */
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title,
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title h3,
html body .elementor-element-73b5fe1:hover .elementor-heading-title,
html body .elementor-element-73b5fe1:hover h3,
html body .elementor-element-b24a16e:hover .elementor-heading-title,
html body .elementor-element-b24a16e:hover h3,
html body .elementor-element-273cd5d:hover .elementor-heading-title,
html body .elementor-element-273cd5d:hover h3,
html body .elementor-element-749ea3a:hover .elementor-heading-title,
html body .elementor-element-749ea3a:hover h3,
html body .elementor-element-15a8d58:hover .elementor-heading-title,
html body .elementor-element-15a8d58:hover h3{
  color:#ffffff !important;
}

/* ریسپانسیو موبایل/تبلت */
@media (max-width: 900px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(33.333% - 14px) !important;
  }
}
@media (max-width: 560px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-51483ff *//* eyebrow بالای عنوان */
html body .elementor-element-beb0913 .eyebrow{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#2C4BAE !important;
  background:rgba(44,75,174,0.08) !important;
  padding:6px 18px !important;
  border-radius:100px !important;
  letter-spacing:0.5px !important;
}

/* تیتر اصلی بخش */
html body .elementor-element-a05e2cb .elementor-widget-container h2,
html body .elementor-element-a05e2cb .elementor-heading-title{
  font-size:34px !important;
  font-weight:800 !important;
  color:#0B1B3A !important;
}

/* توضیح زیر تیتر */
html body .elementor-element-118da5f .elementor-widget-container,
html body .elementor-element-118da5f p{
  font-size:15px !important;
  color:#5C6B8A !important;
  line-height:1.9 !important;
}

/* گرید ۵تایی کارت‌ها */
html body .elementor-element-f195855{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:20px !important;
}

/* ---------------------------------------------------------------------
   استایل خودِ هر کارت خدمت
   (هم با ID دقیق کارت، هم با > .e-con — مقاوم به حذف کلاس e-con--column)
   --------------------------------------------------------------------- */
html body .elementor-element-f195855 > .e-con,
html body .elementor-element-73b5fe1,
html body .elementor-element-b24a16e,
html body .elementor-element-273cd5d,
html body .elementor-element-749ea3a,
html body .elementor-element-15a8d58{
  flex:1 1 0 !important;
  min-width:0 !important;
  background:#FFFFFF !important;
  border-radius:20px !important;
  padding:32px 16px 16px !important;
  box-shadow:0 4px 20px rgba(11,27,58,0.06) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s !important;
  cursor:pointer !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
}

/* لایه گرادینت هاور */
html body .elementor-element-f195855 > .e-con::before,
html body .elementor-element-73b5fe1::before,
html body .elementor-element-b24a16e::before,
html body .elementor-element-273cd5d::before,
html body .elementor-element-749ea3a::before,
html body .elementor-element-15a8d58::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(160deg, #12275C 0%, #3E63D6 100%) !important;
  opacity:0 !important;
  transition:opacity .35s !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body .elementor-element-f195855 > .e-con:hover,
html body .elementor-element-73b5fe1:hover,
html body .elementor-element-b24a16e:hover,
html body .elementor-element-273cd5d:hover,
html body .elementor-element-749ea3a:hover,
html body .elementor-element-15a8d58:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 18px 38px rgba(18,39,92,0.22) !important;
}

html body .elementor-element-f195855 > .e-con:hover::before,
html body .elementor-element-73b5fe1:hover::before,
html body .elementor-element-b24a16e:hover::before,
html body .elementor-element-273cd5d:hover::before,
html body .elementor-element-749ea3a:hover::before,
html body .elementor-element-15a8d58:hover::before{
  opacity:1 !important;
}

/* باکس آیکن */
html body .elementor-element-f195855 .elementor-icon-wrapper{
  width:56px !important;
  height:56px !important;
  margin:0 auto 14px !important;
  border-radius:16px !important;
  background:linear-gradient(160deg, #2C4BAE 0%, #3E63D6 100%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:1 !important;
  transition:transform .35s, background .35s !important;
}
html body .elementor-element-f195855 .elementor-icon-wrapper svg,
html body .elementor-element-f195855 .elementor-icon-wrapper svg path{
  width:26px !important;
  height:26px !important;
  fill:#ffffff !important;
}

/* هاور: باکس آیکن طلایی و کج */
html body .elementor-element-f195855 > .e-con:hover .elementor-icon-wrapper,
html body .elementor-element-73b5fe1:hover .elementor-icon-wrapper,
html body .elementor-element-b24a16e:hover .elementor-icon-wrapper,
html body .elementor-element-273cd5d:hover .elementor-icon-wrapper,
html body .elementor-element-749ea3a:hover .elementor-icon-wrapper,
html body .elementor-element-15a8d58:hover .elementor-icon-wrapper{
  background:#E3A93B !important;
  transform:scale(1.08) rotate(-4deg) !important;
}

/* عنوان هر کارت */
html body .elementor-element-f195855 .elementor-heading-title,
html body .elementor-element-f195855 .elementor-heading-title h3,
html body .elementor-element-f195855 .elementor-widget-heading h3{
  position:relative !important;
  z-index:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#0B1B3A !important;
  margin:0 !important;
  transition:color .35s !important;
}

/* هاور: عنوان کارت سفید */
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title,
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title h3,
html body .elementor-element-73b5fe1:hover .elementor-heading-title,
html body .elementor-element-73b5fe1:hover h3,
html body .elementor-element-b24a16e:hover .elementor-heading-title,
html body .elementor-element-b24a16e:hover h3,
html body .elementor-element-273cd5d:hover .elementor-heading-title,
html body .elementor-element-273cd5d:hover h3,
html body .elementor-element-749ea3a:hover .elementor-heading-title,
html body .elementor-element-749ea3a:hover h3,
html body .elementor-element-15a8d58:hover .elementor-heading-title,
html body .elementor-element-15a8d58:hover h3{
  color:#ffffff !important;
}

/* ریسپانسیو موبایل/تبلت */
@media (max-width: 900px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(33.333% - 14px) !important;
  }
}
@media (max-width: 560px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(50% - 10px) !important;
  }
}


/* ############ سکشن دوره‌های در حال برگزاری ############ */
:root{
  --kha-navy-deep:#0B1B3A;
  --kha-navy:#12275C;
  --kha-royal:#2C4BAE;
  --kha-royal-light:#3E63D6;
  --kha-gold:#E3A93B;
  --kha-ink-soft:#5C6B8A;
}

/* ============ تیتر سکشن ============ */
html body .elementor-element-f65c224 .elementor-heading-title,
html body .elementor-element-f65c224 h2{
  font-size:28px !important;
  font-weight:800 !important;
  color:var(--kha-navy-deep) !important;
  margin-bottom:6px !important;
  line-height:1.5 !important;
}

/* ============ زیرمتن سکشن ============ */
html body .elementor-element-85dd7a8 .elementor-text-editor,
html body .elementor-element-85dd7a8 p{
  font-size:14px !important;
  color:var(--kha-ink-soft) !important;
  margin:0 0 24px !important;
  line-height:1.9 !important;
}

/* ============ گرید محصولات — ۴ ستونه (حالت قبلی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

/* ============ حذف کامل هر نوع افکت هاور ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::before,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::after{
  transition:none !important;
  animation:none !important;
}
/* تصویر هیچ‌وقت محو/جابه‌جا نشود (منشأ بک‌گراند سفید هاور) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
/* هر پنل/تصویر دومِ هاور وودمارت پنهان شود */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-buy-area,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-quick-shop-buttons,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask{
  display:none !important;
}

/* ============ کارت دوره (پس‌زمینه سرمه‌ای) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
  transition:none !important;
}
/* حذف کامل افکت هاور کارت + جلوگیری از بک‌گراند سفید */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-wrapper,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product.product-hover:hover .product-wrapper{
  transform:none !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
}

/* --- تصویر بالای کارت --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{
  position:relative !important;
  height:200px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > a{
  display:block !important; width:100% !important; height:100% !important; margin:0 !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img{
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; border-radius:0 !important;
  transition:none !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  transform:none !important;
}
/* حذف تصویر دوم / ماسک سفید هاور وودمارت */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-wrap{
  display:none !important;
}

/* ============ بَج «در حال برگزاری» (بالا-چپ روی تصویر) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper::after{
  content:"● در حال برگزاری" !important;
  position:absolute !important;
  top:16px !important; left:16px !important;
  z-index:6 !important;
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  font-size:12px !important; font-weight:700 !important;
  padding:6px 14px !important; border-radius:100px !important;
  line-height:1 !important;
  box-shadow:0 4px 12px rgba(227,169,59,0.35) !important;
}

/* --- فقط المان‌های اضافی روی تصویر پنهان شوند (تیک سبز/سواچ) --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > *:not(.product-image-link):not(a),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link > *:not(img),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top .product-labels,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-swatches-on-grid,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-attributes{
  display:none !important;
}

/* ============ ناحیه متنی/اطلاعات پایین کارت ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-bottom{
  position:static !important;
  display:flex !important;
  flex-direction:column !important;
  padding:16px 20px 20px !important;
  margin:0 !important;
  background:transparent !important;
  text-align:start !important;
  color:#fff !important;
}
/* ترتیب: دسته‌بندی -> عنوان -> قیمت/فروش -> دکمه‌ها */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats{ order:1 !important; margin:0 0 6px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-header{ order:2 !important; margin:0 0 12px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex{ order:3 !important; margin:0 0 14px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-footer{ order:4 !important; margin:0 !important; display:flex !important; flex-direction:column !important; gap:10px !important; opacity:1 !important; visibility:visible !important; transform:none !important; }

/* دسته‌بندی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats a{
  font-size:12px !important; font-weight:600 !important; color:#BFD0FF !important; text-decoration:none !important;
}
/* عنوان دوره */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title{ margin:0 !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{
  font-size:18px !important; font-weight:700 !important; line-height:1.6 !important; color:#fff !important; text-decoration:none !important;
}

/* ============ قیمت + تخفیف ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price{ display:flex !important; flex-direction:column !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price bdi,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins .amount{
  color:#fff !important; font-weight:700 !important; text-decoration:none !important; font-size:15px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del .amount,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del bdi{
  color:#9fb0d6 !important; font-weight:400 !important; font-size:12px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .woocommerce-Price-currencySymbol{ color:#D7E0FF !important; }

/* بَج درصد تخفیف (onsale) — طلایی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price .product-labels .onsale,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex .onsale{
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  border-radius:100px !important;
  font-weight:700 !important;
  padding:3px 9px !important;
}

/* تعداد فروش/ثبت‌نام (نفر) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale{
  display:flex !important; align-items:center !important; gap:5px !important;
  color:#D7E0FF !important; font-size:12px !important; font-weight:500 !important;
  background:none !important; padding:0 !important; margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg{ width:16px !important; height:16px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg path{ stroke:#D7E0FF !important; }

/* ============ دکمه ثبت‌نام (تمام‌عرض طلایی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn{ width:100% !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .added_to_cart{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important;
  background:var(--kha-gold) !important; color:var(--kha-navy-deep) !important;
  font-size:14px !important; font-weight:700 !important;
  padding:11px 18px !important; border-radius:12px !important; border:0 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
  transition:none !important;
}
/* بدون تغییر هاور روی دکمه */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a:hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button:hover{
  transform:none !important; background:var(--kha-gold) !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
}

/* ============ دکمه‌های علاقه‌مندی و مشاهده سریع ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-buttons{
  display:flex !important; align-items:center !important; gap:8px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn{
  margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a::before{
  color:#D7E0FF !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a{
  background:rgba(255,255,255,0.10) !important;
  border-radius:8px !important;
}

/* ============ ریسپانسیو ============ */
@media (max-width:1024px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:repeat(2,1fr) !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:210px !important; }
}
@media (max-width:600px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:1fr !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:220px !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{ font-size:17px !important; }
}


/* ############ دکمه CTA «ثبت‌نام در دوره» ############
   با آدرس لینک (/shop/) هدف‌گیری شده تا بقیه دکمه‌های سایت تغییر نکنند.
   اگر لینک دکمه فرق دارد، در سلکتورها بخش href را عوض کن،
   یا به‌جای آن از ID ویجت دکمه استفاده کن:
   html body .elementor-element-XXXXXX a.elementor-button{ ... } */
html body a.elementor-button[href*="/shop"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#2C4BAE 0%,#0B1B3A 100%) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:16px 38px !important;
  border-radius:100px !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(18,39,92,0.28) !important;
  transition:transform .25s, box-shadow .25s !important;
  border-radius: 10px!important;
}
html body a.elementor-button[href*="/shop"]:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(18,39,92,0.36) !important;
  color:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-content-wrapper{
  gap:10px !important;
  align-items:center !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-text{ color:#ffffff !important; }
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg{
  width:16px !important; height:16px !important; fill:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg path{ fill:#ffffff !important; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d1ae46 *//* ============================================================
   کافه‌ایندید — استایل کامل صفحه اصلی (سکشن خدمات + سکشن دوره‌ها)
   ============================================================
   ✅ کل این فایل را یکجا اینجا بگذار:
      پیشخوان > نمایش > سفارشی‌سازی > CSS اضافی
      (همان‌جایی که کد سکشن خدمات کار کرد)
   ✅ نیازی به افزودن هیچ کلاسی در المنتور نیست؛ با ID واقعی کار می‌کند.
   ✅ بعد از ذخیره: Elementor > Tools > Regenerate Files و کش را پاک کن،
      سپس با پنجره ناشناس رفرش کن.

   IDها (اگر روی سایت فرق داشت جایگزین کن):
     دوره‌ها → تیتر f65c224 | زیرمتن 85dd7a8 | محصولات 77d603b
     خدمات  → گرید f195855 | کارت‌ها 73b5fe1,b24a16e,273cd5d,749ea3a,15a8d58
   ============================================================ */


/* ############ سکشن خدمات آموزشی ############ */
/* =====================================================================
   بخش «خدمات آموزشی آکادمی» — نسخه گلوبال و مقاوم (فرانت = ادیتور)
   محل قرارگیری: پیشخوان > نمایش > سفارشی‌سازی > CSS اضافی
   (به‌صورت گلوبال؛ بدون کلمه .elementor-24 .elementor-element.elementor-element-5d1ae46)
   ---------------------------------------------------------------------
   ⚠️ نکته کلیدی:
   کلاس «e-con--column» فقط داخل ادیتور روی کانتینرها هست و روی فرانت‌اند
   حذف می‌شود؛ به همین دلیل سلکتور «> .e-con--column» بعد از انتشار
   بک‌گراند سفید کارت‌ها را اعمال نمی‌کرد. اینجا کارت‌ها را با ID دقیق
   هر کارت و «> .e-con» هدف گرفته‌ایم تا همیشه کار کند.

   IDها (در صورت تغییر روی سایت جایگزین کن):
     eyebrow(متن): beb0913 | تیتر: a05e2cb | زیرمتن: 118da5f
     گرید: f195855
     کارت‌ها: 73b5fe1, b24a16e, 273cd5d, 749ea3a, 15a8d58
   ===================================================================== */

/* eyebrow بالای عنوان */
html body .elementor-element-beb0913 .eyebrow{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#2C4BAE !important;
  background:rgba(44,75,174,0.08) !important;
  padding:6px 18px !important;
  border-radius:100px !important;
  letter-spacing:0.5px !important;
}

/* تیتر اصلی بخش */
html body .elementor-element-a05e2cb .elementor-widget-container h2,
html body .elementor-element-a05e2cb .elementor-heading-title{
  font-size:34px !important;
  font-weight:800 !important;
  color:#0B1B3A !important;
}

/* توضیح زیر تیتر */
html body .elementor-element-118da5f .elementor-widget-container,
html body .elementor-element-118da5f p{
  font-size:15px !important;
  color:#5C6B8A !important;
  line-height:1.9 !important;
}

/* گرید ۵تایی کارت‌ها */
html body .elementor-element-f195855{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:20px !important;
}

/* ---------------------------------------------------------------------
   استایل خودِ هر کارت خدمت
   (هم با ID دقیق کارت، هم با > .e-con — مقاوم به حذف کلاس e-con--column)
   --------------------------------------------------------------------- */
html body .elementor-element-f195855 > .e-con,
html body .elementor-element-73b5fe1,
html body .elementor-element-b24a16e,
html body .elementor-element-273cd5d,
html body .elementor-element-749ea3a,
html body .elementor-element-15a8d58{
  flex:1 1 0 !important;
  min-width:0 !important;
  background:#FFFFFF !important;
  border-radius:20px !important;
  padding:32px 16px 16px !important;
  box-shadow:0 4px 20px rgba(11,27,58,0.06) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s !important;
  cursor:pointer !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
}

/* لایه گرادینت هاور */
html body .elementor-element-f195855 > .e-con::before,
html body .elementor-element-73b5fe1::before,
html body .elementor-element-b24a16e::before,
html body .elementor-element-273cd5d::before,
html body .elementor-element-749ea3a::before,
html body .elementor-element-15a8d58::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(160deg, #12275C 0%, #3E63D6 100%) !important;
  opacity:0 !important;
  transition:opacity .35s !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body .elementor-element-f195855 > .e-con:hover,
html body .elementor-element-73b5fe1:hover,
html body .elementor-element-b24a16e:hover,
html body .elementor-element-273cd5d:hover,
html body .elementor-element-749ea3a:hover,
html body .elementor-element-15a8d58:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 18px 38px rgba(18,39,92,0.22) !important;
}

html body .elementor-element-f195855 > .e-con:hover::before,
html body .elementor-element-73b5fe1:hover::before,
html body .elementor-element-b24a16e:hover::before,
html body .elementor-element-273cd5d:hover::before,
html body .elementor-element-749ea3a:hover::before,
html body .elementor-element-15a8d58:hover::before{
  opacity:1 !important;
}

/* باکس آیکن */
html body .elementor-element-f195855 .elementor-icon-wrapper{
  width:56px !important;
  height:56px !important;
  margin:0 auto 14px !important;
  border-radius:16px !important;
  background:linear-gradient(160deg, #2C4BAE 0%, #3E63D6 100%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:1 !important;
  transition:transform .35s, background .35s !important;
}
html body .elementor-element-f195855 .elementor-icon-wrapper svg,
html body .elementor-element-f195855 .elementor-icon-wrapper svg path{
  width:26px !important;
  height:26px !important;
  fill:#ffffff !important;
}

/* هاور: باکس آیکن طلایی و کج */
html body .elementor-element-f195855 > .e-con:hover .elementor-icon-wrapper,
html body .elementor-element-73b5fe1:hover .elementor-icon-wrapper,
html body .elementor-element-b24a16e:hover .elementor-icon-wrapper,
html body .elementor-element-273cd5d:hover .elementor-icon-wrapper,
html body .elementor-element-749ea3a:hover .elementor-icon-wrapper,
html body .elementor-element-15a8d58:hover .elementor-icon-wrapper{
  background:#E3A93B !important;
  transform:scale(1.08) rotate(-4deg) !important;
}

/* عنوان هر کارت */
html body .elementor-element-f195855 .elementor-heading-title,
html body .elementor-element-f195855 .elementor-heading-title h3,
html body .elementor-element-f195855 .elementor-widget-heading h3{
  position:relative !important;
  z-index:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#0B1B3A !important;
  margin:0 !important;
  transition:color .35s !important;
}

/* هاور: عنوان کارت سفید */
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title,
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title h3,
html body .elementor-element-73b5fe1:hover .elementor-heading-title,
html body .elementor-element-73b5fe1:hover h3,
html body .elementor-element-b24a16e:hover .elementor-heading-title,
html body .elementor-element-b24a16e:hover h3,
html body .elementor-element-273cd5d:hover .elementor-heading-title,
html body .elementor-element-273cd5d:hover h3,
html body .elementor-element-749ea3a:hover .elementor-heading-title,
html body .elementor-element-749ea3a:hover h3,
html body .elementor-element-15a8d58:hover .elementor-heading-title,
html body .elementor-element-15a8d58:hover h3{
  color:#ffffff !important;
}

/* ریسپانسیو موبایل/تبلت */
@media (max-width: 900px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(33.333% - 14px) !important;
  }
}
@media (max-width: 560px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(50% - 10px) !important;
  }
}


/* ############ سکشن دوره‌های در حال برگزاری ############ */
:root{
  --kha-navy-deep:#0B1B3A;
  --kha-navy:#12275C;
  --kha-royal:#2C4BAE;
  --kha-royal-light:#3E63D6;
  --kha-gold:#E3A93B;
  --kha-ink-soft:#5C6B8A;
}

/* ============ تیتر سکشن ============ */
html body .elementor-element-f65c224 .elementor-heading-title,
html body .elementor-element-f65c224 h2{
  font-size:28px !important;
  font-weight:800 !important;
  color:var(--kha-navy-deep) !important;
  margin-bottom:6px !important;
  line-height:1.5 !important;
}

/* ============ زیرمتن سکشن ============ */
html body .elementor-element-85dd7a8 .elementor-text-editor,
html body .elementor-element-85dd7a8 p{
  font-size:14px !important;
  color:var(--kha-ink-soft) !important;
  margin:0 0 24px !important;
  line-height:1.9 !important;
}

/* ============ گرید محصولات — ۴ ستونه (حالت قبلی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

/* ============ حذف کامل هر نوع افکت هاور ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::before,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::after{
  transition:none !important;
  animation:none !important;
}
/* تصویر هیچ‌وقت محو/جابه‌جا نشود (منشأ بک‌گراند سفید هاور) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
/* هر پنل/تصویر دومِ هاور وودمارت پنهان شود */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-buy-area,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-quick-shop-buttons,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask{
  display:none !important;
}

/* ============ کارت دوره (پس‌زمینه سرمه‌ای) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
  transition:none !important;
}
/* حذف کامل افکت هاور کارت + جلوگیری از بک‌گراند سفید */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-wrapper,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product.product-hover:hover .product-wrapper{
  transform:none !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
}

/* --- تصویر بالای کارت --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{
  position:relative !important;
  height:200px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > a{
  display:block !important; width:100% !important; height:100% !important; margin:0 !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img{
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; border-radius:0 !important;
  transition:none !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  transform:none !important;
}
/* حذف تصویر دوم / ماسک سفید هاور وودمارت */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-wrap{
  display:none !important;
}

/* ============ بَج «در حال برگزاری» (بالا-چپ روی تصویر) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper::after{
  content:"● در حال برگزاری" !important;
  position:absolute !important;
  top:16px !important; left:16px !important;
  z-index:6 !important;
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  font-size:12px !important; font-weight:700 !important;
  padding:6px 14px !important; border-radius:100px !important;
  line-height:1 !important;
  box-shadow:0 4px 12px rgba(227,169,59,0.35) !important;
}

/* --- فقط المان‌های اضافی روی تصویر پنهان شوند (تیک سبز/سواچ) --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > *:not(.product-image-link):not(a),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link > *:not(img),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top .product-labels,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-swatches-on-grid,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-attributes{
  display:none !important;
}

/* ============ ناحیه متنی/اطلاعات پایین کارت ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-bottom{
  position:static !important;
  display:flex !important;
  flex-direction:column !important;
  padding:16px 20px 20px !important;
  margin:0 !important;
  background:transparent !important;
  text-align:start !important;
  color:#fff !important;
}
/* ترتیب: دسته‌بندی -> عنوان -> قیمت/فروش -> دکمه‌ها */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats{ order:1 !important; margin:0 0 6px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-header{ order:2 !important; margin:0 0 12px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex{ order:3 !important; margin:0 0 14px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-footer{ order:4 !important; margin:0 !important; display:flex !important; flex-direction:column !important; gap:10px !important; opacity:1 !important; visibility:visible !important; transform:none !important; }

/* دسته‌بندی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats a{
  font-size:12px !important; font-weight:600 !important; color:#BFD0FF !important; text-decoration:none !important;
}
/* عنوان دوره */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title{ margin:0 !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{
  font-size:18px !important; font-weight:700 !important; line-height:1.6 !important; color:#fff !important; text-decoration:none !important;
}

/* ============ قیمت + تخفیف ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price{ display:flex !important; flex-direction:column !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price bdi,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins .amount{
  color:#fff !important; font-weight:700 !important; text-decoration:none !important; font-size:15px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del .amount,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del bdi{
  color:#9fb0d6 !important; font-weight:400 !important; font-size:12px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .woocommerce-Price-currencySymbol{ color:#D7E0FF !important; }

/* بَج درصد تخفیف (onsale) — طلایی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price .product-labels .onsale,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex .onsale{
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  border-radius:100px !important;
  font-weight:700 !important;
  padding:3px 9px !important;
}

/* تعداد فروش/ثبت‌نام (نفر) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale{
  display:flex !important; align-items:center !important; gap:5px !important;
  color:#D7E0FF !important; font-size:12px !important; font-weight:500 !important;
  background:none !important; padding:0 !important; margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg{ width:16px !important; height:16px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg path{ stroke:#D7E0FF !important; }

/* ============ دکمه ثبت‌نام (تمام‌عرض طلایی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn{ width:100% !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .added_to_cart{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important;
  background:var(--kha-gold) !important; color:var(--kha-navy-deep) !important;
  font-size:14px !important; font-weight:700 !important;
  padding:11px 18px !important; border-radius:12px !important; border:0 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
  transition:none !important;
}
/* بدون تغییر هاور روی دکمه */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a:hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button:hover{
  transform:none !important; background:var(--kha-gold) !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
}

/* ============ دکمه‌های علاقه‌مندی و مشاهده سریع ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-buttons{
  display:flex !important; align-items:center !important; gap:8px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn{
  margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a::before{
  color:#D7E0FF !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a{
  background:rgba(255,255,255,0.10) !important;
  border-radius:8px !important;
}

/* ============ ریسپانسیو ============ */
@media (max-width:1024px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:repeat(2,1fr) !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:210px !important; }
}
@media (max-width:600px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:1fr !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:220px !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{ font-size:17px !important; }
}


/* ############ دکمه CTA «ثبت‌نام در دوره» ############
   با آدرس لینک (/shop/) هدف‌گیری شده تا بقیه دکمه‌های سایت تغییر نکنند.
   اگر لینک دکمه فرق دارد، در سلکتورها بخش href را عوض کن،
   یا به‌جای آن از ID ویجت دکمه استفاده کن:
   html body .elementor-element-XXXXXX a.elementor-button{ ... } */
html body a.elementor-button[href*="/shop"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#2C4BAE 0%,#0B1B3A 100%) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:16px 38px !important;
  border-radius:100px !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(18,39,92,0.28) !important;
  transition:transform .25s, box-shadow .25s !important;
}
html body a.elementor-button[href*="/shop"]:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(18,39,92,0.36) !important;
  color:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-content-wrapper{
  gap:10px !important;
  align-items:center !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-text{ color:#ffffff !important; }
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg{
  width:16px !important; height:16px !important; fill:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg path{ fill:#ffffff !important; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b139e61 */#post-24 > div > div.wd-negative-gap.elementor-element.elementor-element-e8de333.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-03c210f.e-con-full.ci-links-card.e-flex.e-con.e-child > div.elementor-element.elementor-element-c089d04.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-b139e61.elementor-widget.elementor-widget-image > div > img{
    margin: : 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f20cb31 *//* ============================================================
   کافه‌ایندید — استایل کامل صفحه اصلی (سکشن خدمات + سکشن دوره‌ها)
   ============================================================
   ✅ کل این فایل را یکجا اینجا بگذار:
      پیشخوان > نمایش > سفارشی‌سازی > CSS اضافی
      (همان‌جایی که کد سکشن خدمات کار کرد)
   ✅ نیازی به افزودن هیچ کلاسی در المنتور نیست؛ با ID واقعی کار می‌کند.
   ✅ بعد از ذخیره: Elementor > Tools > Regenerate Files و کش را پاک کن،
      سپس با پنجره ناشناس رفرش کن.

   IDها (اگر روی سایت فرق داشت جایگزین کن):
     دوره‌ها → تیتر f65c224 | زیرمتن 85dd7a8 | محصولات 77d603b
     خدمات  → گرید f195855 | کارت‌ها 73b5fe1,b24a16e,273cd5d,749ea3a,15a8d58
   ============================================================ */


/* ############ سکشن خدمات آموزشی ############ */
/* =====================================================================
   بخش «خدمات آموزشی آکادمی» — نسخه گلوبال و مقاوم (فرانت = ادیتور)
   محل قرارگیری: پیشخوان > نمایش > سفارشی‌سازی > CSS اضافی
   (به‌صورت گلوبال؛ بدون کلمه .elementor-24 .elementor-element.elementor-element-f20cb31)
   ---------------------------------------------------------------------
   ⚠️ نکته کلیدی:
   کلاس «e-con--column» فقط داخل ادیتور روی کانتینرها هست و روی فرانت‌اند
   حذف می‌شود؛ به همین دلیل سلکتور «> .e-con--column» بعد از انتشار
   بک‌گراند سفید کارت‌ها را اعمال نمی‌کرد. اینجا کارت‌ها را با ID دقیق
   هر کارت و «> .e-con» هدف گرفته‌ایم تا همیشه کار کند.

   IDها (در صورت تغییر روی سایت جایگزین کن):
     eyebrow(متن): beb0913 | تیتر: a05e2cb | زیرمتن: 118da5f
     گرید: f195855
     کارت‌ها: 73b5fe1, b24a16e, 273cd5d, 749ea3a, 15a8d58
   ===================================================================== */

/* eyebrow بالای عنوان */
html body .elementor-element-beb0913 .eyebrow{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#2C4BAE !important;
  background:rgba(44,75,174,0.08) !important;
  padding:6px 18px !important;
  border-radius:100px !important;
  letter-spacing:0.5px !important;
}

/* تیتر اصلی بخش */
html body .elementor-element-a05e2cb .elementor-widget-container h2,
html body .elementor-element-a05e2cb .elementor-heading-title{
  font-size:34px !important;
  font-weight:800 !important;
  color:#0B1B3A !important;
}

/* توضیح زیر تیتر */
html body .elementor-element-118da5f .elementor-widget-container,
html body .elementor-element-118da5f p{
  font-size:15px !important;
  color:#5C6B8A !important;
  line-height:1.9 !important;
}

/* گرید ۵تایی کارت‌ها */
html body .elementor-element-f195855{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:20px !important;
}

/* ---------------------------------------------------------------------
   استایل خودِ هر کارت خدمت
   (هم با ID دقیق کارت، هم با > .e-con — مقاوم به حذف کلاس e-con--column)
   --------------------------------------------------------------------- */
html body .elementor-element-f195855 > .e-con,
html body .elementor-element-73b5fe1,
html body .elementor-element-b24a16e,
html body .elementor-element-273cd5d,
html body .elementor-element-749ea3a,
html body .elementor-element-15a8d58{
  flex:1 1 0 !important;
  min-width:0 !important;
  background:#FFFFFF !important;
  border-radius:20px !important;
  padding:32px 16px 16px !important;
  box-shadow:0 4px 20px rgba(11,27,58,0.06) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s !important;
  cursor:pointer !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
}

/* لایه گرادینت هاور */
html body .elementor-element-f195855 > .e-con::before,
html body .elementor-element-73b5fe1::before,
html body .elementor-element-b24a16e::before,
html body .elementor-element-273cd5d::before,
html body .elementor-element-749ea3a::before,
html body .elementor-element-15a8d58::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(160deg, #12275C 0%, #3E63D6 100%) !important;
  opacity:0 !important;
  transition:opacity .35s !important;
  z-index:0 !important;
  pointer-events:none !important;
}

html body .elementor-element-f195855 > .e-con:hover,
html body .elementor-element-73b5fe1:hover,
html body .elementor-element-b24a16e:hover,
html body .elementor-element-273cd5d:hover,
html body .elementor-element-749ea3a:hover,
html body .elementor-element-15a8d58:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 18px 38px rgba(18,39,92,0.22) !important;
}

html body .elementor-element-f195855 > .e-con:hover::before,
html body .elementor-element-73b5fe1:hover::before,
html body .elementor-element-b24a16e:hover::before,
html body .elementor-element-273cd5d:hover::before,
html body .elementor-element-749ea3a:hover::before,
html body .elementor-element-15a8d58:hover::before{
  opacity:1 !important;
}

/* باکس آیکن */
html body .elementor-element-f195855 .elementor-icon-wrapper{
  width:56px !important;
  height:56px !important;
  margin:0 auto 14px !important;
  border-radius:16px !important;
  background:linear-gradient(160deg, #2C4BAE 0%, #3E63D6 100%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:1 !important;
  transition:transform .35s, background .35s !important;
}
html body .elementor-element-f195855 .elementor-icon-wrapper svg,
html body .elementor-element-f195855 .elementor-icon-wrapper svg path{
  width:26px !important;
  height:26px !important;
  fill:#ffffff !important;
}

/* هاور: باکس آیکن طلایی و کج */
html body .elementor-element-f195855 > .e-con:hover .elementor-icon-wrapper,
html body .elementor-element-73b5fe1:hover .elementor-icon-wrapper,
html body .elementor-element-b24a16e:hover .elementor-icon-wrapper,
html body .elementor-element-273cd5d:hover .elementor-icon-wrapper,
html body .elementor-element-749ea3a:hover .elementor-icon-wrapper,
html body .elementor-element-15a8d58:hover .elementor-icon-wrapper{
  background:#E3A93B !important;
  transform:scale(1.08) rotate(-4deg) !important;
}

/* عنوان هر کارت */
html body .elementor-element-f195855 .elementor-heading-title,
html body .elementor-element-f195855 .elementor-heading-title h3,
html body .elementor-element-f195855 .elementor-widget-heading h3{
  position:relative !important;
  z-index:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:#0B1B3A !important;
  margin:0 !important;
  transition:color .35s !important;
}

/* هاور: عنوان کارت سفید */
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title,
html body .elementor-element-f195855 > .e-con:hover .elementor-heading-title h3,
html body .elementor-element-73b5fe1:hover .elementor-heading-title,
html body .elementor-element-73b5fe1:hover h3,
html body .elementor-element-b24a16e:hover .elementor-heading-title,
html body .elementor-element-b24a16e:hover h3,
html body .elementor-element-273cd5d:hover .elementor-heading-title,
html body .elementor-element-273cd5d:hover h3,
html body .elementor-element-749ea3a:hover .elementor-heading-title,
html body .elementor-element-749ea3a:hover h3,
html body .elementor-element-15a8d58:hover .elementor-heading-title,
html body .elementor-element-15a8d58:hover h3{
  color:#ffffff !important;
}

/* ریسپانسیو موبایل/تبلت */
@media (max-width: 900px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(33.333% - 14px) !important;
  }
}
@media (max-width: 560px){
  html body .elementor-element-f195855 > .e-con,
  html body .elementor-element-73b5fe1,
  html body .elementor-element-b24a16e,
  html body .elementor-element-273cd5d,
  html body .elementor-element-749ea3a,
  html body .elementor-element-15a8d58{
    flex:0 0 calc(50% - 10px) !important;
  }
}


/* ############ سکشن دوره‌های در حال برگزاری ############ */
:root{
  --kha-navy-deep:#0B1B3A;
  --kha-navy:#12275C;
  --kha-royal:#2C4BAE;
  --kha-royal-light:#3E63D6;
  --kha-gold:#E3A93B;
  --kha-ink-soft:#5C6B8A;
}

/* ============ تیتر سکشن ============ */
html body .elementor-element-f65c224 .elementor-heading-title,
html body .elementor-element-f65c224 h2{
  font-size:28px !important;
  font-weight:800 !important;
  color:var(--kha-navy-deep) !important;
  margin-bottom:6px !important;
  line-height:1.5 !important;
}

/* ============ زیرمتن سکشن ============ */
html body .elementor-element-85dd7a8 .elementor-text-editor,
html body .elementor-element-85dd7a8 p{
  font-size:14px !important;
  color:var(--kha-ink-soft) !important;
  margin:0 0 24px !important;
  line-height:1.9 !important;
}

/* ============ گرید محصولات — ۴ ستونه (حالت قبلی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

/* ============ حذف کامل هر نوع افکت هاور ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::before,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product *::after{
  transition:none !important;
  animation:none !important;
}
/* تصویر هیچ‌وقت محو/جابه‌جا نشود (منشأ بک‌گراند سفید هاور) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
/* هر پنل/تصویر دومِ هاور وودمارت پنهان شود */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-buy-area,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-quick-shop-buttons,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask{
  display:none !important;
}

/* ============ کارت دوره (پس‌زمینه سرمه‌ای) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
  transition:none !important;
}
/* حذف کامل افکت هاور کارت + جلوگیری از بک‌گراند سفید */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-wrapper,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product.product-hover:hover .product-wrapper{
  transform:none !important;
  background:linear-gradient(160deg,#16327A 0%,#0B1B3A 100%) !important;
  box-shadow:0 14px 30px rgba(11,27,58,0.18) !important;
}

/* --- تصویر بالای کارت --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{
  position:relative !important;
  height:200px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > a{
  display:block !important; width:100% !important; height:100% !important; margin:0 !important;
  background:#0B1B3A !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top img{
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; border-radius:0 !important;
  transition:none !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product:hover .product-element-top img{
  transform:none !important;
}
/* حذف تصویر دوم / ماسک سفید هاور وودمارت */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link .hover-img,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-slider,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link-hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .hover-mask,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-wrap{
  display:none !important;
}

/* ============ بَج «در حال برگزاری» (بالا-چپ روی تصویر) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-wrapper::after{
  content:"● در حال برگزاری" !important;
  position:absolute !important;
  top:16px !important; left:16px !important;
  z-index:6 !important;
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  font-size:12px !important; font-weight:700 !important;
  padding:6px 14px !important; border-radius:100px !important;
  line-height:1 !important;
  box-shadow:0 4px 12px rgba(227,169,59,0.35) !important;
}

/* --- فقط المان‌های اضافی روی تصویر پنهان شوند (تیک سبز/سواچ) --- */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top > *:not(.product-image-link):not(a),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-image-link > *:not(img),
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top .product-labels,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-swatches-on-grid,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-attributes{
  display:none !important;
}

/* ============ ناحیه متنی/اطلاعات پایین کارت ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-bottom{
  position:static !important;
  display:flex !important;
  flex-direction:column !important;
  padding:16px 20px 20px !important;
  margin:0 !important;
  background:transparent !important;
  text-align:start !important;
  color:#fff !important;
}
/* ترتیب: دسته‌بندی -> عنوان -> قیمت/فروش -> دکمه‌ها */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats{ order:1 !important; margin:0 0 6px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-header{ order:2 !important; margin:0 0 12px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex{ order:3 !important; margin:0 0 14px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-footer{ order:4 !important; margin:0 !important; display:flex !important; flex-direction:column !important; gap:10px !important; opacity:1 !important; visibility:visible !important; transform:none !important; }

/* دسته‌بندی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-product-cats a{
  font-size:12px !important; font-weight:600 !important; color:#BFD0FF !important; text-decoration:none !important;
}
/* عنوان دوره */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title{ margin:0 !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{
  font-size:18px !important; font-weight:700 !important; line-height:1.6 !important; color:#fff !important; text-decoration:none !important;
}

/* ============ قیمت + تخفیف ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price{ display:flex !important; flex-direction:column !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price bdi,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price ins .amount{
  color:#fff !important; font-weight:700 !important; text-decoration:none !important; font-size:15px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del .amount,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .price del bdi{
  color:#9fb0d6 !important; font-weight:400 !important; font-size:12px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .woocommerce-Price-currencySymbol{ color:#D7E0FF !important; }

/* بَج درصد تخفیف (onsale) — طلایی */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-price .product-labels .onsale,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-flex .onsale{
  background:var(--kha-gold) !important;
  color:var(--kha-navy-deep) !important;
  border-radius:100px !important;
  font-weight:700 !important;
  padding:3px 9px !important;
}

/* تعداد فروش/ثبت‌نام (نفر) */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale{
  display:flex !important; align-items:center !important; gap:5px !important;
  color:#D7E0FF !important; font-size:12px !important; font-weight:500 !important;
  background:none !important; padding:0 !important; margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg{ width:16px !important; height:16px !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wrap-total-sale svg path{ stroke:#D7E0FF !important; }

/* ============ دکمه ثبت‌نام (تمام‌عرض طلایی) ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn{ width:100% !important; }
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .added_to_cart{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important;
  background:var(--kha-gold) !important; color:var(--kha-navy-deep) !important;
  font-size:14px !important; font-weight:700 !important;
  padding:11px 18px !important; border-radius:12px !important; border:0 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
  transition:none !important;
}
/* بدون تغییر هاور روی دکمه */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-add-btn > a:hover,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .add_to_cart_button:hover{
  transform:none !important; background:var(--kha-gold) !important;
  box-shadow:0 8px 18px rgba(227,169,59,0.30) !important;
}

/* ============ دکمه‌های علاقه‌مندی و مشاهده سریع ============ */
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-buttons{
  display:flex !important; align-items:center !important; gap:8px !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn{
  margin:0 !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a,
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a::before{
  color:#D7E0FF !important;
}
html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-action-btn > a{
  background:rgba(255,255,255,0.10) !important;
  border-radius:8px !important;
}

/* ============ ریسپانسیو ============ */
@media (max-width:1024px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:repeat(2,1fr) !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:210px !important; }
}
@media (max-width:600px){
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-products{ grid-template-columns:1fr !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .product-element-top{ height:220px !important; }
  html body .elementor-element-77d603b.elementor-element-77d603b .wd-product .wd-entities-title a{ font-size:17px !important; }
}


/* ############ دکمه CTA «ثبت‌نام در دوره» ############
   با آدرس لینک (/shop/) هدف‌گیری شده تا بقیه دکمه‌های سایت تغییر نکنند.
   اگر لینک دکمه فرق دارد، در سلکتورها بخش href را عوض کن،
   یا به‌جای آن از ID ویجت دکمه استفاده کن:
   html body .elementor-element-XXXXXX a.elementor-button{ ... } */
html body a.elementor-button[href*="/shop"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#2C4BAE 0%,#0B1B3A 100%) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:16px 38px !important;
  border-radius:100px !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(18,39,92,0.28) !important;
  transition:transform .25s, box-shadow .25s !important;
}
html body a.elementor-button[href*="/shop"]:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(18,39,92,0.36) !important;
  color:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-content-wrapper{
  gap:10px !important;
  align-items:center !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-text{ color:#ffffff !important; }
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg{
  width:16px !important; height:16px !important; fill:#ffffff !important;
}
html body a.elementor-button[href*="/shop"] .elementor-button-icon svg path{ fill:#ffffff !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03c210f *//* ========================================================= استایل سکشن "دسترسی سریع" کافه ایندید نحوه استفاده: 1) روی Section بیرونی (والد هر دو ستون) کلیک کن 2) تب Advanced > CSS Classes > بنویس: ci-links-card 3) این فایل رو کامل در Custom CSS (Site Settings یا خود Section) پیست کن ========================================================= */ /* ===== کارت اصلی (روی Section بیرونی) ===== */ .ci-links-card{ position:relative; background:linear-gradient(135deg, #0A1730 0%, #0F2050 55%, #16296B 100%); border-radius:32px !important; box-shadow: 0 30px 60px -12px rgba(10,23,48,0.45), 0 12px 24px -8px rgba(10,23,48,0.35), inset 0 1px 0 rgba(255,255,255,0.06); overflow:hidden; } .ci-links-card::before{ content:""; position:absolute; top:-120px; left:-100px; width:340px; height:340px; background:radial-gradient(circle, rgba(78,112,222,0.14) 0%, rgba(78,112,222,0) 65%); border-radius:50%; pointer-events:none; } .ci-links-card::after{ content:""; position:absolute; bottom:-140px; right:-80px; width:300px; height:300px; background:radial-gradient(circle, rgba(24,143,207,0.18) 0%, rgba(24,143,207,0) 70%); border-radius:50%; pointer-events:none; } /* ===== ستون راست: لیست لینک‌ها ===== */ .elementor-element-a6b3a81{ position:relative; z-index:1; background:rgba(255,255,255,0.03) !important; border-left:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(6px); padding:44px 40px !important; } .elementor-element-e3c2a0a .elementor-icon-list-items{ display:flex; flex-direction:column; gap:0; } .elementor-element-e3c2a0a .elementor-icon-list-item{ position:relative; } .elementor-element-e3c2a0a .elementor-icon-list-item:not(:last-child)::after{ content:""; position:absolute; right:18px; left:18px; bottom:0; height:1px; background:rgba(255,255,255,0.06); } .elementor-element-e3c2a0a .elementor-icon-list-item > a{ display:flex !important; align-items:center; justify-content:space-between; flex-direction:row-reverse; width:100%; padding:17px 18px !important; border-radius:14px; text-decoration:none; transition:background .3s, transform .3s; } .elementor-element-e3c2a0a .elementor-icon-list-item > a:hover{ background:rgba(255,255,255,0.07); transform:translateX(-4px); } .elementor-element-e3c2a0a .elementor-icon-list-text{ color:#fff !important; font-size:15px !important; font-weight:600 !important; } .elementor-element-e3c2a0a .elementor-icon-list-icon{ width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.06); display:flex; align-items:center; justify-content:center; transition:background .3s, transform .3s; } .elementor-element-e3c2a0a .elementor-icon-list-item > a:hover .elementor-icon-list-icon{ background:#188FCF; transform:rotate(-45deg); } .elementor-element-e3c2a0a .elementor-icon-list-icon svg{ width:14px; height:14px; fill:#fff !important; transition:fill .3s; } .elementor-element-e3c2a0a .elementor-icon-list-item > a:hover .elementor-icon-list-icon svg{ fill:#0A1730 !important; } /* ===== ستون چپ: لوگو + دکمه ===== */ .elementor-element-c089d04{ position:relative; z-index:1; padding:56px 48px !important; display:flex !important; flex-direction:column; justify-content:center; } .elementor-element-b139e61 img{ max-width:220px; margin-bottom:24px; } .elementor-element-f20cb31 .elementor-button{ background:linear-gradient(135deg, #188FCF 0%, #1279AD 100%) !important; color:#fff !important; font-weight:700 !important; padding:14px 30px !important; border-radius:100px !important; box-shadow:0 12px 24px -6px rgba(24,143,207,0.5) !important; transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s; } .elementor-element-f20cb31 .elementor-button:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -6px rgba(24,143,207,0.6) !important; } /* ===== رسپانسیو موبایل ===== */ @media (max-width:760px){ .elementor-element-a6b3a81{ border-left:none; border-top:1px solid rgba(255,255,255,0.08); } }/* End custom CSS */