:root {
  --brf-color-primary: #14854F;
  --brf-color-lightGrey: #d2d6dd;
  --brf-color-grey: #747681;
  --brf-color-darkGrey: #3f4144;
  --brf-color-error: #d43939;
  --brf-color-success: #28bd14;
  --brf-grid-maxWidth: 120rem;
  --brf-grid-gutter: 2rem;
  --brf-font-size: 1.6rem;
  --brf-h1-font-size: clamp(2.4rem,calc(2.4rem + ((1vw - 0.32rem) * 7.8351)),10rem);
  --brf-h1-line-height: 1.3em;
  --brf-h2-font-size: clamp(2rem,calc(2rem + ((1vw - 0.32rem) * 6.1856)),8rem);
  --brf-h2-line-height: 1.3em;
  --brf-h3-font-size: clamp(1.8rem,calc(1.8rem + ((1vw - 0.32rem) * 4.3299)),6rem);
  --brf-h3-line-height: 1.3em;
  --brf-h4-font-size: clamp(1.4rem,calc(1.4rem + ((1vw - 0.32rem) * 2.6804)),4rem);
  --brf-h4-line-height: 1.3em;
  --brf-h5-font-size: clamp(1.4rem,calc(1.4rem + ((1vw - 0.32rem) * 2.6804)),4rem);
  --brf-h5-line-height: 1.3em;
  --brf-h6-font-size: clamp(1.4rem,calc(1.4rem + ((1vw - 0.32rem) * 2.6804)),4rem);
  --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-font-color: #333333;
  --brf-spacing-xs: 5px;
  --brf-spacing-s: 15px;
  --brf-spacing-m: 20px;
  --brf-spacing-l: 25px;
  --brf-spacing-xl: 35px;
  --brf-spacing-xxl: 50px;
}

/**
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));
    }
}

/*
Colors
*/
.brf-bg-primary {
    background-color: var(--brf-color-primary) !important;
}
.brf-bg-light {
    background-color: var(--brf-color-lightGrey) !important;
}
.brf-bg-dark {
    background-color: var(--brf-color-darkGrey) !important;
}
.brf-bg-grey {
    background-color: var(--brf-color-grey) !important;
}
.brf-bg-error {
    background-color: var(--brf-color-error) !important;
}
.brf-bg-success {
    background-color: var(--brf-color-success) !important;
}
.brf-bd-primary {
    border: 1px solid var(--brf-color-primary) !important;
}
.brf-bd-light {
    border: 1px solid var(--brf-color-lightGrey) !important;
}
.brf-bd-dark {
    border: 1px solid var(--brf-color-darkGrey) !important;
}
.brf-bd-grey {
    border: 1px solid var(--brf-color-grey) !important;
}
.brf-bd-error {
    border: 1px solid var(--brf-color-error) !important;
}
.brf-bd-success {
    border: 1px solid var(--brf-color-success) !important;
}
.brf-text-primary {
    color: var(--brf-color-primary) !important;
}
.brf-text-light {
    color: var(--brf-color-lightGrey) !important;
}
.brf-text-dark {
    color: var(--brf-color-darkGrey) !important;
}
.brf-text-grey {
    color: var(--brf-color-grey) !important;
}
.brf-text-error {
    color: var(--brf-color-error) !important;
}
.brf-text-success {
    color: var(--brf-color-success) !important;
}
.brf-text-white {
    color: #fff !important;
}

/**
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-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);
}

/**
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-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-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-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-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-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-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-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-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-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);
}

/*
 *
 *  𝗖 𝗢 𝗟 𝗢 𝗥
 *  v 1.9.1
 *
 *  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {

/*  General
 *  ─────────────────────────────────── */

  --oc-white: #ffffff;
  --oc-white-rgb: 255, 255, 255;
  --oc-black: #000000;
  --oc-black-rgb: 0, 0, 0;


/*  Gray
 *  ─────────────────────────────────── */

  --oc-gray-0: #f8f9fa;
  --oc-gray-0-rgb: 248, 249, 250;
  --oc-gray-1: #f1f3f5;
  --oc-gray-1-rgb: 241, 243, 245;
  --oc-gray-2: #e9ecef;
  --oc-gray-2-rgb: 233, 236, 239;
  --oc-gray-3: #dee2e6;
  --oc-gray-3-rgb: 222, 226, 230;
  --oc-gray-4: #ced4da;
  --oc-gray-4-rgb: 206, 212, 218;
  --oc-gray-5: #adb5bd;
  --oc-gray-5-rgb: 173, 181, 189;
  --oc-gray-6: #868e96;
  --oc-gray-6-rgb: 134, 142, 150;
  --oc-gray-7: #495057;
  --oc-gray-7-rgb: 73, 80, 87;
  --oc-gray-8: #343a40;
  --oc-gray-8-rgb: 52, 58, 64;
  --oc-gray-9: #212529;
  --oc-gray-9-rgb: 33, 37, 41;


