:root {
  /*ACTION #FFFFFF white */
  --brf-color-white-h: 0;
  --brf-color-white-s: 0%;
  --brf-color-white-l: 100%;
  --brf-color-white-hsl: var(--brf-color-white-h) var(--brf-color-white-s) var(--brf-color-white-l); 
  --brf-color-white: hsl(var(--brf-color-white-hsl));
  --brf-color-white-medium: hsl(var(--brf-color-white-h) var(--brf-color-white-s) 45%);
  --brf-color-white-dark: hsl(var(--brf-color-white-h) var(--brf-color-white-s) 24%);
  --brf-color-white-trans-50: hsl(var(--brf-color-white-h) var(--brf-color-white-s) var(--brf-color-white-l) / .5);
  --brf-color-white-trans-60: hsl(var(--brf-color-white-h) var(--brf-color-white-s) var(--brf-color-white-l) / .6);
  --brf-color-white-trans-70: hsl(var(--brf-color-white-h) var(--brf-color-white-s) var(--brf-color-white-l) / .7);
  --brf-color-white-trans-25: hsl(var(--brf-color-white-h) var(--brf-color-white-s) var(--brf-color-white-l) / .25);
  /*ACTION #e5792a orange */
  --brf-color-action-h: 25;
  --brf-color-action-s: 78%;
  --brf-color-action-l: 53%;
  --brf-color-action-hsl: var(--brf-color-action-h) var(--brf-color-action-s) var(--brf-color-action-l); 
  --brf-color-action: hsl(var(--brf-color-action-hsl));
  --brf-color-action-light: hsl(var(--brf-color-action-h) var(--brf-color-action-s) 75%);
  --brf-color-action-medium: hsl(var(--brf-color-action-h) var(--brf-color-action-s) 45%);
  --brf-color-action-dark: hsl(var(--brf-color-action-h) var(--brf-color-action-s) 25%);
  --brf-color-action-trans-50: hsl(var(--brf-color-action-h) var(--brf-color-action-s) var(--brf-color-action-l) / .5);
  --brf-color-action-trans-70: hsl(var(--brf-color-action-h) var(--brf-color-action-s) var(--brf-color-action-l) / .7);
  --brf-color-action-trans-25: hsl(var(--brf-color-action-h) var(--brf-color-action-s) var(--brf-color-action-l) / .25);
  /* PRIMARY #63b139; green */
  --brf-color-primary-h: 99;
  --brf-color-primary-s: 51%;
  --brf-color-primary-l: 46%;
  --brf-color-primary-hsl: var(--brf-color-primary-h) var(--brf-color-primary-s) var(--brf-color-primary-l); 
  --brf-color-primary: hsl(var(--brf-color-primary-hsl));
  --brf-color-primary-light: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) 95%);
  --brf-color-primary-medium: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) 30%);
  --brf-color-primary-dark: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) 15%);
  --brf-color-primary-trans-50: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) var(--brf-color-primary-l) / .5);
  --brf-color-primary-trans-70: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) var(--brf-color-primary-l) / .7);
  --brf-color-primary-trans-25: hsl(var(--brf-color-primary-h) var(--brf-color-primary-s) var(--brf-color-primary-l) / .25);
  /* BASE #373F42 charcoal */
  --brf-color-base-h: 196;
  --brf-color-base-s: 9%;
  --brf-color-base-l: 24%;
  --brf-color-base-hsl: var(--brf-color-base-h) var(--brf-color-base-s) var(--brf-color-base-l);
  --brf-color-base: hsl(var(--brf-color-base-hsl));
  --brf-color-base-light-hsl: var(--brf-color-base-h) var(--brf-color-base-s) 85%;
  --brf-color-base-light: hsl(var(--brf-color-base-light-hsl));
  --brf-color-base-light-trans-50: hsl(var(--brf-color-base-light-hsl) / .5);
  --brf-color-base-light-trans-70: hsl(var(--brf-color-base-light-hsl) / .7);
  --brf-color-base-light-trans-25: hsl(var(--brf-color-base-light-hsl) / .25);
  --brf-color-base-medium-hsl: var(--brf-color-base-h) var(--brf-color-base-s) 45%;
  --brf-color-base-medium: hsl(var(--brf-color-base-medium-hsl));
  --brf-color-base-medium-trans-50: hsl(var(--brf-color-base-medium-hsl) / .5);
  --brf-color-base-medium-trans-70: hsl(var(--brf-color-base-medium-hsl) / .7);
  --brf-color-base-medium-trans-25: hsl(var(--brf-color-base-medium-hsl) / .25);
  --brf-color-base-medium-dark-hsl: var(--brf-color-base-h) var(--brf-color-base-s) 35%;
  --brf-color-base-medium-dark: hsl(var(--brf-color-base-medium-dark-hsl));
  --brf-color-base-dark: hsl(var(--brf-color-base-h) var(--brf-color-base-s) 15%);
  --brf-color-base-trans-50: hsl(var(--brf-color-base-h) var(--brf-color-base-s) var(--brf-color-base-l) / .5);
  --brf-color-base-trans-70: hsl(var(--brf-color-base-h) var(--brf-color-base-s) var(--brf-color-base-l) / .7);
  --brf-color-base-trans-25: hsl(var(--brf-color-base-h) var(--brf-color-base-s) var(--brf-color-base-l) / .25);
  --brf-grid-maxWidth: 120rem;
  --brf-grid-gutter: 2rem;
  --brf-font-size: 1.6rem;
  --brf-hero-main-title: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);
  --brf-hero-main-title-line-height: 1.8em;
  --brf-h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem);
  --brf-h1-font-size: clamp(2.1rem, 0.478vw + 1.947rem, 2.6rem);
  --brf-h1-line-height: 1.7em;
  --brf-h2-font-size: clamp(1.95rem, 0.82vw + 1.79rem, 2.44rem);
  --brf-h2-line-height: 1.5em;
  --brf-h3-font-size: clamp(1.56rem, 0.45vw + 1.47rem, 1.83rem);
  --brf-h3-line-height: 1.3em;
  --brf-h4-font-size: clamp(1.25rem, 0.21vw + 1.21rem, 1.38rem);
  --brf-h4-line-height: 1.3em;
  --brf-h5-font-size: clamp(1rem, 0.05vw + 0.99rem, 1.03rem);
  --brf-h5-line-height: 1.2em;
  --brf-h6-font-size: clamp(0.8rem, -0.04vw + 0.81rem, 0.77rem);
  --brf-h6-line-height: 1.3em;
  --brf-p-font-size: clamp(1.4rem,calc(1.4rem + ((1vw - 0.32rem) * 0.4124)),1.8rem);
  --brf-p-line-height: 1.3em;
  --brf-spacing-xs: 0.313rem;
  --brf-spacing-s: 0.625rem;
  --brf-spacing-m: 0.938rem;
  --brf-spacing-l: 1.25rem;
  --brf-spacing-xl: 1.563rem;
  --brf-spacing-xxl: 3.125rem;
  --brf-spacing-xxl: 3.125rem;
  --brf-spacing-xxxl: 4.375rem;
  --brf-spacing-5: 5rem;
  --brf-spacing-10: 10rem;
  --brf-spacing-15: 15rem;
  --brf-divider-section-padding: clamp(5rem, 4.78vw + 3.47rem, 10rem);
  --brf-section-padding: clamp(3rem, 2.868vw + 2.082rem, 6rem);
  --brf-section-padding-inline: clamp(1.2rem, 3.633vw + 0.037rem, 5rem);
  --brf-section-wave-divider-height: min(9rem, 9vw);
  --brf-section-wave-divider-width: 125%;
  --brf-section-second-wave-divider-height: calc(var(--brf-section-wave-divider-height) + 2em);
  --brf-section-second-wave-divider-width: calc(var(--brf-section-wave-divider-width) + 5%);
  --brf-section-third-wave-divider-height: calc(var(--brf-section-wave-divider-height) + 1em);
  --brf-section-third-wave-divider-width: calc(var(--brf-section-wave-divider-width) + 10%);
  --brf-text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
  --brf-text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
  --brf-text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
  --brf-text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
  --brf-text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
  --brf-text-xxl: clamp(1.42rem, 0.87vw + 1.25rem, 1.94rem);
  --brf-text-xxxl: clamp(2.2rem, 2rem + 1vw, 3.2rem);
  --brf-card-image-card-image-height: 68.75rem;
  --brf-font-1: "Waterfall";
  --brf-font-2: "Merriweather";
  --brf-hero-section-vh: 95vh;
}

