/* Start custom CSS *//* =========================================================
   ICO RUSSIA - DYNAMIC KG1 STAGE PAGE
   Add "ico-level-page" to the Elementor parent container.
   ========================================================= */

.ico-level-page,
.ico-level-page *,
.ico-level-page *::before,
.ico-level-page *::after {
  box-sizing: border-box;
}

.ico-level-page {
  --ico-level-navy: #0b3567;
  --ico-level-navy-dark: #061d39;
  --ico-level-blue: #155494;
  --ico-level-bright: #1387d4;
  --ico-level-pale: #edf5ff;
  --ico-level-green: #9bc53d;
  --ico-level-green-dark: #6f9820;
  --ico-level-text: #17263f;
  --ico-level-muted: #66758b;
  --ico-level-border: #dfe8f2;
  --ico-level-white: #ffffff;

  width: 100%;
  overflow: hidden;
  color: var(--ico-level-text);
  background:
    radial-gradient(circle at 8% 8%, rgba(194, 223, 250, 0.55), transparent 25%),
    radial-gradient(circle at 95% 45%, rgba(155, 197, 61, 0.12), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 48%, #f5f9fe 100%);
  font-family: "Inter", "Manrope", Arial, sans-serif;
  direction: ltr;
}

.ico-level-page > .e-con-inner,
.ico-level-page > .elementor-container {
  max-width: none !important;
  width: 100% !important;
}

.ico-level-page .elementor-widget-html,
.ico-level-page .elementor-widget-shortcode {
  width: 100%;
}

.ico-level-page .elementor-widget-html > .elementor-widget-container,
.ico-level-page .elementor-widget-shortcode > .elementor-widget-container {
  width: 100%;
}

.ico-level-intro {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 44px 0 30px;
}

.ico-level-intro h1,
.ico-level-intro h2,
.ico-level-intro p {
  margin-top: 0;
}

.ico-level-intro svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ico-level-shell {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 48px), 1340px);
  margin-inline: auto;
}

.ico-level-orb,
.ico-level-spark {
  position: absolute;
  pointer-events: none;
}

.ico-level-orb {
  z-index: 0;
  border-radius: 50%;
}

.ico-level-orb--one {
  top: 150px;
  left: -120px;
  width: 285px;
  height: 285px;
  border: 1px solid rgba(21, 84, 148, 0.08);
  box-shadow: 0 0 0 45px rgba(21, 84, 148, 0.025), 0 0 0 90px rgba(21, 84, 148, 0.018);
}

.ico-level-orb--two {
  right: -85px;
  top: 105px;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(155, 197, 61, 0.15), transparent 68%);
}

/* Breadcrumb */

.ico-level-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-height: 24px;
  margin-bottom: 38px;
  color: #8290a3;
  font-size: 12px;
  font-weight: 700;
}

.ico-level-breadcrumb a {
  color: var(--ico-level-blue);
  text-decoration: none;
}

.ico-level-breadcrumb a:hover { text-decoration: underline; }
.ico-level-breadcrumb svg { width: 13px; height: 13px; }

/* Hero */

.ico-level-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: center;
  gap: clamp(42px, 7vw, 100px);
  min-height: 470px;
  padding: 58px clamp(34px, 5vw, 74px);
  overflow: hidden;
  border: 1px solid rgba(21, 84, 148, 0.12);
  border-radius: 34px;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.98), rgba(237, 245, 255, 0.94) 65%, rgba(243, 248, 232, 0.95));
  box-shadow: 0 25px 70px rgba(11, 53, 103, 0.1);
}

.ico-level-hero__copy {
  position: relative;
  z-index: 2;
  max-width: 740px;
}

.ico-level-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-bottom: 19px;
  padding: 0 14px;
  border: 1px solid #d7e4f2;
  border-radius: 999px;
  color: var(--ico-level-blue);
  background: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ico-level-kicker svg { width: 17px; height: 17px; }

.ico-level-arabic {
  display: block;
  margin-bottom: 7px;
  color: var(--ico-level-green-dark);
  font-family: "Noto Kufi Arabic", "Noto Sans Arabic", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 800;
  text-align: left;
}

.ico-level-hero h1 {
  margin-bottom: 20px;
  color: var(--ico-level-navy);
  font-size: clamp(45px, 5.2vw, 76px);
  line-height: 0.98;
  font-weight: 850;
  letter-spacing: -0.055em;
}

