/* Start custom CSS for text-editor, class: .elementor-element-aaa8d84 *//* ================================
   HERO – Cisco Service Provider (Intro)
   ================================ */

.ms-roadmap-sp,
.ms-roadmap-sp * ,
.ms-spintro-hero,
.ms-spintro-hero * { box-sizing: border-box; }

/* Roadmap strip */
.ms-roadmap-sp{
  max-width: 1180px;
  margin: 18px auto 12px;
  padding: 0 10px;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  color: #06111f;
}
.ms-roadmap-sp__inner{
  display: flex;
  gap: 10px 14px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(34,211,238,0.30);
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.16), transparent 60%),
    radial-gradient(circle at bottom right, rgba(99,102,241,0.12), transparent 65%),
    linear-gradient(90deg, rgba(240,253,250,0.92), rgba(238,242,255,0.92));
  box-shadow: 0 10px 28px rgba(15,23,42,0.12);
}
.ms-roadmap-sp__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 900;
  background: rgba(2,6,23,0.06);
  color: #0b1220;
}
.ms-roadmap-sp__text{
  font-size: 13.3px;
  line-height: 1.95;
  color: #1f2937;
}
.ms-roadmap-sp__link{
  margin-inline-start: 8px;
  font-weight: 900;
  color: #0ea5e9;
  text-decoration: none;
  white-space: nowrap;
}
.ms-roadmap-sp__link:hover{ text-decoration: underline; }

/* Hero wrapper */
.ms-spintro-hero{
  max-width: 1180px;
  margin: 0 auto 28px;
  padding: 0 10px;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  color: #041728;
}

.ms-spintro-hero__wrap{
  border-radius: 26px;
  border: 1px solid rgba(56,189,248,0.22);
  background:
    radial-gradient(circle at top right, rgba(34,211,238,0.14), transparent 58%),
    radial-gradient(circle at bottom left, rgba(16,185,129,0.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.92));
  box-shadow: 0 18px 46px rgba(15,23,42,0.16);
  overflow: hidden;
}

.ms-spintro-hero__grid{
  display: grid;
  grid-template-columns: 1.55fr 0.85fr;
  gap: 14px;
  padding: 16px;
}

/* Main */
.ms-spintro-hero__main{
  padding: 14px 14px 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.10), transparent 58%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.09), transparent 60%),
    #ffffff;
  border: 1px solid rgba(148,163,184,0.65);
}

.ms-spintro-hero__badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12.8px;
  font-weight: 900;
  color: #0b1220;
  background: rgba(14,165,233,0.10);
  border: 1px solid rgba(14,165,233,0.22);
}

.ms-spintro-hero__title{
  margin: 10px 0 10px;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.9;
  color: #020617;
}

/* Highlights box */
.ms-spintro-hero__highlights{
  margin: 10px 0 12px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(34,211,238,0.25);
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.12), transparent 60%),
    rgba(248,250,252,0.9);
  box-shadow: 0 10px 24px rgba(2,6,23,0.08);
}
.ms-spintro-hero__highlights-head{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  margin-bottom: 8px;
}
.ms-spintro-hero__highlights-pill{
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 12.5px;
  color: #0f172a;
  background: rgba(2,6,23,0.06);
}
.ms-spintro-hero__highlights-sub{
  font-size: 12.8px;
  font-weight: 900;
  color: #075985;
}
.ms-spintro-hero__highlights-list{
  margin: 0;
  padding: 0 18px 0 0;
  line-height: 2.05;
  color: #1f2937;
  font-size: 13.6px;
}
.ms-spintro-hero__highlights-list li{ margin: 6px 0; }

/* Lead text */
.ms-spintro-hero__lead{
  margin: 10px 0 0;
  font-size: 14.2px;
  line-height: 2.05;
  color: #0f172a;
}