/*  Red
 *  ─────────────────────────────────── */

  --oc-red-0: #fff5f5;
  --oc-red-0-rgb: 255, 245, 245;
  --oc-red-1: #ffe3e3;
  --oc-red-1-rgb: 255, 227, 227;
  --oc-red-2: #ffc9c9;
  --oc-red-2-rgb: 255, 201, 201;
  --oc-red-3: #ffa8a8;
  --oc-red-3-rgb: 255, 168, 168;
  --oc-red-4: #ff8787;
  --oc-red-4-rgb: 255, 135, 135;
  --oc-red-5: #ff6b6b;
  --oc-red-5-rgb: 255, 107, 107;
  --oc-red-6: #fa5252;
  --oc-red-6-rgb: 250, 82, 82;
  --oc-red-7: #f03e3e;
  --oc-red-7-rgb: 240, 62, 62;
  --oc-red-8: #e03131;
  --oc-red-8-rgb: 224, 49, 49;
  --oc-red-9: #c92a2a;
  --oc-red-9-rgb: 201, 42, 42;


/*  Pink
 *  ─────────────────────────────────── */

  --oc-pink-0: #fff0f6;
  --oc-pink-0-rgb: 255, 240, 246;
  --oc-pink-1: #ffdeeb;
  --oc-pink-1-rgb: 255, 222, 235;
  --oc-pink-2: #fcc2d7;
  --oc-pink-2-rgb: 252, 194, 215;
  --oc-pink-3: #faa2c1;
  --oc-pink-3-rgb: 250, 162, 193;
  --oc-pink-4: #f783ac;
  --oc-pink-4-rgb: 247, 131, 172;
  --oc-pink-5: #f06595;
  --oc-pink-5-rgb: 240, 101, 149;
  --oc-pink-6: #e64980;
  --oc-pink-6-rgb: 230, 73, 128;
  --oc-pink-7: #d6336c;
  --oc-pink-7-rgb: 214, 51, 108;
  --oc-pink-8: #c2255c;
  --oc-pink-8-rgb: 194, 37, 92;
  --oc-pink-9: #a61e4d;
  --oc-pink-9-rgb: 166, 30, 77;


/*  Grape
 *  ─────────────────────────────────── */

  --oc-grape-0: #f8f0fc;
  --oc-grape-0-rgb: 248, 240, 252;
  --oc-grape-1: #f3d9fa;
  --oc-grape-1-rgb: 243, 217, 250;
  --oc-grape-2: #eebefa;
  --oc-grape-2-rgb: 238, 190, 250;
  --oc-grape-3: #e599f7;
  --oc-grape-3-rgb: 229, 153, 247;
  --oc-grape-4: #da77f2;
  --oc-grape-4-rgb: 218, 119, 242;
  --oc-grape-5: #cc5de8;
  --oc-grape-5-rgb: 204, 93, 232;
  --oc-grape-6: #be4bdb;
  --oc-grape-6-rgb: 190, 75, 219;
  --oc-grape-7: #ae3ec9;
  --oc-grape-7-rgb: 174, 62, 201;
  --oc-grape-8: #9c36b5;
  --oc-grape-8-rgb: 156, 54, 181;
  --oc-grape-9: #862e9c;
  --oc-grape-9-rgb: 134, 46, 156;


/*  Violet
 *  ─────────────────────────────────── */

  --oc-violet-0: #f3f0ff;
  --oc-violet-0-rgb: 243, 240, 255;
  --oc-violet-1: #e5dbff;
  --oc-violet-1-rgb: 229, 219, 255;
  --oc-violet-2: #d0bfff;
  --oc-violet-2-rgb: 208, 191, 255;
  --oc-violet-3: #b197fc;
  --oc-violet-3-rgb: 177, 151, 252;
  --oc-violet-4: #9775fa;
  --oc-violet-4-rgb: 151, 117, 250;
  --oc-violet-5: #845ef7;
  --oc-violet-5-rgb: 132, 94, 247;
  --oc-violet-6: #7950f2;
  --oc-violet-6-rgb: 121, 80, 242;
  --oc-violet-7: #7048e8;
  --oc-violet-7-rgb: 112, 72, 232;
  --oc-violet-8: #6741d9;
  --oc-violet-8-rgb: 103, 65, 217;
  --oc-violet-9: #5f3dc4;
  --oc-violet-9-rgb: 95, 61, 196;