.ico-level-hero h1 span {
  display: block;
  color: var(--ico-level-blue);
}

.ico-level-hero__copy > p {
  max-width: 650px;
  margin-bottom: 0;
  color: var(--ico-level-muted);
  font-size: 16px;
  line-height: 1.75;
}

.ico-level-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 27px;
}

.ico-level-summary > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 35px;
  padding: 0 13px;
  border: 1px solid rgba(21, 84, 148, 0.1);
  border-radius: 999px;
  color: #64748a;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 6px 18px rgba(11, 53, 103, 0.04);
  font-size: 11px;
  font-weight: 750;
}

.ico-level-summary strong {
  color: var(--ico-level-blue);
  font-size: 13px;
  font-weight: 900;
}

.ico-level-hero__visual {
  position: relative;
  min-height: 350px;
  display: grid;
  place-items: center;
}

.ico-level-hero__visual::before,
.ico-level-hero__visual::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.ico-level-hero__visual::before {
  width: 330px;
  height: 330px;
  border: 1px solid rgba(21, 84, 148, 0.1);
  box-shadow: 0 0 0 34px rgba(21, 84, 148, 0.035), 0 0 0 68px rgba(155, 197, 61, 0.025);
}

.ico-level-hero__visual::after {
  width: 245px;
  height: 245px;
  background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95), rgba(194, 223, 250, 0.4));
  filter: drop-shadow(0 26px 45px rgba(11, 53, 103, 0.12));
}

.ico-level-seal {
  position: relative;
  z-index: 2;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(21, 84, 148, 0.16);
  border-radius: 50%;
  color: var(--ico-level-navy);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 0 0 11px rgba(237, 245, 255, 0.8), 0 22px 50px rgba(11, 53, 103, 0.13);
}

.ico-level-seal__eyebrow,
.ico-level-seal__caption {
  color: var(--ico-level-muted);
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ico-level-seal strong {
  margin: 10px 0 8px;
  color: var(--ico-level-blue);
  font-size: 69px;
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
}

.ico-level-spark {
  z-index: 3;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ico-level-green);
  box-shadow: 0 0 0 7px rgba(155, 197, 61, 0.12);
}

.ico-level-spark--one { top: 38px; right: 46px; }
.ico-level-spark--two { bottom: 48px; left: 41px; width: 7px; height: 7px; background: var(--ico-level-bright); }
.ico-level-spark--three { top: 122px; left: 18px; width: 5px; height: 5px; background: var(--ico-level-blue); }

/* Courses heading */

.ico-level-courses-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 34px;
  margin: 76px 0 24px;
}

.ico-level-courses-heading__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--ico-level-green-dark);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ico-level-courses-heading h2 {
  margin-bottom: 0;
  color: var(--ico-level-navy);
  font-size: clamp(29px, 3.3vw, 43px);
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.ico-level-courses-heading p {
  max-width: 540px;
  margin-bottom: 3px;
  color: var(--ico-level-muted);
  font-size: 14px;
  line-height: 1.65;
  text-align: right;
}

/* Dynamic LearnDash Course Grid */

.ico-level-page .elementor-widget-shortcode {
  width: min(calc(100% - 48px), 1340px);
  margin: 0 auto 96px;
}

.ico-level-page .ico-level-courses-grid,
.ico-level-page #ico-kg1-grid,
.ico-level-page .learndash-course-grid {
  width: 100%;
  max-width: 1340px;
  margin-inline: auto;
}

.ico-level-page .ico-level-courses-grid .items-wrapper,
.ico-level-page #ico-kg1-grid .items-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}

.ico-level-page .ico-level-courses-grid .items-wrapper > *,
.ico-level-page #ico-kg1-grid .items-wrapper > * {
  width: 100% !important;
  max-width: none !important;
  min-height: 385px;
  overflow: hidden;
  margin: 0 !important;
  border: 1px solid var(--ico-level-border) !important;
  border-radius: 27px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 18px 52px rgba(11, 53, 103, 0.085) !important;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.ico-level-page .ico-level-courses-grid .items-wrapper > *:hover,
.ico-level-page #ico-kg1-grid .items-wrapper > *:hover {
  transform: translateY(-5px);
  border-color: #c5d9ec !important;
  box-shadow: 0 26px 65px rgba(11, 53, 103, 0.13) !important;
}

