*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 2.25rem;
	background: var(--beige);
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
}

img,
picture,
video,
canvas,
svg {
	display: block;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

#root,
#__next {
	isolation: isolate;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* MARGINS */
.margin--none {
	margin: 0 !important;
}
.mt--auto {
  margin-top: auto;
}
.mt--1 {
  margin-top: 1rem;
}
.margin--small {
  margin: 2rem 0 !important;
  margin-bottom: 2rem !important;
} 

.margin--medium {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.margin--large {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.margin--big {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

/* PADDINGS */
.padding--small {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.padding--medium {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.padding--large {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.padding--top {
  padding-top: 2rem !important;
}

.padding--bottom {
  padding-bottom: 2rem !important;
}

.padding--none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p--1 {
  padding: 1rem;
}
.p--2 {
  padding: 2rem;
}
.p--3 {
  padding: 3rem;
}
.p--4 {
  padding: 4rem;
}
.p--5 {
  padding: 5rem;
}
.\!p--1 {
  padding: 1rem !important;
}
.\!p--2 {
  padding: 2rem !important;
}
.\!p--3 {
  padding: 3rem !important;
}
.\!p--4 {
  padding: 4rem !important;
}
.\!p--5 {
  padding: 5rem !important;
}
.pt--1 {
  padding-top: 1rem;
}
.pt--2 {
  padding-top: 2rem;
}
.pt--3 {
  padding-top: 3rem;
}
.pt--4 {
  padding-top: 4rem;
}
.pt--5 {
  padding-top: 5rem;
}
.\!pt--1 {
  padding-top: 1rem !important;
}
.\!pt--2 {
  padding-top: 2rem !important;
}
.\!pt--3 {
  padding-top: 3rem !important;
}
.\!pt--4 {
  padding-top: 4rem !important;
}
.\!pt--5 {
  padding-top: 5rem !important;
}

.pb--1 {
  padding-bottom: 1rem;
}
.pb--2 {
  padding-bottom: 2rem;
}
.pb--3 {
  padding-bottom: 3rem;
}
.pb--4 {
  padding-bottom: 4rem;
}
.pb--5 {
  padding-bottom: 5rem;
}
.\!pb--1 {
  padding-bottom: 1rem !important;
}
.\!pb--2 {
  padding-bottom: 2rem !important;
}
.\!pb--3 {
  padding-bottom: 3rem !important;
}
.\!pb--4 {
  padding-bottom: 4rem !important;
}
.\!pb--5 {
  padding-bottom: 5rem !important;
}
.px--1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px--2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px--3 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px--4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px--5 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.\!px--1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px--2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.\!px--3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.\!px--4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.\!px--5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py--1 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.py--2 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.py--3 {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.py--4 {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.py--5 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
.\!yb--1 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.\!py--2 {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}
.\!py--3 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.\!py--4 {
  padding-bottom: 4rem !important;
  padding-top: 4rem !important;
}
.\!py--5 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important;
}

.pr--1 {
  padding-right: 1rem;
}
.pr--2 {
  padding-right: 2rem;
}
.pr--3 {
  padding-right: 3rem;
}
.pr--4 {
  padding-right: 4rem;
}
.pr--5 {
  padding-right: 5rem;
}
.\!pr--1 {
  padding-right: 1rem !important;
}
.\!pr--2 {
  padding-right: 2rem !important;
}
.\!pr--3 {
  padding-right: 3rem !important;
}
.\!pr--4 {
  padding-right: 4rem !important;
}
.\!pr--5 {
  padding-right: 5rem !important;
}
.pl--1 {
  padding-left: 1rem;
}
.pl--2 {
  padding-left: 2rem;
}
.pl--3 {
  padding-left: 3rem;
}
.pl--4 {
  padding-left: 4rem;
}
.pl--5 {
  padding-left: 5rem;
}
.\!pl--1 {
  padding-left: 1rem !important;
}
.\!pl--2 {
  padding-left: 2rem !important;
}
.\!pl--3 {
  padding-left: 3rem !important;
}
.\!pl--4 {
  padding-left: 4rem !important;
}
.\!pl--5 {
  padding-left: 5rem !important;
}

.gap-1{
  gap: 1rem;
}
/* DISPLAY */
.display--block {
    display: block !important;
}

.display--inline-block {
    display: inline-block;
}

.display--inline {
    display: inline;
}

.\!display--flex {
    display: flex !important;
} 

.display--flex {
    display: flex;
}

.display--flex--md {
    display: flex;
}

.display--inline-flex {
    display: inline-flex;
}

.display--inherit {
    display: inherit;
}

.display--none {
    display: none;
}

.display--contents {
    display: contents;
}

.display--inline-table {
    display: inline-table;
}

.display--grid {
    display: grid;
}

@media only screen and (min-width: 36rem) {
    .display--block--sm {
        display:block
    }

    .display--inline-block--sm {
        display: inline-block
    }

    .display--inline--sm {
        display: inline
    }

    .display--flex--sm {
        display: flex
    }

    .display--inline-flex--sm {
        display: inline-flex
    }

    .display--inherit--sm {
        display: inherit
    }

    .display--none--sm {
        display: none !important;
    }

    .display--contents--sm {
        display: contents
    }

    .display--inline-table--sm {
        display: inline-table
    }

    .display--grid--sm {
        display: grid
    }

    .display--initial--sm {
        display: initial
    }

    .display--table--sm {
        display: table
    }

    .display--table-row--sm {
        display: table-row
    }

    .display--table-cell--sm {
        display: table-cell
    }

    .display--table-header-group--sm {
        display: table-header-group
    }

    .display--table-row-group--sm {
        display: table-row-group
    }

    .display--list-item--sm {
        display: list-item
    }

    .display--flow-root--sm {
        display: flow-root
    }
}

@media only screen and (min-width: 51.3125rem) {
    .display--block--md {
        display:block
    }

    .display--inline-block--md {
        display: inline-block
    }

    .display--inline--md {
        display: inline
    }

    .display--flex--md {
        display: inline
    }

    .display--inline-flex--md {
        display: inline-flex
    }

    .display--inherit--md {
        display: inherit
    }

    .display--none--md {
        display: none
    }

    .display--contents--md {
        display: contents
    }

    .display--inline-table--md {
        display: inline-table
    }

    .display--grid--md {
        display: grid
    }

    .display--initial--md {
        display: initial
    }

    .display--table--md {
        display: table
    }

    .display--table-row--md {
        display: table-row
    }

    .display--table-cell--md {
        display: table-cell
    }

    .display--table-header-group--md {
        display: table-header-group
    }

    .display--table-row-group--md {
        display: table-row-group
    }

    .display--list-item--md {
        display: list-item
    }

    .display--flow-root--md {
        display: flow-root
    }
}

@media only screen and (min-width: 74.5rem) {
    .display--block--lg {
        display:block
    }

    .display--inline-block--lg {
        display: inline-block
    }

    .display--inline--lg {
        display: inline
    }

    .display--flex--lg {
        display: flex
    }

    .display--inline-flex--lg {
        display: inline-flex
    }

    .display--inherit--lg {
        display: inherit
    }

    .display--none--lg {
        display: none
    }

    .display--contents--lg {
        display: contents
    }

    .display--inline-table--lg {
        display: inline-table
    }

    .display--grid--lg {
        display: grid
    }

    .display--initial--lg {
        display: initial
    }

    .display--table--lg {
        display: table
    }

    .display--table-row--lg {
        display: table-row
    }

    .display--table-cell--lg {
        display: table-cell
    }

    .display--table-header-group--lg {
        display: table-header-group
    }

    .display--table-row-group--lg {
        display: table-row-group
    }

    .display--list-item--lg {
        display: list-item
    }

    .display--flow-root--lg {
        display: flow-root
    }
}
@media only screen and (max-width: 36rem) {
    .display--flex--md {
      display: inline-block;
    }
}

/* CURSOR */
.cur-pointer, .cursor--pointer {
    cursor: pointer;
}
.cur-pointer--hover:hover,.cursor--pointer--hover:hover {
    cursor: pointer
}

.cur-pointer--active:active,.cursor--pointer--active:active {
    cursor: pointer
}

.cur-pointer--focus:focus,.cursor--pointer--focus:focus {
    cursor: pointer
}

.cur-default,.cursor--default {
    cursor: default
}

.cur-default:hover,.cursor--default:hover {
    cursor: default
}

.cur-inherit,.cursor--inherit {
    cursor: inherit
}

.pointer-events--none {
    pointer-events: none
}

.pointer-events--none * {
    pointer-events: auto
}

.pointer-events--none--all {
    pointer-events: none
}

.pointer-events--auto {
    pointer-events: auto
}

/* FLEXBOX SETTINGS */
.row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.row--no-gutters {
    margin-left: 0;
    margin-right: 0
}

.justify-content--start {
    justify-content: flex-start
}

.icon.icon--in-bg-shape:before,.justify-content--center {
    justify-content: center
}

.justify-content--end {
    justify-content: flex-end
}

.justify-content--unset {
    justify-content: unset
}

.justify-content--around {
    justify-content: space-around
}

.justify-content--between {
    justify-content: space-between
}

.justify-content--evenly {
    justify-content: space-evenly
}

.justify-content--stretch {
    justify-content: stretch
}

.justify-content--left {
    justify-content: left
}

.justify-content--inherit {
    justify-content: inherit
}

.justify-content--normal {
    justify-content: normal
}

.align-content--start {
    align-content: flex-start
}

.align-content--center {
    align-content: center
}

.align-content--end {
    align-content: flex-end
}

.align-content--around {
    align-content: space-around
}

.align-content--between {
    align-content: space-between
}

.align-content--stretch {
    align-content: stretch
}

.align-items--start {
    align-items: flex-start
}

.align-items--center {
    align-items: center
}

.align-items--end {
    align-items: flex-end
}

.align-items--baseline {
    align-items: baseline
}

.align-items--stretch {
    align-items: stretch
}

.align-items--inherit {
    align-items: inherit
} 

.flex-direction--row {
    flex-direction: row
}

.flex-direction--row-reverse {
    flex-direction: row-reverse
}

.flex-direction--column {
    flex-direction: column
}

.flex-direction--column-reverse {
    flex-direction: column-reverse
}

.flex-wrap--wrap {
    flex-wrap: wrap
}

.flex-wrap--nowrap {
    flex-wrap: nowrap
}

.flex-wrap--wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-wrap--initial {
    flex-wrap: nowrap
}

.align-self--start {
    align-self: flex-start
}

.align-self--center {
    align-self: center
}

.align-self--end {
    align-self: flex-end
}

.align-self--baseline {
    align-self: baseline
}

.align-self--stretch {
    align-self: stretch
}

.align-self--auto {
    align-self: auto
}

.flex-order--1,.order--first {
    order: -1
}

.order--reset {
    order: 0
}

.order--last {
    order: 1
}

.flex-order--2,.order--2 {
    order: 2
}

.flex-grow {
    flex-grow: 1
}

.flex-grow--0 {
    flex-grow: 0
}

@media only screen and (min-width: 36rem) {
    .justify-content--start--sm {
        justify-content:flex-start
    }

    .justify-content--center--sm {
        justify-content: center
    }

    .justify-content--end--sm {
        justify-content: flex-end
    }

    .justify-content--unset--sm {
        justify-content: unset
    }

    .justify-content--around--sm {
        justify-content: space-around
    }

    .justify-content--between--sm {
        justify-content: space-between
    }

    .justify-content--evenly--sm {
        justify-content: space-evenly
    }

    .justify-content--stretch--sm {
        justify-content: stretch
    }

    .justify-content--left--sm {
        justify-content: left
    }

    .justify-content--inherit--sm {
        justify-content: inherit
    }

    .justify-content--normal--sm {
        justify-content: normal
    }

    .align-content--start--sm {
        align-content: flex-start
    }

    .align-content--center--sm {
        align-content: center
    }

    .align-content--end--sm {
        align-content: flex-end
    }

    .align-content--around--sm {
        align-content: space-around
    }

    .align-content--between--sm {
        align-content: space-between
    }

    .align-content--stretch--sm {
        align-content: stretch
    }

    .align-items--start--sm {
        align-items: flex-start
    }

    .align-items--center--sm {
        align-items: center
    }

    .align-items--end--sm {
        align-items: flex-end
    }

    .align-items--baseline--sm {
        align-items: baseline
    }

    .align-items--stretch--sm {
        align-items: stretch
    }

    .align-items--inherit--sm {
        align-items: inherit
    }

    .flex-direction--row--sm {
        flex-direction: row
    }

    .flex-direction--row-reverse--sm {
        flex-direction: row-reverse
    }

    .flex-direction--column--sm {
        flex-direction: column
    }

    .flex-direction--column-reverse--sm {
        flex-direction: column-reverse
    }

    .flex-wrap--wrap--sm {
        flex-wrap: wrap
    }

    .flex-wrap--nowrap--sm {
        flex-wrap: nowrap
    }

    .flex-wrap--wrap-reverse--sm {
        flex-wrap: wrap-reverse
    }

    .flex-wrap--initial--sm {
        flex-wrap: nowrap
    }

    .align-self--start--sm {
        align-self: flex-start
    }

    .align-self--center--sm {
        align-self: center
    }

    .align-self--end--sm {
        align-self: flex-end
    }

    .align-self--baseline--sm {
        align-self: baseline
    }

    .align-self--stretch--sm {
        align-self: stretch
    }

    .align-self--auto--sm {
        align-self: auto
    }

    .order--first--sm {
        order: -1
    }

    .order--reset--sm {
        order: 0
    }

    .order--last--sm {
        order: 1
    }

    .order--2--sm {
        order: 2 
    }

    .flex-grow--sm {
        flex-grow: 1
    }

    .flex-grow--0--sm {
        flex-grow: 0
    }
}

@media only screen and (min-width: 51.3125rem) {
    .justify-content--start--md {
        justify-content:flex-start
    }

    .justify-content--center--md {
        justify-content: center
    }

    .justify-content--end--md {
        justify-content: flex-end
    }

    .justify-content--unset--md {
        justify-content: unset
    }

    .justify-content--around--md {
        justify-content: space-around
    }

    .justify-content--between--md {
        justify-content: space-between
    }

    .justify-content--evenly--md {
        justify-content: space-evenly
    }

    .justify-content--stretch--md {
        justify-content: stretch
    }

    .justify-content--left--md {
        justify-content: left
    }

    .justify-content--inherit--md {
        justify-content: inherit
    }

    .justify-content--normal--md {
        justify-content: normal
    }

    .align-content--start--md {
        align-content: flex-start
    }

    .align-content--center--md {
        align-content: center
    }

    .align-content--end--md {
        align-content: flex-end
    }

    .align-content--around--md {
        align-content: space-around
    }

    .align-content--between--md {
        align-content: space-between
    }

    .align-content--stretch--md {
        align-content: stretch
    }

    .align-items--start--md {
        align-items: flex-start
    }

    .align-items--center--md {
        align-items: center
    }

    .align-items--end--md {
        align-items: flex-end
    }

    .align-items--baseline--md {
        align-items: baseline
    }

    .align-items--stretch--md {
        align-items: stretch
    }

    .align-items--inherit--md {
        align-items: inherit
    }

    .flex-direction--row--md {
        flex-direction: row
    }

    .flex-direction--row-reverse--md {
        flex-direction: row-reverse
    }

    .flex-direction--column--md {
        flex-direction: column
    }

    .flex-direction--column-reverse--md {
        flex-direction: column-reverse
    }

    .flex-wrap--wrap--md {
        flex-wrap: wrap
    }

    .flex-wrap--nowrap--md {
        flex-wrap: nowrap
    }

    .flex-wrap--wrap-reverse--md {
        flex-wrap: wrap-reverse
    }

    .flex-wrap--initial--md {
        flex-wrap: nowrap
    }

    .align-self--start--md {
        align-self: flex-start
    }

    .align-self--center--md {
        align-self: center
    }

    .align-self--end--md {
        align-self: flex-end
    }

    .align-self--baseline--md {
        align-self: baseline
    }

    .align-self--stretch--md {
        align-self: stretch
    }

    .align-self--auto--md {
        align-self: auto
    }

    .order--first--md {
        order: -1
    }

    .order--reset--md {
        order: 0
    }

    .order--last--md {
        order: 1
    }

    .order--2--md {
        order: 2
    }

    .flex-grow--md {
        flex-grow: 1
    }

    .flex-grow--0--md {
        flex-grow: 0
    }
}

@media only screen and (min-width: 74.5rem) {
    .justify-content--start--lg {
        justify-content:flex-start
    }

    .justify-content--center--lg {
        justify-content: center
    }

    .justify-content--end--lg {
        justify-content: flex-end
    }

    .justify-content--unset--lg {
        justify-content: unset
    }

    .justify-content--around--lg {
        justify-content: space-around
    }

    .justify-content--between--lg {
        justify-content: space-between
    }

    .justify-content--evenly--lg {
        justify-content: space-evenly
    }

    .justify-content--stretch--lg {
        justify-content: stretch
    }

    .justify-content--left--lg {
        justify-content: left
    }

    .justify-content--inherit--lg {
        justify-content: inherit
    }

    .justify-content--normal--lg {
        justify-content: normal
    }

    .align-content--start--lg {
        align-content: flex-start
    }

    .align-content--center--lg {
        align-content: center
    }

    .align-content--end--lg {
        align-content: flex-end
    }

    .align-content--around--lg {
        align-content: space-around
    }

    .align-content--between--lg {
        align-content: space-between
    }

    .align-content--stretch--lg {
        align-content: stretch
    }

    .align-items--start--lg {
        align-items: flex-start
    }

    .align-items--center--lg {
        align-items: center
    }

    .align-items--end--lg {
        align-items: flex-end
    }

    .align-items--baseline--lg {
        align-items: baseline
    }

    .align-items--stretch--lg {
        align-items: stretch
    }

    .align-items--inherit--lg {
        align-items: inherit
    }

    .flex-direction--row--lg {
        flex-direction: row
    }

    .flex-direction--row-reverse--lg {
        flex-direction: row-reverse
    }

    .flex-direction--column--lg {
        flex-direction: column
    }

    .flex-direction--column-reverse--lg {
        flex-direction: column-reverse
    }

    .flex-wrap--wrap--lg {
        flex-wrap: wrap
    }

    .flex-wrap--nowrap--lg {
        flex-wrap: nowrap
    }

    .flex-wrap--wrap-reverse--lg {
        flex-wrap: wrap-reverse
    }

    .flex-wrap--initial--lg {
        flex-wrap: nowrap
    }

    .align-self--start--lg {
        align-self: flex-start
    }

    .align-self--center--lg {
        align-self: center
    }

    .align-self--end--lg {
        align-self: flex-end
    }

    .align-self--baseline--lg {
        align-self: baseline
    }

    .align-self--stretch--lg {
        align-self: stretch
    }

    .align-self--auto--lg {
        align-self: auto
    }

    .order--first--lg {
        order: -1
    }

    .order--reset--lg {
        order: 0
    }

    .order--last--lg {
        order: 1
    }

    .order--2--lg {
        order: 2
    }

    .flex-grow--lg {
        flex-grow: 1
    }

    .flex-grow--0--lg {
        flex-grow: 0
    }
}


/* SIZES */
.width--full {
  width: 100%
}
.default-max-site-width {
    max-width: 113.2rem
}

.max-width-150p {
    max-width: 9.375rem;
}
.max-width-100p {
    max-width: 100%
}

.min-width-100p {
    min-width: 100%
}

.min-width-max-content {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

@media only screen and (min-width: 124rem) {
    .min-width-max-content--md {
        min-width:-webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }
}

.max-100vh {
    max-height: 100vh
}

.max-100vw {
    max-width: calc(100vw - 16px)
}

.max-100p {
    max-width: 100%
}

.squarcle-image-svg,.width--n {
    width: 0
}

.max-height-20 {
    max-height: 5rem
}

.max-height-\[1000px\] {
    max-height: 1000px
}

.max-height-\[60\%\] {
    max-height: 60%
}

.max-height-\[800px\] {
    max-height: 800px
}

.min-height-\[300px\] {
    min-height: 300px
}

.min-height-\[400px\] {
    min-height: 400px
}

.min-height-\[450px\] {
    min-height: 450px
}

.whitespace--author:after,.width--full {
    width: 100%
}

.width--auto {
    width: auto
}

.\!width--auto {
    width: auto!important
}

.\!width--full {
    width: 100%!important
}

.width--fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.height--auto {
    height: auto
}

.height--n {
    height: 0
}

.height--full {
    height: 100%
}

.\!height--full {
    height: 100%!important
}

.height--full-viewport {
    height: 100vh
}

.min-height--full-viewport {
    min-height: 100vh
}

.min-height--full {
    min-height: 100%
}

@media only screen and (min-width: 36rem) {
    .width--full--sm {
        width:100%
    }

    .width--auto--sm {
        width: auto
    }

    .min-height--full-viewport--sm {
        min-height: 100vh
    }

    .min-height--full--sm {
        min-height: 100%
    }

    .height--full-viewport--sm {
        height: 100vh
    }

    .height--auto--sm {
        height: auto
    }
}

@media only screen and (min-width: 51.3125rem) {
    .width--full--md {
        width:100%
    }

    .width--auto--md {
        width: auto
    }

    .min-height--full-viewport--md {
        min-height: 100vh
    }

    .min-height--full--md {
        min-height: 100%
    }

    .height--full-viewport--md {
        height: 100vh
    }

    .height--auto--md {
        height: auto
    }
}

@media only screen and (min-width: 74.5rem) {
    .width--full--lg {
        width:100%
    }

    .width--auto--lg {
        width: auto
    }

    .min-height--full-viewport--lg {
        min-height: 100vh
    }

    .min-height--full--lg {
        min-height: 100%
    }

    .height--full-viewport--lg {
        height: 100vh
    }

    .height--auto--lg {
        height: auto
    }
}

/* POSITION */
.position-absolute {
    position: absolute;
}
.position-relative {
    position: relative;
}

@media only screen and (min-width: 36rem) {
  .position--absolute--sm {
    position: absolute;
  }
  .position-relative--sm {
    position: relative;
}
}
@media only screen and (min-width: 51.3125rem) {
  .position--absolute--md {
    position: absolute;
  }
  .position-relative--md {
    position: relative;
}
}
@media only screen and (min-width: 74.5rem) {
  .position--absolute--lg {
    position: absolute;
  }
  .position-relative--lg {
    position: relative;
}
}
/* OBJECT-FIT */
.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-top {
    -o-object-position: top;
    object-position: top
}

/* BORDERS */
.border--none {
	border: none;
}

.border--bottom {
  border-bottom: 1px solid var(--darknavy);
}

.border--right {
  border-right: 1px solid var(--darknavy);
  height: 100%;
}

.border--top {
  border-top: 1px solid var(--darknavy);
}

.border--left {
  border-left: 1px solid var(--darknavy);
  height: 100%;
}

.border {
  border: 1px solid var(--darknavy);
}
  
/* IMPORT GLOBAL STYLES */
/* Responsive Grid */
.row-fluid {
    display: flex;
    margin: 0;
}
.row-fluid-wrapper {
    flex-basis: 100%;
}
.container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

section .container .row-fluid {
    display: flex;
}

.hidden-desktop {
  display: flex;
}

.desktop {
  display: none;
}

.inline-block {
  display: inline-block;
}

.align-center {
  position: relative;
  align-items: center;
}

.row-fluid {
   zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: inline;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid>.span1, .row-fluid>.span10, .row-fluid>.span11, .row-fluid>.span12, .row-fluid>.span2, .row-fluid>.span3, .row-fluid>.span4, .row-fluid>.span5, .row-fluid>.span6, .row-fluid>.span7, .row-fluid>.span8, .row-fluid>.span9 {
    width: 100%;
}
 
/* Clearfix */

.clearfix {
    zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */
.hidden-mobile, .hidden-phone, .hidden-tablet-desktop {
    display: none
}


@media (max-width: 650px) {
    .hidden-tablet-desktop {
        display:block
    }
}

.hidden-mobile-desktop {
    display: none;
}

@media only screen and (min-width: 36rem) and (max-width:74.5rem) {
    .hidden-mobile-desktop {
        display:block
    }
}

.hidden-mobile-tablet {
    display: none
}

@media only screen and (min-width: 48,0625rem) {
    .hidden-mobile-tablet {
        display:block
    }
}


@media only screen and (min-width: 36rem) {
  .hidden-mobile, .hidden-phone {
        display:block
    }
}

@media only screen and (min-width: 51.3125rem) {
  .container {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 1rem 0 1rem;
  }
  
  .row-fluid {
    max-width: 100% !important;
  } 

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
    }

    .row-fluid .span11 {
        width: 91.66666%;
    }

    .row-fluid .span10 {
        width: 85%;
    }

    .row-fluid .span9 {
        width: 75%;
    }

    .row-fluid .span8 {
        width: 66.66666%;
    }

    .row-fluid .span7 {
        width: 60%;
    }

    .row-fluid .span6 {
        width: 50%;
    }

    .row-fluid .span5 {
        width: 40%;
    }

    .row-fluid .span4 {
        width: 33.33333%;
    }

    .row-fluid .span3 {
        width: 25%;
    }

    .row-fluid .span2 {
        width: 15%;
    }

    .row-fluid .span1 {
        width: 8.33333%;
    }
    
    .row-fluid .\!span6 {
        width: 50% !important;
    }
    .row-fluid .\!span4 {
        width: 33.33333% !important;
    }

    .row-fluid .\!span3 {
        width: 25% !important;
    }

    .row-fluid .\!span2 {
        width: 15% !important;
    }
}

@media only screen and (min-width: 74.5rem) {
  .container {
    max-width: 1440px !important;
  }
  .row-fluid {
    max-width: 100% !important;
    width: 100%;
    zoom: 1;
  } 
  
  .desktop {
    display: flex;
  }
  .hidden-desktop {
  display: none;
  }
}

/* DND */


[class*="span"] {
    position: relative;
  z-index: 1;
}

.dnd_area-row-0-max-width-section-centering > .row-fluid {
  margin: 0 !important;
} 
:root {
  --pink: #FE0AB7;
  --pinkshadow: #c13398;
  --pink-transparent: rgba(254, 10, 183, 0.90);
  --yellow: #E9FF88; 
  --yellow-transparent: rgba(233, 255, 136, 0.80);
  --purple: #E1ADE1;
  --green: #30FF88; 
  --darknavy: #202239;
  --darkgrey: #393E46;
  --white: #FFFFFF;
  --white-transparent: rgba(255, 255, 255, 0.40);
  --beige: #F7F1EC;
  --grey: #9A9EA5;
  --pinkyellow-gradient: linear-gradient(180deg, #E9FF88 0%, #FE0AB7 100%);
  --pinkyellow-gradient-horizontal: linear-gradient(90deg, #E9FF88 0%, #FE0AB7 100%);
  --pinkyellow-gradient-faded: linear-gradient(90deg, rgba(233, 255, 136, 0.60) 0%, rgba(254, 10, 183, 0.60) 100%);
  --pinkyellow-gradient-horizontal-faded: linear-gradient(180deg, rgba(233, 255, 136, 0.80) 0%, rgba(254, 10, 183, 0.90) 100%);
  --grey-gradient: linear-gradient(180deg, #F7F1EC -22%, #202239 138%));
}
.montserrat-<umaniq> {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

.jost-<umaniq> {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

/* HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Jost", sans-serif;
	color: var(--darknavy);
	font-weight: 500;
}

h1 {
	font-size: 2.5rem;
	line-height: 3.25rem;
  margin-bottom: 1rem;
}

h2 {
	font-size: 2rem;
	line-height: 2.75rem;
  margin-bottom: 1rem;
}

h3 {
	font-size: 1.75rem;
	line-height: 2.5rem;
  margin-bottom: .8rem;
}

h4 {
	font-size: 1.5rem;
	line-height: 2.25rem;
  margin-bottom: .8rem;
}

h5 {
	font-size: 1rem;
	line-height: 2rem;
  margin-bottom: .6rem;
}

h6 {
	font-size: 0.25rem;
	line-height: 1.25rem;
  margin-bottom: .6rem;
}

p {
	color: var(--Text-Body-Dark-Navy, #202239);
	font-size: 1rem;
	font-weight: 300;
	line-height: 2.25rem;
}

a {
	color: var(--pink);
	letter-spacing: 0.0625rem;
	text-decoration-line: underline;
}

yellow,
pink,
green,
purple {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

yellow:before,
pink:before,
purple:before,
green:before {
  content: "";
	position: absolute;
	height: 25%;
	left: -2%;
	width: 104%;
	bottom: 8px;
  border-radius: 16px;
	z-index: -1;
}

yellow:before {
	background: var(--yellow);
}

pink:before {
	background: var(--pink);
}

purple:before {
	background: var(--purple);
}

green:before {
	background: var(--green);
}

li {
	line-height: 2rem;
}
.cmp--content-block ul,
.cmp--content-block ol {
  padding-left: 2rem;
}

.custom-list-items li {
  list-style: none;
  line-height: 1.5;
  padding-bottom: 1rem;
}

.custom-list-items li:before {
  content:''; 	
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: -2rem;
  margin-right: 1rem;
}

.li--pink-arrow li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-pink/Umaniq-visuele-elementen-Arrow.svg);
}
.li--pink-double-arrow li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-pink/Umaniq-visuele-elementen-double-arrow.svg);
}
.li--pink-cross li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-pink/Umaniq-visuele-elementen-cross.svg);
}
.li--pink-circle li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-pink/Umaniq-visuele-elementen-dots-circle.svg);
}
.li--purple-arrow li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-purple/Umaniq-visuele-elementen-Arrow.svg);
}
.li--yellow-arrow li:before {
  background-image: url(//144250736.fs1.hubspotusercontent-eu1.net/hubfs/144250736/raw_assets/public/Umaniq/images/icons-yellow/Umaniq-visuele-elementen-Arrow.svg);
}

@media only screen and (min-width: 36rem) {
  h1 {
	font-size: 3rem;
	line-height: 3.75rem;
  margin-bottom: 1rem;
}

h2 {
	font-size: 2rem;
	line-height: 2.75rem;
  margin-bottom: 1rem;
}

h3 {
	font-size: 1.75rem;
	line-height: 2.5rem;
  margin-bottom: .8rem;
}

h4 {
	font-size: 1.5rem;
	line-height: 2.25rem;
  margin-bottom: .8rem;
}

h5 {
	font-size: 1rem;
	line-height: 2rem;
  margin-bottom: .6rem;
}

h6 {
	font-size: 0.25rem;
	line-height: 1.25rem;
  margin-bottom: .6rem;
}
}

@media only screen and (min-width: 51.3125rem) { 
	h1 {
		font-size: 4rem;
		line-height: 4.75rem;
		position: relative;
		z-index: 1;
		margin-top: 1rem;
	}

	h2 {
		font-size: 3rem;
		line-height: 3.75rem;
	}

	h3 {
		font-size: 2rem;
		line-height: 2.75rem;
	}

	h4 {
		font-size: 1.6rem;
		line-height: 2.25rem;
		margin-bottom: 1rem;
	}

	h5 {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	h6 {
		font-size: 1.25rem;
		line-height: 2rem;
	}
}
form {
   font-family: 'Montserrat';
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
fieldset.form-columns-1,
fieldset.form-columns-2,
fieldset.form-columns-3,
.newsletter-container .hs_email{
    width: 100%;
}

.hs-form__pagination-content-container input {
  border: none !important;
  border-radius: 10px;
}

.form {
  column-count: 1;
  width: 100%;
}

.newsletter-subscription {
  column-count: 1 !important;
}

.form .hs-form-booleancheckbox label {
  margin-left: 0;
  padding-left: 0;
}

.form .hs-form-booleancheckbox input {
  margin-right: 1rem; 
}

/* From image */
.form img {
  position: absolute;
  right: 0;
  height: 40rem;
  margin-top: 6.5rem;
}

/* Form fields */

.form .hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

 form label {
  display: block;
  color: var(--darknavy);
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center !important;
  line-height: 1;
}

.cmp--subscribe-course .info-course ol,
.cmp--subscribe-course .info-course ul{
    padding-left: 2rem;
}

/* Help text - legends */

 form legend {
  font-size: 0.875rem;
  padding-right: 1.5rem;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
input[type='search'],
select,
.cp-ticket-view__select-custom,
.cp-ticket-filter__select-custom,
textarea {
  border-radius: 1rem;
  display: inline-block;
  background: var(--white);
  width: 100%;
  margin-bottom: 1.5rem;
  color: color: var(--grey);
  padding-left: 1rem;
}

.newsletter-subscription input[type='text'],
.newsletter-subscription input[type='email'],
.newsletter-subscription input[type='password'],
.newsletter-subscription input[type='tel'],
.newsletter-subscription input[type='number'],
.newsletter-subscription input[type='file'],
.newsletter-subscription input[type='search'],
.newsletter-subscription select,
.cp-ticket-view__select-custom,
.cp-ticket-filter__select-custom,
textarea {
  margin-bottom: 1rem;
  color: var(--grey);
  padding-left: 1rem;
  width: 100% !important;
  font-size: 1rem;
  
}

 form input[type='text'],
 form input[type='email'],
 form input[type='password'],
 form input[type='tel'],
 form input[type='number'],
 form input[type='file'],
 form input[type='search'],
 form select,
 form textarea {
  font-size: 1.2rem;
  line-height: 3rem;
  margin-top: 0.5rem;
  width: 100% !important;
  border-radius: 1rem;
  color: color: var(--grey);
}

 input, textarea {
  background: #FFFFFF;
  border: 1px solid #fff;
  color: var(--grey);
  font-weight: 500;
   font-size: 1.2rem;
  line-height: 3rem;
}

 form fieldset {
  max-width: 90%;
}

 form fieldset:not(.form-columns-1):not(.form-columns-0) {
  align-items: flex-end;
  display: flex;
}

 form fieldset:not(.form-columns-1):not(.form-columns-0) .hs-form-field {
  margin-bottom: 0;
}

 form fieldset:not(.form-columns-1):not(.form-columns-0) .hs-error-msgs {
  position: absolute;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
}

/* Form placeholder text */

::-moz-placeholder {
  color: var(--green);
  font-style: normal;
  font-weight: 400;
  padding-left: 1rem;
}

:-ms-input-placeholder {
  color: var(--pink);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 1rem;
}

::placeholder,
:placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: var(--prink);
}

/* Inputs - checkbox/radio */

form .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type='checkbox'],
form input[type='radio'] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - select */

form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.hs-fieldtype-select .input {
  position: relative;
}

.hs-fieldtype-select .input:after {
  content: '\25BE';
  font-size: 1.25rem;
  pointer-events: none;
  position: absolute;
  right: 25px;
  top: 56%;
  transform: translateY(-50%);
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 56%;
  transform: translateY(-50%);
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #fff;
}

/* Inputs - file picker */

form input[type='file'] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox {
  margin: 0 0 1.5rem;
}

.legal-consent-container .hs-form-booleancheckbox-display {
  align-items: baseline;
  display: flex;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.875rem;
  margin-left: 0 !important;
}

.legal-consent-container .hs-richtext {
  display: none;
}

.legal-consent-container label {
  margin: 0;
}

/* Validation */

.hs-form-required {
  color: var(--pink);
  margin-left: 0.25rem;
}

.hs-input.invalid.error {
  border-color: var(--pink);
  border-width: 2px;
}

form .hs-error-msgs {
  padding-right: 1.5rem;
}

form .hs-error-msgs > li {
  margin: 0.25rem 0;
}

.hs-error-msg {
  color: var(--pink);
  font-size: 0.875rem;
  margin-top: 0;
}

form fieldset.cp-has-errors {
  margin-bottom: 2.4rem !important;
}

.cmp--subscribe-course fieldset:not(.form-columns-1):not(.form-columns-0) {
    gap: 1rem;
}


/* RESPONSIVE */
@media only screen and (max-width: 36em) {
  .form .hs-input {
    width: 100% !important;
  }
  
  .form .hs-form-booleancheckbox input, .form .actions input {
      width: auto !important;
    }
  
  .form img {
    display: none;
  }
  
  
  .form form fieldset, .form .actions {
    max-width: 100%;
  }

  .form input, .form textarea {
    width: 100%;
  }
}
/* BUTTON ALIGNMENT */
.btn-group.LEFT {
  justify-content: flex-start; 
}

.btn-group.CENTER {
  justify-content: center; 
}

.btn.RIGHT {
  justify-content: flex-end; 
}

.btn-group.TOP {
  align-items: flex-start;
}

.btn-group.MIDDLE {
  align-items: center;
}

.btn-group.BOTTOM {
  align-items: flex-end;
}
/* GENERAL BUTTONS */
.btn-group {
  display: flex;
  gap: 2rem;
}

.btn {
  font-weight: 600;
  text-decoration: none;
}

.btn a {
  position: relative;
  color: var(--darknavy);
  align-items: center;
  text-decoration: none;
  width: auto;
  transition: all ease-in-out .2s;
}

.btn a[aria-disabled="true"] {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.btn .text {
  padding: .5rem 2rem;
  z-index: 2;
  gap: 0.5rem;
}

@media only screen and (max-width: 36rem) {
  .btn-group {
    display: grid;
  }
}

/* PRIMARY BUTTON */
.btn.primary-btn {
  background-color: var(--darknavy);
  border-radius: 3.125rem;
  transition: background-color .4s ease-out;
}

.btn.primary-btn .text {
  color: var(--white);
  padding: .5rem 0 .5rem 3rem ;
  transition: all .4s ease-out;
}

.btn.primary-btn:hover {
  background-color: var(--yellow);
}

.btn.primary-btn:hover .text {
  color: var(--darknavy);
  padding: .5rem 1.5rem;
}

.btn.primary-btn .text:after {
  content: "";
  display: block;
  width: 2.5rem;
  background: url('/hubfs/144250736/btn-arrow-pink.svg') no-repeat;
  background-size: contain;
  background-position: center;
  visibility: hidden
}  
  
.btn.primary-btn:hover .text:after {
  visibility: visible;
}

.hs-submit {
   position: relative;
    display: flex;
    color: var(--white);
    align-items: center;
    text-decoration: none;
    width: auto;
    background-color: var(--darknavy);
    border-radius: 3.125rem;
    transition: background-color .4s ease-out;
    transition: all ease-in-out .2s;
    justify-self: end;
      margin-left: auto;
}
.hs-submit:hover {
  background-color: var(--yellow);
  color: var(--darknavy);
}
.hs-submit input {
  background: transparent;
  color: var(--white);
  background-color: var(--darknavy);
  border: none;
  letter-spacing: 0.0625rem;
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 600;
  transition: background-color .4s ease-out;
  transition: all ease-in-out .2s;
}
.hs-submit:hover input {
  color: var(--darknavy);
  background-color: var(--yellow);
}

.hs-submit .actions {
  width: auto;
  display: flex;
  color: var(--white);
  padding: .5rem 0 .5rem 3rem ;
  transition: all .4s ease-out;
}

.hs_submit:hover .actions, 
.hs_submit:hover .actions {
    color: var(--darknavy);
  padding: .5rem 1.5rem;
}

.hs_submit .actions:after, 
.hs_submit .actions:after {
    content: " ";
    display: block;
    width: 2.5rem;
  height: 2.5rem;
    background: url('/hubfs/144250736/btn-arrow-pink.svg') no-repeat;
    background-size: contain;
    background-position: center;
    visibility: hidden;
}
.hs_submit:hover .actions:after {
    visibility: visible;
}

/* SECONDARY BUTTON */
.btn.secondary-btn {
  border: 1px solid var(--darknavy);
  background: var(--darknavy);
  transition: all .4s ease-out;
  padding: .5rem 2rem
}
.btn.secondary-btn .text {
  padding: 0;
  color: var(--white);
}

.btn.secondary-btn .text:after {
  content: "";
  display: block;
  width: 2.5rem;
  background: url('/hubfs/144250736/btn-arrow-yellow.svg') no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(90deg);
}

.btn.secondary-btn:hover {
  background: var(--yellow);
  border: 1px solid var(--yellow);
}
.btn.secondary-btn:hover .text {
  color: var(--darknavy);
}

.btn.secondary-btn:hover .text:after {
  background: url('/hubfs/144250736/btn-arrow-pink.svg') no-repeat;
  width: 2.5rem;
  background-position: center;
  transform: rotate(0deg);
}

/* TERTIARY BUTTON */
.btn.tertiary-btn .text {
  padding: .5rem 0;
}

.btn.tertiary-btn .text:before {
  content: "";
  display: block;
  width: 2.5rem;
  background: url('/hubfs/144250736/btn-arrow-pink.svg') no-repeat;
  background-size: contain;
  background-position: center;
}

.btn.tertiary-btn:hover .text:before {
  background: url('/hubfs/144250736/btn-arrow-yellow.svg') no-repeat;
  width: 2.5rem;
  background-position: center;
  transform: rotate(90deg);
}

/* CARD BUTTON */
.btn.card-btn {
  background: var(--yellow);
}

.btn-group.imgcards {
    margin: 0 !important;
  position: absolute;
  bottom: 0;
  justify-content: end;
}

.btn.card-btn .text {
  align-items: center;
}

.btn.card-btn .text:after {
  content: "";
  display: inline-flex;
  width: 2rem;
  height: 1.5rem; 
  background: url('/hubfs/144250736/btn-arrow-pink.svg') no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s ease;
}

.btn-group.imgcards:hover .btn.card-btn .text:after {
  transform: scale(1.3);
}

/* CTA BUTTON */
.job-card-btn {
  background: var(--yellow);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  padding: 1rem 4rem;
}

.job-card-btn p {
  text-align: center;
  font-weight: 500;
}

.job-card-btn p:after {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 1.5rem;
  height: 100%; 
  background: url('/hubfs/144250736/cta-arrow.svg') no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s ease;
}

.job-card-btn:hover .job-card-btn p:after {
  transform: scale(1.3);
}

/* MOBILE CTA */
.mobile-btn {
  background: var(--yellow);
  position: absolute;
  right: 0;
  bottom:0;
  padding: 0.5rem;
  z-index: 5;
}

.mobile-btn span{
  color: var(--Text-Body-Dark-Navy, #202239);
  font-weight: bold;
  padding-right: .5rem;
}

@media only screen and (min-width: 36rem) {
  .mobile-btn {
    display: none;
  }
}

/* IMPORT PARTIALS CSS */ 
.header {
	min-height: 5rem;
  border-bottom: 1px solid var(--darknavy);
  position: fixed;
  width: 100%;
  background-color: var(--beige);
  z-index: 100;
}
.body-container-wrapper {
    padding-top: 5.25rem;
}
.header .container>.row-fluid {
	min-height: 5rem;
}

.site-logo img {
  width: 100% !important;
}

@media only screen and (min-width: 36rem) {
  .site-logo img {
    width: 80% !important;
  }
}
@media only screen and (min-width: 74.5rem) {
  .cta {
    justify-content: right;
    display: flex !important;
	border-left: 1px solid var(--darknavy);
	padding: 1rem 0 1rem 1rem;
  }
}
/*========================*/
/*        FOOTER          */
/*========================*/
.footer-menu li {
  list-style-type: none;
  margin-bottom: 1rem;
}
  
.footer-menu li a {
  color: var(--darkgrey);
	font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
  
.footer-menu li a:hover {
  color: var(--pink);
}
  
.contact {
  gap: 1rem;
  margin-bottom: 1rem;
}

.footer-contact {
  display: flex !important;
}
  
.subtitle {
  font-weight: 700;
}
  
.rights {
    padding-left: 1rem;
}

/* -- FOOTER LICHT MAKEN--*/
.footer-menu:after, .footer-contact:after {
  content: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  z-index: 1;
  }

.footer-menu:before {
  content: none;
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(-90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  bottom: -0.3rem;
  right: -1.3rem;
  z-index: 2;
  }

.footer-contact:before {
  content: none;
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.3rem;
  right: -0.67rem;
  z-index: 2;
  }

  
.rights a {
    color: var(--darkgrey);
    text-decoration: none;
  }
  
  .rights a:hover {
    color: var(--pink);
  }

.footer-icon {
  font-size: 1.25rem;
  line-height: 2rem;
  width: 1.5rem;
}

/* LEGAL NAVIGATION */
.legals ul {
  display: flex;
  gap: 1rem;
  justify-content: end;
  padding-right: 1rem;
}

.legals li {
  list-style-type: none;
}

.legals li a {
  display: flex;
  color: var(--darkgrey);
  text-decoration: none;
}


@media only screen and (min-width: 36rem) and (max-width: 50.5em) {  
  .footer-contact {
    margin-left: 0rem !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
  }
}

@media only screen and (max-width: 50rem) {
  #footer .container {
    padding-right: 0;
  }
  
    .contactus {
    margin-left: 2rem;
  }
  
    .footer-menu {
      display: none !important;
    }
  
    .span5.footer-contact, .span4.newsletter-subscription {
    width: 100%;
    } 

    .followus {
      visibility: hidden;
    }
  
  .footer-menu:after {
  content: '';
  background-color: unset;
  }
 
.footer-contact:before {
  content: " ";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(0deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.7rem;
  left: 0;
  }
  
  .footer-contact:after {
    content: " ";
    background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
    background-size: contain;
    background-color: unset;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    width: 2rem;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0.7rem;
  }
}

.newsletter-subscription label {
    display: none;
}

#footer .newsletter-container .hs_email { 
  width: auto;
  min-width: 100%;
}

@media only screen and (min-width: 90rem) {
  #footer .newsletter-container .hs_email { 
      width: auto;
      min-width: 55%;
    }
  #footer .newsletter-subscription input[type='email'] {
    margin: 0;
  }
  #footer .hs-submit {
    margin-left: 1rem;
  }
  #footer form {
    justify-content: space-between;
  }
}


@media only screen and (max-width: 51.3125rem) {
  .footer-contact {
    padding-left: 0;
  }
  
  .footer-contact,
  .footer .newsletter-subscription {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-left: -2rem !important;
    width: calc(100% + 2rem) !important;
    padding-left: 2rem;
  }
  .footer-contact,
  .legal-footer,
  .footer .newsletter-subscription{
	margin-top: -1px;
  }
}   
/* MAIN NAVIGATION */
.menu a {
  text-decoration: none;
  color: var(--darkgrey);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 1px;
}

.menu a:hover {
  color: var(--pink);
}

.menu li {
  list-style-type: none;
}

.menu .active a {
  color: var(--pink);
}
ul.hs-menu-children-wrapper {
    position: absolute;
    flex-direction: column;
    background: #F7F1EC;
    border-right: 1px solid #202239;
    border-bottom: 1px solid #202239;
    border-left: 1px solid #202239;
    padding: 2rem;
    text-align: left;
    align-items: flex-start;
    visibility: collapse;
    transition: all .2s .2s ease-out;
    z-index: 10;
}

.menu li.hs-item-has-children:hover ul.hs-menu-children-wrapper{
  visibility: visible;
}

@media only screen and (max-width: 100rem) {
  .header {
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 74.5rem) {
  .menu {
  align-items: center;
  display: flex !important;
  width: 60%;
  height: 100%;
  }
  .menu>.hs_cos_wrapper:last-child {
	display: none;
  }
  
  .menu ul {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  }
  
  .menu .active {
    margin-bottom: -2rem;
  }
  
  .menu .active:after {
  position: relative;
  top: .85rem;
  margin-left: 2%;
  content: " ";
  width: 100%;
  justify-self: center;
  height: 2rem;
  display: flex;
  background-image: url("/hubfs/144250736/circles.svg");
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .hamburger-menu {
  display: none;
  }
}

@media only screen and (min-width: 36rem) and (max-width: 74.49rem) {
  .hamburger-menu {
     justify-content: right;
  }
  
  .hamburger-menu img {
        width: 4rem;
  }
  
  .header .span2 {
    width: 60%;
  }
}

@media only screen and (max-width: 36rem) {
  .hamburger-menu img {
        width: 3rem;
  }
  
  .hamburger-menu {
     justify-content: right;
  }
}



@media only screen and (max-width: 74.49rem) {
    .cta .btn-group {
      display: none;
    }
  
    .menu {
      display: none;
    }

    .menu.show {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
      position: absolute;
      top: 5rem;
      left: 0;
      z-index: 5;
      width: 100%;
      background: var(--beige);
	  height: calc(100vh - 5rem);
    }
  
	.menu.show .btn-group.LEFT {
		justify-content: center;
	}

    .hamburger-menu {
      cursor: pointer;
      width: 100%;
      display: flex;
    }
  
    .menu ul {
      padding: 0;
    }
  
    .menu li {
      border-bottom: 1px solid black;
      padding: 1rem 0;
    }
  
    .menu li:nth-child(1):after {
      content: " ";
      width: 2rem;
      height: 2rem;
      display: block;
      right: 3rem;
      background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
    }
  
    .menu li:nth-child(2):after {
        content: " ";
        width: 2rem;
        height: 2rem;
        display: block;
        right: 7rem;
        background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
      }
  
    .menu li:nth-child(3):after {
        content: " ";
        width: 2rem;
        height: 2rem;
        display: block;
        right: 12rem;
        background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
      }
    
  
    .menu a {
    padding-left: 2rem;
  }
}

/* LEGAL NAVIGATION */
.legals ul {
  display: flex;
  gap: 2rem;
  justify-content: end;
  padding-right: 2rem;
}

.legals li {
  list-style-type: none;
}

.legals li a {
  display: flex;
  color: var(--darkgrey);
  text-decoration: none;
} 

/* IMPORT CARDS CSS */    
.cmp--image-cards, .image-card-wrapper.large {
  width: 100%;
}

.image-card-wrapper,
.image-card-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.cmp--image-cards .image-card-wrapper a {
  text-decoration: none;
}
.image-card-wrapper.large .card-content .mobile-btn {
  position: relative;
  display: flex;
  margin-top: auto;
  margin-bottom: -2rem;
  margin-right: -2rem;
  align-self: end;
  transition: bottom .4s .2s ease-out;
}

.image-card-custom {
  position: relative;
  overflow: hidden;
  z-index: 0;
  height: 100%;
  background-position: center center !important;
}

.image-card-wrapper.small .image-card-custom,
.image-card-wrapper.small .image-card-custom .image-card-hover {
  min-height: 20rem;
  max-height: 20rem;
}

.image-card-wrapper.large .image-card-custom,
.image-card-wrapper.large .image-card-custom .image-card-hover{
  min-height: 25rem;
  max-height: 25rem;
}

.card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background: var(--white-transparent);
}


.image-card-wrapper.small .card-content {
  justify-content: center;
}

.image-card-wrapper.large .card-content {
  justify-content: flex-start;
}

.image-card-custom:hover h3 {
  opacity: 0;
}

.card-content h3 {
  position: absolute;
  bottom: 5rem;
  padding: 0 2rem;
  opacity: 1;
  transition: opacity .2s ease;
}

.image-card-wrapper.large h3 {
  text-transform: uppercase;
  text-align: center;
  word-break: break-word;
    padding: 0 1.5rem;
    border: 1px solid var(--darknavy);
    border-radius: 2.5rem;
    margin-right: 2rem;
    margin-left: 2rem;
    background-color: var(--beige);
}

.image-card-hover {
  margin-top: 100%;
  transition: margin-top .4s .2s ease-out, opacity .2s .1s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  padding: 2rem;
  background: rgba(32, 34, 57, .5);
  opacity: 0;
}

.image-card-hover .content {
   color: var(--white);
  font-weight: 600;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.image-card-custom:hover .image-card-hover {
  margin-top: 0;
  opacity: 1;
}
.image-card-custom:hover .card-content {
  padding-top: 0;
}

.image-card-hover .title {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 2rem;
  color: var(--white);
}

.image-card-wrapper.large .image-card-hover .title {
  text-transform: uppercase;
}

.image-card-hover .title:after {
  position: relative;
  content: " ";
  width: 100%;
  justify-self: center;
  height: 3rem;
  display: flex;
  background-image: url("/hubfs/144250736/circles.svg");
  background-size: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  }

@media only screen and (min-width: 36rem){

} 

@media only screen and (min-width: 51.3125rem) {
  .image-card-wrapper.small .image-card-custom,
  .image-card-wrapper.small .image-card-custom .image-card-hover {
    min-height: 20rem;
    max-height: 25rem;
  }

  .image-card-wrapper.large .image-card-custom,
  .image-card-wrapper.large .image-card-custom .image-card-hover{
    min-height: 25rem;
    max-height: 30rem;
  }
  .image-card-wrapper.col--12 {
    grid-template-columns: repeat(1, 1fr);
  }
  .image-card-wrapper.col--6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .image-card-wrapper.col--4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .image-card-wrapper.col--3 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width: 74.5rem) {

}
/*

@media only screen and (min-width: 36rem) and (max-width: 76rem) {
  .image-card-wrapper h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}


@media only screen and (max-width: 46.5rem) {
  .image-card-wrapper.large {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .image-card-wrapper.small {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .image-card-wrapper.small .image-card-custom {
    min-height: 10rem;
  }

  .image-card-wrapper.large .image-card-custom {
    min-height: 10rem;
  }
    
  .image-card-wrapper.small h3 {
    padding: 0;
  }
  
  .image-card-wrapper.large h3 {
    text-align: left;
    padding-left: 2rem;
  }
  
  .image-card-wrapper.large .card-content {
    align-items: baseline;
  }
  
  .image-card-wrapper.large {
    min-height: 28rem;
  }
  
  .image-card-custom:hover .image-card-hover {
   display: none;
  }
  
  .card-content h3 {
    bottom: auto;
  }
  
 .image-card-wrapper.large {
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-right: -1rem;
  }
  
  .card-content {
    padding-top: 0;
    justify-content: center !important;
  }
  
  .cmp--image-cards .image-card-wrapper.small {
    width: 100%;
    margin: 0 -7%;
  } 
  
  .image-card-wrapper.small .mobile-btn {
    display: none;
  }
}
*/ 
.cmp--filtered-blogs .card, .img-cta {
  position: relative;
}

.filter-mobile {
  display: none;
}

.card-lock {
  background-color: var(--beige);
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5rem;
  padding-top: 0;
  line-height: normal;
  font-size: 1.5rem;
}

.card-lock i {
  border: 1px solid black;
  border-radius: 50%;
  padding: 0.5rem;
}

.tag__wrapper {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.tag-filter {
  min-width: 10rem;
  background: unset;
  padding: 0;
  border-radius: 50px;
  position: relative;
  border: none;
}

.tag-filter:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 2px; 
  background:linear-gradient(180deg, #F7F1EC, #202239); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tag-filter.active:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 1px; 
  background: black; 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tag-filter.active {
  background: var(--pinkyellow-gradient-horizontal);
}

.related-blogs-wrapper.imgcards .card:hover .mobile-btn {
  display: block !important;
}

.related-blogs-wrapper.imgcards a {
  text-decoration: none;
}


@media only screen and (min-width: 76rem) {

  
.close-btn {
    display: none;
  }

.related-blogs-wrapper.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 4rem;
  min-height: 40rem;
}

.related-blogs-wrapper.cards h4 {
  margin: 1rem 0;
}

.cmp--filtered-blogs.imgcards h4, .cmp--filtered-blogs.imgcards .description {
  text-align: center;
}


.cmp--filtered-blogs.cards .card:after, .cmp--filtered-blogs.cards .card[style*="--card-index: 1"]:after, .cmp--filtered-blogs.cards .card[style*="--card-index: 2"]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0; 
  height: 75%;
  width: 1px; 
  background-color: black !important;
}

.cmp--filtered-blogs.cards .card.nth-child-3:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0; 
  height: 75%;
  width: 1px; 
  background-color: unset;
}

.cmp--filtered-blogs.cards .img-cta, .cmp--filtered-blogs.cards .card-image {
  width: 100%;
  height: 16rem;
  position: relative;
}

.cmp--filtered-blogs.cards .card-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5rem .5rem 0 0;
  border-radius: 0 .8rem 0 0;
  background: var(--beige);
}

.cmp--filtered-blogs.cards .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: var(--grey);
  opacity: .4;
}

.realted-blogs-wrapper.cards .filtered-card-content {
  margin-top: 2rem;
}

.cmp--filtered-blogs.cards .card.nth-child-1 {
  padding-right: 1rem;
}

.cmp--filtered-blogs.cards .card.nth-child-1:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-yellow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 17rem;
  right: -1.3rem;
}

.cmp--filtered-blogs.cards .card.nth-child-2 {
  margin: 0;
  padding: 0 1rem;
}

.cmp--filtered-blogs.cards .card.nth-child-2:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-green.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 8rem;
  right: -0.65rem;
}

.cmp--filtered-blogs.cards .card.nth-child-3 {
  padding-left: 1rem;
  margin: 0;
}

.tag__wrapper {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.tag-filter {
  min-width: 10rem;
  background: unset;
  padding: 0;
  border-radius: 50px;
  position: relative;
  border: none;
}

.tag-filter:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 2px; 
  background:linear-gradient(180deg, #F7F1EC, #202239); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tag-filter.active:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 1px; 
  background: black; 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tag-filter.active {
  background: var(--pinkyellow-gradient-horizontal);
}

.card-pagination {
  display: flex;
  justify-content: right;
  gap: 0.75rem;
  margin: 2rem 0;
}

.prev-page img {
  transform: rotate(180deg);
}

.card-pagination button {
  background: unset;
  position: relative;
  border: none;
  padding: 1rem 1.25rem;
}

.card-pagination button:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 2px; 
  background:linear-gradient(180deg, #F7F1EC, #202239); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

button:disabled,
button[disabled] {
    opacity: 20%;
  }

.related-blogs-wrapper.imgcards .card-image, .related-blogs-wrapper.imgcards .filtered-card-content p, .related-blogs-wrapper.imgcards .btn-group {
  display: none;
}

.related-blogs-wrapper.cards .card {
  background-image: unset !important;
}


.related-blogs-wrapper.imgcards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 28rem;
  position: relative;
}


.related-blogs-wrapper.imgcards .card {
  position: relative;
  z-index: 0;
}

.related-blogs-wrapper.imgcards .card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}

.related-blogs-wrapper.imgcards .filtered-card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 3rem;
  height: 100%;
}

.related-blogs-wrapper.imgcards .card:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--pinkyellow-gradient-horizontal-faded);
  z-index: 1;
}

.related-blogs-wrapper.imgcards .card:hover p {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.related-blogs-wrapper.imgcards .card:hover .filtered-card-content {
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

.card:hover .related-blogs-wrapper.imgcards .filtered-card-content h4:after {
  position: relative;
  content: " ";
  width: 100%;
  justify-self: center;
  height: 2rem;
  display: flex;
  background-image: url("/hubfs/144250736/square.svg");
  background-size: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  }
}

.filtered-card-content .description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

@media only screen and (max-width: 76rem) {
  .related-blogs-wrapper.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0rem;
    min-height: 40rem;
  }
  
  .filter {
    position: relative;
    padding-right: 1rem;
  }
  
.filter-mobile {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  right: 1rem;
  text-align: right;
  width: 40%;
}
  
.filter-mobile:after {
  content: "";
  background-image: url('/hubfs/144250736/__siteImages/btn-arrow-pink.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 3rem;
  display: block;
  position: relative;
  background-position: center;
}
  
  .related-blogs-wrapper.imgcards .card:first-child:hover .description, .related-blogs-wrapper.imgcards .card:nth-child(2):hover .description, .related-blogs-wrapper.imgcards .card:nth-child(3):hover .description {
    display: none !important;
  }
  
  
  .cmp--related-blogs.imgcards .card:nth-child(odd) {
    padding-right: 0;
  }
  
  .related-blogs-wrapper.imgcards .card:hover .filtered-card-content h4 {
    margin-top: 0;
    padding: 0;
  }

  .related-blogs-wrapper .card {
    margin-bottom: 3rem;
  }
  
  .filtered-card-content p, .filtered-card-content .btn-group {
    display: none;
  }
  
  .filtered-card-content h4 {
    font-size: 1.125rem;
    word-break: break-word;
    position: relative;
    z-index: 5;
  }
  
  .related-blogs-wrapper.cards .filtered-card-content h4 {
    margin-top: 3rem;
  }
  
  .related-blogs-wrapper.imgcards .filtered-card-content h4 {
    margin: 0 1rem;
  }
  
  .related-blogs-wrapper.imgcards .card.nth-child-1, .related-blogs-wrapper.imgcards .card.nth-child-2, .related-blogs-wrapper.imgcards .card.nth-child-3 {
    padding: 0 !important;
  }
  
  .related-blogs-wrapper.imgcards .filtered-card-content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .cmp--filtered-blogs .card-tag {
    position: absolute;
    top: 7.8rem;
  }
  
  .cmp--filtered-blogs .card-tag p {
    font-size: 1.125rem;
  }
  
  .tag__wrapper {
    display:none;
  }
  
  .cmp--filtered-blogs .card.nth-child-1:before, .cmp--filtered-blogs .card.nth-child-2:before {
    content: "";
    background-image: unset;
  }
  
  .cmp--filtered-blogs .card:nth-child(even) {
    content: "";
    background-image: unset;
  }
  
  .cmp--filtered-blogs .card:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0; 
  height: 75%;
  width: 0; 
  background-color: unset;
  }
  
  .cmp--filtered-blogs .card:nth-child(odd):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0; 
  height: 100%;
  width: 1px; 
  background-color: black;
  }
  
  .cmp--filtered-blogs .card:nth-child(odd):before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-green.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 8rem;
  right: -0.59rem;
  }
  
  .cmp--filtered-blogs.cards .img-cta {
    height: 7.5rem;
  }
  
    .cmp--filtered-blogs.cards .card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .cmp--filtered-blogs .card:nth-child(odd) {
   padding-right: 1rem;
  }
  
  .cmp--filtered-blogs .card:nth-child(even) {
   padding-right: 0;
   padding-left: 1rem;
  }
  
  .cmp--filtered-blogs .card-image {
    height: 8rem;
  }
  
  .card-pagination {
    margin-top: 3rem;
  }
  
  .card-lock {
    right: 1rem;
  }
  
  .card-lock i {
    border: 1px solid black;
    border-radius: 50%;
    padding: 0.5rem;
  }
  
  .card-lock {
  font-size: 1rem;
}
  .tag__wrapper {
    position: absolute;
    right: -2rem;
    background-color: var(--beige);
    z-index: 10;
    padding: 3rem 3rem 2rem 3rem;
    width: 90%;
    text-align: right;
  }
  
  .tag-filter {
    margin-bottom: 1rem;
    min-width: 12rem;
    color: #000;
  }
  
  .close-btn {
    color: var(--pink);
    font-size: 2.5rem;
    background: unset;
    border: none;
    position: absolute;
    left: 1rem;
    top: 0.4rem;
    padding:0;
  }
  
  
.related-blogs-wrapper.cards .card {
  margin-bottom 2rem !important;
}
  
  .pink-body {
    width:98vw;
    height: calc(100% + 9999rem);
    position: absolute;
    top: -999rem;
    left: -2rem;
    background: var(--pink);
    z-index: 10;
    opacity: 0.2;
    display: none;
  }
  
  .realted-blogs-wrapper.imgcards .filtered-card-content {
    display: flex;
    height: 100%;
    align-items: center;
  }
}  
.cmp--static-cards.vertical .static-card-wrapper .type-grid, 
.cmp--static-cards.grid .static-card-wrapper .type-vertical {
  display: none;
}

.cmp--static-cards.grid .static-card-wrapper {
  padding-bottom: 2rem;
}

.static-card-wrapper a {
  text-decoration: none;
  letter-spacing: normal;
  color: inherit;
}
.static-card-wrapper a:hover h4 {
  color: var(--pink);
}
.grid-heading {
  border-left: 1px solid var(--darknavy);
  border-bottom: 1px solid var(--darknavy);
  margin-bottom: 2rem;
}
.padding--none .grid-heading {
  padding-top: 2rem;
  margin-top:0;
}
.padding--small .grid-heading {
  padding-top: 4rem;
  margin-top:-2rem;
}
.padding--medium .grid-heading {
  padding-top: 6rem;
  margin-top:-4rem;
}
.padding--large .grid-heading {
  padding-top: 10rem;
  margin-top:-8rem;
}

.grid-heading .grid-title {
  padding-left: 2rem;
  padding-bottom: 2rem;
}

.grid-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 4rem;
}

.card--static-content .btn {
  padding: 1rem;
}

.type-grid {
  margin-bottom: 5rem;
}

.grid-image {
  display: flex !important;
  justify-content: end;
  position: relative;
}

.grid-image:before {
  content: "";
  background-image: url('/hubfs/144250736/circles.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  left: 11rem;
  bottom: -1.3rem;
}

.grid-image img {
   object-fit: cover;
    aspect-ratio: 3;
    width: 100%;
}

.grid--card {
  position: relative;
}



.cmp--static-cards.vertical .static-card-wrapper .type-vertical {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

.cmp--static-cards .type-vertical .card-image {
	position: relative;
	height: 10rem;
	overflow: hidden;
}

.cmp--static-cards .type-vertical .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
      background: var(--grey);
    opacity: .4;
}

.cmp--static-cards .type-vertical .card-image,
.cmp--static-cards .type-vertical .card--description, 
.cmp--static-cards .type-vertical .card--title,
.cmp--static-cards .type-vertical .btn-group {
	margin-bottom: 1rem;
}

.cmp--static-cards .card--description {
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
	line-height: 2rem;
}

.static-card-wrapper h3 {
  text-transform: uppercase;
}

.static--cta {
  display: none;
}

.card--static:hover .static--cta {
  display: flex;
}

.static--cta .btn-group {
  margin: 1rem 0 !important;
}

@media only screen and (min-width: 51.3125rem) {
  .grid-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--card:nth-child(1):after, .grid--card:nth-child(2):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4rem; 
    height: 5rem;
    width: 1px; 
    background-color: black;
  }

  .grid--card:nth-child(1):before, .grid--card:nth-child(2):before {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -1.5rem; 
    height: 1px;
    width: 5rem; 
    background-color: black;
  }
  .cmp--static-cards.vertical .static-card-wrapper .type-vertical {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media only screen and (min-width: 74.5rem) {
  .cmp--static-cards.vertical .static-card-wrapper .type-vertical {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}
/*
@media only screen and (min-width: 36rem) and (max-width: 74.5rem) {
  .cmp--static-cards {
    display: grid;
  }
  
  .static-card-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  }
  
  .static-card-wrapper.vertical .type-vertical {
    display: contents;
  }
  
  .card--static {
    min-width: 56%;
  }
  
  .static--cta {
    display: flex;
  }
  
  .static--cta .btn-group {
    display: flex;
  }
  
    .grid-heading:after {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: 0; 
    height: 1px;
    width: 50%; 
    background-color: black;
  }
  
  .grid-heading:before {
  content: "";
  background-image: url('/hubfs/145099892/circles.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  right: 1rem;
  bottom: -1.3rem;
}
}

@media only screen and (max-width: 46.5rem) {
.grid-image {
    display: none !important;
  }
  
  .static-card-wrapper.vertical .type-vertical {
    display: contents;
  }
  
  .type-vertical .card--static {
    min-height: 25rem;
    width: 20rem;
    margin-left: 0.5rem;
  }
  
  .grid-heading {
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    width: 100% !important;
  }
  
  .grid--card h4 {
    text-align: center;
  }
  
  .grid--card p {
    display: none;
  }
  
  .grid-wrapper {
    grid-template-columns: repeat(2,1fr);
  }
  
  .grid--card:nth-child(1):after, .grid--card:nth-child(3):after {
  content: "";
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem; 
  height: 3rem;
  width: 1px; 
  background-color: black;
}
  
  .grid--card:nth-child(2):after, .grid--card:nth-child(2):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0; 
    height: 0;
    width: 0; 
    background-color: unset;
}

.grid--card:nth-child(1):before, .grid--card:nth-child(3):before {
  content: "";
  position: absolute;
  right: -4rem;
  bottom: -1rem; 
  height: 1px;
  width: 3rem; 
  background-color: black;
  }
  
}


@media only screen and (max-width: 36rem) {
  .cmp--static-cards {
    display: grid;
  }
  
    .grid-heading:after {
      content: "";
      position: absolute;
      right: -2rem;
      bottom: 0; 
      height: 1px;
      width: 50%; 
      background-color: black;
    }

    .grid-heading:before {
    content: "";
    background-image: url('/hubfs/145099892/circles.svg');
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    right: 1rem;
    bottom: -1.3rem;
  }
  
  .static-card-wrapper.vertical {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-left: -2rem;
  width: calc(100% + 4rem);
  }
  
  .card--static {
    min-width: 80%;
  }
  
  .static--cta {
    display: flex;
  }
  
  .static--cta .btn-group {
    display: flex;
  }
  
  .static--cta .btn .text {
    padding: 0 !important;
  }
}
*/ 
.cmp--related-blogs .card-wrapper {
	display: grid;
    row-gap: 0;
    grid-template-columns: repeat(1, 1fr) !important;
}

.cmp--related-blogs .card-wrapper .card {
	text-decoration: none;
	letter-spacing: normal;
	padding: 1rem 0;
	position: relative;
  	display: grid;
}

.cmp--related-blogs .card-image {
	position: relative;
	height: 10rem;
	overflow: hidden;
}

.cmp--related-blogs .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
      background: var(--grey);
    opacity: .4;
}
.cmp--related-blogs .card--title{
  margin-bottom: 0;
}
.cmp--related-blogs .card-image,
.cmp--related-blogs .card--description, 
.cmp--related-blogs .card--post-date,
.cmp--related-blogs .btn-group {
	margin-bottom: 1rem;
}

.cmp--related-blogs .btn-group {
  align-self: flex-end;
}

.cmp--related-blogs .card--description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 36rem) {
    .cmp--related-blogs .card-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	.cmp--related-blogs .card-wrapper .card:nth-child(odd) {
        padding-right: 1rem !important;
    }
	.cmp--related-blogs .card-wrapper .card:nth-child(even) {
        padding-left: 1rem !important;
    }
}

@media only screen and (min-width: 51.3125rem) {
	
}

@media only screen and (min-width: 74.5rem) {
	.cmp--related-blogs .card-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.cmp--related-blogs .card-image{
		height: 12rem;
	}

	.cmp--related-blogs .card-image,
	.cmp--related-blogs .card--description, 
	.cmp--related-blogs .card--post-date{
		margin-bottom: 1.5rem;
	}

	.cmp--related-blogs .card-wrapper .card{
		padding: 0rem 1rem 2rem;
	}

	.cmp--related-blogs .card-wrapper .card:nth-child(1) {
		padding-left: 0 !important;
	}

	.cmp--related-blogs .card-wrapper .card:nth-child(3) {
		padding-right: 0 !important;
	}

	.cmp--related-blogs .card:nth-child(1):after,
	.cmp--related-blogs .card:nth-child(2):after {
		content: "";
		position: absolute;
		right: 0;
		top: 0; 
		height: 100%;
		width: 1px; 
		background-color: var(--darknavy) !important;
	}
	.cmp--related-blogs .card:nth-child(3):after {
		content: none;
	}

	.cmp--related-blogs .card:nth-child(1):before {
		content: "";
		background-image: url('/hubfs/144250736/btn-arrow-yellow.svg');
		background-size: contain;
		background-repeat: no-repeat;
		width: 2rem;
		height: 2rem;
		display: flex;
		position: absolute;
		top: 17rem;
		right: -1.3rem;
	}
	
	.cmp--related-blogs .card:nth-child(2):before {
		content: "";
		background-image: url('/hubfs/144250736/btn-arrow-green.svg');
		background-size: contain;
		transform: rotate(90deg);
		background-repeat: no-repeat;
		width: 2rem;
		height: 2rem;
		display: flex;
		position: absolute;
		top: 8rem;
		right: -0.65rem;
	}


} 
.cmp--course-cards .card-wrapper {
	display: grid;
    row-gap: 0;
    grid-template-columns: repeat(1, 1fr) !important;
}

.cmp--course-cards .card-wrapper .card {
	text-decoration: none;
	letter-spacing: normal;
	padding: 1rem 0;
	position: relative;
  display: grid;
}

.cmp--course-cards .card-image {
	position: relative;
	height: 10rem;
	overflow: hidden;
}

.cmp--course-cards .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
      background: var(--grey);
    opacity: .4;
}
.cmp--course-cards .card--title{
  margin-bottom: 0;
}
.cmp--course-cards .card-image,
.cmp--course-cards .card--description, 
.cmp--course-cards .card--post-date,
.cmp--course-cards .btn-group {
	margin-bottom: 1rem;
}

.cmp--course-cards .btn-group {
  align-self: flex-end;
}

.cmp--course-cards .card--description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 36rem) {
    .cmp--course-cards .card-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	.cmp--course-cards .card-wrapper .card:nth-child(odd) {
        padding-right: 1rem !important;
    }
	.cmp--course-cards .card-wrapper .card:nth-child(even) {
        padding-left: 1rem !important;
    }
}

@media only screen and (min-width: 51.3125rem) {
	
}

@media only screen and (min-width: 74.5rem) {
	.cmp--course-cards .card-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.cmp--course-cards .card-image{
		height: 12rem;
	}

	.cmp--course-cards .card-image,
	.cmp--course-cards .card--description, 
	.cmp--course-cards .card--post-date{
		margin-bottom: 1rem;
	}

	.cmp--course-cards .card-wrapper .card{
		padding: 0 1rem 2rem;
	}

	.cmp--course-cards .card-wrapper .card:nth-child(1),
	.cmp--course-cards .card-wrapper .card:nth-child(4),
	.cmp--course-cards .card-wrapper .card:nth-child(7) {
		padding-left: 0 !important;
	}

	.cmp--course-cards .card-wrapper .card:nth-child(3),
	.cmp--course-cards .card-wrapper .card:nth-child(6),
	.cmp--course-cards .card-wrapper .card:nth-child(9) {
		padding-right: 0 !important;
	}
  
  .cmp--course-cards .card-wrapper .card.nth-child-1 {
    padding: 0 1rem 2rem 0 !important;
    padding-right: 1rem !important;
  }
  .cmp--course-cards .card-wrapper .card.nth-child-2 {
    padding: 0 1rem 2rem !important;
  }
  .cmp--course-cards .card-wrapper .card.nth-child-3 {
    padding: 0 0 2rem 1rem !important;
    padding-left: 1rem !important;
  }
  .cmp--course-cards .card.nth-child-1:after,
	.cmp--course-cards .card:nth-child(1):after,
	.cmp--course-cards .card:nth-child(2):after,
	.cmp--course-cards .card:nth-child(4):after,
	.cmp--course-cards .card:nth-child(5):after,
	.cmp--course-cards .card:nth-child(7):after,
	.cmp--course-cards .card:nth-child(8):after {
		content: "" !important;
		position: absolute;
		right: 0;
		top: 0; 
		height: 100%;
		width: 1px; 
		background-color: var(--darknavy) !important;
	}
	.cmp--course-cards .card:nth-child(3):after,
	.cmp--course-cards .card:nth-child(6):after,
	.cmp--course-cards .card:nth-child(9):after {
		content: none;
	}
}
.job-tag, .card-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--beige);
  z-index: 5;  
  padding: .5rem .5rem 0 0;
  border-radius: 0 1rem 0 0;
  text-transform: lowercase;
}

.job-pagination {
  display: flex;
  justify-content: right;
  gap: 0.75rem;
  margin: 2rem 0;
}

.prev-jobs img {
  transform: rotate(180deg);
}

.job-pagination button {
  background: unset;
  position: relative;
  border: none;
  padding: 1rem 1.25rem;
}

.job-pagination button:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 2px; 
  background:linear-gradient(180deg, #F7F1EC, #202239); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

button:disabled,
button[disabled] {
    opacity: 20%;
}
.cmp--job-cards .card-wrapper {
	display: grid;
    row-gap: 0;
    grid-template-columns: repeat(1, 1fr) !important;
}

.cmp--job-cards .card-wrapper .card {
	text-decoration: none;
	letter-spacing: normal;
	padding: 1rem 0;
	position: relative;
  display: grid;
}

.cmp--job-cards .card-image {
	position: relative;
	height: 10rem;
	overflow: hidden;
}

.cmp--job-cards .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
      background: var(--grey);
    opacity: .4;
}
.cmp--job-cards .card--title{
  margin-bottom: 0;
}
.cmp--job-cards .card-image,
.cmp--job-cards .card--description, 
.cmp--job-cards .card--post-date,
.cmp--job-cards .btn-group {
	margin-bottom: 1rem;
}

.cmp--job-cards .btn-group {
  align-self: flex-end;
}

.cmp--job-cards .card--description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 36rem) {
    .cmp--job-cards .card-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	.cmp--job-cards .card-wrapper .card:nth-child(odd) {
        padding-right: 1rem !important;
    }
	.cmp--job-cards .card-wrapper .card:nth-child(even) {
        padding-left: 1rem !important;
    }
}

@media only screen and (min-width: 51.3125rem) {
	
}

@media only screen and (min-width: 74.5rem) {
	.cmp--job-cards .card-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.cmp--job-cards .card-image{
		height: 12rem;
	}

	.cmp--job-cards .card-image,
	.cmp--job-cards .card--description, 
	.cmp--job-cards .card--post-date{
		margin-bottom: 1.5rem;
	}

	.cmp--job-cards .card-wrapper .card{
		padding: 0 1rem 2rem;
	}

	.cmp--job-cards .card:nth-child(1),
	.cmp--job-cards .card:nth-child(4),
	.cmp--job-cards .card:nth-child(7) {
		padding-left: 0;
	}

	.cmp--job-cards .card:nth-child(3),
	.cmp--job-cards .card:nth-child(6),
	.cmp--job-cards .card:nth-child(9) {
		padding-right: 0;
	}

	.cmp--job-cards .card:nth-child(1):after,
	.cmp--job-cards .card:nth-child(2):after,
	.cmp--job-cards .card:nth-child(4):after,
	.cmp--job-cards .card:nth-child(5):after,
	.cmp--job-cards .card:nth-child(7):after,
	.cmp--job-cards .card:nth-child(8):after {
		content: "";
		position: absolute;
		right: 0;
		top: 0; 
		height: 100%;
		width: 1px; 
		background-color: var(--darknavy) !important;
	}
	.cmp--job-cards .card:nth-child(3):after,
	.cmp--job-cards .card:nth-child(6):after,
	.cmp--job-cards .card:nth-child(9):after {
		content: none;
	}

	.cmp--job-cards .card:nth-child(1):before,
	.cmp--job-cards .card:nth-child(4):before,
	.cmp--job-cards .card:nth-child(7):before {
		content: "";
		background-image: url('/hubfs/144250736/btn-arrow-yellow.svg');
		background-size: contain;
		background-repeat: no-repeat;
		width: 2rem;
		height: 2rem;
		display: flex;
		position: absolute;
		top: 17rem;
		right: -1.3rem;
	}
	
	.cmp--job-cards .card:nth-child(2):before,
	.cmp--job-cards .card:nth-child(5):before,
	.cmp--job-cards .card:nth-child(8):before {
		content: "";
		background-image: url('/hubfs/144250736/btn-arrow-green.svg');
		background-size: contain;
		transform: rotate(90deg);
		background-repeat: no-repeat;
		width: 2rem;
		height: 2rem;
		display: flex;
		position: absolute;
		top: 8rem;
		right: -0.65rem;
	}


} 
.cmp--content-cards .card-wrapper {
	display: grid;
    row-gap: 0;
    grid-template-columns: repeat(1, 1fr) !important;
}

.cmp--content-cards .card-wrapper .card {
	text-decoration: none;
	letter-spacing: normal;
	padding: 1rem 0;
	position: relative;
}

.cmp--content-cards .card-image {
	position: relative;
	height: 10rem;
	overflow: hidden;
}

h4.card--title {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.card--post-date {
  font-size: .8rem;
}
.cmp--content-cards .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	  object-position: center;
    background: var(--grey);
    opacity: .4;
}

.cmp--content-cards .card-image,
.cmp--content-cards .card--description, 
.cmp--content-cards .card--title,
.cmp--content-cards .btn-group {
	margin-bottom: 1rem;
}

.cmp--content-cards .card--description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.cmp--content-cards .no-link .card--description {
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 36rem) {
    .cmp--content-cards .card-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	.cmp--content-cards .card-wrapper .card:nth-child(odd) {
        padding-right: 1rem !important;
    }
	.cmp--content-cards .card-wrapper .card:nth-child(even) {
        padding-left: 1rem !important;
    }
}

@media only screen and (min-width: 51.3125rem) {
	
}

@media only screen and (min-width: 74.5rem) {
	.cmp--content-cards .card-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.cmp--content-cards .card-image{
		height: 12rem;
	}

	.cmp--content-cards .card-image,
	.cmp--content-cards .card--description, 
	.cmp--content-cards .card--title{
		margin-bottom: 1.5rem;
	}
  
  .cmp--content-cards .card-wrapper .card{
		padding: 0rem 1rem 2rem 1rem;
	}

	.cmp--content-cards.border--top .card-wrapper .card{
		padding: 2rem 1rem;
	}

	.cmp--content-cards .card-wrapper .card:nth-child(1) {
		padding-left: 0 !important;
	}

	.cmp--content-cards .card-wrapper .card:nth-child(3) {
		padding-right: 0 !important;
	}

	.cmp--content-cards .card:nth-child(1):after,
	.cmp--content-cards .card:nth-child(2):after {
		content: "";
		position: absolute;
		right: 0;
		top: 0; 
		height: 100%;
		width: 1px; 
		background-color: var(--darknavy) !important;
	}
  .cmp--content-cards.padding--small .card:nth-child(1):after,
  .cmp--content-cards.padding--small .card:nth-child(2):after {
    height: calc(100% + 4rem);
    top: -2rem;
    bottom:-2rem;
  }
  .cmp--content-cards.padding--medium .card:nth-child(1):after,
  .cmp--content-cards.padding--medium .card:nth-child(2):after {
    height: calc(100% + 8rem);
    top: -4rem;
    bottom:-4rem;
  }
  .cmp--content-cards.padding--large .card:nth-child(1):after,
  .cmp--content-cards.padding--large .card:nth-child(2):after {
    height: calc(100% + 16rem);
    top: -8rem;
    bottom:-8rem;
  }
  .cmp--content-cards.padding--top .card:nth-child(1):after,
  .cmp--content-cards.padding--top .card:nth-child(2):after {
    height: calc(100% + 2rem);
    top: -2rem;
    bottom: 0;
  }
  .cmp--content-cards.padding--bottom .card:nth-child(1):after,
  .cmp--content-cards.padding--bottom .card:nth-child(2):after {
    height: calc(100% + 2rem);
    top: 0;
    bottom:-2rem;
  }
  
	.cmp--content-cards .card:nth-child(3):after {
		content: none;
	}
}

/* IMPORT COMPONENTS CSS */
/*===================================*/
/*             HERO-BANNER           */
/*===================================*/
.dnd-section.hero .row-fluid {
	display: flex !important;
}

.cmp--hero-block .desktop-wrapper{ order: 2; padding-bottom: 2rem }
.cmp--hero-block.true .desktop-wrapper{ order: 2; padding-bottom: 0rem }
.cmp--hero-block .heroright { order: 1; padding-bottom: 2rem;}

@media only screen and (min-width: 51.3125rem) {
  .cmp--hero-block .desktop-wrapper{ order: 1; padding-bottom: 0;}
  .cmp--hero-block .heroright { order: 2; padding-bottom: 0;}
}

.cmp--hero-block h1 {
	margin-top: 0 !important;
	margin-bottom: 2rem;
}

.dnd-section.hero img {
	aspect-ratio: 1.5;
	object-fit: cover;
  object-position: center;
}

.oembed_container {
	max-width: 100% !important;
}


.hero-blog-left {
	position: relative;
	padding-right: 4rem;
	width: 50%;
}

.hero-blog-left,
.hero-blog-right {
	width: 50%
}

.hero-blog-right {
	padding-bottom: 3rem;
}

.oembed_container .iframe_wrapper iframe {
	max-height: 100% !important;
	max-width: 100% !important;
	background: var(--grey);
	opacity: 40%;
}

.html5-video-player:not(.ytp-transparent),
.html5-video-player.unstarted-mode,
.html5-video-player.ad-showing,
.html5-video-player.ended-mode {
	background-color: var(--white) !important;
}

iframe body {
	background: var(--white);
}

.hero-blog-right.bubble .type-image,
.hero-blog-right.bubble .type-video,
.hero-blog-right.bubble .type-quote,
.hero-blog-right.image .type-bubbles,
.hero-blog-right.image .type-video,
.hero-blog-right.image .type-quote,
.hero-blog-right.video .type-bubbles,
.hero-blog-right.video .type-image,
.hero-blog-right.video .type-quote,
.hero-blog-right.quote .type-image,
.hero-blog-right.quote .type-video,
.hero-blog-right.quote .type-bubbles {
	display: none;
}

.heroright.image .type-image.align-items--start,
.heroright.image .type-image.align-items--center,
.heroright.image .type-image.align-items--end {
  display: flex;
}

.type-image img.object-cover {
  position: absolute;
	aspect-ratio: 1.5;
	object-fit: cover;
  object-position: center;
	height: 100%;
  width: 100%;
}
.type-image img.object-contain {
  position: relative;
  width: 100%;
  object-fit: contain;
}
.type-video.embed .uploaded-video,
.type-video.hubspot_video .embed-video {
	display: none;
}

.oembed_container {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}

.oembed_container .iframe_wrapper>* {
	height: 100%;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.hs-video-wrapper iframe {
	background: var(--grey);
	opacity: 40%;
}

.oembed_container .iframe_wrapper iframe {
	max-height: 100% !important;
	max-width: 100% !important;
	background: var(--grey);
	opacity: 40%;
}

.iframe_wrapper {
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 25px;
	position: relative;
}

.embed_container iframe {
	left: 0;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.hero-blog-right.quote {
	position: relative;
	padding-top: 3rem;
	padding-left: 2rem;
	border-left: 1px solid var(--darknavy);
}

.quote-content p {
	font-size: 2rem;
  line-height: 3rem;
}

.hero-blog-right.quote .author {
	position: absolute;
	top: 0;
	right: 0;
}

.quote-label {
	margin-bottom: 1rem;
}

.hero-blog-right.quote:before {
	content: "";
	background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
	background-size: contain;
	transform: rotate(90deg);
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	top: 4rem;
	left: -1.37rem;
}

.hero-pricing {
	display: flex;
	align-items: center;
	position: relative;
	border-left: 1px solid black;
	justify-content: center;
	padding 1.5rem 0;
}

.hero-pricing:before {
	content: "";
	background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
	background-size: contain;
	transform: rotate(90deg);
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	bottom: 2rem;
	left: -1.37rem;
}

.content-bottom.true {
	position: absolute;
	bottom: 0;
}

.content-bottom.true .btn-group,
.content-bottom .hero-pricing {
	width: 50%;
	padding-bottom: 1rem;
}

.content-bottom.true {
	display: flex;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.hero-pricing p {
	font-size: 3rem;
  line-height: 3.5rem;
	font-weight: 500;
	position: relative;
	z-index: 4;
  padding-bottom: 1rem;
}

.heroright {
	position: relative;
}
.heroright .type-image {
    position: relative;
    height: 20rem;
    overflow: hidden;
}
.type-bubbles,
.type-image,
.type-quote,
.type-video,
.type-form {
	display: none;
}

.heroright.bubble .type-bubbles,
.heroright.image .type-image,
.heroright.quote .type-quote,
.heroright.video .type-video,
.heroright.form .type-form {
	display: block;
}
.heroright.quote .type-quote {
  padding-bottom: 2rem;
}
.heroright.quote .author {
	display:none;
}


.heroright.bubble {
    align-content: start;
}


@media only screen and (min-width: 48.0625rem) {
    .hidden-mobile-tablet {
        display:block
    }
    .cmp--hero-block .desktop-wrapper .heroheading,
    .cmp--hero-block .desktop-wrapper .herocontent {
      width: 100%
    }
}

@media only screen and (min-width: 51.3125rem) {
  .heroright .type-image {
    position: relative;
    height: 15rem;
    overflow: hidden;
  }
  .type-image img.object-contain {
    object-fit: contain;
  }
  
  .cmp--hero-block.quote {
    margin-top: 0;
  }
  .desktop-wrapper {
    padding-right: 3rem;
  }
  .heroright .type-image {
    height: 100%;
  }

  .cmp--hero-block.quote .quote-label {
    margin-top: .5rem;
  }
  .heroright.quote .type-quote:before {
    content: "";
    background: black;
    width: 1px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .padding--none .heroright.quote .type-quote:before {
      height: 100%;
      top: 0;
  }
  .padding--small .heroright.quote .type-quote:before {
    height: calc(100% + 4rem);
      top: -2rem;
  }
  .padding--medium .heroright.quote .type-quote:before {
    height: calc(100% + 8rem);
      top: -4rem;
  }
  .padding--large .heroright.quote .type-quote:before {
    height: calc(100% + 16rem);
      top: -8rem;
  }
  .heroright.quote .type-quote:after {
    content: "";
    background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
    background-size: contain;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    top: 8rem;
    left: -1.3rem;
  }
  .heroright.quote .type-quote {
    padding-left: 2rem;
    padding-bottom: 4rem;
  }
  .heroright.quote .author {
    position: absolute;
    display: flex;
    bottom: 0;
    right: 0;
    flex-direction: row-reverse;
  }
  .padding--small .heroright.quote .author,
  .padding--bottom .heroright.quote .author{
    bottom: -2rem;
  }
  .padding--medium .heroright.quote .author {
    bottom: -4rem;
  }
  .padding--large .heroright.quote .author {
    bottom: -8rem;
  }
}


@media only screen and (min-width: 76.5rem) {
	.heroright {
		order: 2;
	}

	.heroright.quote .author-info {
		text-align: end;
	}
  .cmp--hero-block .desktop-wrapper .heroheading,
  .cmp--hero-block .desktop-wrapper .herocontent {
    width: 80%
  }
  .cmp--hero-block.quote .desktop-wrapper {
    padding-right: 1rem;
  }
}

.cmp--hero-block .hero-banner-text {
  padding-bottom: 2rem;
}

.hero-pricing p:after {
  content: "";
  position: absolute;
  height: 25%;
  left: -2%;
  width: 104%;
  bottom: 10px;
  background: var(--green);
  border-radius: 16px;
  z-index: -1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(254, 10, 183, 0.2);
  display: flex;
  align-items: center;
  justify-content: right;
  z-index: 1000;
}

.padding--small .herofooter.true, 
.padding--medium .herofooter.true,
.padding--large .herofooter.true,
.padding--top .herofooter.true,
.padding--bottom .herofooter.true{
    margin-top: auto;
}

.padding--small.true .desktop-wrapper,
.padding--bottom.true .desktop-wrapper{
  margin-bottom: -2rem;  
}
.padding--medium.true .desktop-wrapper{
  margin-bottom: -4rem;  
}
.padding--large.true .desktop-wrapper{
  margin-bottom: -8rem;  
}

.herofooter.true .btn-group, .herofooter.true .hero-pricing {
  padding: 1rem 0 0 0;
  margin: 0 !important;
}

.herofooter.true .hero-buttons, .herofooter.true .hero-pricing {
  min-height: 5rem;
  float: left;
}

.herofooter.true .hero-buttons {
  padding-right: 1.5rem;
} 

.herofooter.true .hero-pricing {
 padding-left: 1.5rem;
}

.cmp--hero-block .hs-richtext.hs-main-font-element {
  padding-bottom: 1rem;
}

.popup-form . input[type='text'], .cmp--hero-block input[type='email'] {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
  color: var(--grey);
  padding-left: 1rem;
}

.popup-form .form-columns-2 {
  gap: 4rem;
}

.popup-form .actions {
  display: flex;
  justify-content: end;
  width: 70%;
}

.popup-form fieldset {
  max-width: 70% !important;
}

.popup-form .form-columns-1 {
  padding: 0 !important;
}

.popup-form form {
  margin: 2rem;
}

.popup-form form .hs-richtext, .popup-form form .hs-richtext p {
  font-size: 2rem;
  margin: 0;
}

.popup-content {
  background-color: var(--beige);
  padding: 20px;
  position: relative;
  width: 90%;
  max-width: 80vw;
}

.close-popup {
  position: absolute;
  top: 0;
  right: 1rem;
  cursor: pointer;
  font-size: 4rem;
}
/*****************************************/
/*           Social media                */
/*****************************************/
.hs-social-follow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.hs-social-follow__link {
  display: inline-block;
  box-sizing: content-box;
  height: 1.5rem;
  width: 1.5rem;
  padding: .5rem;
}

.hs-social-follow__icon {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}

.hs-social-follow__icon svg {
  height: 36px;
  width: 36px;
}

.social-container #hs_cos_wrapper_module_17323581405716.hs_cos_wrapper .hs-social-follow__link .hs-social-follow__icon svg {
   fill: var(--pink);
}

.footer .footer-contact .hs-social-follow {
    gap: .5rem;
}
.cmp--hero-banner {
  margin: 5rem 0;
}

.cmp--hero-banner .hero-blog-right.bubble .bubble-row {
  margin-bottom: 2rem;
}

@keyframes show-element {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }

.cmp--hero-block .bubble-row:first-child {
	animation: show-element .5s linear both;
}
.cmp--hero-block .bubble-row:nth-child(2) {
	animation: show-element 1s linear both;
}
.cmp--hero-block .bubble-row:nth-child(3) {
	animation: show-element 1.5s linear both;
}
.cmp--hero-block .bubble-row:nth-child(4) {
	animation: show-element 2s linear both;
}

.bubble-row {
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}


.bubbles-image {
  position: relative;
  flex-grow: 1;
  height: 2rem;
  overflow: hidden;
  width: 100%;
}
.bubble-image img {
  width: 100%;
  object-fit: cover;
}
.bubbles-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 2rem;
  opacity: 1 !important;
  background: unset !important;
  aspect-ratio: initial !important;
} 

.bubble-icon {
  border: 1px solid var(--darknavy);
  border-radius: 2.5rem;
  justify-items: center;
}

.bubble-icon img {
  max-height: 1rem;
  margin: .5rem;
}

.bubble-row:nth-child(4) {
  margin-bottom: 0;
}

.bubble-row:nth-child(4) .bubble-text {
  width: 100%;
  text-align: center;
}

.bubble-text {
  padding: 0 1.5rem;
  border: 1px solid var(--darknavy);
  border-radius: 2.5rem;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.bubble-text p {
  font-family: "Jost";
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
}

.bubble-text.bg-pink {
  background: var(--pink);
  border: 1px solid var(--pink);
}
.bubble-text.bg-purple {
  background: var(--purple);
  border: 1px solid var(--purple);
}
.bubble-text.bg-navyblue {
  background: var(--darknavy);
  border: 1px solid var(--darknavy);
}
.bubble-text.bg-pink p,
.bubble-text.bg-navyblue p{
  color: var(--white);
}

.bubble-text.bg-yellow {
  background: var(--yellow);
  color: var(--darknavy);
  border: 1px solid var(--yellow);
}

.bubble-row:nth-child(2) .bubble-icon,
.bubble-row:nth-child(4) .bubble-icon{
  order: 2;
} 

.bubble-row:nth-child(3) {
  flex-direction: row-reverse;
} 

.bubble-row:nth-child(3) .bubble-text {
  order: -1;
}

.bubble-row:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 36rem) {
  
}
@media only screen and (min-width: 51.3125rem) {
  .bubble-row {
    margin-bottom: 1.5rem;
  }
  .bubble-text p {
    font-size: 2rem;
    line-height: 4rem;
  }
  .bubble-icon img {
    max-height: 3rem;
    margin: .5rem;
  }
  .bubbles-image{
    height: 4rem;
  }
  .bubbles-image img {
    max-height: 4rem;
  }
}
@media only screen and (min-width: 74.5rem) {
  .bubble-row {
    margin-bottom: 3rem;
  }
  .bubble-text p {
    font-size: 3rem;
    line-height: 5rem;
  }
  .bubble-icon img {
    max-height: 4rem;
    margin: .5rem;
  }
  .bubbles-image{
    height: 5rem;
  }
  .bubbles-image img {
    max-height: 5rem;
  }
}  
/* GENERAL STYLING */
.cmp--quote-block {
  display: flex;
}

.cmp--quote-block.bordertop .block-right {
  border-top: none !important;
}

.block-right-quote {
  margin: 2rem 0;
}

.block-right-quote p {
  font-size: 2.25rem;
  line-height: 3.5rem;
  word-break: break-word;
}

.block-right-label, .block-right-quote {
  padding-left: 3rem;
}

.cmp--quote-block .block-left {
  margin-top: -1px;
}

.cmp--quote-block .block-right {
  position: relative;
  border-top: 1px solid var(--darknavy);
  border-left: 1px solid var(--darknavy);
  margin-top: -1px;
}

/* WITH AUTHOR */
.author {
  gap: 1rem;
}

.author-image {
  width: 6rem;
  height: 6rem;
}

.author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-info {
  flex-direction: column;
  justify-content: end;
}

.author-info p {
  line-height: 2rem;
  font-weight: 500;
}

.author-job {
  color: var(--purple);
}

/* WITHOUT AUTHOR */
.block-right.false {
  margin-right: 1rem;
  padding-right: 3rem;
}

.block-right.false:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0; 
  height: 70%;
  width: 1px; 
  background-color: black;
}

.cmp--quote-block .span5 {
  width: 38.17094%;
}

/* WITH BORDER */
.block-left.on {
  border-left: 1px solid var(--darknavy);
  position: relative;
}

.block-left.on:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.3rem;
  left: -1.37rem;
}

.block-left.on .block-left-content {
  padding: 1.5rem;
}

.block-left.on .block-left-cta {
  padding-left: 1.5rem;
}

.block-left.on .block-left-label {
  padding: 0rem 0 1.5rem 1.5rem;
  border-bottom: 1px solid var(--darknavy);
  width: 25%;
  white-space: nowrap;
}

/* WITHOUT BORDER */
.block-left.off {
  padding: 3rem 8rem 1.5rem 0;
}

@media only screen and (max-width: 64.5em) {
  .cmp--quote-block .span7, .cmp--quote-block .span5 {
    width: 100%;
    margin: 0;
  }
  
  .block-left.off {
  padding: 0rem 0 1.5rem 0;
}
  
  .block-left-cta .btn-group {
    display: flex;
  }
  
  .span5.block-right {
    display: none;
  }
} 
.cmp--content-block {
  position: relative;
}

.cmp--content-block.question .author, .cmp--content-block.ctablock .author {
  display: none;
}

.cmp--content-block.testimonial .content-image, .cmp--content-block.question .content-image {
  display: none;
}

.cmp--content-block.ctablock .row-fluid {
  align-items: stretch;
}
.content-left {
  padding: 1rem 0 1rem 0;
  position: relative;
}

.content-left.left {
  border-left: 1px solid black;
}


@media only screen and (max-width: 36rem) {
  .content-left-text p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .cmp--content-block.borderbottom:after {
    content: "";
        width: calc(100% + 2rem);
        height: 1px;
        background-color: black;
        position: absolute;
        top: 0;
        left: -1rem;
  }
}

/* TESTIMONIAL */
.cmp--content-block .author-info {
  padding-bottom: 1rem;
}

.cmp--content-block.testimonial .content-left.author_left {
  margin-left: 18%;
  width: 67%;
}

.cmp--content-block.testimonial .content-left-text h2 {
  display: none;
}

.cmp--content-block.testimonial .content-left-text {
  padding: 2rem 0
}

.cmp--content-block .author {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.author.author_right .author-content {
	display: flex;
  flex-direction: row-reverse;
  gap: .5rem;
}

.cmp--content-block.testimonial .content-left.author_right {
  border-left: 1px solid black;
  padding-left: 2rem;
  margin-left: 2rem;
  width: 70%;
}

.content-left.author_right:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 2rem;
  left: -1.37rem;
}

@media only screen and (min-width: 51rem) {  
  .author.author_left {
    left: 0;
  }
}

@media only screen and (max-width: 74rem) {  
  
  .cmp--content-block.testimonial .content-left.author_right {
     border-left: none;
     margin-left: 0;
     width: 100%;
     padding-left: 0;
  }
  
  .content-left.author_right:before {
    content: "";
    background-image: unset;
  }
  
  .cmp--content-block .author {
    top: 0;
    right: 0;
  }
  
  .author-info {
    justify-content: start;
    padding-top: 1rem;
  }
  
  .author-info p {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  
  .author-image {
    width: 5rem;
    height: 7rem;
  }
  
  .author.author_left {
    right: 0;
    flex-direction: row-reverse;
  }
  
  .cmp--content-block.testimonial .content-left.author_left {
    margin-left: 0;
    width: 100%;
  }
}


/* CUSTOM QUESTION */
.cmp--content-block.question .content-left h2 {
  margin: 1rem 0;
}

.cmp--content-block.question .content-left.left {
  padding-left: 2rem;
}

.cmp--content-block.question .content-left.left:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 8rem;
  left: -1.37rem;
}

.cmp--content-block.question .content-left.right:after {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 8rem;
  right: -0.7rem;
}

@media only screen and (min-width: 51rem) {
  .cmp--content-block.question .content-left.left {
    margin-left: 10%;
    width: 70%;
    padding-bottom: 5rem;
  }
  
  .cmp--content-block.question .content-left.right {
    margin-left: 10%;
    width: 80%;
    padding-bottom: 5rem;
    padding-right: 15%;
    border-right: 1px solid black;
  }
}

@media only screen and (min-width: 36rem) and (max-width: 64rem) {  
   .cmp--content-block.question .content-left.left {
    margin-left: 10%;
    width: 80%;
    padding-bottom: 5rem;
  }
  
  .cmp--content-block.question .content-left.right {
    margin-left: 10%;
    width: 90%;
    padding-bottom: 5rem;
    padding-right: 10%;
    border-right: 1px solid black;
  }
}

@media only screen and (max-width: 36rem) { 
  .cmp--content-block.question .content-left.left {
    margin-left: 1%;
    width: 99%;
    padding-bottom: 5rem;
  }
  
  .cmp--content-block.question .content-left.right {
    margin-left: 1%;
    width: 99%;
    padding-bottom: 5rem;
    padding-right: 10%;
    border-right: 1px solid black;
  }
}



/* CTA BLOCK */
.cmp--content-block.ctablock .content-left-label {
  display: none;
}

/*  CONTENT BLOCK TEXT IMAGES */

.cmp--content-block .flex-direction--row-reverse--md.justify-content--between--md .span5 {
  margin-left: auto;
}
.cmp--content-block .flex-direction--row--md.justify-content--between--md .span5 {
  margin-right: auto;
}
.cmp--content-block .content-block-image {
  background-color: var(--grey);
  opacity: .4;
}


.content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background-color: var(--grey);
  opacity: .4;
}

@media only screen and (min-width: 51rem) {
  .cmp--content-block.ctablock.default .content-left {
    padding: 5rem 0 6rem 2rem;
    border-left: 1px solid black;
  }

  .cmp--content-block.ctablock.reverse .content-left {
    padding: 5rem 2rem 6rem 0;
    border-right: 1px solid black;
  }

  .cmp--content-block.ctablock .content-left.left {
    width: 70%;
    padding-bottom: 5rem;
  }

  .cmp--content-block.ctablock .content-left-text p {
    padding: 1rem 0;
  }

  .content-image {
    width: 45%;
  }
  
  .cmp--content-block.reverse {
    flex-direction: row-reverse;
  }

  .cmp--content-block.ctablock {
    display: flex;
  }
}

@media only screen and (min-width: 51rem) and (max-width: 75rem) {
  .content-image {
    width: calc(100% + 8rem);
    height: 15rem;
    margin: 0 -2rem;
  }
}

@media only screen and (min-width: 36rem) and (max-width: 51rem) {
.cmp--content-block.ctablock {
    display: inline-block;
  } 
  
  .content-image {
    width: calc(100% + 7rem);
    height: 15rem;
    margin: 0 -2rem;
  }
  
   .cmp--content-block.ctablock.default .content-left {
    padding: 2rem;
    border-left: 1px solid black;
  }

  .cmp--content-block.ctablock.reverse .content-left {
    padding: 2rem 0rem 2rem 0;
  }
  
   .cmp--content-block.ctablock .content-left-text p {
    padding: 2rem 0;
  }
}

@media only screen and (max-width: 36rem) {
   .cmp--content-block.ctablock {
    display: inline-block;
  } 
  
  .content-image {
    width: calc(100% + 4rem);
    height: 12rem;
    margin: 0 -2rem;
  }
  
    .cmp--content-block.ctablock.default .content-left {
    padding: 2rem 0rem 2rem 0;
  }

  .cmp--content-block.ctablock.reverse .content-left {
    padding: 2rem 0rem 2rem 0;
  }
  
   .cmp--content-block.ctablock .content-left-text p {
    padding: 2rem 0;
  }
  
  .cmp--content-block.ctablock .content-left {
    padding: 2rem !important;
  }
  
  .cmp--content-block.ctablock .btn-group {
    display: flex !important;
  }
  
  .cmp--content-block.question .content-left.right:after {
    content: none;
  }
  
  .cmp--content-block.question .content-left.right {
    margin-left: 0;
    width: 100%;
    border-right: none;
  }
}

@media only screen and (min-width: 51.3125rem) {
  .cmp--content-block.question .content-left-text {
  margin-bottom: 2rem;
}
  .content-left-text {
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 0 2rem 0;
  }
} 
.cmp--text-bulets-block .text-bullets-right {
  flex-direction: column;
  position: relative;
  display: flex;
  margin-bottom: -1px;
}

.cmp--text-bulets-block .reverse .text-bullets-right {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-top: -1px;
}

.text-bullets-left {
  display: flex !important;
  flex-direction: column;
  justify-content: start;
  padding-right: 2rem;
}

.text-bullets-left h2 {
  margin-bottom: 1rem;
}

.text-bullets-left ul {
  padding-left: 1.5rem;
}

.bullet-image-block img {
  aspect-ratio: 4;
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  background: var(--grey);
  opacity: .4;
}

.content-block {
  padding: 2rem;
}


.cmp--text-bulets-block .reverse .content-block ul {
  margin-top: 2rem;
}

.content-block h3 {
  text-transform: uppercase;
}

.content-block ul {
  padding-left: 1.4rem;
}

.cmp--text-bulets-block .btn.tertiary-btn .text {
  padding: 0;
}



@media only screen and (min-width: 51.3125rem) {
  .cmp--text-bulets-block .default .text-bullets-right:before {
    content: "";
    background-image: url('/hubfs/144250736/circles.svg');
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    right: -1rem;
    bottom: 6rem;
  }
  .cmp--text-bulets-block .reverse .text-bullets-right:before {
    content: "";
    background-image: url('/hubfs/144250736/circles.svg');
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    left: -1rem;
    top: 6rem;
  }
  .cmp--text-bulets-block.padding--top .text-bullets-right {
    margin-top: -2rem;
  }
  .cmp--text-bulets-block.padding--bottom .text-bullets-right {
    margin-bottom: -2rem;
  }
  .cmp--text-bulets-block.padding--small .text-bullets-right {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }
  .cmp--text-bulets-block.padding--medium .text-bullets-right {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }
  .cmp--text-bulets-block.padding--large .text-bullets-right {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }
  .text-bullets-left {
    padding-right: 2rem;
  }
  .cmp--text-bulets-block.padding--small .bullet-image-block img {
    aspect-ratio:4;
  }
  .cmp--text-bulets-block.padding--medium .bullet-image-block img {
    aspect-ratio:3;
  }
  .cmp--text-bulets-block.padding--large .bullet-image-block img {
    aspect-ratio:2.5;
  }
  .cmp--text-bulets-block .default.false .content-block {
    border-right: 1px solid var(--darknavy);
    border-bottom: none;
    padding: 2rem;
    height: 100%;
  }

  .cmp--text-bulets-block .reverse.false .content-block {
    border-left: 1px solid var(--darknavy);
    border-bottom: none;
    height: 100%;
  }

  .cmp--text-bulets-block .default.true .content-block {
    border-right: 1px solid var(--darknavy);
    border-bottom: 1px solid var(--darknavy);
    padding: 2rem;
  }

  .cmp--text-bulets-block .reverse.true .content-block {
    border-left: 1px solid var(--darknavy);
    border-bottom: 1px solid var(--darknavy);
  }
}
.listing-heading {
    border-left: none;
  }
  
.listing-label {
    padding: 0 0 1rem 2rem;
    margin-left: -2rem;
  margin-bottom: 2rem;
  width: 15rem;
  position: relative;
  border-bottom: 1px solid var(--darknavy);
  }
  

.listing-card {
  padding: 0rem 1rem 1rem 1rem;
}

.listing-heading h2 {
    padding-left: 0;
    width: 100%;
 }

.listing-card h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 0;
}
.listing--wrapper ul {
    padding-left: 1.5rem;
}

