/* Start custom CSS for html, class: .elementor-element-0b5fb88 *//* =========================================================
   MIGR8 - GERMAN LANGUAGE COURSE PAGE
   Unique prefix: gl-ge-

   Brand Colors:
   Orange: #FF9E20
   Teal:   #215E61
   Dark:   #1D2128
   Light:  #F4F2F2
========================================================= */

.gl-german-page {

  --ge-orange: #FF9E20;
  --ge-teal: #215E61;
  --ge-dark: #1D2128;
  --ge-light: #F4F2F2;
  --ge-white: #FFFFFF;
  --ge-text: #62676B;
  --ge-border: #E5E5E4;

  font-family: Arial, Helvetica, sans-serif;

  color: var(--ge-dark);

  line-height: 1.7;

  background: var(--ge-white);

}


.gl-german-page *,
.gl-german-page *::before,
.gl-german-page *::after {
  box-sizing: border-box;
}


.gl-german-page a {
  text-decoration: none !important;
}


.gl-ge-container {

  width: min(1180px, calc(100% - 40px));

  margin: 0 auto;

}


/* =========================================================
   HERO
========================================================= */

.gl-ge-hero {

  position: relative;

  min-height: 650px;

  display: flex;

  align-items: center;

  overflow: hidden;

  background: var(--ge-dark);

}


.gl-ge-hero-pattern {

  position: absolute;

  inset: 0;

  background:
    radial-gradient(
      circle at 80% 20%,
      rgba(255,158,32,.24),
      transparent 28%
    ),
    radial-gradient(
      circle at 20% 100%,
      rgba(33,94,97,.45),
      transparent 35%
    );

}


.gl-ge-hero-pattern::before {

  content: "";

  position: absolute;

  width: 650px;
  height: 650px;

  right: -280px;
  top: -200px;

  border: 1px solid rgba(255,255,255,.08);

  border-radius: 50%;

}


.gl-ge-hero-pattern::after {

  content: "";

  position: absolute;

  width: 390px;
  height: 390px;

  right: 100px;
  bottom: -300px;

  border: 1px solid rgba(255,255,255,.07);

  border-radius: 50%;

}


.gl-ge-hero-grid {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns: 1.25fr .75fr;

  align-items: center;

  gap: 75px;

  padding: 100px 0;

}


.gl-ge-hero-content {

  color: var(--ge-white);

}


.gl-ge-eyebrow {

  display: inline-block;

  margin-bottom: 22px;

  padding: 7px 14px;

  border: 1px solid rgba(255,158,32,.65);

  border-radius: 50px;

  color: var(--ge-orange);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1.5px;

}


.gl-ge-hero h1 {

  max-width: 800px;

  margin: 0 0 22px;

  color: var(--ge-white);

  font-size: clamp(43px, 6vw, 70px);

  line-height: 1.04;

  letter-spacing: -2px;

}


.gl-ge-hero-lead {

  max-width: 760px;

  margin: 0 0 15px;

  color: rgba(255,255,255,.84);

  font-size: 18px;

}


.gl-ge-hero-small {

  max-width: 730px;

  margin: 0;

  color: rgba(255,255,255,.58);

  font-size: 14px;

}


.gl-ge-hero-buttons {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 32px;

}


.gl-ge-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 51px;

  padding: 13px 24px;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 800;

  transition: .25s ease;

}


.gl-ge-btn-primary {

  background: var(--ge-orange);

  color: var(--ge-dark) !important;

}


.gl-ge-btn-primary:hover {

  transform: translateY(-3px);

  box-shadow:
    0 12px 30px rgba(255,158,32,.25);

}


.gl-ge-btn-outline {

  border: 1px solid rgba(255,255,255,.35);

  background: rgba(255,255,255,.05);

  color: var(--ge-white) !important;

}


.gl-ge-btn-outline:hover {

  background: var(--ge-white);

  color: var(--ge-dark) !important;

}