/* Tags */
.ms-spintro-hero__tags{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ms-spintro-hero__tag{
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: #0b1220;
  background: rgba(16,185,129,0.10);
  border: 1px solid rgba(16,185,129,0.18);
}

/* Meta */
.ms-spintro-hero__meta{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.ms-spintro-hero__meta-item{
  border-radius: 16px;
  padding: 10px 10px;
  background: rgba(248,250,252,0.95);
  border: 1px solid rgba(148,163,184,0.65);
}
.ms-spintro-hero__meta-label{
  display: block;
  font-size: 12px;
  font-weight: 950;
  color: #0f172a;
  margin-bottom: 6px;
}
.ms-spintro-hero__meta-value{
  display: block;
  font-size: 13.2px;
  color: #1f2937;
  line-height: 1.9;
}

/* CTA buttons */
.ms-spintro-hero__cta{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ms-spintro-hero__btn{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13.5px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.ms-spintro-hero__btn--primary{
  color: #f8fafc;
  background: linear-gradient(90deg, #0b1220, #06b6d4);
  border: 1px solid rgba(6,182,212,0.35);
  box-shadow: 0 14px 30px rgba(6,182,212,0.22);
}
.ms-spintro-hero__btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(6,182,212,0.30);
  filter: brightness(1.03);
}
.ms-spintro-hero__btn--outline{
  color: #0b1220;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(148,163,184,0.75);
  box-shadow: 0 10px 24px rgba(2,6,23,0.08);
}
.ms-spintro-hero__btn--outline:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(2,6,23,0.12);
}

.ms-spintro-hero__after{
  margin: 12px 0 0;
  font-size: 12.8px;
  line-height: 2;
  color: #334155;
}

/* Side */
.ms-spintro-hero__side{
  position: relative;
}
.ms-spintro-hero__card{
  border-radius: 20px;
  padding: 14px 14px;
  background:
    radial-gradient(circle at top left, rgba(99,102,241,0.10), transparent 58%),
    radial-gradient(circle at bottom right, rgba(34,211,238,0.10), transparent 60%),
    #ffffff;
  border: 1px solid rgba(148,163,184,0.65);
  box-shadow: 0 14px 34px rgba(15,23,42,0.10);
}
.ms-spintro-hero__card-title{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 950;
  color: #020617;
}
.ms-spintro-hero__card-subtitle{
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 950;
  color: #0f172a;
}
.ms-spintro-hero__list{
  margin: 0;
  padding: 0 18px 0 0;
  font-size: 13.4px;
  line-height: 2.05;
  color: #1f2937;
}
.ms-spintro-hero__list li{ margin: 6px 0; }

.ms-spintro-hero__side-text{
  margin: 0;
  font-size: 13.2px;
  line-height: 2;
  color: #334155;
}

.ms-spintro-hero__divider{
  height: 1px;
  background: rgba(148,163,184,0.55);
  margin: 12px 0;
}

.ms-spintro-hero__mini-cta{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ms-spintro-hero__mini-btn{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 10px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13px;
  color: #075985;
  background: rgba(14,165,233,0.08);
  border: 1px solid rgba(14,165,233,0.22);
  transition: transform .18s ease, box-shadow .18s ease;
  white-space: normal;
  text-align: center;
}
.ms-spintro-hero__mini-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(14,165,233,0.14);
}

.ms-spintro-hero__secure{
  margin: 12px 0 0;
  font-size: 12.8px;
  line-height: 2;
  color: #0f172a;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 16px;
  padding: 10px 10px;
}

/* Responsive */
@media (max-width: 980px){
  .ms-spintro-hero__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .ms-spintro-hero__grid{ padding: 12px; }
  .ms-spintro-hero__title{ font-size: 18px; }
  .ms-spintro-hero__meta{ grid-template-columns: 1fr; }
  .ms-spintro-hero__btn{ width: 100%; }
  .ms-spintro-hero__cta{ gap: 8px; }
}

/* (اختیاری) اسکرول نرم */
html{ scroll-behavior: smooth; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2d1553 *//* ================================
   Jump Block – Service Provider Intro
   ================================ */

.ms-jump-spintro,
.ms-jump-spintro *{ box-sizing: border-box; }

.ms-jump-spintro{
  direction: rtl;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  max-width: 1180px;
  margin: 18px auto 18px;
  padding: 0 10px;
  color: #020617;
}

.ms-jump-spintro__inner{
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 16px 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 60%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.14), transparent 62%),
    linear-gradient(90deg, rgba(240,253,250,0.92), rgba(238,242,255,0.92));
  border: 1px solid rgba(34,211,238,0.32);
  box-shadow: 0 16px 40px rgba(15,23,42,0.16);
  display: flex;
  align-items: center;
  gap: 14px 18px;
  flex-wrap: wrap;
  overflow: hidden;
}

.ms-jump-spintro__icon{
  width: 60px;
  height: 60px;
  border-radius: 20px;
  background: radial-gradient(circle at top left, #67e8f9, #06b6d4);
  box-shadow: 0 16px 34px rgba(6,182,212,0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #f8fafc;
}

.ms-jump-spintro__content{
  flex: 1 1 260px;
  min-width: 0;
}

.ms-jump-spintro__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 11px;
  border-radius: 999px;
  background: rgba(2,6,23,0.06);
  color: #0f172a;
  font-size: 12.2px;
  font-weight: 950;
  margin-bottom: 6px;
}
.ms-jump-spintro__eyebrow::before{ content:"📺"; font-size: 15px; }

.ms-jump-spintro__title{
  margin: 0 0 6px 0;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.9;
}

.ms-jump-spintro__text{
  margin: 0;
  font-size: 14px;
  line-height: 2;
  color: #1f2937;
}

.ms-jump-spintro__action{
  flex: 0 0 290px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.ms-jump-spintro__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 950;
  text-decoration: none;
  border: 1px solid rgba(6,182,212,0.44);
  background: linear-gradient(90deg, #0b1220, #06b6d4);
  color: #f8fafc;
  box-shadow: 0 16px 34px rgba(6,182,212,0.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.ms-jump-spintro__btn::before{ content:"🎬"; font-size: 18px; }

.ms-jump-spintro__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 44px rgba(6,182,212,0.30);
  filter: brightness(1.04);
}

.ms-jump-spintro__hint{
  margin: 0;
  font-size: 12px;
  color: #475569;
}

/* Responsive */
@media (max-width: 640px){
  .ms-jump-spintro__inner{
    padding: 12px 12px 14px;
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .ms-jump-spintro__btn{ width: 100%; }
  .ms-jump-spintro__action{ width: 100%; min-width: 0; }
  .ms-jump-spintro__title{ font-size: 17px; }
  .ms-jump-spintro__text{ font-size: 13.4px; }
}

/* اسکرول نرم */
html{ scroll-behavior: smooth; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fe31261 *//* ================================
   Body – Cisco Service Provider (Intro)
   ================================ */

.ms-spintro-body,
.ms-spintro-body *{ box-sizing: border-box; }

.ms-spintro-body{
  direction: rtl;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  max-width: 1180px;
  margin: 0 auto 26px;
  padding: 0 10px;
  color: #071427;
}

.ms-spintro-body__wrap{ max-width: 1120px; margin: 0 auto; }

.ms-spintro-body__grid{
  display: grid;
  grid-template-columns: 1.55fr 0.85fr;
  gap: 14px;
}

.ms-spintro-body__col{ min-width: 0; }

.ms-spintro-body__card{
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.08), transparent 58%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.06), transparent 62%),
    #ffffff;
  border: 1px solid rgba(148,163,184,0.70);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 12px 30px rgba(15,23,42,0.10);
  margin-bottom: 14px;
}

.ms-spintro-body__card--intro{
  border-color: rgba(6,182,212,0.35);
  background:
    radial-gradient(circle at top right, rgba(6,182,212,0.12), transparent 60%),
    radial-gradient(circle at bottom left, rgba(16,185,129,0.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,245,249,0.92));
}

.ms-spintro-body__title{
  margin: 0 0 8px 0;
  font-size: 17px;
  font-weight: 950;
  color: #020617;
  line-height: 1.9;
}

.ms-spintro-body__text{
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #0f172a;
  line-height: 2.05;
}

.ms-spintro-body__note{
  margin: 8px 0 0 0;
  font-size: 12.8px;
  line-height: 2;
  color: #0b1220;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 10px 10px;
  border-radius: 14px;
}

.ms-spintro-body__bullets{
  margin: 0;
  padding: 0 18px 0 0;
  font-size: 13.7px;
  line-height: 2.05;
  color: #1f2937;
}
.ms-spintro-body__bullets li{ margin: 6px 0; }

.ms-spintro-body__cta-row{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ms-spintro-body__btn{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13.5px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  white-space: normal;
  text-align: center;
  max-width: 100%;
}

.ms-spintro-body__btn--primary{
  color: #f8fafc;
  background: linear-gradient(90deg, #0b1220, #06b6d4);
  border: 1px solid rgba(6,182,212,0.38);
  box-shadow: 0 14px 30px rgba(6,182,212,0.20);
}
.ms-spintro-body__btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(6,182,212,0.28);
  filter: brightness(1.03);
}

.ms-spintro-body__btn--outline{
  color: #0b1220;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(148,163,184,0.78);
  box-shadow: 0 10px 24px rgba(2,6,23,0.08);
}
.ms-spintro-body__btn--outline:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(2,6,23,0.12);
}

.ms-spintro-body__kpi{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 8px;
}
.ms-spintro-body__kpi-item{
  border-radius: 16px;
  padding: 10px 10px;
  background: rgba(248,250,252,0.96);
  border: 1px solid rgba(148,163,184,0.65);
}
.ms-spintro-body__kpi-head{
  font-weight: 950;
  font-size: 13.2px;
  color: #0f172a;
  margin-bottom: 6px;
}
.ms-spintro-body__kpi-text{
  font-size: 13.1px;
  line-height: 1.95;
  color: #334155;
}

.ms-spintro-body__mini-btns{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ms-spintro-body__mini-btn{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13px;
  color: #075985;
  background: rgba(14,165,233,0.08);
  border: 1px solid rgba(14,165,233,0.22);
  transition: transform .18s ease, box-shadow .18s ease;
  white-space: normal;
  text-align: center;
}
.ms-spintro-body__mini-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(14,165,233,0.14);
}

.ms-spintro-body__faq{
  margin-top: 8px;
  display: grid;
  gap: 10px;
}
.ms-spintro-body__faq-q{
  font-weight: 950;
  font-size: 13.6px;
  color: #0b1220;
}
.ms-spintro-body__faq-a{
  font-size: 13.4px;
  line-height: 2;
  color: #334155;
  background: rgba(2,6,23,0.04);
  border: 1px solid rgba(148,163,184,0.45);
  border-radius: 14px;
  padding: 10px 10px;
}

/* Side column tweaks */
.ms-spintro-body__col--side .ms-spintro-body__card--side{
  position: sticky;
  top: 14px;
}

.ms-spintro-body__side-actions{
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

/* Responsive */
@media (max-width: 980px){
  .ms-spintro-body__grid{ grid-template-columns: 1fr; }
  .ms-spintro-body__col--side .ms-spintro-body__card--side{ position: static; }
}
@media (max-width: 640px){
  .ms-spintro-body__title{ font-size: 16px; }
  .ms-spintro-body__kpi{ grid-template-columns: 1fr; }
  .ms-spintro-body__btn{ width: 100%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-25eeace *//* ================================
   Syllabus + Preview – Service Provider Intro
   ================================ */

.ms-syllabus-spintro,
.ms-syllabus-spintro *{ box-sizing: border-box; }

.ms-syllabus-spintro{
  direction: rtl;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  max-width: 1180px;
  margin: 0 auto 26px;
  padding: 0 10px;
  color: #041728;
}

.ms-syllabus-spintro__wrap{ max-width: 1120px; margin: 0 auto; }

/* Header */
.ms-syllabus-spintro__header{
  text-align: right;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 60%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.12), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.92));
  border: 1px solid rgba(34,211,238,0.28);
  box-shadow: 0 12px 30px rgba(15,23,42,0.12);
}

.ms-syllabus-spintro__title{
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 950;
  color: #020617;
  line-height: 1.9;
}
.ms-syllabus-spintro__subtitle{
  margin: 0;
  font-size: 13.8px;
  color: #334155;
  line-height: 2;
}

/* Session card */
.ms-syllabus-spintro__session{
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.06), transparent 60%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.06), transparent 65%),
    #ffffff;
  border-radius: 18px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(148,163,184,0.70);
  box-shadow: 0 10px 26px rgba(15,23,42,0.08);
  margin-bottom: 12px;
  overflow: hidden;
}

.ms-syllabus-spintro__session-head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 6px;
}

