.elementor-27545 .elementor-element.elementor-element-0ca33ad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-27545 .elementor-element.elementor-element-c05d896{text-align:center;}.elementor-27545 .elementor-element.elementor-element-c05d896 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27545 .elementor-element.elementor-element-008a34e{text-align:center;}.elementor-27545 .elementor-element.elementor-element-daf20be{--spacer-size:50px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-27545 .elementor-element.elementor-element-aadeed6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-27545 .elementor-element.elementor-element-aadeed6 .elementor-divider-separator{width:100%;}.elementor-27545 .elementor-element.elementor-element-aadeed6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27545 .elementor-element.elementor-element-d1bca5c{--spacer-size:50px;}.elementor-27545 .elementor-element.elementor-element-0afe137{--display:flex;--min-height:auto;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27545 .elementor-element.elementor-element-0afe137:not(.elementor-motion-effects-element-type-background), .elementor-27545 .elementor-element.elementor-element-0afe137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}body.elementor-page-27545{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-27545 .elementor-element.elementor-element-0afe137{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-27545 .elementor-element.elementor-element-c05d896 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-27545 .elementor-element.elementor-element-c05d896 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for container, class: .elementor-element-0afe137 *//*
    Theme Name:   Hello Biz Child
    Theme URI:    https://example.com/hello-biz-child
    Description:  Child theme for Hello Biz
    Author:       Alexander Pedersen
    Template:     hello-biz
    Version:      1.0.0
    Last Update: 2025-07-29:10:32:00
*/



@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
  /* colors */
  --primary: #1c1c1c;
  --secondary: #002C15;
  --text: #EDEDED;
  --accent: #C3F53C;

  /* gap scales between 8px and 24px as viewport grows */
  --grid-gap: clamp(8px, 2vw, 24px);

  /* each tier-column is at least 80px, up to 125px */
  --grid-rows-size: clamp(80px, 15vw, 125px);

  /* header font: from 1.25rem→1.5rem */
  --font-size-header: clamp(0.85rem, 2.5vw, 1.5rem);

  /* category title font: from 1rem→1.25rem */
  --font-size-category: clamp(1rem, 2vw, 1.25rem);
  
  /* Category name cells*/
  --font-size-cell: clamp(0.8rem, 1.5vw, 1rem);
}

/*
 *
 *
 * FONTS
 *
 *
*/
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/*
 * Font End.
*/

.features-wrapper {
    background-color: var(--primary);
}

.features-container {
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
}

.pricing-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    gap: 1rem;
    font-family: "Lato", sans-serif;
}

.pricing-header {
    display: grid;
    grid-template-columns: 1fr var(--grid-rows-size) var(--grid-rows-size);
    font-size: var(--font-size-header);
    line-height: 1.625rem;
    font-weight: 600;
    color: var(--text);
    margin: 0;
}

div.pricing-head-main {
    text-align: left;
}

div.pricing-head-tier {
    text-align: center;    
}

div.pricing-cell.category-title {
    text-align: left;
    font-size: var(--font-size-category);
}

.pricing-cell {
    font-size: var(--font-size-cell);
}

.category-block {
    display: grid;
    grid-template-columns: 1fr var(--grid-rows-size) var(--grid-rows-size);
    border: 1px solid #333333;
    overflow: hidden;
    border-radius: 6px;
}

.category-block .category-row .pricing-cell {
    font-weight: bold;
}

.category-block .pricing-row {
    display: contents;
    color: #EDEDED;
}

.pricing-cell-content {
    padding: .75rem 0;
}

.pricing-cell {
    text-align: center;
}

.feature-text-left {
    text-align: left;
}

.check {
    font-weight: bold;
    text-align: center;
}

.cross {
    font-weight: bold;
    text-align: center;
}

.premium-col {
    color: var(--text);
    font-weight: bold;
}


/* highlight */
.pricing-cell.highlighted {
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease;
}

/* make sure borders don’t push out your grid: */
.pricing-cell {
  box-sizing: border-box;
}

/* header: add a right border on every cell except the last one */
.pricing-header .pricing-cell:not(:last-child) {
  border-right: 1px solid #333333;
}

/* feature rows: same thing, skipping the category-title rows if you like */
.category-block .pricing-row:not(.category-row) .pricing-cell:not(:last-child) {
  border-right: 1px solid #333333;
}/* End custom CSS */