.gl-ge-hero-points {

  display: flex;

  flex-wrap: wrap;

  gap: 8px 22px;

  margin-top: 30px;

  color: rgba(255,255,255,.65);

  font-size: 12px;

}


/* Hero Card */

.gl-ge-hero-side {

  display: flex;

  justify-content: flex-end;

}


.gl-ge-german-card {

  width: 100%;

  max-width: 400px;

  padding: 42px 35px;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius: 22px;

  background:
    rgba(255,255,255,.06);

  backdrop-filter: blur(10px);

  color: var(--ge-white);

}


.gl-ge-flag {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 78px;
  height: 78px;

  margin-bottom: 24px;

  border-radius: 20px;

  background: var(--ge-orange);

  font-size: 40px;

}


.gl-ge-card-label {

  color: var(--ge-orange);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.3px;

}


.gl-ge-german-card h2 {

  margin: 10px 0;

  color: var(--ge-white);

  font-size: 32px;

  line-height: 1.2;

}


.gl-ge-german-card p {

  margin: 0;

  color: rgba(255,255,255,.66);

  font-size: 14px;

}


.gl-ge-levels-mini {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  gap: 8px;

  margin-top: 25px;

}


.gl-ge-levels-mini span {

  padding: 9px;

  border-radius: 6px;

  background: rgba(255,255,255,.08);

  text-align: center;

  color: var(--ge-white);

  font-size: 12px;

  font-weight: 800;

}


.gl-ge-card-bottom {

  margin-top: 20px;

  padding-top: 17px;

  border-top: 1px solid rgba(255,255,255,.1);

  color: var(--ge-orange);

  font-size: 12px;

  font-weight: 800;

}


/* =========================================================
   GENERAL HEADINGS
========================================================= */

.gl-ge-section-label {

  display: inline-block;

  margin-bottom: 13px;

  color: var(--ge-orange);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1.4px;

}


.gl-ge-heading {

  max-width: 800px;

  margin: 0 auto 55px;

  text-align: center;

}


.gl-ge-heading h2,
.gl-ge-intro h2,
.gl-ge-institute-content h2,
.gl-ge-skills-intro h2,
.gl-ge-cta h2 {

  margin: 0 0 18px;

  color: var(--ge-dark);

  font-size: clamp(32px,4vw,48px);

  line-height: 1.13;

  letter-spacing: -1px;

}


.gl-ge-heading p {

  margin: 0;

  color: var(--ge-text);

  font-size: 16px;

}


/* =========================================================
   INTRO
========================================================= */

.gl-ge-intro {

  padding: 105px 0;

  background: var(--ge-white);

}


.gl-ge-intro-grid {

  display: grid;

  grid-template-columns: 1.2fr .8fr;

  gap: 70px;

  align-items: center;

}


.gl-ge-intro-content p {

  margin: 0 0 18px;

  color: var(--ge-text);

  font-size: 16px;

}


.gl-ge-intro-content strong {

  color: var(--ge-teal);

}


.gl-ge-purpose-card {

  position: relative;

  padding: 38px;

  border: 1px solid var(--ge-border);

  border-radius: 20px;

  background: var(--ge-light);

}


.gl-ge-purpose-card::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 75px;

  height: 5px;

  border-radius: 20px 0 10px 0;

  background: var(--ge-orange);

}


.gl-ge-purpose-icon {

  display: block;

  margin-bottom: 13px;

  font-size: 38px;

}


.gl-ge-purpose-card h3 {

  margin: 0 0 8px;

  font-size: 24px;

  line-height: 1.2;

}


.gl-ge-purpose-card p {

  margin: 0;

  color: var(--ge-text);

  font-size: 14px;

}


.gl-ge-purpose-card ul {

  margin: 20px 0;

  padding: 0;

  list-style: none;

}


.gl-ge-purpose-card li {

  position: relative;

  padding: 7px 0 7px 22px;

  border-bottom: 1px solid #dededd;

  color: #5d6265;

  font-size: 13px;

}


.gl-ge-purpose-card li::before {

  content: "✓";

  position: absolute;

  left: 0;

  color: var(--ge-orange);

  font-weight: 900;

}