/**
Dividers
*/
.brf-divider-spacing {
  calc(var(--brf-spacing-xxxl) + var(--brf-section-wave-divider-height));
}

/**
Grid
*/
.brf-container {
    max-width: var(--brf-grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--brf-grid-gutter) / 2);
}
.brf-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: calc(var(--brf-grid-gutter) / -2);
    margin-right: calc(var(--brf-grid-gutter) / -2);
}
.brf-row.brf-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.brf-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.brf-col,
[class*=" brf-col-"],
[class^='brf-col-'] {
    margin: 0 calc(var(--brf-grid-gutter) / 2) calc(var(--brf-grid-gutter) / 2);
}
.brf-col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/1)) - var(--brf-grid-gutter));
}
.brf-col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/2)) - var(--brf-grid-gutter));
}
.brf-col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/3)) - var(--brf-grid-gutter));
}
.brf-col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/4)) - var(--brf-grid-gutter));
}
.brf-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/5)) - var(--brf-grid-gutter));
}
.brf-col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/6)) - var(--brf-grid-gutter));
}
.brf-col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/7)) - var(--brf-grid-gutter));
}
.brf-col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/8)) - var(--brf-grid-gutter));
}
.brf-col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/9)) - var(--brf-grid-gutter));
}
.brf-col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/10)) - var(--brf-grid-gutter));
}
.brf-col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/11)) - var(--brf-grid-gutter));
}
.brf-col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
            flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
    max-width: calc((100% / (12/12)) - var(--brf-grid-gutter));
}
@media screen and (max-width: 599px) {
    .brf-container {
        width: 100%;
    }

    .brf-col,
    [class*="col-"],
    [class^='col-'] {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 900px) {
    .brf-col-1-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/1)) - var(--brf-grid-gutter));
    }

    .brf-col-2-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/2)) - var(--brf-grid-gutter));
    }

    .brf-col-3-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/3)) - var(--brf-grid-gutter));
    }

    .brf-col-4-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/4)) - var(--brf-grid-gutter));
    }

    .brf-col-5-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/5)) - var(--brf-grid-gutter));
    }

    .brf-col-6-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/6)) - var(--brf-grid-gutter));
    }

    .brf-col-7-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/7)) - var(--brf-grid-gutter));
    }

    .brf-col-8-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/8)) - var(--brf-grid-gutter));
    }

    .brf-col-9-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/9)) - var(--brf-grid-gutter));
    }

    .brf-col-10-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/10)) - var(--brf-grid-gutter));
    }

    .brf-col-11-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/11)) - var(--brf-grid-gutter));
    }

    .brf-col-12-md {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/12)) - var(--brf-grid-gutter));
    }
}
@media screen and (min-width: 1200px) {
    .brf-col-1-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/1)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/1)) - var(--brf-grid-gutter));
    }

    .brf-col-2-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/2)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/2)) - var(--brf-grid-gutter));
    }

    .brf-col-3-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/3)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/3)) - var(--brf-grid-gutter));
    }

    .brf-col-4-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/4)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/4)) - var(--brf-grid-gutter));
    }

    .brf-col-5-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/5)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/5)) - var(--brf-grid-gutter));
    }

    .brf-col-6-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/6)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/6)) - var(--brf-grid-gutter));
    }

    .brf-col-7-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/7)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/7)) - var(--brf-grid-gutter));
    }

    .brf-col-8-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/8)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/8)) - var(--brf-grid-gutter));
    }

    .brf-col-9-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/9)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/9)) - var(--brf-grid-gutter));
    }

    .brf-col-10-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/10)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/10)) - var(--brf-grid-gutter));
    }

    .brf-col-11-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/11)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/11)) - var(--brf-grid-gutter));
    }

    .brf-col-12-lg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
                flex: 0 0 calc((100% / (12/12)) - var(--brf-grid-gutter));
        max-width: calc((100% / (12/12)) - var(--brf-grid-gutter));
    }
}
@media screen and (max-width: 1300px) {
  .brf-image-borders-top-left-bottom-right {
    box-shadow: 6.375rem 6.375rem 0rem -5.125rem var(--brf-color-action) !important;
  }
  .brf-card-image-card-icon {
    font-size: var(--brf-text-xl) !important;
  }
}
@media screen and (max-width: 1050px) {
  .brf-image-borders-top-left-bottom-right {
    box-shadow: 3.375rem 3.375rem 0rem -2.125rem var(--brf-color-action) !important;
  }
}
@media screen and (max-width: 900px) {
  .brf-image-wrapper-block {
    display:none !important;
  }
  .brf-cards-repeater {
    min-height: 320px !important;
    padding-top: 25% !important;
  }
  .brf-card-image-card-icon {
    font-size: var(--brf-text-xxl) !important;
  }
}
@media screen and (max-width: 767px) {
  .brf-repeater-right-wrapper-block {
    margin-top: var(--brf-spacing-s);
  }
  .brf-cards-repeater {
    min-height: auto !important;
    padding-top: 1.25rem !important;
  }
}
@media screen and (max-width: 400px) {
  .brf-image-borders-top-left-bottom-right {
    box-shadow: 3rem 3rem 0rem -2.125rem var(--brf-color-action) !important;
  }
}