/* List cards normally provide thumbnail and content columns. */
.ico-level-page .ico-level-courses-grid .items-wrapper.list > *,
.ico-level-page #ico-kg1-grid .items-wrapper.list > * {
  display: grid !important;
  grid-template-columns: minmax(250px, 34%) minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.ico-level-page .ico-level-courses-grid .thumbnail,
.ico-level-page .ico-level-courses-grid figure,
.ico-level-page #ico-kg1-grid .thumbnail,
.ico-level-page #ico-kg1-grid figure {
  min-height: 385px;
  margin: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 26px 0 0 26px !important;
  background: linear-gradient(145deg, #edf5ff, #f8fbff) !important;
}

.ico-level-page .ico-level-courses-grid .thumbnail a,
.ico-level-page .ico-level-courses-grid figure a,
.ico-level-page #ico-kg1-grid .thumbnail a,
.ico-level-page #ico-kg1-grid figure a {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 25px;
}

.ico-level-page .ico-level-courses-grid .thumbnail img,
.ico-level-page .ico-level-courses-grid figure img,
.ico-level-page #ico-kg1-grid .thumbnail img,
.ico-level-page #ico-kg1-grid figure img {
  width: 100% !important;
  height: 335px !important;
  max-height: 335px !important;
  display: block;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 15px;
}

.ico-level-page .ico-level-courses-grid .content,
.ico-level-page .ico-level-courses-grid .caption,
.ico-level-page #ico-kg1-grid .content,
.ico-level-page #ico-kg1-grid .caption {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(28px, 4vw, 54px) !important;
  background: transparent !important;
}

.ico-level-page .ico-level-courses-grid h3,
.ico-level-page .ico-level-courses-grid .entry-title,
.ico-level-page #ico-kg1-grid h3,
.ico-level-page #ico-kg1-grid .entry-title {
  margin: 0 0 14px !important;
  color: var(--ico-level-navy) !important;
  font-family: "Inter", "Manrope", Arial, sans-serif !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
}

.ico-level-page .ico-level-courses-grid h3 a,
.ico-level-page .ico-level-courses-grid .entry-title a,
.ico-level-page #ico-kg1-grid h3 a,
.ico-level-page #ico-kg1-grid .entry-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.ico-level-page .ico-level-courses-grid p,
.ico-level-page .ico-level-courses-grid .description,
.ico-level-page #ico-kg1-grid p,
.ico-level-page #ico-kg1-grid .description {
  color: var(--ico-level-muted) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.ico-level-page .ico-level-courses-grid .ribbon,
.ico-level-page #ico-kg1-grid .ribbon {
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: var(--ico-level-green-dark) !important;
  box-shadow: 0 8px 20px rgba(111, 152, 32, 0.2) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ico-level-page .ico-level-courses-grid .progress-bar,
.ico-level-page .ico-level-courses-grid .ld-progress,
.ico-level-page #ico-kg1-grid .progress-bar,
.ico-level-page #ico-kg1-grid .ld-progress {
  margin-top: 22px !important;
}

.ico-level-page .ico-level-courses-grid a.button,
.ico-level-page .ico-level-courses-grid .btn,
.ico-level-page .ico-level-courses-grid .learndash-wrapper .ld-button,
.ico-level-page #ico-kg1-grid a.button,
.ico-level-page #ico-kg1-grid .btn,
.ico-level-page #ico-kg1-grid .learndash-wrapper .ld-button {
  align-self: flex-start;
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 22px !important;
  padding: 0 19px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  background: var(--ico-level-blue) !important;
  box-shadow: 0 10px 24px rgba(21, 84, 148, 0.2) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  transition: transform 0.24s ease, background 0.24s ease;
}

.ico-level-page .ico-level-courses-grid a.button:hover,
.ico-level-page .ico-level-courses-grid .btn:hover,
.ico-level-page .ico-level-courses-grid .learndash-wrapper .ld-button:hover,
.ico-level-page #ico-kg1-grid a.button:hover,
.ico-level-page #ico-kg1-grid .btn:hover,
.ico-level-page #ico-kg1-grid .learndash-wrapper .ld-button:hover {
  transform: translateY(-2px);
  background: var(--ico-level-navy) !important;
}

/*
 * Course Grid 2.0 uses .list-1 > .post around the thumbnail/content.
 * These unscoped body.elementor-page-4973s also keep the card correct when Elementor places
 * the Shortcode widget just outside the container carrying ico-level-page.
 */
.learndash-course-grid.ico-level-courses-grid,
#ico-kg1-grid.learndash-course-grid {
  width: min(calc(100% - 48px), 1340px) !important;
  max-width: 1340px !important;
  margin: 0 auto 96px !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper,