.gl-ge-purpose-card > a {

  color: var(--ge-teal) !important;

  font-size: 13px;

  font-weight: 800;

}


/* =========================================================
   LEVELS
========================================================= */

.gl-ge-level-section {

  padding: 105px 0;

  background: var(--ge-light);

}


.gl-ge-level-grid {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  gap: 22px;

}


.gl-ge-level-card {

  display: flex;

  flex-direction: column;

  min-height: 530px;

  padding: 30px;

  border: 1px solid var(--ge-border);

  border-radius: 18px;

  background: var(--ge-white);

  transition: .3s ease;

}


.gl-ge-level-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 18px 45px rgba(29,33,40,.10);

}


.gl-ge-level-highlight {

  border:
    2px solid var(--ge-teal);

}


.gl-ge-card-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 22px;

}


.gl-ge-number {

  color: #a5a7a8;

  font-size: 12px;

  font-weight: 800;

}


.gl-ge-level-tag {

  padding: 6px 11px;

  border-radius: 30px;

  background: rgba(255,158,32,.13);

  color: #a65d00;

  font-size: 11px;

  font-weight: 800;

}


.gl-ge-level-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 65px;

  height: 65px;

  margin-bottom: 20px;

  border-radius: 16px;

  background: var(--ge-light);

  font-size: 30px;

}


.gl-ge-level-card h3 {

  margin: 0 0 13px;

  color: var(--ge-dark);

  font-size: 22px;

  line-height: 1.25;

}


.gl-ge-level-card p {

  margin: 0 0 13px;

  color: var(--ge-text);

  font-size: 14px;

}


.gl-ge-skill-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin: 10px 0 20px;

}


.gl-ge-skill-tags span {

  padding: 5px 8px;

  border-radius: 5px;

  background: #f5f5f4;

  color: #666b6e;

  font-size: 10px;

  font-weight: 700;

}


.gl-ge-level-card > a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: auto;

  padding-top: 16px;

  border-top: 1px solid #ededed;

  color: var(--ge-teal) !important;

  font-size: 13px;

  font-weight: 800;

}


/* =========================================================
   WHY GERMAN
========================================================= */

.gl-ge-why-german {

  padding: 105px 0;

  background: var(--ge-white);

}


.gl-ge-benefit-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 16px;

}


.gl-ge-benefit {

  display: grid;

  grid-template-columns: 48px 1fr;

  gap: 18px;

  padding: 25px;

  border: 1px solid var(--ge-border);

  border-radius: 14px;

  background: var(--ge-white);

  transition: .25s ease;

}


.gl-ge-benefit:hover {

  border-color: var(--ge-orange);

  transform: translateY(-4px);

}


.gl-ge-benefit > span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 45px;
  height: 45px;

  border-radius: 10px;

  background: var(--ge-teal);

  color: var(--ge-white);

  font-size: 11px;

  font-weight: 800;

}


.gl-ge-benefit h3 {

  margin: 0 0 6px;

  font-size: 19px;

}


.gl-ge-benefit p {

  margin: 0;

  color: var(--ge-text);

  font-size: 13px;

}


/* =========================================================
   INSTITUTE
========================================================= */

.gl-ge-institute {

  padding: 105px 0;

  background: var(--ge-light);

}


.gl-ge-institute-grid {

  display: grid;

  grid-template-columns: .85fr 1.15fr;

  gap: 70px;

  align-items: center;

}


.gl-ge-image-box {

  position: relative;

  overflow: hidden;

  border-radius: 22px;

}


.gl-ge-image-box img {

  display: block;

  width: 100%;

  height: 560px;

  object-fit: cover;

}


.gl-ge-image-badge {

  position: absolute;

  left: 22px;

  bottom: 22px;

  padding: 14px 18px;

  border-radius: 10px;

  background: rgba(29,33,40,.91);

  color: var(--ge-white);

}


.gl-ge-image-badge strong {

  display: block;

  color: var(--ge-orange);

  font-size: 20px;

}