/*  Indigo
 *  ─────────────────────────────────── */

  --oc-indigo-0: #edf2ff;
  --oc-indigo-0-rgb: 237, 242, 255;
  --oc-indigo-1: #dbe4ff;
  --oc-indigo-1-rgb: 219, 228, 255;
  --oc-indigo-2: #bac8ff;
  --oc-indigo-2-rgb: 186, 200, 255;
  --oc-indigo-3: #91a7ff;
  --oc-indigo-3-rgb: 145, 167, 255;
  --oc-indigo-4: #748ffc;
  --oc-indigo-4-rgb: 116, 143, 252;
  --oc-indigo-5: #5c7cfa;
  --oc-indigo-5-rgb: 92, 124, 250;
  --oc-indigo-6: #4c6ef5;
  --oc-indigo-6-rgb: 76, 110, 245;
  --oc-indigo-7: #4263eb;
  --oc-indigo-7-rgb: 66, 99, 235;
  --oc-indigo-8: #3b5bdb;
  --oc-indigo-8-rgb: 59, 91, 219;
  --oc-indigo-9: #364fc7;
  --oc-indigo-9-rgb: 54, 79, 199;


/*  Blue
 *  ─────────────────────────────────── */

  --oc-blue-0: #e7f5ff;
  --oc-blue-0-rgb: 231, 245, 255;
  --oc-blue-1: #d0ebff;
  --oc-blue-1-rgb: 208, 235, 255;
  --oc-blue-2: #a5d8ff;
  --oc-blue-2-rgb: 165, 216, 255;
  --oc-blue-3: #74c0fc;
  --oc-blue-3-rgb: 116, 192, 252;
  --oc-blue-4: #4dabf7;
  --oc-blue-4-rgb: 77, 171, 247;
  --oc-blue-5: #339af0;
  --oc-blue-5-rgb: 51, 154, 240;
  --oc-blue-6: #228be6;
  --oc-blue-6-rgb: 34, 139, 230;
  --oc-blue-7: #1c7ed6;
  --oc-blue-7-rgb: 28, 126, 214;
  --oc-blue-8: #1971c2;
  --oc-blue-8-rgb: 25, 113, 194;
  --oc-blue-9: #1864ab;
  --oc-blue-9-rgb: 24, 100, 171;


/*  Cyan
 *  ─────────────────────────────────── */

  --oc-cyan-0: #e3fafc;
  --oc-cyan-0-rgb: 227, 250, 252;
  --oc-cyan-1: #c5f6fa;
  --oc-cyan-1-rgb: 197, 246, 250;
  --oc-cyan-2: #99e9f2;
  --oc-cyan-2-rgb: 153, 233, 242;
  --oc-cyan-3: #66d9e8;
  --oc-cyan-3-rgb: 102, 217, 232;
  --oc-cyan-4: #3bc9db;
  --oc-cyan-4-rgb: 59, 201, 219;
  --oc-cyan-5: #22b8cf;
  --oc-cyan-5-rgb: 34, 184, 207;
  --oc-cyan-6: #15aabf;
  --oc-cyan-6-rgb: 21, 170, 191;
  --oc-cyan-7: #1098ad;
  --oc-cyan-7-rgb: 16, 152, 173;
  --oc-cyan-8: #0c8599;
  --oc-cyan-8-rgb: 12, 133, 153;
  --oc-cyan-9: #0b7285;
  --oc-cyan-9-rgb: 11, 114, 133;


/*  Teal
 *  ─────────────────────────────────── */

  --oc-teal-0: #e6fcf5;
  --oc-teal-0-rgb: 230, 252, 245;
  --oc-teal-1: #c3fae8;
  --oc-teal-1-rgb: 195, 250, 232;
  --oc-teal-2: #96f2d7;
  --oc-teal-2-rgb: 150, 242, 215;
  --oc-teal-3: #63e6be;
  --oc-teal-3-rgb: 99, 230, 190;
  --oc-teal-4: #38d9a9;
  --oc-teal-4-rgb: 56, 217, 169;
  --oc-teal-5: #20c997;
  --oc-teal-5-rgb: 32, 201, 151;
  --oc-teal-6: #12b886;
  --oc-teal-6-rgb: 18, 184, 134;
  --oc-teal-7: #0ca678;
  --oc-teal-7-rgb: 12, 166, 120;
  --oc-teal-8: #099268;
  --oc-teal-8-rgb: 9, 146, 104;
  --oc-teal-9: #087f5b;
  --oc-teal-9-rgb: 8, 127, 91;