/*
Colors
*/
.brf-bg-white {
    background-color: var(--brf-color-white);
}
.brf-bg-primary {
    background-color: var(--brf-color-primary);
}
.brf-bg-action {
    background-color: var(--brf-color-action);
}
.brf-bg-base {
    background-color: var(--brf-color-base);
}
.brf-bg-base-light {
    background-color: var(--brf-color-base-light);
}
.brf-bg-base-medium {
    background-color: var(--brf-color-base-medium);
}
.brf-bd-1px-white {
    border: 1px solid var(--brf-color-white) !important;
}
.brf-bd-1px-primary {
    border: 1px solid var(--brf-color-primary) !important;
}
.brf-bd-1px-action {
    border: 1px solid var(--brf-color-action) !important;
}
.brf-bd-1px-base {
    border: 1px solid var(--brf-color-base) !important;
}
.brf-text-color-white {
    color: var(--brf-color-white);
}
.brf-text-color-primary {
    color: var(--brf-color-primary);
}
.brf-text-color-action {
    color: var(--brf-color-action);
}
.brf-text-color-base {
    color: var(--brf-color-base);
}

/**
Position & alignment 
*/
.brf-pull-right {
    float: right !important;
}
.brf-pull-left {
    float: left !important;
}
.brf-text-center {
    text-align: center;
}
.brf-text-left {
    text-align: left;
}
.brf-text-right {
    text-align: right;
}
.brf-text-justify {
    text-align: justify;
}
.brf-text-uppercase {
    text-transform: uppercase;
}
.brf-text-lowercase {
    text-transform: lowercase;
}
.brf-text-capitalize {
    text-transform: capitalize;
}
.brf-is-full-screen {
    width: 100%;
    min-height: 100vh;
}
.brf-is-full-width {
    width: 100% !important;
}
.brf-is-vertical-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.brf-is-horizontal-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.brf-is-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.brf-is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.brf-is-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.brf-is-fixed {
    position: fixed;
    width: 100%;
}
.brf-is-paddingless {
    padding: 0 !important;
}
.brf-is-marginless {
    margin: 0 !important;
}
.brf-is-pointer {
    cursor: pointer !important;
}
.brf-is-rounded {
    border-radius: 100%;
}
.brf-clearfix {
    content: "";
    display: table;
    clear: both;
}
.brf-is-hidden {
    display: none !important;
}
@media screen and (max-width: 599px) {
    .brf-hide-xs {
        display: none !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    .brf-hide-sm {
        display: none !important;
    }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
    .brf-hide-md {
        display: none !important;
    }
}
@media screen and (min-width: 1200px) {
    .brf-hide-lg {
        display: none !important;
    }
}
@media print {
    .brf-hide-pr {
        display: none !important;
    }
}

/**
Typography
*/
.brf-p {
  font-size: var(--brf-p-font-size);
  line-height: var(--brf-p-line-height);
}
.brf-section-heading-divider-footer {
  width: 100%;
  background-color: var(--brf-color-action);
  border-radius: 10px 0 10px 0;
  overflow: hidden;
  padding: 0.5rem;
  margin-top: var(--brf-spacing-s);
  color: var(--brf-color-white);
}
.brf-h1 {
  font-size: var(--brf-h1-font-size);
  line-height: var(--brf-h1-line-height);
}
.brf-h2 {
  font-size: var(--brf-h2-font-size);
  line-height: var(--brf-h2-line-height);
}
.brf-h3 {
  font-size: var(--brf-h3-font-size);
  line-height: var(--brf-h3-line-height);
}
.brf-h4 {
  font-size: var(--brf-h4-font-size);
  line-height: var(--brf-h4-line-height);
}
.brf-h5 {
  font-size: var(--brf-h5-font-size);
  line-height: var(--brf-h5-line-height);
}
.brf-h6 {
  font-size: var(--brf-h6-font-size);
  line-height: var(--brf-h6-line-height);
}
.brf-text-primary-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-primary);
}
.brf-text-primary-light-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-primary-light);
}
.brf-text-base-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-base);
}
.brf-text-base-light-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-base-light);
}
.brf-text-action-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-action);
}
.brf-text-action-light-bold {
  text-shadow: 0.5px 0.4px 0 var(--brf-color-action-light);
}

