.elementor-4725 .elementor-element.elementor-element-4595e1ac{--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;}.elementor-4725 .elementor-element.elementor-element-615672e{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-460a3e5e *//* BASMALL FÖR ALLA KURSER */
.hb-course-hero {
  width: 100%;
  padding: 100px 0 120px 0;
  border-bottom: 3px solid var(--accent);
  background: var(--bg);
}

.hb-course-hero-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}

.hb-course-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 48px;
  color: var(--title);
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.hb-course-sub {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.6;
  color: var(--text);
  opacity: 0.85;
}

/* MOBIL */
@media (max-width: 768px) {
  .hb-course-hero {
    padding: 70px 0 90px 0;
  }
  .hb-course-title {
    font-size: 34px;
  }
  .hb-course-sub {
    font-size: 16px;
  }
}

/* FÄRGTEMAN FÖR KURSER */

/* 1. FÅ DET GJORT – Oxidröd */
.hb-color-PRIMARY {
  --bg: #F7F3EE;
  --accent: #8A2A1A;
  --title: #8A2A1A;
  --text: #2A2A2A;
}

/* 2. KLARHET – Solgul */
.hb-color-YELLOW {
  --bg: #FFF8E3;
  --accent: #E8B43C;
  --title: #E8B43C;
  --text: #2A2A2A;
}

/* 3. NATUR & KROPP – Jordgrön */
.hb-color-GREEN {
  --bg: #F3F7F1;
  --accent: #4F6B3C;
  --title: #4F6B3C;
  --text: #2A2A2A;
}

/* 4. RELATION & MOD – Blågrå */
.hb-color-BLUE {
  --bg: #EEF3F7;
  --accent: #3A5A78;
  --title: #3A5A78;
  --text: #2A2A2A;
}/* End custom CSS */