.course-cta-header .elementor-shortcode {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.course-cta-header
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join,
.course-cta-header.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button,
.course-cta-header
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  width: max-content !important;
  max-width: 260px !important;
  border: 1px solid #a2b2c2 !important;
  border-radius: 8px !important;
  background: #eceff3 !important;
  background-position: left 16px center !important;
  background-repeat: no-repeat !important;
  height: 40px !important;
  color: #28323e !important;
  outline: none;
  font-family: "r1-yekanbakh", Sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 10px 24px 10px 48px !important;
  margin-right: 0px !important;
  display: flex;
  align-items: center;
  opacity: 1;
  transition:
    background-color 0.3s ease,
    opacity 0.3s ease;
}

html[lang="en-US"]
  .course-cta-header
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join,
html[lang="en-US"]
  .course-cta-header.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button,
html[lang="en-US"]
  .course-cta-header
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  background-position: right 16px center !important;
  padding: 10px 48px 10px 24px !important;
  font-family: "dm-sans", Sans-serif !important;
}

.course-cta-header
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join:hover,
.course-cta-header.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button:hover,
.course-cta-header
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button:hover {
  background-color: #fff !important;
  opacity: 0.85;
}

.course-cta-header
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join {
  background-image: var(--r1-course-arrow) !important;
}

html[lang="en-US"]
  .course-cta-header
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join {
  background-image: var(--r1-course-arrow-en) !important;
}

.course-cta-header .learndash-wrapper .ld-course-resume.ld-button::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: var(--r1-course-chevron) center / contain no-repeat;
  transform: translateY(-50%) rotate(90deg);
}

html[lang="en-US"]
  .course-cta-header
  .learndash-wrapper
  .ld-course-resume.ld-button::before {
  left: auto;
  right: 20px;
  top: 54%;
  transform: translateY(-50%) rotate(-90deg);
}

html[lang="en-US"]
  .course-cta-header
  .learndash-wrapper
  .ld-course-resume.ld-button.review-button::before,
.course-cta-header
  .learndash-wrapper
  .ld-course-resume.ld-button.review-button::before {
  transform: translateY(-50%) rotate(0deg);
}

.course-cta-header
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  background-image: var(--r1-course-reward) !important;
}

/******************************************/

.course-cta .elementor-shortcode {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.course-cta .learndash-wrapper.learndash-wrap form input#btn-join.btn-join,
.course-cta.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button,
.course-cta
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  width: max-content !important;
  max-width: 204px !important;
  margin-right: 0px !important;
  border: 0px !important;
  height: 40px !important;
  border-radius: 8px;
  color: var(--c-white) !important;
  position: relative;
  background-color: #009595 !important;
  background-position: left 16px center !important;
  background-repeat: no-repeat !important;
  padding: 10px 24px 10px 48px !important;
  font-family: "r1-yekanbakh", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  outline: 0 !important;
}

html[lang="en-US"]
  .course-cta
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join,
html[lang="en-US"]
  .course-cta.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button,
html[lang="en-US"]
  .course-cta
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  background-position: right 16px center !important;
  padding: 10px 48px 10px 24px !important;
  font-family: "dm-sans", Sans-serif !important;
}

.course-cta .learndash-wrapper.learndash-wrap form input.btn-join {
  background-image: var(--r1-course-arrow-white) !important;
}

html[lang="en-US"]
  .course-cta
  .learndash-wrapper.learndash-wrap
  form
  input.btn-join {
  background-image: var(--r1-course-arrow-white-en) !important;
}

.course-cta .learndash-wrapper .ld-course-resume.ld-button::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: var(--r1-course-chevron-white) center / contain no-repeat;
  transform: translateY(-50%) rotate(90deg);
}

html[lang="en-US"]
  .course-cta
  .learndash-wrapper
  .ld-course-resume.ld-button::before {
  left: auto;
  right: 20px;
  transform: translateY(-50%) rotate(-90deg);
}

html[lang="en-US"]
  .course-cta
  .learndash-wrapper
  .ld-course-resume.ld-button.review-button::before,
.course-cta
  .learndash-wrapper
  .ld-course-resume.ld-button.review-button::before {
  transform: translateY(-50%) rotate(0deg);
}

.course-cta
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button {
  background-image: var(--r1-course-reward) !important;
}

.course-cta
  .learndash-wrapper.learndash-wrap
  form
  input#btn-join.btn-join:hover,
.course-cta.elementor-element.elementor-widget
  .learndash-wrapper
  .ld-course-resume.ld-button:hover,
.course-cta
  .learndash-wrapper.learndash-wrap.learndash-shortcode-wrap
  a.button:hover {
  opacity: 0.85;
}

html[lang="en-US"] .course-cta .learndash-wrapper a.button:after {
  margin-right: 0px;
  margin-left: 8px;
}

/******************************************/

.skills-badge .elementor-heading-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.skills-badge .elementor-heading-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: #f3f5f7;
  border: 1px solid #c1cbd7;
  border-radius: 8px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .skills-badge .elementor-heading-title {
    direction: ltr;
  }
  .skills-badge .elementor-heading-title span {
    white-space: normal;
    text-align: left;
  }
}

/******************************************/

.lessons-index details {
  border: 1.5px solid #e0e5eb;
  border-radius: 8px;
  overflow: hidden;
}