/**
Margin & Padding
*/
.brf-m-0 {
  margin: 0;
}
.brf-m-xs {
  margin: var(--brf-spacing-xs);
}
.brf-m-s {
  margin: var(--brf-spacing-s);
}
.brf-m-m {
  margin: var(--brf-spacing-m);
}
.brf-m-l {
  margin: var(--brf-spacing-l);
}
.brf-m-xl {
  margin: var(--brf-spacing-xl);
}
.brf-m-xxl {
  margin: var(--brf-spacing-xxl);
}
.brf-m-xxxl {
  margin: var(--brf-spacing-xxxl);
}
.brf-m-5 {
  margin: var(--brf-spacing-5);
}
.brf-m-10 {
  margin: var(--brf-spacing-10);
}
.brf-m-15 {
  margin: var(--brf-spacing-15);
}

.brf-mt-0 {
  margin-top: 0;
}
.brf-mt-xs {
  margin-top: var(--brf-spacing-xs);
}
.brf-mt-s {
  margin-top: var(--brf-spacing-s);
}
.brf-mt-m {
  margin-top: var(--brf-spacing-m);
}
.brf-mt-l {
  margin-top: var(--brf-spacing-l);
}
.brf-mt-xl {
  margin-top: var(--brf-spacing-xl);
}
.brf-mt-xxl {
  margin-top: var(--brf-spacing-xxl);
}
.brf-mt-xxxl {
  margin-top: var(--brf-spacing-xxxl);
}
.brf-mt-5 {
  margin-top: var(--brf-spacing-5);
}
.brf-mt-10 {
  margin-top: var(--brf-spacing-10);
}
.brf-mt-15 {
  margin-top: var(--brf-spacing-15);
}