@media only screen and (min-width: 51.3125rem) {
  .listing-heading {
    margin-left: 1rem;
  }
  .listing-heading h2 {
    padding-left: 1rem;
  }
  .cmp--listing .row-fluid {
    position: relative;
  }
  .cmp--listing .row-fluid:before {
    content: "";
    position: absolute;
   left: 0;
        top: 0;
        height: 100%;
        width: 1px;
    background-color: var(--darknavy) !important;
  }
  .cmp--listing.padding--small .row-fluid:before {
    height: calc(100% + 4rem);
    top: -2rem;
    bottom: -2rem;
  }
  .cmp--listing.padding--medium .row-fluid:before {
    height: calc(100% + 8rem);
    top: -4rem;
     bottom: -4rem;
  }
  .cmp--listing.padding--large .row-fluid:before {
    height: calc(100% + 16rem);
    top: -8rem;
     bottom: -8rem;
  }
  .cmp--listing.padding--top .row-fluid:before {
    height: calc(100% + 2rem);
    top: -2rem;
  }
  .cmp--listing.padding--bottom .row-fluid:before {
    height: calc(100% + 2rem);
    bottom: -2rem;
  }

  .listing-label {
    margin: 0;
    padding: 2rem 0 1rem 1rem;

  }

  .listing-label:before {
    content: "";
    background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
    background-size: contain;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    top: 1rem;
    left: -1.37rem;
  }
}
@media only screen and (max-width: 36rem) {
  .cmp--listing {
    padding-top: 1rem;
  }
}
.spotlight-block-left p {
  width: 100%;
}

