.elementor-5755 .elementor-element.elementor-element-40436a6{--display:flex;--min-height:123px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5755 .elementor-element.elementor-element-8763a71{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5755 .elementor-element.elementor-element-f7a1184{--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-5755 .elementor-element.elementor-element-98c99c7{--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-5755 .elementor-element.elementor-element-b5aa42b{--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-5755 .elementor-element.elementor-element-f257f14{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5755 .elementor-element.elementor-element-261d2d8 > .elementor-widget-container{margin:-58px 3px 14px 3px;padding:0px 0px 0px 0px;}.elementor-5755 .elementor-element.elementor-element-261d2d8.elementor-element{--align-self:center;}.elementor-5755 .elementor-element.elementor-element-261d2d8 .elementor-heading-title{color:#D4DEE2;}.elementor-5755 .elementor-element.elementor-element-6177a667{--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-5755 .elementor-element.elementor-element-19b046cf.elementor-element{--align-self:center;}.elementor-5755 .elementor-element.elementor-element-0838544{--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;}@media(min-width:768px){.elementor-5755 .elementor-element.elementor-element-40436a6{--content-width:745px;}.elementor-5755 .elementor-element.elementor-element-8763a71{--width:25%;}.elementor-5755 .elementor-element.elementor-element-f7a1184{--width:25%;}.elementor-5755 .elementor-element.elementor-element-98c99c7{--width:25%;}.elementor-5755 .elementor-element.elementor-element-b5aa42b{--width:25%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-40436a6 *//* Sidhuvud – Livsdesign 2030 */
.livsdesign-header {
  background-color: #2b3035;
  background-image: linear-gradient(
    135deg,
    #2b3035 0%,
    #324047 25%,
    #2f5f5a 55%,
    #2f7f76 80%,
    #3fa59a 100%
  );
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  padding: 50px 5vw 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 18px;
}

/* Rad med de fyra rummen */
.livsdesign-header .avatar-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.livsdesign-header .avatar-row img {
  max-height: 120px;
  height: auto;
}

/* Rubriken under avatarerna */
.livsdesign-header .livsdesign-title {
  font-size: 42px;
  font-weight: 600;
  color: #f7f9fa;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d6bfa9 *//* Sektion – luft och balans */
.hb-icons {
  text-align: center;
  padding: 4rem 1.5rem;
}

/* Grid – modern, luftig, premium */
.hb-icon-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
  max-width: 1000px;
  margin: 3rem auto 0;
}

/* Kort – minimalistiskt, svävande */
.hb-icon-card {
  background: #fff;
  border-radius: 20px;
  padding: 1.75rem 1.25rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  transition: all 0.25s ease;
}

.hb-icon-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 40px rgba(0,0,0,0.08);
}

/* Bild – mindre, elegant, centrerad */
.hb-icon-image img {
  max-width: 68px;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

/* Rubrik – modern typografi */
.hb-icon-card h3 {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
  font-weight: 600;
}

/* Text – mjuk, varm, läsbar */
.hb-icon-card p {
  font-size: 0.9rem;
  line-height: 1.55;
  color: #444;
}

/* Mobil – två kolumner */
@media (max-width: 900px) {
  .hb-icon-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}

/* Extra liten mobil – en kolumn */
@media (max-width: 550px) {
  .hb-icon-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .hb-icon-image img {
    max-width: 60px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0838544 *//* Sidhuvud – Livsdesign 2030 */
.livsdesign-header {
  /* Grundfärg om gradient inte laddas */
  background-color: #2b3035;

  /* Mjuk blyertsgrå → havsgrön/turkos */
  background-image: linear-gradient(
    135deg,
    #2b3035 0%,
    #324047 25%,
    #2f5f5a 55%,
    #2f7f76 80%,
    #3fa59a 100%
  );

  /* Lite djup */
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);

  /* Luft runt innehållet */
  padding: 40px 5vw;

  /* Så att bilder och rubrik centreras snyggt */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;

  /* Rundade hörn om du vill ha “kort”-känsla */
  border-radius: 18px;
}

/* Rubrik i sidhuvudet */
.livsdesign-header h1,
.livsdesign-header .elementor-heading-title {
  color: #f7f9fa;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

/* Rad med de fyra avatarerna */
.livsdesign-header .avatar-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
}

.livsdesign-header .avatar-row img {
  max-height: 120px;
  height: auto;
}/* End custom CSS */