.brf-mr-0 {
  margin-right: 0;
}
.brf-mr-xs {
  margin-right: var(--brf-spacing-xs);
}
.brf-mr-s {
  margin-right: var(--brf-spacing-s);
}
.brf-mr-m {
  margin-right: var(--brf-spacing-m);
}
.brf-mr-l {
  margin-right: var(--brf-spacing-l);
}
.brf-mr-xl {
  margin-right: var(--brf-spacing-xl);
}
.brf-mr-xxl {
  margin-right: var(--brf-spacing-xxl);
}
.brf-mr-xxxl {
  margin-right: var(--brf-spacing-xxxl);
}
.brf-mr-5 {
  margin-right: var(--brf-spacing-5);
}
.brf-mr-10 {
  margin-right: var(--brf-spacing-10);
}
.brf-mr-15 {
  margin-right: var(--brf-spacing-15);
}

.brf-mb-0 {
  margin-bottom: 0;
}
.brf-mb-xs {
  margin-bottom: var(--brf-spacing-xs);
}
.brf-mb-s {
  margin-bottom: var(--brf-spacing-s);
}
.brf-mb-m {
  margin-bottom: var(--brf-spacing-m);
}
.brf-mb-l {
  margin-bottom: var(--brf-spacing-l);
}
.brf-mb-xl {
  margin-bottom: var(--brf-spacing-xl);
}
.brf-mb-xxl {
  margin-bottom: var(--brf-spacing-xxl);
}
.brf-mb-xxxl {
  margin-bottom: var(--brf-spacing-xxxl);
}
.brf-mb-5 {
  margin-bottom: var(--brf-spacing-5);
}
.brf-mb-10 {
  margin-bottom: var(--brf-spacing-10);
}
.brf-mb-15 {
  margin-bottom: var(--brf-spacing-15);
}

.brf-ml-0 {
  margin-left: 0;
}
.brf-ml-xs {
  margin-left: var(--brf-spacing-xs);
}
.brf-ml-s {
  margin-left: var(--brf-spacing-s);
}
.brf-ml-m {
  margin-left: var(--brf-spacing-m);
}
.brf-ml-l {
  margin-left: var(--brf-spacing-l);
}
.brf-ml-xl {
  margin-left: var(--brf-spacing-xl);
}
.brf-ml-xxl {
  margin-left: var(--brf-spacing-xxl);
}
.brf-ml-xxxl {
  margin-left: var(--brf-spacing-xxxl);
}
.brf-ml-5 {
  margin-left: var(--brf-spacing-5);
}
.brf-ml-10 {
  margin-left: var(--brf-spacing-10);
}
.brf-ml-15 {
  margin-left: var(--brf-spacing-15);
}