.spotlight-block-right {
  position: relative;
  border-top: 1px solid var(--darknavy);
}

.spotlight-block-right:after {
    content: "";
    background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    top: -.75rem;
    left: 5rem;
}

.spotlight-content.customcontent .blogcontent, .spotlight-content.cpt .customcontent {
  display: none;
}

.blogtext {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spotlight-content {
  margin-top: 1rem;
}
.spotlight-content p {
  width: 100%;
}
.spotlight-content h3 {
  text-transform: uppercase;
}

.spotlight-subtile {
  font-weight: 500;
}

.cmp--spotlight-block .btn-group {
  display: grid;
}
  
.cmp--spotlight-block .btn-group .text {
  width: 100%;
  justify-content: center;
}

@media only screen and (max-width: 51.3125rem) {

  .spotlight-block-right {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem;
    width: calc(100% + 2rem) !important;
  }
}

@media only screen and (min-width: 51.3125rem) {
  .spotlight-block-left p {
  width: 70%;
}
  .cmp--spotlight-block .btn-group {
    display: flex;
  }
  .spotlight-block-right {
    position: relative;
    border-top: none;
  }
  .spotlight-label {
    padding: 1rem 0 1rem 1rem;
    border-bottom: 1px solid var(--darknavy);
    width: 35%;
    white-space: nowrap;
  }

  .spotlight-label, .spotlight-content {
    padding-left: 1rem;
  }
  .spotlight-content {
    padding-bottom: 1rem;
  }
  .spotlight-content p {
    width: 80%;
  }
  .spotlight-block-right:before {
    content: "";
    background: var(--darknavy);
    width: 1px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .spotlight-block-right:after {
    transform: rotate(90deg);
    position: absolute;
    top: 4rem;
    left: -1.37rem;
  }
  
  .padding--none .spotlight-block-right:before {
      height: 100%;
      top: 0;
  }
  .padding--top .spotlight-block-right:before {
    height: calc(100% + 2rem);
      top: -2rem;
  }
  .padding--bottom .spotlight-block-right:before {
    height: calc(100% + 2rem);
      top: 0;
  }
  .padding--small .spotlight-block-right:before {
    height: calc(100% + 4rem);
      top: -2rem;
  }
  .padding--medium .spotlight-block-right:before {
    height: calc(100% + 8rem);
      top: -4rem;
  }
  .padding--large .spotlight-block-right:before {
    height: calc(100% + 16rem);
      top: -8rem;
  }
  
}
.image-block  {
  position: relative;
  padding-bottom: 5rem;
}

.cmp--image-text-block-border.reverse {
  flex-direction: row-reverse;
}

.cmp--image-text-block-border.reverse .text-block {
  padding-left: 2rem;
}

.cmp--image-text-block-border.reverse .image-block  {
  border-right: 1px solid black;
  padding-right: 2rem;
  margin-left: -2rem !important
}

.cmp--image-text-block-border.reverse .span6  {
  margin: 0;
  width: 100%;
}

.cmp--image-text-block-border.default .text-block  {
  padding-right: 5rem;
}

.cmp--image-text-block-border.default .image-block  {
  border-left: 1px solid black;
  padding-left: 2rem;
}

.cmp--image-text-block-border.reverse .image-block:after  {
  content: "";
  background-image: url('/hubfs/144250736/circles.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 5rem;
  right: -0.8rem;
}

.cmp--image-text-block-border.default .image-block:after  {
  content: "";
  background-image: url('/hubfs/144250736/circles.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 5rem;
  left: -1.33rem;
}

.cmp--image-text-block-border.default:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    top: 0; 
    left: 51.4%; 
    z-index: 8;
}

.cmp--image-text-block-border.reverse:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    top: 0; 
    left: -0.1%; 
    transform: translateX(-60%);
    z-index: 8;
}



.text-block {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: var(--grey);
  opacity: .4;
}

@media only screen and (max-width: 76.5rem) {
  .cmp--image-text-block-border {
    flex-direction: column;
    margin: 0;
  }
  
  .cmp--image-block-border {
    display: none !important;
  }
  
  .cmp--image-text-block-border .span6 {
    width: 100%;
  }
  
  .image-block {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 1rem;
    border-right: 1px solid black;
    border-top: none;
  }
  
  .cmp--image-text-block-border.default .image-block {
    border-left: none;
    padding-left: 0;
    margin-left: -2rem;
    width: calc(100% + 2rem);
  }
  
  .cmp--image-text-block-border.default .image-block:before, .cmp--image-text-block-border.reverse .image-block:before {
    content: "";
    background-image: url('/hubfs/144250736/circles.svg');
    background-size: contain;
    transform: rotate(0deg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    display: flex;
    position: absolute;
    top: -0.7rem;
    right: 6rem;
    left: unset;
    z-index: 5;
  }
  
  .cmp--image-text-block-border.default .image-block:after, .cmp--image-text-block-border.reverse .image-block:after  {
    content: "";
    background: black;
    width: 50%;
    height: 1px;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .cmp--image-text-block-border.reverse {
    flex-direction: column-reverse;
  }
 
  
  .cmp--image-text-block-border.reverse .image-block {
    padding-right: 0;
    margin-left: -2rem;
    width: calc(100% + 2rem);
  }
  
  .cmp--image-text-block-border.reverse .text-block {
    padding-left: 0;
    padding-top: 2rem;
  }
  
  .cmp--image-text-block-border.default .text-block  {
  padding-right: 0;
    padding-bottom: 2rem;
  }
  
  .cmp--text-bulets-block.reverse.bordertop .text-bullets-right, .cmp--text-bulets-block.reverse.noborder .text-bullets-right {
    border-bottom: 1px solid black;
    margin-right: -2rem;
  }
  
  .cmp--image-text-block-border.reverse .image-block:after, .cmp--image-text-block-border.default .image-block:after {
    content: none;
  }
  
  .cmp--image-text-block-border.reverse:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    top: 0; 
    left: -1px; 
    transform: translateX(-15%);
    z-index: 8;
  }
  
    .cmp--image-text-block-border.default:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: black;
    position: absolute;
    bottom: 10rem; 
    right: 0; 
    left: -4rem;
    top: unset;
    z-index: 8;
  }
}
.cmp--tabs {
  align-items: stretch;
}

.cmp--tabs.wborder .tab-image {
  display: none;
}

.cmp--tabs.wborder .tab-wrapper {
  border-left: 1px solid var(--darknavy);
  position: relative;
}
.cmp--tabs.wborder .tab-wrapper {
  width: 100%;
}

.cmp--tabs.wborder .tabs {
  gap: 2rem;
  padding: 1rem;
}

.tab-wrapper.false .tabs {
  padding: 4rem 0 2rem 1rem;
}

.tab-wrapper.true .tabs {
  padding: 1rem 0 2rem 1rem;
}

.cmp--tabs.wborder .tab-wrapper:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.3rem;
  left: -1.37rem;
}

.tab-image {
  flex-shrink: 0;
}

.tab-wrapper {
  margin: 0 !important;
}

.tab-label .tag {
  white-space: nowrap;
}

.tab-label {
  border-bottom: 1px solid var(--darknavy);
  padding: 0 2rem 1rem;
  width: 20rem;
}

.cmp--tabs.wimage .tabs {
  padding-left: 2rem;
}

.tabs {
  gap: 1rem;
  padding-left: 2rem;
}

.tabs__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  white-space: nowrap;
  scrollbar-width: none;
}
.tabs__list yellow:before,
.tabs__list green:before,
.tabs__list pink:before,
.tabs__list purple:before {
  content: none;
}