.lessons-index details:has(.empty),
.faq details:has(.empty) {
  display: none !important;
}

.lessons-index details summary,
.faq details summary {
  align-items: start !important;
}

.lessons-index .e-n-accordion-item-title-icon {
  margin: 4px 0;
}

.lessons-index .e-n-accordion-item-title-text {
  line-height: 40px !important;
}

.lessons-index .e-n-accordion {
  counter-reset: lesson-item;
}

.lessons-index .e-n-accordion-item {
  counter-increment: lesson-item;
}

.lessons-index .e-n-accordion-item-title-header::before {
  content: counter(lesson-item);
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  z-index: 2;
  font-family: "r1-yekanbakhfa";
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  background: #e0e5eb;
  color: #191919;
  border-radius: 100%;
  margin-left: 16px;
}

html[lang="en-US"] .lessons-index .e-n-accordion-item-title-header::before {
  font-family: "dm-sans";
  margin-left: 0;
  margin-right: 16px;
}
@media (min-width: 767px) {
  .lessons-index .e-n-accordion-item-title-icon::before {
    display: block;
    content: "جزئیات دوره";
    margin-left: 16px;
    min-width: 86px;
  }

  html[lang="en-US"] .lessons-index .e-n-accordion-item-title-icon::before {
    content: "Lessons";
    font-family: "dm-sans";
  }
}

.lessons-index .e-n-accordion-item-title-icon .e-closed {
  display: none !important;
}

.lessons-index .e-n-accordion-item-title-icon .e-opened {
  opacity: 1;
  display: flex !important;
  width: 32px;
  height: 32px;
  border-radius: 8px;

  align-items: center;
  justify-content: center;

  background: #fff;
  border: 1px solid #cccccc;

  transition:
    background 0.3s ease,
    border 0.3s ease;
}

.lessons-index
  .e-n-accordion-item[open]
  .e-n-accordion-item-title-icon
  .e-opened {
  background: #d1dbe8;
  border-color: #d1dbe8;
}

.lessons-index .e-n-accordion-item-title-icon .e-opened svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.lessons-index
  .e-n-accordion-item[open]
  .e-n-accordion-item-title-icon
  .e-opened
  svg {
  transform: rotate(180deg);
}

.lessons-index-duration {
  display: flex;
}

.lessons-index-duration::before {
  content: "|";
  margin-left: 16px;
}

html[lang="en-US"] .lessons-index-duration::before {
  margin-left: 0;
  margin-right: 16px;
}

.lessons-index-content ul {
  margin: 0;
}

.lessons-index-content li {
  list-style: none;
  display: flex;
  align-items: center;
  min-height: 32px;
  margin: 10px 0;
}

.lessons-index-content {
  position: relative;
}

.lessons-index-content li::before {
  content: "";
  height: 32px;
  width: 32px;
  background-image: var(--r1-course-lesson-list);
  display: inline-block;
  margin-left: 8px;
}

html[lang="en-US"] .lessons-index-content li::before {
  margin-left: 0;
  margin-right: 8px;
}

.lessons-index-content li a {
  font-family: "dm-sans";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14191f;
}

@media (max-width: 767px) {
  .lessons-index-content ul {
    direction: ltr;
  }

  .lessons-index-content li {
    align-items: flex-start;
    position: relative;
  }

  .lessons-index-content li::before {
    margin-left: 0;
    position: absolute;
    top: -4px;
  }

  .lessons-index-content li a {
    margin-left: 40px;
  }
}

.enrolled-user .lessons-index-content li a {
  background-image: linear-gradient(
    to left,
    var(--c-green-900) 0,
    var(--c-green-900) 100%
  );
  background-size: 0 2px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition:
    color var(--transition-medium),
    background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important;
  padding: 4px 0;
}

html[lang="en-US"] .enrolled-user .lessons-index-content li a {
  background-position: 0% 100%;
}

.enrolled-user .lessons-index-content li:hover a {
  color: var(--c-green-900);
  background-size: 100% 2px;
}

.not-enrolled-user .lessons-index-content,
.guest-user .lessons-index-content {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.not-enrolled-user .lessons-index-content li a,
.guest-user .lessons-index-content li a {
  pointer-events: none;
  cursor: not-allowed;
}

.not-enrolled-user .lessons-index-content li,
.guest-user .lessons-index-content li {
  transition:
    filter 0.2s ease,
    opacity 0.2s ease;
}

.not-enrolled-user .lessons-index-content:hover li,
.guest-user .lessons-index-content:hover li {
  filter: blur(1.5px);
  opacity: 0.6;
}

.not-enrolled-user .lessons-index-content::after,
.guest-user .lessons-index-content::after {
  content: "ابتدا در دوره ثبت‌نام کنید";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 8px;
  background: #191919;
  color: #fff;
  font-size: 14px;

  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 999;
}

.not-enrolled-user .lessons-index-content:hover::after,
.guest-user .lessons-index-content:hover::after {
  opacity: 1;
}

html[lang="en-US"] .not-enrolled-user .lessons-index-content::after,
html[lang="en-US"] .guest-user .lessons-index-content::after {
  content: "Please register for the course first.";
  font-family: "dm-sans";
}