.brf-p-0 {
  padding: 0;
}
.brf-p-xs {
  padding: var(--brf-spacing-xs);
}
.brf-p-s {
  padding: var(--brf-spacing-s);
}
.brf-p-m {
  padding: var(--brf-spacing-m);
}
.brf-p-l {
  padding: var(--brf-spacing-l);
}
.brf-p-xl {
  padding: var(--brf-spacing-xl);
}
.brf-p-xxl {
  padding: var(--brf-spacing-xxl);
}
.brf-p-xxxl {
  padding: var(--brf-spacing-xxxl);
}
.brf-p-5 {
  padding: var(--brf-spacing-5);
}
.brf-p-10 {
  padding: var(--brf-spacing-10);
}
.brf-p-15 {
  padding: var(--brf-spacing-15);
}

.brf-pt-0 {
  padding-top: 0;
}
.brf-pt-xs {
  padding-top: var(--brf-spacing-xs);
}
.brf-pt-s {
  padding-top: var(--brf-spacing-s);
}
.brf-pt-m {
  padding-top: var(--brf-spacing-m);
}
.brf-pt-l {
  padding-top: var(--brf-spacing-l);
}
.brf-pt-xl {
  padding-top: var(--brf-spacing-xl);
}
.brf-pt-xxl {
  padding-top: var(--brf-spacing-xxl);
}
.brf-pt-xxxl {
  padding-top: var(--brf-spacing-xxxl);
}
.brf-pt-5 {
  padding-top: var(--brf-spacing-5);
}
.brf-pt-10 {
  padding-top: var(--brf-spacing-10);
}
.brf-pt-15 {
  padding-top: var(--brf-spacing-15);
}

.brf-pr-0 {
  padding-right: 0;
}
.brf-pr-xs {
  padding-right: var(--brf-spacing-xs);
}
.brf-pr-s {
  padding-right: var(--brf-spacing-s);
}
.brf-pr-m {
  padding-right: var(--brf-spacing-m);
}
.brf-pr-l {
  padding-right: var(--brf-spacing-l);
}
.brf-pr-xl {
  padding-right: var(--brf-spacing-xl);
}
.brf-pr-xxl {
  padding-right: var(--brf-spacing-xxl);
}
.brf-pr-xxxl {
  padding-right: var(--brf-spacing-xxxl);
}
.brf-pr-5 {
  padding-right: var(--brf-spacing-5);
}
.brf-pr-10 {
  padding-right: var(--brf-spacing-10);
}
.brf-pr-15 {
  padding-right: var(--brf-spacing-15);
}

.brf-pb-0 {
  padding-bottom: 0;
}
.brf-pb-xs {
  padding-bottom: var(--brf-spacing-xs);
}
.brf-pb-s {
  padding-bottom: var(--brf-spacing-s);
}
.brf-pb-m {
  padding-bottom: var(--brf-spacing-m);
}
.brf-pb-l {
  padding-bottom: var(--brf-spacing-l);
}
.brf-pb-xl {
  padding-bottom: var(--brf-spacing-xl);
}
.brf-pb-xxl {
  padding-bottom: var(--brf-spacing-xxl);
}
.brf-pb-xxxl {
  padding-bottom: var(--brf-spacing-xxxl);
}
.brf-pb-5 {
  padding-bottom: var(--brf-spacing-5);
}
.brf-pb-10 {
  padding-bottom: var(--brf-spacing-10);
}
.brf-pb-15 {
  padding-bottom: var(--brf-spacing-15);
}

.brf-pl-0 {
  padding-left: 0;
}
.brf-pl-xs {
  padding-left: var(--brf-spacing-xs);
}
.brf-pl-s {
  padding-left: var(--brf-spacing-s);
}
.brf-pl-m {
  padding-left: var(--brf-spacing-m);
}
.brf-pl-l {
  padding-left: var(--brf-spacing-l);
}
.brf-pl-xl {
  padding-left: var(--brf-spacing-xl);
}
.brf-pl-xxl {
  padding-left: var(--brf-spacing-xxl);
}
.brf-pl-xxxl {
  padding-left: var(--brf-spacing-xxxl);
}
.brf-pl-5 {
  padding-left: var(--brf-spacing-5);
}
.brf-pl-10 {
  padding-left: var(--brf-spacing-10);
}
.brf-pl-15 {
  padding-left: var(--brf-spacing-15);
}