.tabs__tab {
  width: auto;
  background: unset;
  padding: .5rem 2rem;
  border-radius: 50px;
  position: relative;
  border: none;
  text-align: left;
  font-weight: 500;
}

.tabs__tab:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 2px; 
  background:linear-gradient(180deg, #F7F1EC, #202239); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tabs__tab.active:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 1px; 
  background: black; 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.tabs__tab.active-tab {
  background: var(--pinkyellow-gradient-horizontal);
}

.tab-wrapper h2 {
  margin-top: 1rem;
  padding-left: 2rem;
}

.tabs__content ul,
.tabs__content ol{
    padding-left: 2rem;
}

@media only screen and (max-width: 64.5em) {
  .tabs {
    display: grid;
  }
  
  .tabs__list {
     white-space: nowrap;
     flex-direction: column;
     margin-left: 0;
     width: 100%;
  }
  
  
.tabs__list button {
  color: var(--darknavy);
  font-weight: 500;
  text-decoration: none;
}
}
.video-keywords-content {
  display: flex;
}

.cmp--video-keywords.default {
  border-right: 1px solid var(--darknavy);
  padding-top: 4rem;
  position: relative;
}

.video-keywords-content.reverse {
  flex-direction: row-reverse;
}

.cmp--video-keywords.default:before {
  content: "";
  background-image: url('/hubfs/144250736/btn-arrow-pink.svg');
  background-size: contain;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: 5rem;
  right: -.75rem;
}

.video-side, .keywords-side {
  flex: 1;
}

.video-embed, .cmp--video-keywords .iframe_wrapper {
  height: 100%;
}

.cmp--video-keywords .span5 {
  margin: 0 !important;
}

.cmp--video-keywords.default .tag {
  margin-left: 2rem;
}

.cmp--video-keywords .oembed_container {
  max-height: 85% !important;
}

.cmp--video-keywords h3 {
  text-transform: uppercase;
}

.cmp--video-keywords.default h3 {
  padding-left: 2rem;
}

.video-embed {
  display: flex;
  align-items: end;
}

.video-keywords-content.default .keyvalues-wrapper {
  border-top: 1px solid black;
  border-left: 1px solid black;
  padding: 2.3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.video-keywords-content.reverse .keyvalues-wrapper {
  border-top: 1px solid black;
  border-right: 1px solid black;
  padding: 5rem 6.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.key-value {
  height: 10rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

.key-value h5 {
  text-transform: uppercase;
}

.key-value:nth-child(1), .key-value:nth-child(3) {
  border-right: 1px solid black;
}

.key-value:nth-child(1), .key-value:nth-child(2) {

}

.key-value:nth-child(2), .key-value:nth-child(4) {

}

.key-value:nth-child(3), .key-value:nth-child(4) {
  border-top: 1px solid black;
}

.key-value:nth-child(4):before {
  content: "";
  background-image: url('/hubfs/144250736/circles.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.7rem;
  left: 2rem;
}

.video-upload {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border: none;
}


.video-side.embedvideo .video-upload, .video-side.uploadvideo .video-embed {
  display: none;
}

@media only screen and (min-width: 36rem) and (max-width: 64.5rem) {
   .video-keywords-content .span5 {
    width: 100%;
  }
  
  .video-keywords-content .span7 {
    width: calc(100% + 4rem);
  }
}

@media only screen and (max-width: 64.5rem) {
  .video-keywords-content {
    flex-direction: column-reverse !important;
    position: relative;
  }
  
  .video-keywords-content.reverse .keyvalues-wrapper {
    border-right: none;
  }
  
  .cmp--video-keywords.default {
    border-left: none;
  }
  
  .cmp--video-keywords.default h3 {
    padding-left: 0;
    margin-bottom: 1rem;
  }
  
  .cmp--video-keywords.default .tag {
    margin-left: 0; 
    position: absolute;
    top: 0;
  }
  
  .key-value {
    align-items: center !important;
  }
  
  .key-value h5 {
    text-align: center;
  }
  
  .video-keywords-content.default .keyvalues-wrapper {
   margin: 2rem -1px 0 0;
    padding: 0;
    border: 1px solid var(--darknavy);
  }
  
  .video-side {
    margin-right: -2rem;
  }
  
  .key-value:nth-child(1), .key-value:nth-child(2) {
      padding-top: 0;
  }
  
  .cmp--video-keywords.default:before {
    background-image: unset;
  }
  
  .key-value:first-child, .key-value:nth-child(3) {
    padding-right: 2rem;
  }
  
  .key-value:nth-child(2), .key-value:nth-child(4) {
    padding-left: 2rem;
  }
  
  .cmp--video-keywords.default .video-keywords-title:before {
    content: none !important;
  }
}
/*****************************************/
/*               Sliders                 */
/*****************************************/
.cmp--team-slider .square-image {
  position: relative;
  height: 20rem;
  overflow: hidden;
  width: 100%;
}

.cmp--team-slider .square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background-color: var(--grey);
  opacity: .4;
}

.cmp--logo-slider .slider-item img {
   filter: grayscale(1) brightness(0);
  transition: filter .3s .2s ease-out;
}

.cmp--logo-slider .slider-item:hover img {
  filter: grayscale(0) brightness(1);
}

.cmp--logo-slider .tns-item {
    max-height: 5rem;
}
.cmp--tag {
  width: 100%;
  display: block;
}

.tag {
  width: auto;
  display: inline-block;
  background: var(--purple);
  padding: 0 1rem;
  border-radius: 2.5rem;
  line-height: 2;
}

@media only screen and (max-width: 36rem) {
  .tag {
    font-size: 1rem;
    line-height: 2.2rem;
  }
}
.heading-all-blogs h2 {
    white-space: normal;
    width: auto;
    margin: 0;
}
@media only screen and (max-width: 51.3125rem) {
  .heading-all-blogs .btn-group.pl--1{
    padding-left: 0;
  }
}
.cmp--two-col-text {
  padding: 2rem 0;
  display: grid;
}

.cmp--two-col-text h2 {
  text-align: center;
  margin-bottom: 2rem;
}

.cmp--two-col-text .text ul,
.cmp--two-col-text .text ol{
  padding-left: 2rem;
}

.cmp--two-col-text .text {
  column-count: 2;
  gap: 5rem;
  word-break: break-word;
}

@media only screen and (max-width: 46.5rem) {
  .cmp--two-col-text .text {
    column-count: 1;
  }
  
  .cmp--two-col-text h2 {
    text-align: left;
  }
}