#ico-kg1-grid.learndash-course-grid .items-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}

.ico-level-page .learndash-course-grid .items-wrapper > .list-1,
.learndash-course-grid.ico-level-courses-grid .items-wrapper > .list-1,
#ico-kg1-grid.learndash-course-grid .items-wrapper > .list-1 {
  width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .post,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .post {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(280px, 34%) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 385px;
  overflow: hidden;
  margin: 0 0 24px !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 27px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 52px rgba(11, 53, 103, 0.085) !important;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .post:hover,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .post:hover {
  transform: translateY(-5px);
  border-color: #c5d9ec !important;
  box-shadow: 0 26px 65px rgba(11, 53, 103, 0.13) !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .thumbnail,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .thumbnail {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 385px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 !important;
  padding: 25px !important;
  border-radius: 26px 0 0 26px !important;
  background: linear-gradient(145deg, #edf5ff, #f8fbff) !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .thumbnail a,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .thumbnail a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .thumbnail img,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .thumbnail img {
  width: 100% !important;
  height: 335px !important;
  max-height: 335px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 15px;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .content,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .content {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4vw, 56px) !important;
  background: transparent !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .entry-title,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .entry-title,
.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .entry-title a,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .entry-title a {
  color: #0b3567 !important;
  font-family: "Inter", "Manrope", Arial, sans-serif !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .entry-content,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .entry-content {
  color: #66758b !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .button-wrapper,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .button-wrapper {
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .content a.link,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .content a.link {
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #ffffff !important;
  background: #155494 !important;
  box-shadow: 0 10px 24px rgba(21, 84, 148, 0.2) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .content .button,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .content .button {
  margin: 0 !important;
}

.learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .ribbon,
#ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .ribbon {
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #6f9820 !important;
  box-shadow: 0 8px 20px rgba(111, 152, 32, 0.2) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .learndash-course-grid.ico-level-courses-grid,
  #ico-kg1-grid.learndash-course-grid {
    width: min(calc(100% - 28px), 1340px) !important;
    margin-bottom: 68px !important;
  }

  .learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .post,
  #ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .post {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0;
    border-radius: 22px !important;
  }

  .learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .thumbnail,
  #ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .thumbnail {
    min-height: 300px !important;
    border-radius: 21px 21px 0 0 !important;
  }

  .learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .thumbnail img,
  #ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .thumbnail img {
    height: 270px !important;
    max-height: 270px !important;
  }

  .learndash-course-grid.ico-level-courses-grid .items-wrapper .list-1 .content,
  #ico-kg1-grid.learndash-course-grid .items-wrapper .list-1 .content {
    padding: 28px 23px 31px !important;
  }
}

/* RTL */

html[dir="rtl"] .ico-level-page,
body.rtl .ico-level-page { direction: rtl; }

html[dir="rtl"] .ico-level-arabic,
body.rtl .ico-level-arabic { text-align: right; }

html[dir="rtl"] .ico-level-courses-heading p,
body.rtl .ico-level-courses-heading p { text-align: left; }

html[dir="rtl"] .ico-level-breadcrumb svg,
body.rtl .ico-level-breadcrumb svg { transform: scaleX(-1); }

html[dir="rtl"] .ico-level-page .ico-level-courses-grid .thumbnail,
html[dir="rtl"] .ico-level-page .ico-level-courses-grid figure,
html[dir="rtl"] .ico-level-page #ico-kg1-grid .thumbnail,
html[dir="rtl"] .ico-level-page #ico-kg1-grid figure,
body.rtl .ico-level-page .ico-level-courses-grid .thumbnail,
body.rtl .ico-level-page .ico-level-courses-grid figure,
body.rtl .ico-level-page #ico-kg1-grid .thumbnail,
body.rtl .ico-level-page #ico-kg1-grid figure {
  border-radius: 0 26px 26px 0 !important;
}

html[dir="rtl"] .ico-level-page .ico-level-courses-grid .ribbon,
html[dir="rtl"] .ico-level-page #ico-kg1-grid .ribbon,
body.rtl .ico-level-page .ico-level-courses-grid .ribbon,
body.rtl .ico-level-page #ico-kg1-grid .ribbon {
  right: auto !important;
  left: 20px !important;
}

/* Responsive */