.brf-text-xxxl {
  font-size: var(--brf-text-xxxl);
  line-height: 1.7;
}
.brf-text-xxl {
  font-size: var(--brf-text-xxl);
  line-height: 1.6;
}
.brf-text-xl {
  font-size: var(--brf-text-xl);
  line-height: 1.6;
}
.brf-text-l {
  font-size: var(--brf-text-l);
  line-height: 1.5;
}
body, .brf-text-m {
  font-size: var(--brf-text-m);
  line-height: 1.5;
}
.brf-text-s {
  font-size: var(--brf-text-s);
  line-height: 1.6;
}
.brf-text-xs {
  font-size: var(--brf-text-xs);
  line-height: 1.7;
}

/**
Border Radius
*/
.brf-border-radius-xs {
  border-radius: var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs);
}
.brf-border-radius-s {
  border-radius: var(--brf-spacing-s) var(--brf-spacing-s) var(--brf-spacing-s) var(--brf-spacing-s);
}
.brf-border-radius-m {
  border-radius: var(--brf-spacing-m) var(--brf-spacing-m) var(--brf-spacing-m) var(--brf-spacing-m);
}
.brf-border-radius-l {
  border-radius: var(--brf-spacing-l) var(--brf-spacing-l) var(--brf-spacing-l) var(--brf-spacing-l);
}
.brf-border-radius-xl {
  border-radius: var(--brf-spacing-xl) var(--brf-spacing-xl) var(--brf-spacing-xl) var(--brf-spacing-xl);
}

/**
Buttons
*/
.brf-button-primary {
  background-color: var(--brf-color-action);
  color: var(--brf-color-white);
  border-radius: var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs);
  padding: 0.5rem 0.6rem 0.6rem 0.6rem;
  line-height: 1;
  font-size: var(--brf-text-m);
  font-family: var(--brf-font-2);
  white-space: nowrap;
}

.brf-button-primary:hover {
  background-color: var(--brf-color-action-medium);
  cursor: pointer;
}

.brf-button-secondary {
  background-color: var(--brf-color-base-dark);
  color: var(--brf-color-white);
  border-radius: var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs) var(--brf-spacing-xs);
  padding: 0.5rem 0.6rem 0.6rem 0.6rem;
  line-height: 1;
  font-size: var(--brf-text-m);
  font-family: var(--brf-font-2);
  white-space: nowrap;
}

.brf-button-secondary:hover {
  background-color: var(--brf-color-base);
  cursor: pointer;
}

/**
SVG Logo
*/
.brf-svg-logo-invert {
  filter: invert(100%);
}
/**
Set global focus to 0
*/
*:focus {
  outline: 0 !important;
}

/**
Transitions
*/
.brf-transition-1s {
    transition: 1s;
}

.brf-transition-2s {
    transition: 2s;
}

/**
Top section right after hero header requires data attribute to increase padding when hero header is set to hide
Applies only to a sticky header so uncomment below if a sticky header is used.
*/
[data-top-section="False"] {
  padding-top: var(--brf-spacing-5) !important;
}

/**
Section background colour based on selection in ACF field
*/
[data-section-background-colour="white"] {
  background: none;
}
[data-section-background-colour="light"] {
  background: var(--brf-color-base-light);
}
[data-section-background-colour="medium"] {
  background: var(--brf-color-base-medium);
  color: var(--brf-color-white);
}
[data-section-background-colour="dark"] {
  background: var(--brf-color-base);
  color: var(--brf-color-action);
}
[data-section-background-colour="accent"] {
  background: var(--brf-color-action-dark);
  color: var(--brf-color-white);
}

/**
Hero header title and subtitle block vertical alignment based on selection in ACF field
*/
[data-hero-title-subtitle-block-valign="top"] {
  top: 2rem;
}
[data-hero-title-subtitle-block-valign="middle"] {
  top: calc(var(--brf-hero-section-vh) / 3.5);
}
[data-hero-title-subtitle-block-valign="bottom"] {
  bottom: 5.8rem;
}

/**
Data attributes for aligning images based on selection in ACF field
*/
[data-image-alignment="left"] {
  order: -1;
  padding-right: var(--brf-spacing-xxxl);
}
[data-image-alignment="right"] {
  order: 0;
  padding-left: var(--brf-spacing-xxxl);
  flex-direction: row-reverse !important;
}