.gl-ge-image-badge span {

  display: block;

  color: rgba(255,255,255,.7);

  font-size: 11px;

}


.gl-ge-institute-content p {

  margin: 0 0 18px;

  color: var(--ge-text);

  font-size: 15px;

}


.gl-ge-institute-content strong {

  color: var(--ge-teal);

}


.gl-ge-check-list {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 9px;

  margin-top: 25px;

}


.gl-ge-check-list span {

  padding: 11px 13px;

  border-radius: 7px;

  background: var(--ge-white);

  color: #5b6063;

  font-size: 12px;

  font-weight: 700;

}


/* =========================================================
   PITAMPURA
========================================================= */

.gl-ge-pitampura {

  padding: 90px 0;

  background: var(--ge-white);

}


.gl-ge-pitampura-box {

  display: grid;

  grid-template-columns: 1.2fr .8fr;

  gap: 55px;

  padding: 55px;

  border-radius: 24px;

  background: var(--ge-dark);

}


.gl-ge-pitampura-main {

  color: var(--ge-white);

}


.gl-ge-pitampura-main h2 {

  margin: 0 0 18px;

  color: var(--ge-white);

  font-size: clamp(31px,4vw,46px);

  line-height: 1.15;

}


.gl-ge-pitampura-main p {

  color: rgba(255,255,255,.68);

  font-size: 14px;

}


.gl-ge-pitampura-main strong {

  color: var(--ge-orange);

}


.gl-ge-location-card {

  align-self: center;

  padding: 30px;

  border: 1px solid rgba(255,255,255,.11);

  border-radius: 16px;

  background: rgba(255,255,255,.05);

}


.gl-ge-location-icon {

  margin-bottom: 10px;

  font-size: 32px;

}


.gl-ge-location-card h3 {

  margin: 0 0 8px;

  color: var(--ge-white);

  font-size: 21px;

}


.gl-ge-location-card p {

  margin: 0 0 17px;

  color: rgba(255,255,255,.65);

  font-size: 13px;

}


.gl-ge-location-card a {

  display: block;

  margin-top: 6px;

  color: var(--ge-orange) !important;

  font-size: 13px;

  font-weight: 800;

}


/* =========================================================
   SKILLS
========================================================= */

.gl-ge-skills {

  padding: 105px 0;

  background: var(--ge-dark);

}


.gl-ge-skills-grid {

  display: grid;

  grid-template-columns: .75fr 1.25fr;

  gap: 70px;

  align-items: start;

}


.gl-ge-skills-intro {

  position: sticky;

  top: 30px;

}


.gl-ge-skills-intro h2 {

  color: var(--ge-white);

}


.gl-ge-skills-intro p {

  color: rgba(255,255,255,.63);

  font-size: 14px;

}


.gl-ge-skill-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;

}


.gl-ge-skill-grid > div {

  padding: 25px;

  border:
    1px solid rgba(255,255,255,.1);

  border-radius: 14px;

  background:
    rgba(255,255,255,.04);

}


.gl-ge-skill-grid span {

  color: var(--ge-orange);

  font-size: 11px;

  font-weight: 800;

}


.gl-ge-skill-grid h3 {

  margin: 8px 0 6px;

  color: var(--ge-white);

  font-size: 19px;

}


.gl-ge-skill-grid p {

  margin: 0;

  color: rgba(255,255,255,.59);

  font-size: 12px;

}


/* =========================================================
   GERMANY SECTION
========================================================= */

.gl-ge-germany {

  padding: 105px 0;

  background: var(--ge-light);

}


.gl-ge-germany-grid {

  display: grid;

  grid-template-columns: repeat(4,1fr);

  gap: 17px;

}


.gl-ge-germany-card {

  display: flex;

  flex-direction: column;

  padding: 27px;

  border: 1px solid var(--ge-border);

  border-radius: 15px;

  background: var(--ge-white);

  transition: .25s ease;

}