@media (max-width: 1024px) {
  .ico-level-hero {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 35px;
    padding: 48px 42px;
  }

  .ico-level-hero__visual { min-height: 315px; }
  .ico-level-hero__visual::before { width: 285px; height: 285px; }
  .ico-level-hero__visual::after { width: 220px; height: 220px; }
  .ico-level-seal { width: 188px; height: 188px; }
  .ico-level-seal strong { font-size: 61px; }
}

@media (max-width: 767px) {
  .ico-level-intro { padding: 30px 0 24px; }
  .ico-level-shell { width: min(calc(100% - 28px), 1340px); }
  .ico-level-breadcrumb { margin-bottom: 28px; font-size: 10px; gap: 7px; }

  .ico-level-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 32px;
    padding: 36px 24px 32px;
    border-radius: 25px;
  }

  .ico-level-hero h1 { font-size: clamp(42px, 13vw, 57px); }
  .ico-level-hero__copy > p { font-size: 14px; line-height: 1.7; }
  .ico-level-summary { gap: 7px; }
  .ico-level-summary > span { min-height: 32px; padding: 0 10px; font-size: 10px; }

  .ico-level-hero__visual { min-height: 260px; }
  .ico-level-hero__visual::before { width: 240px; height: 240px; }
  .ico-level-hero__visual::after { width: 190px; height: 190px; }
  .ico-level-seal { width: 164px; height: 164px; }
  .ico-level-seal strong { font-size: 54px; }
  .ico-level-spark--one { right: 12%; }
  .ico-level-spark--two { left: 11%; }

  .ico-level-courses-heading {
    display: block;
    margin: 54px 0 20px;
  }

  .ico-level-courses-heading p {
    max-width: none;
    margin-top: 12px;
    text-align: left;
  }

  html[dir="rtl"] .ico-level-courses-heading p,
  body.rtl .ico-level-courses-heading p { text-align: right; }

  .ico-level-page .elementor-widget-shortcode {
    width: min(calc(100% - 28px), 1340px);
    margin-bottom: 68px;
  }

  .ico-level-page .ico-level-courses-grid .items-wrapper > *,
  .ico-level-page #ico-kg1-grid .items-wrapper > *,
  .ico-level-page .ico-level-courses-grid .items-wrapper.list > *,
  .ico-level-page #ico-kg1-grid .items-wrapper.list > * {
    min-height: 0;
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  .ico-level-page .ico-level-courses-grid .thumbnail,
  .ico-level-page .ico-level-courses-grid figure,
  .ico-level-page #ico-kg1-grid .thumbnail,
  .ico-level-page #ico-kg1-grid figure,
  html[dir="rtl"] .ico-level-page .ico-level-courses-grid .thumbnail,
  html[dir="rtl"] .ico-level-page .ico-level-courses-grid figure,
  html[dir="rtl"] .ico-level-page #ico-kg1-grid .thumbnail,
  html[dir="rtl"] .ico-level-page #ico-kg1-grid figure,
  body.rtl .ico-level-page .ico-level-courses-grid .thumbnail,
  body.rtl .ico-level-page .ico-level-courses-grid figure,
  body.rtl .ico-level-page #ico-kg1-grid .thumbnail,
  body.rtl .ico-level-page #ico-kg1-grid figure {
    min-height: 300px;
    border-radius: 21px 21px 0 0 !important;
  }

  .ico-level-page .ico-level-courses-grid .thumbnail img,
  .ico-level-page .ico-level-courses-grid figure img,
  .ico-level-page #ico-kg1-grid .thumbnail img,
  .ico-level-page #ico-kg1-grid figure img {
    height: 270px !important;
    max-height: 270px !important;
  }

  .ico-level-page .ico-level-courses-grid .content,
  .ico-level-page .ico-level-courses-grid .caption,
  .ico-level-page #ico-kg1-grid .content,
  .ico-level-page #ico-kg1-grid .caption {
    padding: 27px 23px 30px !important;
  }

  .ico-level-page .ico-level-courses-grid h3,
  .ico-level-page .ico-level-courses-grid .entry-title,
  .ico-level-page #ico-kg1-grid h3,
  .ico-level-page #ico-kg1-grid .entry-title {
    font-size: 25px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ico-level-page .ico-level-courses-grid .items-wrapper > *,
  .ico-level-page #ico-kg1-grid .items-wrapper > *,
  .ico-level-page .ico-level-courses-grid a.button,
  .ico-level-page #ico-kg1-grid a.button {
    transition: none;
  }
}/* End custom CSS */