.ms-syllabus-spintro__session-info{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ms-syllabus-spintro__session-index{
  display: inline-flex;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  color: #075985;
  background: rgba(14,165,233,0.08);
  border: 1px solid rgba(14,165,233,0.20);
}

.ms-syllabus-spintro__session-title{
  margin: 0;
  font-size: 15px;
  font-weight: 950;
  color: #0b1120;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

/* Badges */
.ms-syllabus-spintro__badge{
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
  flex: 0 0 auto;
}

.ms-syllabus-spintro__badge--free{
  background: rgba(16,185,129,0.10);
  color: #047857;
  border: 1px solid rgba(16,185,129,0.30);
}

.ms-syllabus-spintro__badge--locked{
  background: rgba(248,250,252,0.98);
  color: #64748b;
  border: 1px solid rgba(203,213,225,0.9);
}

.ms-syllabus-spintro__locked{
  margin: 8px 0 0 0;
  font-size: 13.2px;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Preview button */
.ms-syllabus-spintro__actions{ margin-top: 10px; }

.ms-syllabus-spintro__preview-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 9px 16px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-size: 13.5px;
  font-weight: 950;
  background: linear-gradient(90deg, #0b1220, #06b6d4);
  color: #f8fafc;
  box-shadow: 0 12px 26px rgba(6,182,212,0.20);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}
.ms-syllabus-spintro__preview-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(6,182,212,0.28);
  filter: brightness(1.03);
}

/* Video container */
.ms-syllabus-spintro__video{
  margin-top: 10px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,0.80);
  background: #020617;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .25s ease;
}
.ms-syllabus-spintro__video.is-visible{
  max-height: 420px;
  opacity: 1;
}
.ms-syllabus-spintro__video iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  display: block;
}