.gl-ge-germany-card:hover {

  transform: translateY(-5px);

  border-color: var(--ge-orange);

}


.gl-ge-germany-number {

  color: var(--ge-orange);

  font-size: 12px;

  font-weight: 800;

}


.gl-ge-germany-card h3 {

  margin: 10px 0 8px;

  font-size: 19px;

  line-height: 1.25;

}


.gl-ge-germany-card p {

  margin: 0 0 20px;

  color: var(--ge-text);

  font-size: 13px;

}


.gl-ge-germany-card a {

  margin-top: auto;

  color: var(--ge-teal) !important;

  font-size: 12px;

  font-weight: 800;

}


/* =========================================================
   RELATED COURSES
========================================================= */

.gl-ge-related {

  padding: 105px 0;

  background: var(--ge-white);

}


.gl-ge-related-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;

  max-width: 950px;

  margin: 0 auto;

}


.gl-ge-related-card {

  display: grid;

  grid-template-columns: 50px 1fr 25px;

  align-items: center;

  gap: 14px;

  padding: 18px;

  border: 1px solid var(--ge-border);

  border-radius: 12px;

  background: var(--ge-white);

  transition: .25s ease;

}


.gl-ge-related-card:hover {

  transform: translateY(-4px);

  border-color: var(--ge-orange);

  box-shadow:
    0 10px 25px rgba(29,33,40,.07);

}


.gl-ge-related-card > span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 45px;
  height: 45px;

  border-radius: 10px;

  background: var(--ge-light);

  font-size: 22px;

}


.gl-ge-related-card strong {

  display: block;

  color: var(--ge-dark);

  font-size: 14px;

}


.gl-ge-related-card small {

  display: block;

  margin-top: 2px;

  color: var(--ge-text);

  font-size: 11px;

}


.gl-ge-related-card b {

  color: var(--ge-orange);

  font-size: 20px;

}


/* =========================================================
   FAQ
========================================================= */

.gl-ge-faq {

  padding: 105px 0;

  background: var(--ge-light);

}


.gl-ge-faq-list {

  max-width: 950px;

  margin: 0 auto;

}


.gl-ge-faq details {

  margin-bottom: 11px;

  border: 1px solid var(--ge-border);

  border-radius: 11px;

  background: var(--ge-white);

  overflow: hidden;

}


.gl-ge-faq summary {

  position: relative;

  padding: 20px 55px 20px 22px;

  cursor: pointer;

  list-style: none;

  color: var(--ge-dark);

  font-size: 15px;

  font-weight: 800;

}


.gl-ge-faq summary::-webkit-details-marker {

  display: none;

}


.gl-ge-faq summary::after {

  content: "+";

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  color: var(--ge-orange);

  font-size: 24px;

  font-weight: 400;

}


.gl-ge-faq details[open] summary::after {

  content: "−";

}


.gl-ge-faq details p {

  margin: 0;

  padding: 0 22px 22px;

  color: var(--ge-text);

  font-size: 13px;

}


.gl-ge-faq details p a {

  color: var(--ge-teal) !important;

  font-weight: 700;

}


/* =========================================================
   CTA
========================================================= */

.gl-ge-cta {

  padding: 90px 0;

  background: var(--ge-white);

}


.gl-ge-cta-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 50px;

  padding: 55px;

  border-radius: 25px;

  background:
    linear-gradient(
      120deg,
      var(--ge-teal),
      #17494c
    );

}


.gl-ge-cta-content {

  max-width: 720px;

}


.gl-ge-cta h2 {

  color: var(--ge-white);

}


.gl-ge-cta p {

  margin: 0;

  color: rgba(255,255,255,.68);

  font-size: 14px;

}


.gl-ge-cta-buttons {

  display: flex;

  flex-direction: column;

  gap: 12px;

  min-width: 210px;

}


.gl-ge-btn-white {

  background: var(--ge-white);

  color: var(--ge-dark) !important;

}


.gl-ge-btn-white:hover {

  transform: translateY(-3px);

}


/* =========================================================
   FINAL
========================================================= */