/**
Data attributes for the heading font type based on selection in ACF field
*/
[data-heading-font-type="script"] {
  font-family: var(--brf-font-1);
  color: var(--brf-color-action);
  font-weight: 700;
  font-size: var(--brf-text-xxxl);
  line-height: 1.3em !important;
}
[data-heading-font-type="regular"] {
  font-family: var(--brf-font-2);
  color: var(--brf-color-action);
  font-weight: 500;
  font-size: calc(var(--brf-h3-font-size) * 1.1);
  line-height: 1.3em !important;
}

/**
Data attributes for the hero heading font type based on selection in ACF field
*/
[data-hero-heading-font-type="script"] {
  font-family: var(--brf-font-1);
  color: var(--brf-color-base-dark);
  font-weight: 700;
  text-align: left;
  font-size: calc(var(--brf-h2-font-size) * 1.5);
  line-height: 1em !important;
  margin-bottom: var(--brf-spacing-l);
}
[data-hero-heading-font-type="regular"] {
  font-family: var(--brf-font-2);
  color: var(--brf-color-base-dark);
  font-weight: 600;
  text-align: left;
  font-size: var(--brf-h3-font-size);
  line-height: 1.3em !important;
  margin-bottom: var(--brf-spacing-l);
}

[data-hero-sub-heading-font-type="script"] {
  font-family: var(--brf-font-2);
  color: var(--brf-color-base-dark);
  font-weight: 500;
  text-align: left;
  font-size: var(--brf-h4-font-size);
  line-height: 1em !important;
  margin-bottom: var(--brf-spacing-l);
}
[data-hero-sub-heading-font-type="regular"] {
  font-family: var(--brf-font-2);
  color: var(--brf-color-base-dark);
  font-weight: 500;
  text-align: left;
  font-size: var(--brf-h4-font-size);
  line-height: 1em !important;
  margin-bottom: var(--brf-spacing-l);
}

[data-hero-style="hero style 2"] {
  margin-top: 8rem;
}

[data-hero-style="hero style 1"] {
  margin-top: var(--brf-spacing-5);
}

/**
Data attributes for the heading alignment type based on selection in ACF field
*/
[data-heading-alignment="left"] {
  align-items: start;
  text-align: left;
}
[data-heading-alignment="center"] {
  align-items: center;
  text-align: center;
}
[data-heading-alignment="right"] {
  align-items: end;
  text-align: right;
}

/**
Data attributes for heading background colour based on selection in ACF field
*/
[data-heading-background-colour="white"] {
  background-color: var(--brf-color-white);
  color: var(--brf-color-base);
}
[data-heading-background-colour="light"] {
  background-color: var(--brf-color-base-light);
  color: var(--brf-color-base);
}
[data-heading-background-colour="medium"] {
  background-color: var(--brf-color-base-medium);
  color: var(--brf-color-white);
}
[data-heading-background-colour="dark"] {
  background-color: var(--brf-color-base);
  color: var(--brf-color-white);
}
[data-heading-background-colour="accent"] {
  background-color: var(--brf-color-primary-dark);
  color: var(--brf-color-white);
}

/**
Data attributes for counting the number of images in a gallery and applying the appropriate grid styles
*/
[data-number-of-gallery-images="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
[data-number-of-gallery-images="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
[data-number-of-gallery-images="5"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
[data-number-of-gallery-images="6"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.brf-flexible-content-repeater-wrapper-block__heading {
  width: 100%;
  border-radius: 2em;
  overflow: hidden;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: var(--brf-spacing-s);
}

.brf-flexible-content-repeater-wrapper-block__heading, h3 {
  font-size: var(--brf-h4-font-size);
}

/**
Images
*/
.brf-image-wrapper-block {
  position: relative;
  height: var(--brf-card-image-card-image-height);
  z-index: 1;
}
/* .brf-vertical-align-element {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
} */
.brf-image-borders-top-left-bottom-right img {
  position: relative;
  z-index: 2;
}
.brf-image-borders-top-left-bottom-right:before {
  position: absolute;
  border: 20px solid var(--brf-color-action);
  content: '';
  height: 50%;
  left: -20px;
  top: -20px;
  width: 40%;
}
.brf-image-borders-top-left-bottom-right {
  color: var(--brf-color-action);
  box-shadow: 9.375rem 9.375rem 0rem -8.125rem var(--brf-color-action);
}