/* Responsive */
@media (max-width: 768px){
  .ms-syllabus-spintro__header{ padding: 12px; }
  .ms-syllabus-spintro__title{ font-size: 17px; }
  .ms-syllabus-spintro__subtitle{ font-size: 13.4px; }

  .ms-syllabus-spintro__session{ padding: 12px 11px 10px; border-radius: 16px; }

  .ms-syllabus-spintro__session-head{
    flex-direction: column;
    align-items: flex-start;
  }

  .ms-syllabus-spintro__session-title{ font-size: 14.5px; }
  .ms-syllabus-spintro__preview-btn{ width: 100%; }
  .ms-syllabus-spintro__video.is-visible{ max-height: 260px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-abd3f13 *//* ================================
   Next Steps – Service Provider Intro
   ================================ */

.ms-next-spintro,
.ms-next-spintro *{ box-sizing: border-box; }

.ms-next-spintro{
  direction: rtl;
  font-family: "IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
  max-width: 1180px;
  margin: 0 auto 26px;
  padding: 0 10px;
  color: #071427;
}

.ms-next-spintro__wrap{ max-width: 1120px; margin: 0 auto; }

.ms-next-spintro__header{
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 60%),
    radial-gradient(circle at bottom right, rgba(16,185,129,0.12), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.92));
  border: 1px solid rgba(34,211,238,0.28);
  box-shadow: 0 12px 32px rgba(15,23,42,0.12);
}