.gl-ge-final {

  padding: 65px 0;

  background: var(--ge-dark);

  text-align: center;

}


.gl-ge-final h2 {

  margin: 0 0 10px;

  color: var(--ge-white);

  font-size: 29px;

}


.gl-ge-final p {

  max-width: 650px;

  margin: 0 auto 15px;

  color: rgba(255,255,255,.6);

  font-size: 13px;

}


.gl-ge-final a {

  color: var(--ge-orange) !important;

  font-size: 14px;

  font-weight: 800;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

  .gl-ge-hero-grid {

    grid-template-columns: 1fr;

    gap: 45px;

  }


  .gl-ge-hero-side {

    justify-content: flex-start;

  }


  .gl-ge-level-grid {

    grid-template-columns: 1fr 1fr;

  }


  .gl-ge-germany-grid {

    grid-template-columns: 1fr 1fr;

  }


  .gl-ge-institute-grid {

    grid-template-columns: 1fr;

  }


  .gl-ge-image-box img {

    height: 500px;

  }


  .gl-ge-skills-grid {

    grid-template-columns: 1fr;

  }


  .gl-ge-skills-intro {

    position: static;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

  .gl-ge-container {

    width: min(100% - 28px, 1180px);

  }


  .gl-ge-hero {

    min-height: auto;

  }


  .gl-ge-hero-grid {

    padding: 70px 0;

  }


  .gl-ge-hero h1 {

    font-size: 39px;

    letter-spacing: -1px;

  }


  .gl-ge-hero-lead {

    font-size: 16px;

  }


  .gl-ge-hero-buttons {

    flex-direction: column;

  }


  .gl-ge-btn {

    width: 100%;

  }


  .gl-ge-hero-points {

    flex-direction: column;

    gap: 6px;

  }


  .gl-ge-intro,
  .gl-ge-level-section,
  .gl-ge-why-german,
  .gl-ge-institute,
  .gl-ge-skills,
  .gl-ge-germany,
  .gl-ge-related,
  .gl-ge-faq {

    padding: 75px 0;

  }


  .gl-ge-intro-grid {

    grid-template-columns: 1fr;

    gap: 40px;

  }


  .gl-ge-heading {

    margin-bottom: 40px;

  }


  .gl-ge-heading h2,
  .gl-ge-intro h2,
  .gl-ge-institute-content h2,
  .gl-ge-skills-intro h2,
  .gl-ge-cta h2 {

    font-size: 32px;

  }


  .gl-ge-level-grid,
  .gl-ge-benefit-grid,
  .gl-ge-germany-grid,
  .gl-ge-related-grid {

    grid-template-columns: 1fr;

  }


  .gl-ge-level-card {

    min-height: auto;

  }


  .gl-ge-image-box img {

    height: 380px;

  }


  .gl-ge-check-list {

    grid-template-columns: 1fr;

  }


  .gl-ge-pitampura {

    padding: 65px 0;

  }


  .gl-ge-pitampura-box {

    grid-template-columns: 1fr;

    padding: 35px 25px;

    gap: 35px;

  }


  .gl-ge-skill-grid {

    grid-template-columns: 1fr;

  }


  .gl-ge-cta {

    padding: 65px 0;

  }


  .gl-ge-cta-box {

    flex-direction: column;

    align-items: flex-start;

    padding: 35px 25px;

  }


  .gl-ge-cta-buttons {

    width: 100%;

  }


  .gl-ge-final {

    padding: 50px 0;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .gl-ge-hero h1 {

    font-size: 34px;

  }


  .gl-ge-german-card {

    padding: 30px 23px;

  }


  .gl-ge-purpose-card {

    padding: 28px;

  }


  .gl-ge-level-card {

    padding: 24px;

  }


  .gl-ge-benefit {

    grid-template-columns: 42px 1fr;

    gap: 13px;

    padding: 20px;

  }


  .gl-ge-related-card {

    grid-template-columns: 43px 1fr 20px;

    padding: 15px;

  }

}/* End custom CSS */