/*  Green
 *  ─────────────────────────────────── */

  --oc-green-0: #ebfbee;
  --oc-green-0-rgb: 235, 251, 238;
  --oc-green-1: #d3f9d8;
  --oc-green-1-rgb: 211, 249, 216;
  --oc-green-2: #b2f2bb;
  --oc-green-2-rgb: 178, 242, 187;
  --oc-green-3: #8ce99a;
  --oc-green-3-rgb: 140, 233, 154;
  --oc-green-4: #69db7c;
  --oc-green-4-rgb: 105, 219, 124;
  --oc-green-5: #51cf66;
  --oc-green-5-rgb: 81, 207, 102;
  --oc-green-6: #40c057;
  --oc-green-6-rgb: 64, 192, 87;
  --oc-green-7: #37b24d;
  --oc-green-7-rgb: 55, 178, 77;
  --oc-green-8: #2f9e44;
  --oc-green-8-rgb: 47, 158, 68;
  --oc-green-9: #2b8a3e;
  --oc-green-9-rgb: 43, 138, 62;


/*  Lime
 *  ─────────────────────────────────── */

  --oc-lime-0: #f4fce3;
  --oc-lime-0-rgb: 244, 252, 227;
  --oc-lime-1: #e9fac8;
  --oc-lime-1-rgb: 233, 250, 200;
  --oc-lime-2: #d8f5a2;
  --oc-lime-2-rgb: 216, 245, 162;
  --oc-lime-3: #c0eb75;
  --oc-lime-3-rgb: 192, 235, 117;
  --oc-lime-4: #a9e34b;
  --oc-lime-4-rgb: 169, 227, 75;
  --oc-lime-5: #94d82d;
  --oc-lime-5-rgb: 148, 216, 45;
  --oc-lime-6: #82c91e;
  --oc-lime-6-rgb: 130, 201, 30;
  --oc-lime-7: #74b816;
  --oc-lime-7-rgb: 116, 184, 22;
  --oc-lime-8: #66a80f;
  --oc-lime-8-rgb: 102, 168, 15;
  --oc-lime-9: #5c940d;
  --oc-lime-9-rgb: 92, 148, 13;


/*  Yellow
 *  ─────────────────────────────────── */

  --oc-yellow-0: #fff9db;
  --oc-yellow-0-rgb: 255, 249, 219;
  --oc-yellow-1: #fff3bf;
  --oc-yellow-1-rgb: 255, 243, 191;
  --oc-yellow-2: #ffec99;
  --oc-yellow-2-rgb: 255, 236, 153;
  --oc-yellow-3: #ffe066;
  --oc-yellow-3-rgb: 255, 224, 102;
  --oc-yellow-4: #ffd43b;
  --oc-yellow-4-rgb: 255, 212, 59;
  --oc-yellow-5: #fcc419;
  --oc-yellow-5-rgb: 252, 196, 25;
  --oc-yellow-6: #fab005;
  --oc-yellow-6-rgb: 250, 176, 5;
  --oc-yellow-7: #f59f00;
  --oc-yellow-7-rgb: 245, 159, 0;
  --oc-yellow-8: #f08c00;
  --oc-yellow-8-rgb: 240, 140, 0;
  --oc-yellow-9: #e67700;
  --oc-yellow-9-rgb: 230, 119, 0;


/*  Orange
 *  ─────────────────────────────────── */

  --oc-orange-0: #fff4e6;
  --oc-orange-0-rgb: 255, 244, 230;
  --oc-orange-1: #ffe8cc;
  --oc-orange-1-rgb: 255, 232, 204;
  --oc-orange-2: #ffd8a8;
  --oc-orange-2-rgb: 255, 216, 168;
  --oc-orange-3: #ffc078;
  --oc-orange-3-rgb: 255, 192, 120;
  --oc-orange-4: #ffa94d;
  --oc-orange-4-rgb: 255, 169, 77;
  --oc-orange-5: #ff922b;
  --oc-orange-5-rgb: 255, 146, 43;
  --oc-orange-6: #fd7e14;
  --oc-orange-6-rgb: 253, 126, 20;
  --oc-orange-7: #f76707;
  --oc-orange-7-rgb: 247, 103, 7;
  --oc-orange-8: #e8590c;
  --oc-orange-8-rgb: 232, 89, 12;
  --oc-orange-9: #d9480f;
  --oc-orange-9-rgb: 217, 72, 15;

}