.ms-next-spintro__title{
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.9;
  color: #020617;
}

.ms-next-spintro__subtitle{
  margin: 0;
  font-size: 13.8px;
  line-height: 2;
  color: #334155;
}

.ms-next-spintro__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.ms-next-spintro__step{
  background: #ffffff;
  border: 1px solid rgba(148,163,184,0.70);
  border-radius: 18px;
  padding: 12px 12px 12px;
  box-shadow: 0 12px 26px rgba(15,23,42,0.09);
}

.ms-next-spintro__step--final{
  border-color: rgba(6,182,212,0.34);
  background:
    radial-gradient(circle at top right, rgba(6,182,212,0.12), transparent 60%),
    radial-gradient(circle at bottom left, rgba(16,185,129,0.10), transparent 62%),
    #ffffff;
}

.ms-next-spintro__step-head{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
}

.ms-next-spintro__num{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  color: #0b1220;
  background: rgba(2,6,23,0.06);
}

.ms-next-spintro__step-title{
  margin: 0;
  font-size: 14.7px;
  font-weight: 950;
  line-height: 1.9;
  color: #020617;
}

.ms-next-spintro__text{
  margin: 0 0 10px 0;
  font-size: 13.5px;
  line-height: 2;
  color: #1f2937;
}

.ms-next-spintro__btns{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ms-next-spintro__btn{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13px;
  color: #075985;
  background: rgba(14,165,233,0.08);
  border: 1px solid rgba(14,165,233,0.22);
  transition: transform .18s ease, box-shadow .18s ease;
  white-space: normal;
  text-align: center;
}
.ms-next-spintro__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(14,165,233,0.14);
}

.ms-next-spintro__btn--primary{
  color: #f8fafc;
  background: linear-gradient(90deg, #0b1220, #06b6d4);
  border: 1px solid rgba(6,182,212,0.40);
  box-shadow: 0 14px 30px rgba(6,182,212,0.20);
}
.ms-next-spintro__btn--primary:hover{
  box-shadow: 0 18px 40px rgba(6,182,212,0.28);
}

.ms-next-spintro__note{
  margin: 10px 0 0 0;
  font-size: 12.6px;
  line-height: 2;
  color: #0b1220;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 10px 10px;
  border-radius: 14px;
}

/* Responsive */
@media (max-width: 900px){
  .ms-next-spintro__grid{ grid-template-columns: 1fr; }
}/* End custom CSS */