/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Typography */

/*@import url("https://use.typekit.net/joh3mor.css");*/

@font-face {
    font-family: 'obviously';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/Obviously-Semibold.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/Obviously-Semibold.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'obviously-wide';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/Obviously-Wide_Semibold.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/Obviously-Wide_Semibold.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'averta-light';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-light-webfont.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-light-webfont.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "averta-regular";
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-regular-webfont.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-regular-webfont.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'averta-semibold';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-semibold-webfont.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-semibold-webfont.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'averta-bold';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-bold-webfont.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/averta-bold-webfont.woff) format("woff");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'relative-faux-book-pro';
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/relative-faux-book-pro.eot);
    src: url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/relative-faux-book-pro.eot?#iefix) format("embedded-opentype"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/relative-faux-book-pro.woff2) format("woff2"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/relative-faux-book-pro.woff) format("woff"),url(https://qqm8bf7z.cdn.imgeng.in/resourcepackages/cp/fonts/relative-faux-book-pro.ttf) format("truetype");
    font-weight: normal !important;
    font-style: normal;
    font-display: swap;
}

.fw-light {
    font-family: "averta-light",sans-serif;
    font-weight: normal !important;
}

.fw-normal,
blockquote {
    font-family: "averta-regular",sans-serif !important;
    font-weight: normal !important;
}

.cp-quote-fw figcaption.text-dark,
.cp-quote-fw blockquote.text-dark,
.cp-card-cc figcaption.text-dark,
.cp-card-cc blockquote.text-dark {
    color: var(--cp-dark) !important;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.display-7 {
    font-weight: normal !important;
}

.cp-hero-pbv .display-3,
.cp-hero-i.lhp .display-3,
.cp-hero.lhp .display-3 {
    font-family: "obviously-wide";
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h7,
.fw-semibold {
    font-family: "averta-semibold",sans-serif;
    font-weight: normal !important;
}

.p {
    margin-top: 0;
    margin-bottom: 1.125rem;
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin: 0;
    font-family: var(--cp-body-font-family);
    font-size: var(--cp-body-font-size);
    font-weight: var(--cp-body-font-weight);
    line-height: var(--cp-body-line-height);
    color: var(--cp-body-color);
    text-align: var(--cp-body-text-align);
    background-color: var(--cp-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

b, strong,
.fw-bold {
    font-family: "averta-bold",sans-serif;
    font-weight: normal !important;
}

.f1,
.f2,
.f3,
.f4,
.f5,
.f6 {
    font-family: "relative-faux-book-pro",sans-serif;
    font-weight: normal !important;
    line-height: 1.5;
}

.f1 {
    font-size: 1.25rem;
    letter-spacing: 1px;
}

.f2 {
    font-size: 1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.f3 {
    font-size: 1rem;
    letter-spacing: 1px;
}

.f4 {
    font-size: 0.875rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.f5 {
    font-size: 0.875rem;
    letter-spacing: 1px;
}

.f6 {
    font-size: 0.75rem;
    letter-spacing: 1px;
}

h3.display-5:has(span.h5) {
    font-size: 2rem;
}

h3.display-5:has(span.h6) {
    font-size: 1.5rem;
}

h3.display-5:has(span.h5), h3.display-5:has(span.h6),
h3.display-5 span.h6 {
    font-size: 1.5rem;
}



/* General */

html, body {
    overflow-x: clip;
    width: 100%;
    height: unset;
}

.container .cp-gw-card-carousel .container,
.container .cp-gw-wide-card-carousel .container {
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1200px) {
    .container .cp-gw-card-carousel .container,
    .container .cp-gw-wide-card-carousel .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container .cp-gw-card-carousel .container,
    .container .cp-gw-wide-card-carousel .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container .cp-gw-card-carousel .container,
    .container .cp-gw-wide-card-carousel .container {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .container .cp-gw-card-carousel .container,
    .container .cp-gw-wide-card-carousel .container {
        max-width: 100%;
    }
}

ol, ul {
    padding-left: 1rem;
}

p:empty {
    display: none;
}

.btn {
    z-index: 1;
}

.border-1-5 {
    --cp-border-width: 1.5px;
}

.cp-noTitle h1 {
    display: none !important;
    visibility: hidden;
}

.cp-noTitle p {
    opacity: 1 !important;
}

i.ai-search.fw-bold {
    font-weight: bold !important;
}

em.ai-check-alt, i.ai-check-alt {
    font-size: 1.75rem !important;
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.bg-green em.ai-check-alt, .bg-green i.ai-check-alt,
.bg-turquoise em.ai-check-alt, .bg-turquoise i.ai-check-alt,
.bg-purple em.ai-check-alt, .bg-purple i.ai-check-alt,
.bg-coral em.ai-check-alt, .bg-coral i.ai-check-alt,
.bg-dark-green em.ai-check-alt, .bg-dark-green i.ai-check-alt,
.bg-forest-green em.ai-check-alt, .bg-forest-green i.ai-check-alt,
.bg-teal em.ai-check-alt, .bg-teal i.ai-check-alt,
.bg-indigo em.ai-check-alt, .bg-indigo i.ai-check-alt,
.bg-maroon em.ai-check-alt, .bg-maroon i.ai-check-alt {
    color: rgba(var(--cp-light-rgb), var(--cp-text-opacity)) !important;
}

ul {
    padding-left: 1rem;
}

.cp-content-b > :last-child {
    margin-bottom: 0 !important;
}

.btn-xl, .btn-group-xl > .btn {
    --cp-btn-font-size: 1.125rem;
}

.btn-xxl, .btn-group-xxl > .btn {
    --cp-btn-font-size: 1.25rem;
}

.shadow-lg {
    -webkit-box-shadow: 0 0.5rem 1.75rem -0.125rem rgba(0,0,0,.48) !important;
    box-shadow: 0 0.5rem 1.75rem -0.125rem rgba(0,0,0,.48) !important;
}

a.rounded-circle + span.fs-md {
    vertical-align: middle;
}

a.btn.btn-lg.btn-link {
    margin-top: 2px;
    /*font-size: 1rem !important;*/
}

/*.display-5:not(div) {
    margin-bottom: 0 !important;
}*/

/* color theming */

/*body:has(.cp-hero-i.bg-pink) {
    background-color: hwb(27 10% 28%);
    background-color: lch(67.5345% 42.5 258.2);
    background-color: lab(62.2345% -34.9638 47.7721);
}*/

.cp-search-result img {
    width: 100px;
}

.btn-global:lang(en) {
    display: none !important;
}

/*html:lang(de) li.nav-item:nth-child(2) .mega-dropdown-column:nth-child(2),
html:lang(tr) li.nav-item:nth-child(2) .mega-dropdown-column:nth-child(3),*/
html:lang(de) .main-nav li.nav-item:nth-child(1) .me-lg-6.me-xl-9.col-lg-2,
html:lang(de) .main-nav li.nav-item:nth-child(2) {
    display: none;
}

html:lang(de) .megamenu .mega-dropdown-column:last-child .dropdown-item {
    font-family: "averta-semibold", sans-serif !important;
}

/*content(#ffffff) {
    background-color: red !important;
}*/

/* Page editor overrides */
body.sfPageEditor [data-aos=zoom-in],
body.sfPageEditor [data-aos=fade-up],
body.sfPageEditor [data-aos=fade-left],
body.sfPageEditor [data-aos=fade-right] {
    transform: none !important;
}

body.sfPageEditor [data-aos^=zoom][data-aos^=zoom],
body.sfPageEditor [data-aos^=fade-up][data-aos^=fade-up],
body.sfPageEditor [data-aos^=fade-left][data-aos^=fade-left],
body.sfPageEditor [data-aos^=fade-right][data-aos^=fade-right] {
    opacity: 1 !important;
}

/* Spacers */
body.sfPageEditor .cp-spacer-lg {
    background-color: #FB0AE3;
    opacity: .5;
}

body.sfPageEditor .cp-spacer-md {
    background-color: #0500FF;
    opacity: .5;
}

body.sfPageEditor .cp-spacer-sm {
    background-color: #18FF04;
    opacity: .5;
}

body.sfPageEditor .cp-spacer-xs {
    background-color: #FF8D06;
    opacity: .5;
}

body.sfPageEditor .cp-spacer-card-gutter {
    background-color: #FFFF00;
    opacity: .5;
}

body.sfPageEditor .cp-spacer-for-collapse {
    background-color: #000;
    opacity: .5;
}

/* Widget custom utilities */

/*.overlap {
    margin-bottom: -200px;
    padding-bottom: 200px;
}*/

p.column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

#tracking-consent-dialog {
    -webkit-box-shadow: 0rem -2.5rem 2.5rem 0rem rgba(0,0,0,.05) !important;
    box-shadow: 0rem -2.5rem 2.5rem 0rem rgba(0,0,0,.05) !important;
}

    #tracking-consent-dialog i.ai-check-alt {
        font-size: 1.25rem !important;
    }

/* Background themes */

video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-light);
}

.bg-white,
.bg-white video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-light) !important;
}

.bg-gray,
.bg-gray video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-gray-100) !important;
}

.bg-gray-200,
.bg-gray-200 video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-gray-200) !important;
}

.bg-ivory,
.cp-collage-x2-sm.sparkline-ivory .sparkline-1::after,
.cp-collage-x2-lg.sparkline-ivory .sparkline-1::after,
.container-footer-ctas .sparkline-1::after,
.bg-ivory video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-ivory) !important;
}

.bg-aquamarine,
.cp-collage-x2-sm.sparkline-aquamarine .sparkline-1::after,
.cp-collage-x2-lg.sparkline-aquamarine .sparkline-1::after,
.bg-aquamarine video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-aquamarine) !important;
}

.bg-blue,
.cp-collage-x2-sm.sparkline-blue .sparkline-1::after,
.cp-collage-x2-lg.sparkline-blue .sparkline-1::after,
.bg-blue video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-blue) !important;
}

.bg-lavender,
.cp-collage-x2-sm.sparkline-lavender .sparkline-1::after,
.cp-collage-x2-lg.sparkline-lavender .sparkline-1::after,
.statement-card-wall .sparkline-1::after,
.bg-lavender video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-lavender) !important;
}

.bg-pink,
.cp-collage-x2-sm.sparkline-pink .sparkline-1::after,
.cp-collage-x2-lg.sparkline-pink .sparkline-1::after,
.bg-pink video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-pink) !important;
}

.bg-yellow,
.cp-collage-x2-sm.sparkline-yellow .sparkline-1::after,
.cp-collage-x2-lg.sparkline-yellow .sparkline-1::after,
.bg-yellow video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-yellow) !important;
}

.bg-green,
.cp-collage-x2-sm.sparkline-green .sparkline-1::after,
.cp-collage-x2-lg.sparkline-green .sparkline-1::after,
.container-footer-ctas .sparkline-2::after,
.bg-green video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-green) !important;
}

.bg-turquoise,
.cp-collage-x2-sm.sparkline-turquoise .sparkline-1::after,
.cp-collage-x2-lg.sparkline-turquoise .sparkline-1::after,
.bg-turquoise video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-turquoise) !important;
}

.bg-purple,
.cp-collage-x2-sm.sparkline-purple .sparkline-1::after,
.cp-collage-x2-lg.sparkline-purple .sparkline-1::after,
.bg-purple video{
    --cp-bg-opacity: 1;
    background-color: var(--cp-purple) !important;
}

.bg-coral,
.cp-collage-x2-sm.sparkline-coral .sparkline-1::after,
.cp-collage-x2-lg.sparkline-coral .sparkline-1::after,
.bg-coral video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-coral) !important;
}

.bg-dark-green,
.cp-collage-x2-sm.sparkline-dark-green .sparkline-1::after,
.cp-collage-x2-lg.sparkline-dark-green .sparkline-1::after,
.bg-dark-green video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-dark-green) !important;
}

.bg-forest-green,
.cp-collage-x2-sm.sparkline-forest-green .sparkline-1::after,
.cp-collage-x2-lg.sparkline-forest-green .sparkline-1::after,
.bg-forest-green video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-forest-green) !important;
}

.bg-teal,
.cp-collage-x2-sm.sparkline-teal .sparkline-1::after,
.cp-collage-x2-lg.sparkline-teal .sparkline-1::after,
.bg-teal video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-teal) !important;
}

.bg-indigo,
.cp-collage-x2-sm.sparkline-indigo .sparkline-1::after,
.cp-collage-x2-lg.sparkline-indigo .sparkline-1::after,
.bg-indigo video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-indigo) !important;
}

.bg-maroon,
.cp-collage-x2-sm.sparkline-maroon .sparkline-1::after,
.cp-collage-x2-lg.sparkline-maroon .sparkline-1::after,
.bg-maroon video {
    --cp-bg-opacity: 1;
    background-color: var(--cp-maroon) !important;
}

.bg-special {
    --cp-bg-opacity: 1;
    background: rgb(222,201,255) !important;
    background: -o-linear-gradient(225deg, rgba(222,201,255,1) 40%, rgba(151,243,197,1) 80%) !important;
    background: linear-gradient(225deg, rgba(222,201,255,1) 40%, rgba(151,243,197,1) 80%) !important;
}

.bg-special-learningHub .bg-turquoise {
    --cp-bg-opacity: 1;
    background: rgb(117,38,219) !important;
    background: -o-linear-gradient(225deg, rgba(117,38,219,1) 40%, rgba(0,170,161,1) 80%) !important;
    background: linear-gradient(225deg, rgba(117,38,219,1) 40%, rgba(0,170,161,1) 80%) !important;
}

.bg-learningHub {
    --cp-bg-opacity: 1;
    background-color: #f5f3e7 !important;
}

    .bg-secondary.cp-hero-bv, .bg-secondary.cp-hero-ii, .bg-secondary.cp-hero-pbv,
    .bg-gray.cp-hero-bv, .bg-gray.cp-hero-ii, .bg-gray.cp-hero-pbv,
    .bg-ivory.cp-hero-bv, .bg-ivory.cp-hero-ii, .bg-ivory.cp-hero-pbv,
    .bg-aquamarine.cp-hero-bv, .bg-aquamarine.cp-hero-ii, .bg-aquamarine.cp-hero-pbv,
    .bg-blue.cp-hero-bv, .bg-blue.cp-hero-ii, .bg-blue.cp-hero-pbv,
    .bg-lavender.cp-hero-bv, .bg-lavender.cp-hero-ii, .bg-lavender.cp-hero-pbv,
    .bg-pink.cp-hero-bv, .bg-pink.cp-hero-ii, .bg-pink.cp-hero-pbv,
    .bg-yellow.cp-hero-bv, .bg-yellow.cp-hero-ii, .bg-yellow.cp-hero-pbv,
    .bg-special.cp-hero-bv, .bg-special.cp-hero-ii, .bg-special.cp-hero-pbv {
        background: var(--cp-light) !important;
    }

.bg-green.cp-hero-bv, .bg-green.cp-hero-ii, .bg-green.cp-hero-pbv,
.bg-turquoise.cp-hero-bv, .bg-turquoise.cp-hero-ii, .bg-turquoise.cp-hero-pbv,
.bg-purple.cp-hero-bv, .bg-purple.cp-hero-ii, .bg-purple.cp-hero-pbv,
.bg-coral.cp-hero-bv, .bg-coral.cp-hero-ii, .bg-coral.cp-hero-pbv,
.bg-dark-green.cp-hero-bv, .bg-dark-green.cp-hero-ii, .bg-dark-green.cp-hero-pbv,
.bg-forest-green.cp-hero-bv, .bg-forest-green.cp-hero-ii, .bg-forest-green.cp-hero-pbv,
.bg-teal.cp-hero-bv, .bg-teal.cp-hero-ii, .bg-teal.cp-hero-pbv,
.bg-indigo.cp-hero-bv, .bg-indigo.cp-hero-ii, .bg-indigo.cp-hero-pbv,
.bg-maroon.cp-hero-bv, .bg-maroon.cp-hero-ii, .bg-maroon.cp-hero-pbv {
    background: var(--cp-dark) !important;
}

/*.bg-white h1, .bg-white .h1, .bg-white h2, .bg-white .h2, .bg-white h3, .bg-white .h3, .bg-white h4, .bg-white .h4, .bg-white h5, .bg-white .h5, .bg-white h6, .bg-white .h6, .bg-white p, .bg-white .form-control, .bg-white .form-label,*/
/*a, h1 > a, .h1 > a, h2 > a, .h2 > a, h3 > a, .h3 > a, h4 > a, .h4 > a, h5 > a, .h5 > a, h6 > a, .h6 > a,*/
.bg-secondary h1, .bg-secondary .h1, .bg-secondary h2, .bg-secondary .h2, .bg-secondary h3, .bg-secondary .h3, .bg-secondary h4, .bg-secondary .h4, .bg-secondary h5, .bg-secondary .h5, .bg-secondary h6, .bg-secondary .h6, .bg-secondary p, .bg-secondary a:not(.btn), .bg-secondary .form-control, .bg-secondary .form-label, .bg-secondary h1 > a, .bg-secondary .h1 > a, .bg-secondary h2 > a, .bg-secondary .h2 > a, .bg-secondary h3 > a, .bg-secondary .h3 > a, .bg-secondary h4 > a, .bg-secondary .h4 > a, .bg-secondary h5 > a, .bg-secondary .h5 > a, .bg-secondary h6 > a, .bg-secondary .h6 > a,
.bg-gray h1, .bg-gray .h1, .bg-gray h2, .bg-gray .h2, .bg-gray h3, .bg-gray .h3, .bg-gray h4, .bg-gray .h4, .bg-gray h5, .bg-gray .h5, .bg-gray h6, .bg-gray .h6, .bg-gray p, .bg-gray a:not(.btn), .bg-gray .form-control, .bg-gray .form-label, .bg-gray h1 > a, .bg-gray .h1 > a, .bg-gray h2 > a, .bg-gray .h2 > a, .bg-gray h3 > a, .bg-gray .h3 > a, .bg-gray h4 > a, .bg-gray .h4 > a, .bg-gray h5 > a, .bg-gray .h5 > a, .bg-gray h6 > a, .bg-gray .h6 > a,
.bg-ivory h1, .bg-ivory .h1, .bg-ivory h2, .bg-ivory .h2, .bg-ivory h3, .bg-ivory .h3, .bg-ivory h4, .bg-ivory .h4, .bg-ivory h5, .bg-ivory .h5, .bg-ivory h6, .bg-ivory .h6, .bg-ivory p, .bg-ivory a:not(.btn), .bg-ivory .form-control, .bg-ivory .form-label, .bg-ivory h1 > a, .bg-ivory .h1 > a, .bg-ivory h2 > a, .bg-ivory .h2 > a, .bg-ivory h3 > a, .bg-ivory .h3 > a, .bg-ivory h4 > a, .bg-ivory .h4 > a, .bg-ivory h5 > a, .bg-ivory .h5 > a, .bg-ivory h6 > a, .bg-ivory .h6 > a,
.bg-aquamarine h1, .bg-aquamarine .h1, .bg-aquamarine h2, .bg-aquamarine .h2, .bg-aquamarine h3, .bg-aquamarine .h3, .bg-aquamarine h4, .bg-aquamarine .h4, .bg-aquamarine h5, .bg-aquamarine .h5, .bg-aquamarine h6, .bg-aquamarine .h6, .bg-aquamarine p, .bg-aquamarine a:not(.btn), .bg-aquamarine .form-control, .bg-aquamarine .form-label, .bg-aquamarine h1 > a, .bg-aquamarine .h1 > a, .bg-aquamarine h2 > a, .bg-aquamarine .h2 > a, .bg-aquamarine h3 > a, .bg-aquamarine .h3 > a, .bg-aquamarine h4 > a, .bg-aquamarine .h4 > a, .bg-aquamarine h5 > a, .bg-aquamarine .h5 > a, .bg-aquamarine h6 > a, .bg-aquamarine .h6 > a,
.bg-blue h1, .bg-blue .h1, .bg-blue h2, .bg-blue .h2, .bg-blue h3, .bg-blue .h3, .bg-blue h4, .bg-blue .h4, .bg-blue h5, .bg-blue .h5, .bg-blue h6, .bg-blue .h6, .bg-blue p, .bg-blue a:not(.btn), .bg-blue .form-control, .bg-blue .form-label, .bg-blue h1 > a, .bg-blue .h1 > a, .bg-blue h2 > a, .bg-blue .h2 > a, .bg-blue h3 > a, .bg-blue .h3 > a, .bg-blue h4 > a, .bg-blue .h4 > a, .bg-blue h5 > a, .bg-blue .h5 > a, .bg-blue h6 > a, .bg-blue .h6 > a,
.bg-lavender h1, .bg-lavender .h1, .bg-lavender h2, .bg-lavender .h2, .bg-lavender h3, .bg-lavender .h3, .bg-lavender h4, .bg-lavender .h4, .bg-lavender h5, .bg-lavender .h5, .bg-lavender h6, .bg-lavender .h6, .bg-lavender p, .bg-lavender a:not(.btn), .bg-lavender .form-control, .bg-lavender .form-label, .bg-lavender h1 > a, .bg-lavender .h1 > a, .bg-lavender h2 > a, .bg-lavender .h2 > a, .bg-lavender h3 > a, .bg-lavender .h3 > a, .bg-lavender h4 > a, .bg-lavender .h4 > a, .bg-lavender h5 > a, .bg-lavender .h5 > a, .bg-lavender h6 > a, .bg-lavender .h6 > a,
.bg-pink h1, .bg-pink .h1, .bg-pink h2, .bg-pink .h2, .bg-pink h3, .bg-pink .h3, .bg-pink h4, .bg-pink .h4, .bg-pink h5, .bg-pink .h5, .bg-pink h6, .bg-pink .h6, .bg-pink p, .bg-pink a:not(.btn), .bg-pink .form-control, .bg-pink .form-label, .bg-pink h1 > a, .bg-pink .h1 > a, .bg-pink h2 > a, .bg-pink .h2 > a, .bg-pink h3 > a, .bg-pink .h3 > a, .bg-pink h4 > a, .bg-pink .h4 > a, .bg-pink h5 > a, .bg-pink .h5 > a, .bg-pink h6 > a, .bg-pink .h6 > a,
.bg-yellow h1, .bg-yellow .h1, .bg-yellow h2, .bg-yellow .h2, .bg-yellow h3, .bg-yellow .h3, .bg-yellow h4, .bg-yellow .h4, .bg-yellow h5, .bg-yellow .h5, .bg-yellow h6, .bg-yellow .h6, .bg-yellow p, .bg-yellow a:not(.btn), .bg-yellow .form-control, .bg-yellow .form-label, .bg-yellow h1 > a, .bg-yellow .h1 > a, .bg-yellow h2 > a, .bg-yellow .h2 > a, .bg-yellow h3 > a, .bg-yellow .h3 > a, .bg-yellow h4 > a, .bg-yellow .h4 > a, .bg-yellow h5 > a, .bg-yellow .h5 > a, .bg-yellow h6 > a, .bg-yellow .h6 > a,
.bg-special h1, .bg-special .h1, .bg-special h2, .bg-special .h2, .bg-special h3, .bg-special .h3, .bg-special h4, .bg-special .h4, .bg-special h5, .bg-special .h5, .bg-special h6, .bg-special .h6, .bg-special p, .bg-special a:not(.btn), .bg-special .form-control, .bg-special .form-label, .bg-special h1 > a, .bg-special .h1 > a, .bg-special h2 > a, .bg-special .h2 > a, .bg-special h3 > a, .bg-special .h3 > a, .bg-special h4 > a, .bg-special .h4 > a, .bg-special h5 > a, .bg-special .h5 > a, .bg-special h6 > a, .bg-special .h6 > a {
    color: var(--cp-dark) !important;
}

.bg-green li, .bg-green h1, .bg-green .h1, .bg-green h2, .bg-green .h2, .bg-green h3, .bg-green .h3, .bg-green h4, .bg-green .h4, .bg-green h5, .bg-green .h5, .bg-green h6, .bg-green .h6, .bg-green p, .bg-green a:not(.btn), .bg-green .form-control, .bg-green .form-label, .bg-green h1 > a, .bg-green .h1 > a, .bg-green h2 > a, .bg-green .h2 > a, .bg-green h3 > a, .bg-green .h3 > a, .bg-green h4 > a, .bg-green .h4 > a, .bg-green h5 > a, .bg-green .h5 > a, .bg-green h6 > a, .bg-green .h6 > a,
.bg-turquoise li, .bg-turquoise h1, .bg-turquoise .h1, .bg-turquoise h2, .bg-turquoise .h2, .bg-turquoise h3, .bg-turquoise .h3, .bg-turquoise h4, .bg-turquoise .h4, .bg-turquoise h5, .bg-turquoise .h5, .bg-turquoise h6, .bg-turquoise .h6, .bg-turquoise p, .bg-turquoise a:not(.btn), .bg-turquoise .form-control, .bg-turquoise .form-label, .bg-turquoise h1 > a, .bg-turquoise .h1 > a, .bg-turquoise h2 > a, .bg-turquoise .h2 > a, .bg-turquoise h3 > a, .bg-turquoise .h3 > a, .bg-turquoise h4 > a, .bg-turquoise .h4 > a, .bg-turquoise h5 > a, .bg-turquoise .h5 > a, .bg-turquoise h6 > a, .bg-turquoise .h6 > a,
.bg-purple li, .bg-purple h1, .bg-purple .h1, .bg-purple h2, .bg-purple .h2, .bg-purple h3, .bg-purple .h3, .bg-purple h4, .bg-purple .h4, .bg-purple h5, .bg-purple .h5, .bg-purple h6, .bg-purple .h6, .bg-purple p, .bg-purple a:not(.btn), .bg-purple .form-control, .bg-purple .form-label, .bg-purple h1 > a, .bg-purple .h1 > a, .bg-purple h2 > a, .bg-purple .h2 > a, .bg-purple h3 > a, .bg-purple .h3 > a, .bg-purple h4 > a, .bg-purple .h4 > a, .bg-purple h5 > a, .bg-purple .h5 > a, .bg-purple h6 > a, .bg-purple .h6 > a,
.bg-coral li, .bg-coral h1, .bg-coral .h1, .bg-coral h2, .bg-coral .h2, .bg-coral h3, .bg-coral .h3, .bg-coral h4, .bg-coral .h4, .bg-coral h5, .bg-coral .h5, .bg-coral h6, .bg-coral .h6, .bg-coral p, .bg-coral a:not(.btn), .bg-coral .form-control, .bg-coral .form-label, .bg-coral h1 > a, .bg-coral .h1 > a, .bg-coral h2 > a, .bg-coral .h2 > a, .bg-coral h3 > a, .bg-coral .h3 > a, .bg-coral h4 > a, .bg-coral .h4 > a, .bg-coral h5 > a, .bg-coral .h5 > a, .bg-coral h6 > a, .bg-coral .h6 > a,
.bg-dark-green li, .bg-dark-green h1, .bg-dark-green .h1, .bg-dark-green h2, .bg-dark-green .h2, .bg-dark-green h3, .bg-dark-green .h3, .bg-dark-green h4, .bg-dark-green .h4, .bg-dark-green h5, .bg-dark-green .h5, .bg-dark-green h6, .bg-dark-green .h6, .bg-dark-green p, .bg-dark-green a:not(.btn), .bg-dark-green .form-control, .bg-dark-green .form-label, .bg-dark-green h1 > a, .bg-dark-green .h1 > a, .bg-dark-green h2 > a, .bg-dark-green .h2 > a, .bg-dark-green h3 > a, .bg-dark-green .h3 > a, .bg-dark-green h4 > a, .bg-dark-green .h4 > a, .bg-dark-green h5 > a, .bg-dark-green .h5 > a, .bg-dark-green h6 > a, .bg-dark-green .h6 > a,
.bg-forest-green li, .bg-forest-green h1, .bg-forest-green .h1, .bg-forest-green h2, .bg-forest-green .h2, .bg-forest-green h3, .bg-forest-green .h3, .bg-forest-green h4, .bg-forest-green .h4, .bg-forest-green h5, .bg-forest-green .h5, .bg-forest-green h6, .bg-forest-green .h6, .bg-forest-green p, .bg-forest-green a:not(.btn), .bg-forest-green .form-control, .bg-forest-green .form-label, .bg-forest-green h1 > a, .bg-forest-green .h1 > a, .bg-forest-green h2 > a, .bg-forest-green .h2 > a, .bg-forest-green h3 > a, .bg-forest-green .h3 > a, .bg-forest-green h4 > a, .bg-forest-green .h4 > a, .bg-forest-green h5 > a, .bg-forest-green .h5 > a, .bg-forest-green h6 > a, .bg-forest-green .h6 > a,
.bg-teal li, .bg-teal h1, .bg-teal .h1, .bg-teal h2, .bg-teal .h2, .bg-teal h3, .bg-teal .h3, .bg-teal h4, .bg-teal .h4, .bg-teal h5, .bg-teal .h5, .bg-teal h6, .bg-teal .h6, .bg-teal p, .bg-teal a, .bg-teal .form-control, .bg-teal .form-label, .bg-teal h1 > a:not(.btn), .bg-teal .h1 > a, .bg-teal h2 > a, .bg-teal .h2 > a, .bg-teal h3 > a, .bg-teal .h3 > a, .bg-teal h4 > a, .bg-teal .h4 > a, .bg-teal h5 > a, .bg-teal .h5 > a, .bg-teal h6 > a, .bg-teal .h6 > a,
.bg-indigo li, .bg-indigo h1, .bg-indigo .h1, .bg-indigo h2, .bg-indigo .h2, .bg-indigo h3, .bg-indigo .h3, .bg-indigo h4, .bg-indigo .h4, .bg-indigo h5, .bg-indigo .h5, .bg-indigo h6, .bg-indigo .h6, .bg-indigo p, .bg-indigo a:not(.btn), .bg-indigo .form-control, .bg-indigo .form-label, .bg-indigo h1 > a, .bg-indigo .h1 > a, .bg-indigo h2 > a, .bg-indigo .h2 > a, .bg-indigo h3 > a, .bg-indigo .h3 > a, .bg-indigo h4 > a, .bg-indigo .h4 > a, .bg-indigo h5 > a, .bg-indigo .h5 > a, .bg-indigo h6 > a, .bg-indigo .h6 > a,
.bg-maroon li, .bg-maroon h1, .bg-maroon .h1, .bg-maroon h2, .bg-maroon .h2, .bg-maroon h3, .bg-maroon .h3, .bg-maroon h4, .bg-maroon .h4, .bg-maroon h5, .bg-maroon .h5, .bg-maroon h6, .bg-maroon .h6, .bg-maroon p, .bg-maroon a:not(.btn), .bg-maroon .form-control, .bg-maroon .form-label, .bg-maroon h1 > a, .bg-maroon .h1 > a, .bg-maroon h2 > a, .bg-maroon .h2 > a, .bg-maroon h3 > a, .bg-maroon .h3 > a, .bg-maroon h4 > a, .bg-maroon .h4 > a, .bg-maroon h5 > a, .bg-maroon .h5 > a, .bg-maroon h6 > a, .bg-maroon .h6 > a {
    color: var(--cp-light) !important;
}

.bg-green .cp-people-modal h3,
.bg-turquoise .cp-people-modal h3,
.bg-purple .cp-people-modal h3,
.bg-coral .cp-people-modal h3,
.bg-dark-green .cp-people-modal h3,
.bg-forest-green .cp-people-modal h3,
.bg-teal .cp-people-modal h3,
.bg-indigo .cp-people-modal h3,
.bg-maroon .cp-people-modal h3 {
    color: var(--cp-dark) !important;
}

.bg-green .cp-people-modal h4, .bg-green .cp-people-modal p,
.bg-turquoise .cp-people-modal h4, .bg-turquoise .cp-people-modal p,
.bg-purple .cp-people-modal h4, .bg-purple .cp-people-modal p,
.bg-coral .cp-people-modal h4, .bg-coral .cp-people-modal p,
.bg-dark-green .cp-people-modal h4, .bg-dark-green .cp-people-modal p,
.bg-forest-green .cp-people-modal h4, .bg-forest-green .cp-people-modal p,
.bg-teal .cp-people-modal h4, .bg-teal .cp-people-modal p,
.bg-indigo .cp-people-modal h4, .bg-indigo .cp-people-modal p,
.bg-maroon .cp-people-modal h4, .bg-maroon .cp-people-modal p {
    color: var(--cp-card-color) !important;
}

.cp-hero-isp.bg-secondary,
.cp-hero-isp.bg-gray,
.cp-hero-isp.bg-ivory,
.cp-hero-isp.bg-aquamarine,
.cp-hero-isp.bg-blue,
.cp-hero-isp.bg-lavender,
.cp-hero-isp.bg-pink,
.cp-hero-isp.bg-yellow,
.cp-hero-isp.bg-special,
.cp-hero-isp.bg-green,
.cp-hero-isp.bg-turquoise,
.cp-hero-isp.bg-purple,
.cp-hero-isp.bg-coral,
.cp-hero-isp.bg-dark-green,
.cp-hero-isp.bg-forest-green,
.cp-hero-isp.bg-teal,
.cp-hero-isp.bg-indigo,
.cp-hero-isp.bg-maroon {
    background: transparent !important;
}


.border-bottom,
.bg-secondary .border-bottom,
.bg-gray .border-bottom,
.bg-ivory .border-bottom,
.bg-aquamarine .border-bottom,
.bg-blue .border-bottom,
.bg-lavender .border-bottom,
.bg-pink .border-bottom,
.bg-yellow .border-bottom,
.bg-special .border-bottom {
    border-bottom: var(--cp-border-width) var(--cp-border-style) rgba(0,0,0,0.3) !important;
}

.bg-green .border-bottom,
.bg-turquoise .border-bottom,
.bg-purple .border-bottom,
.bg-coral .border-bottom,
.bg-dark-green .border-bottom,
.bg-forest-green .border-bottom,
.bg-teal .border-bottom,
.bg-indigo .border-bottom,
.bg-maroon .border-bottom {
    border-bottom: var(--cp-border-width) var(--cp-border-style) rgba(255,255,255,0.3) !important;
}

.bg-secondary .cp-content-collage::after,
.bg-gray .cp-content-collage::after,
.bg-ivory .cp-content-collage::after,
.bg-aquamarine .cp-content-collage::after,
.bg-blue .cp-content-collage::after,
.bg-lavender .cp-content-collage::after,
.bg-pink .cp-content-collage::after,
.bg-yellow .cp-content-collage::after,
.bg-special .cp-content-collage::after,
.bg-green .cp-content-collage::after,
.bg-turquoise .cp-content-collage::after,
.bg-purple .cp-content-collage::after,
.bg-coral .cp-content-collage::after,
.bg-dark-green .cp-content-collage::after,
.bg-forest-green .cp-content-collage::after,
.bg-teal .cp-content-collage::after,
.bg-indigo .cp-content-collage::after,
.bg-maroon .cp-content-collage::after {
    z-index: 0;
    background-color: var(--cp-light) !important;
    opacity: 0.2;
}

.offcanvas .border-gray {
    border-color: rgba(var(--cp-gray-rgb), var(--cp-border-opacity)) !important;
}

/*.bg-green li, .bg-green p,
.bg-turquoise li, .bg-turquoise p,
.bg-purple li, .bg-purple p,
.bg-coral li, .bg-coral p,
.bg-dark-green li, .bg-dark-green p,
.bg-forest-green li, .bg-forest-green p,
.bg-teal li, .bg-teal p,
.bg-indigo li, .bg-indigo p,
.bg-maroon li, .bg-maroon p {
        opacity: 0.8;
    }*/



.bg-green .cp-highlight, .bg-green .cp-highlight.text-dark,
.bg-turquoise .cp-highlight, .bg-turquoise .cp-highlight.text-dark,
.bg-purple .cp-highlight, .bg-purple .cp-highlight.text-dark,
.bg-coral .cp-highlight, .bg-coral .cp-highlight.text-dark,
.bg-dark-green .cp-highlight, .bg-dark-green .cp-highlight.text-dark,
.bg-forest-green .cp-highlight, .bg-forest-green .cp-highlight.text-dark,
.bg-teal .cp-highlight, .bg-teal .cp-highlight.text-dark,
.bg-indigo .cp-highlight, .bg-indigo .cp-highlight.text-dark,
.bg-maroon .cp-highlight, .bg-maroon .cp-highlight.text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.cp-immersive-csc .h6,
.bg-green .text-dark,
.bg-turquoise .text-dark,
.bg-purple .text-dark,
.bg-coral .text-dark,
.bg-dark-green .text-dark,
.bg-forest-green .text-dark,
.bg-teal .text-dark,
.bg-indigo .text-dark,
.bg-maroon .text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-light-rgb), var(--cp-text-opacity)) !important;
}

.cp-info-modal p {
    color: var(--cp-dark) !important;
}

.cp-highlight.text-dark, h2.cp-highlight {
    color: var(--cp-dark) !important;
}

.bg-yellow .btn-primary,
.bg-green .btn-primary,
.bg-turquoise .btn-primary,
.bg-purple .btn-primary,
.bg-coral .btn-primary,
.bg-dark-green .btn-primary,
.bg-forest-green .btn-primary,
.bg-teal .btn-primary,
.bg-indigo .btn-primary,
.bg-maroon .btn-primary {
    color: var(--cp-dark) !important;
    background-color: var(--cp-light);
    border: var(--cp-light);
}

.cp-cta-c.bg-turquoise .btn-primary,
.cp-cta-c.bg-purple .btn-primary,
.cp-cta-c.bg-coral .btn-primary,
.cp-cta-c.bg-dark-green .btn-primary,
.cp-cta-c.bg-forest-green .btn-primary,
.cp-cta-c.bg-teal .btn-primary,
.cp-cta-c.bg-indigo .btn-primary,
.cp-cta-c.bg-maroon .btn-primary,
.cp-immersive-ctac .btn-primary {
    color: var(--cp-dark);
    background-color: var(--cp-aquamarine);
    border: var(--cp-aquamarine);
}

.cp-card.bg-turquoise, .cp-icon-c.bg-turquoise, .cp-logo-csc.bg-turquoise, .cp-resource-c.bg-turquoise, .cp-resource-ic.bg-turquoise, .cp-resource-icw.bg-turquoise,
.cp-card.bg-purple, .cp-icon-c.bg-purple, .cp-logo-csc.bg-purple, .cp-resource-c.bg-purple, .cp-resource-ic.bg-purple, .cp-resource-icw.bg-purple,
.cp-card.bg-coral, .cp-icon-c.bg-coral, .cp-logo-csc.bg-coral, .cp-resource-c.bg-coral, .cp-resource-ic.bg-coral, .cp-resource-icw.bg-coral,
.cp-card.bg-dark-green, .cp-icon-c.bg-dark-green, .cp-logo-csc.bg-dark-green, .cp-resource-c.bg-dark-green, .cp-resource-ic.bg-dark-green, .cp-resource-icw.bg-dark-green,
.cp-card.bg-forest-green, .cp-icon-c.bg-forest-green, .cp-logo-csc.bg-forest-green, .cp-resource-c.bg-forest-green, .cp-resource-ic.bg-forest-green, .cp-resource-icw.bg-forest-green,
.cp-card.bg-teal, .cp-icon-c.bg-teal, .cp-logo-csc.bg-teal, .cp-resource-c.bg-teal, .cp-resource-ic.bg-teal, .cp-resource-icw.bg-teal,
.cp-card.bg-indigo, .cp-icon-c.bg-indigo, .cp-logo-csc.bg-indigo, .cp-resource-c.bg-indigo, .cp-resource-ic.bg-indigo, .cp-resource-icw.bg-indigo,
.cp-card.bg-maroon, .cp-icon-c.bg-maroon, .cp-logo-csc.bg-maroon, .cp-resource-c.bg-maroon, .cp-resource-ic.bg-maroon .cp-resource-icw.bg-maroon,
.cp-card.bg-special, .cp-icon-c.bg-special, .cp-logo-csc.bg-special, .cp-resource-c.bg-special, .cp-resource-ic.bg-special, .cp-resource-icw.bg-special {
    border: none !important;
}

    .cp-resource-c.bg-dark-green .text-dark.display-6,
    .cp-resource-c.bg-indigo .text-dark.display-6,
    .cp-resource-c.bg-coral .text-dark.display-6 {
        color: var(--cp-yellow) !important;
    }

    .cp-resource-c.bg-purple .text-dark.display-6,
    .cp-resource-c.bg-maroon .text-dark.display-6 {
        color: var(--cp-aquamarine) !important;
    }

    .cp-resource-c.bg-turquoise .text-dark.display-6,
    .cp-resource-c.bg-forest-green .text-dark.display-6,
    .cp-resource-c.bg-teal .text-dark.display-6 {
        color: var(--cp-pink) !important;
    }

    .cp-resource-c.bg-turquoise .border-bottom,
    .cp-resource-c.bg-purple .border-bottom,
    .cp-resource-c.bg-coral .border-bottom,
    .cp-resource-c.bg-dark-green .border-bottom,
    .cp-resource-c.bg-forest-green .border-bottom,
    .cp-resource-c.bg-teal .border-bottom,
    .cp-resource-c.bg-indigo .border-bottom,
    .cp-resource-c.bg-maroon .border-bottom {
        border-color: rgba(255,255,255,0.3) !important;
    }

.cp-resource-c .badge.border,
.cp-resource-ic .badge.border,
.cp-resource-icw .badge.border {
    border-color: rgba(0,0,0,0.15) !important;
}

.cp-resource-c.bg-turquoise .badge.border, .cp-resource-ic.bg-turquoise .badge.border, .cp-resource-icw.bg-turquoise .badge.border,
.cp-resource-c.bg-purple .badge.border, .cp-resource-ic.bg-purple .badge.border, .cp-resource-icw.bg-purple .badge.border,
.cp-resource-c.bg-coral .badge.border, .cp-resource-ic.bg-coral .badge.border, .cp-resource-icw.bg-coral .badge.border,
.cp-resource-c.bg-dark-green .badge.border, .cp-resource-ic.bg-dark-green .badge.border, .cp-resource-icw.bg-dark-green .badge.border,
.cp-resource-c.bg-forest-green .badge.border, .cp-resource-ic.bg-forest-green .badge.border, .cp-resource-icw.bg-forest-green .badge.border,
.cp-resource-c.bg-teal .badge.border, .cp-resource-ic.bg-teal .badge.border, .cp-resource-icw.bg-teal .badge.border,
.cp-resource-c.bg-indigo .badge.border, .cp-resource-ic.bg-indigo .badge.border, .cp-resource-icw.bg-indigo .badge.border,
.cp-resource-c.bg-maroon .badge.border, .cp-resource-ic.bg-maroon .badge.border, .cp-resource-icw.bg-maroon .badge.border {
    border-color: rgba(255,255,255,0.3) !important;
}

.bg-secondary .cp-gw-card-carousel .btn-gray, .bg-secondary .cp-gw-wide-card-carousel .btn-gray,
.bg-gray .cp-gw-card-carousel .btn-gray, .bg-gray .cp-gw-wide-card-carousel .btn-gray,
.bg-ivory .cp-gw-card-carousel .btn-gray, .bg-ivory .cp-gw-wide-card-carousel .btn-gray,
.bg-aquamarine .cp-gw-card-carousel .btn-gray, .bg-aquamarine .cp-gw-wide-card-carousel .btn-gray,
.bg-blue .cp-gw-card-carousel .btn-gray, .bg-blue .cp-gw-wide-card-carousel .btn-gray,
.bg-lavender .cp-gw-card-carousel .btn-gray, .bg-lavender .cp-gw-wide-card-carousel .btn-gray,
.bg-pink .cp-gw-card-carousel .btn-gray, .bg-pink .cp-gw-wide-card-carousel .btn-gray,
.bg-yellow .cp-gw-card-carousel .btn-gray, .bg-yellow .cp-gw-wide-card-carousel .btn-gray,
.bg-special .cp-gw-card-carousel .btn-gray, .bg-special .cp-gw-wide-card-carousel .btn-gray,
.bg-green .cp-gw-card-carousel .btn-gray, .bg-green .cp-gw-wide-card-carousel .btn-gray,
.bg-turquoise .cp-gw-card-carousel .btn-gray, .bg-turquoise .cp-gw-wide-card-carousel .btn-gray,
.bg-purple .cp-gw-card-carousel .btn-gray, .bg-purple .cp-gw-wide-card-carousel .btn-gray,
.bg-coral .cp-gw-card-carousel .btn-gray, .bg-coral .cp-gw-wide-card-carousel .btn-gray,
.bg-dark-green .cp-gw-card-carousel .btn-gray, .bg-dark-green .cp-gw-wide-card-carousel .btn-gray,
.bg-forest-green .cp-gw-card-carousel .btn-gray, .bg-forest-green .cp-gw-wide-card-carousel .btn-gray,
.bg-teal .cp-gw-card-carousel .btn-gray, .bg-teal .cp-gw-wide-card-carousel .btn-gray,
.bg-indigo .cp-gw-card-carousel .btn-gray, .bg-indigo .cp-gw-wide-card-carousel .btn-gray,
.bg-maroon .cp-gw-card-carousel .btn-gray, .bg-maroon .cp-gw-wide-card-carousel .btn-gray {
    --cp-btn-hover-bg: #fff;
    --cp-btn-active-bg: #fff;
    --cp-btn-hover-border-color: #fff;
    --cp-btn-active-border-color: #fff;
    --cp-btn-bg: #fff;
    --cp-btn-border-color: #fff;
    --cp-btn-disabled-bg: #fff;
    --cp-btn-disabled-border-color: #fff;
}

.bg-green .swiper-pagination-bullet-active, .bg-green .swiper-pagination-bullet,
.bg-turquoise .swiper-pagination-bullet-active, .bg-turquoise .swiper-pagination-bullet,
.bg-purple .swiper-pagination-bullet-active, .bg-purple .swiper-pagination-bullet,
.bg-coral .swiper-pagination-bullet-active, .bg-coral .swiper-pagination-bullet,
.bg-dark-green .swiper-pagination-bullet-active, .bg-dark-green .swiper-pagination-bullet,
.bg-forest-green .swiper-pagination-bullet-active, .bg-forest-green .swiper-pagination-bullet,
.bg-teal .swiper-pagination-bullet-active, .bg-teal .swiper-pagination-bullet,
.bg-indigo .swiper-pagination-bullet-active, .bg-indigo .swiper-pagination-bullet,
.bg-maroon .swiper-pagination-bullet-active, .bg-maroon .swiper-pagination-bullet {
    background-color: var(--cp-light);
}

.cp-hero-i.lhp.bg-ivory, .cp-hero.lhp.bg-ivory {
    background-color: #f5f3e7 !important;
}

.cp-hero .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    max-width: 1000px;
    height: 50px;
    z-index: 0;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.cp-hero-i .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    max-width: 2000px;
    height: 100px;
    z-index: -1;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: -50%;
    right: 0;
    top: 20%;
    bottom: auto;
    margin: auto;
}

.cp-hero-i .sparkline-2::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    max-width: 100%;
    height: 40px;
    z-index: -1;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    left: 80%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.cp-hero-ii .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150%;
    height: 200px;
    z-index: -1;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: -25%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
    filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
}

.hideSparkLines .cp-hero-i .sparkline-1::after,
.hideSparkLines .cp-hero-i .sparkline-2::after,
.hideSparkLines .cp-hero .sparkline-1::after,
.hideSparkLines .cp-hero .sparkline-2::after {
    display: none;
}

.cp-hero-ii {
    overflow: hidden;
}

/*.cp-hero-bv .sparkline-1::after {
    content: "";
    position: absolute;
    display: flex;
    width: 120%;
    height: 150%;
    z-index: -1;
    -webkit-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    left: -10%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}*/


.cp-hero-bv .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    height: 45%;
    z-index: -1;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: -10%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
    filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
}

.cp-hero-pbv .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 110%;
    height: 40%;
    z-index: -1;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    left: -5%;
    right: 0;
    top: 80px;
    bottom: 0;
    margin: auto;
    -webkit-filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
    filter: drop-shadow(0rem 0rem 15rem #000) drop-shadow(0rem 0rem 15rem #000);
}

.bg-white.cp-hero-bv .sparkline-1::after, .bg-white.cp-hero-ii .sparkline-1::after, .bg-white.cp-hero-pbv .sparkline-1::after,
.bg-gray.cp-hero-bv .sparkline-1::after, .bg-gray.cp-hero-ii .sparkline-1::after, .bg-gray.cp-hero-pbv .sparkline-1::after,
.bg-ivory.cp-hero-bv .sparkline-1::after, .bg-ivory.cp-hero-ii .sparkline-1::after, .bg-ivory.cp-hero-pbv .sparkline-1::after,
.bg-aquamarine.cp-hero-bv .sparkline-1::after, .bg-aquamarine.cp-hero-ii .sparkline-1::after, .bg-aquamarine.cp-hero-pbv .sparkline-1::after,
.bg-blue.cp-hero-bv .sparkline-1::after, .bg-blue.cp-hero-ii .sparkline-1::after, .bg-blue.cp-hero-pbv .sparkline-1::after,
.bg-lavender.cp-hero-bv .sparkline-1::after, .bg-lavender.cp-hero-ii .sparkline-1::after, .bg-lavender.cp-hero-pbv .sparkline-1::after,
.bg-pink.cp-hero-bv .sparkline-1::after, .bg-pink.cp-hero-ii .sparkline-1::after, .bg-pink.cp-hero-pbv .sparkline-1::after,
.bg-yellow.cp-hero-bv .sparkline-1::after, .bg-yellow.cp-hero-ii .sparkline-1::after, .bg-yellow.cp-hero-pbv .sparkline-1::after {
    -webkit-filter: none;
    filter: none;
    /*filter: drop-shadow(0rem 0rem 20rem #fff) drop-shadow(0rem 0rem 20rem #fff);*/
}

.cp-collage-x2-sm .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 110%;
    height: 10px;
    z-index: -1;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    left: 140px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.cp-collage-x2-lg .sparkline-1::after {
    display: none;
}

.container-footer-ctas .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    max-width: 2000px;
    height: 100px;
    z-index: -1;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    left: -10%;
    right: 0;
    top: 10%;
    bottom: 0;
    margin: auto;
}

.statement-card-wall .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    max-width: 2000px;
    height: 100px;
    z-index: 0;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    left: -10%;
    right: 0;
    top: 10%;
    bottom: 0;
    margin: auto;
}

.container-footer-ctas .sparkline-2::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    max-width: 100%;
    height: 100px;
    z-index: -1;
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    left: 40%;
    right: 0;
    top: 40%;
    bottom: 0;
    margin: auto;
}

.cp-people-modal .sparkline-1::after {
    /*content: "";
    position: absolute;
    display: flex;
    width: 65%;
    height: 50px;
    z-index: 0;
    -webkit-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--cp-ivory);*/
    display: none;
}

.cp-card-cc .sparkline-1::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 50px;
    z-index: 0;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    left: -75%;
    right: 0;
    top: 0;
    bottom: -75%;
    margin: auto;
    --cp-bg-opacity: 1;
    background-color: var(--cp-turquoise) !important;
}

.cp-content-collage::after,
.cp-team-collage::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    height: 150%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: -10%;
    right: 0;
    top: 25%;
    bottom: 0;
    margin: auto;
    --cp-bg-opacity: 1;
    background-color: var(--cp-ivory) !important;
    z-index: -1;
}

.cp-content-collage.row,
.cp-team-collage .row {
    z-index: 1;
}


.bg-white .sparkline-1::after {
    background-color: var(--cp-ivory);
}

.cp-hero-ii.bg-white .sparkline-1::after,
.cp-hero-bv.bg-white .sparkline-1::after,
.cp-hero-pbv.bg-white .sparkline-1::after {
    background-color: var(--cp-light);
}

.bg-gray .sparkline-1::after {
    background-color: var(--cp-pink);
}

.cp-hero-ii.bg-gray .sparkline-1::after,
.cp-hero-bv.bg-gray .sparkline-1::after,
.cp-hero-pbv.bg-gray .sparkline-1::after {
    background-color: var(--cp-gray-100);
}

.bg-ivory .sparkline-1::after {
    background-color: var(--cp-blue);
}

.cp-hero-ii.bg-ivory .sparkline-1::after,
.cp-hero-bv.bg-ivory .sparkline-1::after,
.cp-hero-pbv.bg-ivory .sparkline-1::after {
    background-color: var(--cp-ivory);
}

.bg-aquamarine .sparkline-1::after {
    background-color: var(--cp-lavender);
}

.cp-hero-ii.bg-aquamarine .sparkline-1::after,
.cp-hero-bv.bg-aquamarine .sparkline-1::after,
.cp-hero-pbv.bg-aquamarine .sparkline-1::after {
    background-color: var(--cp-aquamarine);
}

.bg-blue .sparkline-1::after {
    background-color: var(--cp-pink);
}

.cp-hero-ii.bg-blue .sparkline-1::after,
.cp-hero-bv.bg-blue .sparkline-1::after,
.cp-hero-pbv.bg-blue .sparkline-1::after {
    background-color: var(--cp-blue);
}

.bg-lavender .sparkline-1::after {
    background-color: var(--cp-aquamarine);
}

.cp-hero-ii.bg-lavender .sparkline-1::after,
.cp-hero-bv.bg-lavender .sparkline-1::after,
.cp-hero-pbv.bg-lavender .sparkline-1::after {
    background-color: var(--cp-lavender);
}

.bg-pink .sparkline-1::after {
    background-color: var(--cp-ivory);
}

.cp-hero-ii.bg-pink .sparkline-1::after,
.cp-hero-bv.bg-pink .sparkline-1::after,
.cp-hero-pbv.bg-pink .sparkline-1::after {
    background-color: var(--cp-pink);
}

.cp-hero-ii.bg-yellow .sparkline-1::after,
.cp-hero-bv.bg-yellow .sparkline-1::after,
.cp-hero-pbv.bg-yellow .sparkline-1::after {
    background-color: var(--cp-yellow);
}

.bg-green .sparkline-1::after {
    background-color: var(--cp-forest-green);
}

.cp-hero-ii.bg-green .sparkline-1::after,
.cp-hero-bv.bg-green .sparkline-1::after,
.cp-hero-pbv.bg-green .sparkline-1::after {
    background-color: var(--cp-green);
}

.bg-green .sparkline-2::after {
    background-color: var(--cp-purple);
}

.cp-hero-ii.bg-turquoise .sparkline-1::after,
.cp-hero-bv.bg-turquoise .sparkline-1::after,
.cp-hero-pbv.bg-turquoise .sparkline-1::after {
    background-color: var(--cp-turquoise);
}

.bg-purple .sparkline-1::after {
    background-color: var(--cp-indigo);
}

.cp-hero-ii.bg-purple .sparkline-1::after,
.cp-hero-bv.bg-purple .sparkline-1::after,
.cp-hero-pbv.bg-purple .sparkline-1::after {
    background-color: var(--cp-purple);
}

.bg-purple .sparkline-2::after {
    background-color: var(--cp-green);
}


.cp-hero-ii.bg-coral .sparkline-1::after,
.cp-hero-bv.bg-coral .sparkline-1::after,
.cp-hero-pbv.bg-coral .sparkline-1::after {
    background-color: var(--cp-coral);
}

.cp-hero-ii.bg-dark-green .sparkline-1::after,
.cp-hero-bv.bg-dark-green .sparkline-1::after,
.cp-hero-pbv.bg-dark-green .sparkline-1::after {
    background-color: var(--cp-dark-green);
}

.bg-forest-green .sparkline-1::after {
    background-color: var(--cp-green);
}

.cp-hero-ii.bg-forest-green .sparkline-1::after,
.cp-hero-bv.bg-forest-green .sparkline-1::after,
.cp-hero-pbv.bg-forest-green .sparkline-1::after {
    background-color: var(--cp-forest-green);
}

.cp-hero-ii.bg-teal .sparkline-1::after,
.cp-hero-bv.bg-teal .sparkline-1::after,
.cp-hero-pbv.bg-teal .sparkline-1::after {
    background-color: var(--cp-teal);
}

.bg-indigo .sparkline-1::after {
    background-color: var(--cp-purple);
}

.cp-hero-ii.bg-indigo .sparkline-1::after,
.cp-hero-bv.bg-indigo .sparkline-1::after,
.cp-hero-pbv.bg-indigo .sparkline-1::after {
    background-color: var(--cp-indigo);
}

.cp-hero-i.bg-yellow .sparkline-1::after,
.cp-hero-i.bg-coral .sparkline-1::after,
.cp-hero-i.bg-dark-green .sparkline-1::after,
.cp-hero-i.bg-maroon .sparkline-1::after,
.cp-hero-i.bg-teal .sparkline-1::after,
.cp-hero-i.bg-turquoise .sparkline-1::after {
    background-color: var(--cp-light);
    opacity: .1;
}

.cp-hero-ii.bg-maroon .sparkline-1::after,
.cp-hero-bv.bg-maroon .sparkline-1::after,
.cp-hero-pbv.bg-maroon .sparkline-1::after {
    background-color: var(--cp-maroon);
}

.cp-hero-ii.bg-white .hero-skrim,
.cp-hero-ii.bg-gray .hero-skrim,
.cp-hero-ii.bg-ivory .hero-skrim,
.cp-hero-ii.bg-aquamarine .hero-skrim,
.cp-hero-ii.bg-blue .hero-skrim,
.cp-hero-ii.bg-lavender .hero-skrim,
.cp-hero-ii.bg-pink .hero-skrim,
.cp-hero-ii.bg-yellow .hero-skrim {
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(65%, rgba(255, 255, 255, 0.15)), color-stop(75.5%, rgba(255, 255, 255, 0.075)), color-stop(82.85%, rgba(255, 255, 255, 0.037)), color-stop(88%, rgba(255, 255, 255, 0.019)), to(rgba(255, 255, 255, 0)) );
    background-image: -o-linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.15) 65%, rgba(255, 255, 255, 0.075) 75.5%, rgba(255, 255, 255, 0.037) 82.85%, rgba(255, 255, 255, 0.019) 88%, rgba(255, 255, 255, 0) 100% );
    background-image: linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.15) 65%, rgba(255, 255, 255, 0.075) 75.5%, rgba(255, 255, 255, 0.037) 82.85%, rgba(255, 255, 255, 0.019) 88%, rgba(255, 255, 255, 0) 100% );
}

/* Immersive heros */

.cp-hero-bv video, .cp-hero-pbv video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(calc((100% - 100vw) / 2));
    -ms-transform: translateX(calc((100% - 100vw) / 2));
    transform: translateX(calc((100% - 100vw) / 2));
}

/* Modals */
button.btn-close {
    margin: var(--cp-card-spacer-y) var(--cp-card-spacer-x);
}

/* Off canvas */

.offcanvas-start {
    width: auto;
    border-right: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* Buttons */

.cp-toggle {
    border-radius: 50rem;
    width: fit-content;
    margin: 0 auto;
    border: 1.5px solid var(--cp-dark);
}

.cp-toggle .nav-pills .nav-link {
    background-color: transparent !important;
}

/* Typography */

.balance-text {
    text-wrap: balance;
}

.cp-highlight::after {
    content: "";
    position: absolute;
    width: calc(100% + 40px);
    height: 35px;
    background-color: var(--cp-yellow);
    z-index: -1;
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    bottom: -3px;
    left: -20px;
    display:block;
}

/*.cp-highlight {
    background-color: var(--cp-yellow);
    padding:0 10px;
}*/

.cp-content-b .cp-highlight:has(+ .display-5) {
    margin-bottom: 0.5rem !important;
}

.cp-content-b .cp-highlight {
    margin-bottom: 1.5rem !important;
}

.overlap-top .cp-content-b .cp-highlight {
    margin-bottom: 0 !important;
}

/*Navigation*/

/*.main-nav .nav-item {
    padding-top: 10px;
    padding-bottom: 10px;
}*/

/*.main-nav .nav-item {
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.megamenu .cp-highlight::after {
    content: "";
    position: absolute;
    width: calc(100% + 30px);
    height: 30px;
    background-color: var(--cp-yellow);
    z-index: -1;
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    bottom: -5px;
    left: -15px;
}

.megamenu .mega-dropdown-column:last-child .dropdown-item {
    font-family: "averta-regular",sans-serif !important;
    font-weight: normal !important;
}

.btn-link-nav-xl {
    font-size: 1.125rem;
}

.navbar-brand {
    margin-bottom: 1px;
}

.navbar-nav {
    /* --cp-nav-link-padding-y: 1.35rem;*/
}

/*header.navbar.navbar-expand-lg:hover {
    background: var(--cp-light);
}*/

.dropdown-menu.megamenu {
    --cp-dropdown-spacer: 0rem;
}

/*.navbar-nav:hover .cp-nav-highlight {
    height: 100%;
    width: 100vw;
    position: absolute;
    background: var(--cp-light);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}*/

/*.navbar-expand-lg .dropdown::before {
    display: none;
}*/

.cp-navbar-light .nav-link.text-dark, .cp-navbar-light i.ai-search.text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-light-rgb), var(--cp-text-opacity)) !important;
}

.cp-navbar-light .btn-outline-dark,
.cp-navbar-light .card-hover-primary:hover .btn-outline-primary {
    --cp-btn-color: var(--cp-light);
    --cp-btn-border-color: var(--cp-light);
    --cp-btn-hover-color: var(--cp-dark);
    --cp-btn-hover-bg: var(--cp-light);
    --cp-btn-hover-border-color: var(--cp-light);
    --cp-btn-active-color: var(--cp-dark);
    --cp-btn-active-bg: var(--cp-light);
    --cp-btn-active-border-color: var(--cp-light);
}

/*.cp-navbar-light .btn-outline-dark:hover {
    color: var(--cp-dark);
}*/

.cp-navbar-light .navbar-brand .d-block {
    display: none !important;
}

.cp-navbar-light .navbar-brand .d-none {
    display: block !important;
}

.navbar-stuck .btn:hover {
    color: var(--cp-light);
}

.cp-navbar-light .nav-link.text-dark.show,
.cp-navbar-light i.ai-search.text-dark.show,
.cp-navbar-light.navbar-stuck .nav-link.text-dark,
.cp-navbar-light.navbar-stuck i.ai-search.text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.cp-navbar-light:has(a.show) .nav-link.text-dark,
.cp-navbar-light:has(a.show) i.ai-search.text-dark {
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.cp-navbar-light:has(a.show) .btn-outline-dark,
.cp-navbar-light:has(a.show) .card-hover-primary:hover .btn-outline-primary,
.cp-navbar-light.navbar-stuck .btn-outline-dark,
.cp-navbar-light.navbar-stuck .card-hover-primary:hover .btn-outline-primary {
    --cp-btn-color: var(--cp-dark);
    --cp-btn-border-color: var(--cp-dark);
    --cp-btn-hover-color: var(--cp-light);
    --cp-btn-hover-bg: var(--cp-dark);
    --cp-btn-hover-border-color: var(--cp-dark);
    --cp-btn-active-color: var(--cp-light);
    --cp-btn-active-bg: var(--cp-dark);
    --cp-btn-active-border-color: var(--cp-dark);
}

.btn-outline-dark {
    --cp-btn-color: var(--cp-dark);
    --cp-btn-border-color: var(--cp-dark);
    --cp-btn-hover-color: var(--cp-light);
    --cp-btn-hover-bg: var(--cp-dark);
    --cp-btn-hover-border-color: var(--cp-dark);
    --cp-btn-active-color: var(--cp-light);
    --cp-btn-active-bg: var(--cp-dark);
    --cp-btn-active-border-color: var(--cp-dark);
    --cp-btn-disabled-color: var(--cp-dark);
    --cp-btn-disabled-border-color: var(--cp-dark);
}

.cp-navbar-light:has(a.show) .navbar-brand .d-block,
.cp-navbar-light.navbar-stuck .navbar-brand .d-block {
    display: block !important;
}

.cp-navbar-light:has(a.show) .navbar-brand .d-none,
.cp-navbar-light.navbar-stuck .navbar-brand .d-none {
    display: none !important;
}




/*body:has(a.show) {
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;

}*/


.main-nav:has(a.show) .modal-backdrop.d-none {
    opacity: var(--cp-backdrop-opacity);
    display: block !important;
}

.main-nav .megamenu {
    z-index: -1 !important;
}

.navbar-nav {
    z-index: 100 !important;
}

/*.main-nav .nav-item, .main-nav .nav-link, .main-nav .nav-link.show {
    z-index: 101 !important;
}*/

.main-nav .navbar-brand, .main-nav .btn-outline-dark {
    z-index: 102 !important;
}

.navbar.navbar-stuck, .dropdown-menu.megamenu.show {
    -webkit-box-shadow: 0 0.5rem 2.5rem -0.125rem rgba(0,0,0,.05) !important;
    box-shadow: 0 0.5rem 2.5rem -0.125rem rgba(0,0,0,.05) !important;
}




.cp-anchor-m .navbar-brand {
    font-weight: normal !important;
    font-size: calc(var(--cp-body-font-size) * 1) !important;
}

.cp-anchor-m .nav-link, .cp-anchor-m .nav-link:hover, .cp-anchor-m .nav-link:focus {
    color: var(--cp-light) !important;
}

/*.cp-anchor-m .nav-link:hover, .cp-anchor-m .nav-link:focus {
        text-decoration: underline;
    }*/


.navbar-brand {
    white-space: normal;
}

.dropdown-menu.megamenu {
    overflow: hidden;
    left: 0;
    width: 100%;
    max-width: 100vw;
    border: none !important;
    border-radius: 0px !important;
    /*z-index: -1 !important;*/
}

/*.show > .dropdown-menu {
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1;
    visibility: visible;
}

.dropdown-menu {
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 0;
    visibility: hidden;
    display: block;
}*/

.slideIn {
    -webkit-animation-name: slideIn !important;
    animation-name: slideIn !important;
}

/*.navbar-expand-lg .dropdown:hover > .dropdown-menu {
    display: none !important;
    -webkit-animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}*/

/*.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: var(--cp-pink); 
}*/

.navbar-nav:hover .nav-link.text-dark {
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 0.5;
}


    .navbar-nav:hover .nav-link.text-dark:hover, .navbar-nav:hover .nav-link.text-dark:focus, .navbar-nav:hover .nav-link.text-dark:active {
        -webkit-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        opacity: 1;
    }

/*.dropdown-menu:hover {
    display: none !important;
}*/

.dropdown-menu {
    display: none !important;
}

    .dropdown-menu.show {
        display: block !important;
    }

/*.nav-link.show {
    border-bottom:3px solid var(--cp-dark);
}*/

ul#ui-id-1 {
    background-color: var(--cp-light) !important;
    z-index: 10 !important;
    position: relative !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 30px;
    margin-top: 30px;
    list-style: none;
    line-height: 200%;
    border-radius: 1rem;
    border: 1px solid var(--cp-dropdown-border-color);
    -webkit-box-shadow: 0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32);
    box-shadow: 0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32);
}

.ui-menu-item:hover {
    color: var(--cp-dark);
    cursor: pointer;
}

.main-nav .cp-search input::-webkit-input-placeholder {
    font-size: 2rem;
    color: var(--cp-gray-600);
}

.main-nav .cp-search input::-moz-placeholder {
    font-size: 2rem;
    color: var(--cp-gray-600);
}

.main-nav .cp-search input:-ms-input-placeholder {
    font-size: 2rem;
    color: var(--cp-gray-600);
}

.main-nav .cp-search input::-ms-input-placeholder {
    font-size: 2rem;
    color: var(--cp-gray-600);
}

.main-nav .cp-search input::placeholder {
    font-size: 2rem;
    color: var(--cp-gray-600);
}

.megamenu .form-control {
    width: 100%;
    font-size: 2rem;
    color: var(--cp-dark) !important;
    border: none;
    border-radius: 0px;
}

/*.cp-nav-link:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 10px;
    right: 2px;
    margin-left: 0;
    transition: .2s;
    border: none;
    font-family: "around-icons";
    font-size: 1.375em;
    font-weight: normal;
    vertical-align: middle !important;
    border: none !important;
    line-height: 1;
}*/

/* Mobile menu */

.main-nav .offcanvas-backdrop.show {
    display: none;
}

.cp-navbar-light .offcanvas.show .nav-link.text-dark, .cp-navbar-light .offcanvas.show i.ai-search.text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.main-nav .offcanvas.offcanvas-end {
    width: 100%;
    border-left: 0;
}

.main-nav .offcanvas.show, .main-nav .offcanvas-sm.show, .main-nav.offcanvas-md.show, .main-nav .offcanvas-lg.show, .main-nav .offcanvas-xl.show, .main-nav .offcanvas-xxl.show {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.navbar-expand-lg .offcanvas {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.offcanvas.offcanvas-end {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.offcanvas {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

    .offcanvas.show .nav-link.cp-nav-toggle {
        font-size: 1.5rem !important;
    }

    .offcanvas.show .dropdown-menu.megamenu.show {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .offcanvas.show .megamenu .container {
        max-width: 100%;
    }

    .offcanvas.show .navbar-nav:hover .nav-link.text-dark {
        opacity: 1;
    }

.main-nav .btn-close {
    width: 50px;
    height: 50px;
    padding: 0;
    color: var(--cp-dark);
    background: none;
    border-radius: 0;
    opacity: 1;
    font-size: 2rem;
    position: absolute;
    top: 25px;
    right: 28px;
}

.main-nav .offcanvas-header {
    padding: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), to(transparent));
    background: -o-linear-gradient(top, var(--cp-light) 50%, transparent);
    background: linear-gradient(180deg, var(--cp-light) 50%, transparent);
    top: 0;
    left: 0;
    height: 5rem;
    display: block;
    width: 100%;
}

.main-nav .offcanvas-body .btn-outline-dark {
    --cp-btn-color: var(--cp-dark);
    --cp-btn-border-color: var(--cp-dark);
    --cp-btn-hover-color: var(--cp-light);
    --cp-btn-hover-bg: var(--cp-green);
    --cp-btn-hover-border-color: var(--cp-green);
    --cp-btn-active-color: var(--cp-light);
    --cp-btn-active-bg: var(--cp-forest-green);
    --cp-btn-active-border-color: var(--cp-forest-green);
}

.navbar-nav {
    height: 100%;
}

/* Nav toggler */

.navbar-toggler-icon::before, .navbar-toggler-icon::after {
    width: 100%;
}

.navbar-toggler .navbar-toggler-icon {
    background: transparent;
}

[aria-expanded=true] .navbar-toggler-icon {
    background-color: var(--cp-navbar-toggler-color);
}

.navbar-toggler-icon::before, .navbar-toggler-icon::after {
    background-color: var(--cp-dark);
}

.cp-navbar-light .navbar-toggler-icon::before, .cp-navbar-light .navbar-toggler-icon::after {
    background-color: var(--cp-light);
}

.navbar-toggler-icon::before {
    top: -0.325rem;
}

.navbar-toggler-icon::after {
    bottom: -0.325rem;
}

/*.navbar-toggler {
    position: absolute;
    top: 30px;
    right: 5%;
    z-index:10000;
}*/

/* Accordian toggler */

.accordion-alt .accordion-button::after {
    width: 0.4em;
    height: .4em;
    background-size: .4em;
}

/* Animation */

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

/* Carousel pagination */

.swiper-pagination {
    z-index: 1 !important;
}

.swiper-pagination-bullet-active {
    border: none;
    background-color: var(--cp-dark);
    opacity: 1 !important;
}

.swiper-pagination-bullet {
    border: none;
    background-color: var(--cp-dark);
    opacity: 0.25;
    margin-top: 2.5rem !important;
}

/* Tabs */

.btn-group-pill {
    border-radius: var(--cp-border-radius-pill);
}

/*.tab-well {
    border-radius: 50rem;
    border: 2px solid #121519;
    background: rgba(0, 0, 0, 0.05);
}*/

.nav-pills .nav-link.active {
    background-color: rgba(0, 0, 0, 1) !important;
}

.nav-pills .nav-link {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/*.nav-pills .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}*/

.cp-multi-cbt .nav-link.fw-normal,
.cp-multi-cbit .nav-link.fw-normal {
    font-family: 'relative-faux-book-pro' !important;
    font-weight: normal !important;
}

.bg-green .form-control, .bg-green .form-select,
.bg-turquoise .form-control, .bg-turquoise .form-select,
.bg-purple .form-control, .bg-purple .form-select,
.bg-coral .form-control, .bg-coral .form-select,
.bg-dark-green .form-control, .bg-dark-green .form-select,
.bg-forest-green .form-control, .bg-forest-green .form-select,
.bg-teal .form-control, .bg-teal .form-select,
.bg-indigo .form-control, .bg-indigo .form-select,
.bg-maroon .form-control, .bg-maroon .form-select {
    border: 1.5px solid rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .7);
}

/*.bg-green .tab-well,
.bg-turquoise .tab-well,
.bg-purple .tab-well,
.bg-coral .tab-well,
.bg-dark-green .tab-well,
.bg-forest-green .tab-well,
.bg-teal .tab-well,
.bg-indigo .tab-well,
.bg-maroon .tab-well {
    border: 2px solid var(--cp-light);
}*/

.bg-secondary .nav-pills .nav-link.active, .bg-secondary .nav-pills .show > .nav-link,
.bg-gray .nav-pills .nav-link.active, .bg-gray .nav-pills .show > .nav-link,
.bg-ivory .nav-pills .nav-link.active, .bg-ivory .nav-pills .show > .nav-link,
.bg-aquamarine .nav-pills .nav-link.active, .bg-aquamarine .nav-pills .show > .nav-link,
.bg-blue .nav-pills .nav-link.active, .bg-blue .nav-pills .show > .nav-link,
.bg-lavender .nav-pills .nav-link.active, .bg-lavender .nav-pills .show > .nav-link,
.bg-pink .nav-pills .nav-link.active, .bg-pink .nav-pills .show > .nav-link,
.bg-yellow .nav-pills .nav-link.active, .bg-yellow .nav-pills .show > .nav-link,
.bg-special .nav-pills .nav-link.active, .bg-special .nav-pills .show > .nav-link {
    color: var(--cp-light) !important;
}

.bg-green .nav-pills .nav-link.active, .bg-green .nav-pills .show > .nav-link,
.bg-turquoise .nav-pills .nav-link.active, .bg-turquoise .nav-pills .show > .nav-link,
.bg-purple .nav-pills .nav-link.active, .bg-purple .nav-pills .show > .nav-link,
.bg-coral .nav-pills .nav-link.active, .bg-coral .nav-pills .show > .nav-link,
.bg-dark-green .nav-pills .nav-link.active, .bg-dark-green .nav-pills .show > .nav-link,
.bg-forest-green .nav-pills .nav-link.active, .bg-forest-green .nav-pills .show > .nav-link,
.bg-teal .nav-pills .nav-link.active, .bg-teal .nav-pills .show > .nav-link,
.bg-indigo .nav-pills .nav-link.active, .bg-indigo .nav-pills .show > .nav-link,
.bg-maroon .nav-pills .nav-link.active, .bg-maroon .nav-pills .show > .nav-link {
    color: var(--cp-dark) !important;
    background-color: var(--cp-light);
}

.bg-green .nav-pills .nav-link,
.bg-turquoise .nav-pills .nav-link,
.bg-purple .nav-pills .nav-link,
.bg-coral .nav-pills .nav-link,
.bg-dark-green .nav-pills .nav-link,
.bg-forest-green .nav-pills .nav-link,
.bg-teal .nav-pills .nav-link,
.bg-indigo .nav-pills .nav-link,
.bg-maroon .nav-pills .nav-link {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

    .bg-green .nav-pills .nav-link.active,
    .bg-turquoise .nav-pills .nav-link.active,
    .bg-purple .nav-pills .nav-link.active,
    .bg-coral .nav-pills .nav-link.active,
    .bg-dark-green .nav-pills .nav-link.active,
    .bg-forest-green .nav-pills .nav-link.active,
    .bg-teal .nav-pills .nav-link.active,
    .bg-indigo .nav-pills .nav-link.active,
    .bg-maroon .nav-pills .nav-link.active {
        background-color: rgba(255, 255, 255, 1) !important;
    }

    .bg-green .nav-pills .nav-link:hover,
    .bg-turquoise .nav-pills .nav-link:hover,
    .bg-purple .nav-pills .nav-link:hover,
    .bg-coral .nav-pills .nav-link:hover,
    .bg-dark-green .nav-pills .nav-link:hover,
    .bg-forest-green .nav-pills .nav-link:hover,
    .bg-teal .nav-pills .nav-link:hover,
    .bg-indigo .nav-pills .nav-link:hover,
    .bg-maroon .nav-pills .nav-link:hover {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.tab-container {
    overflow: auto;
    margin-right: -1.5rem;
    padding-right: 1.5rem;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 1)));
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
    mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 1)));
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
}

/* Image ratios */

.img-ratio-3x4 {
    aspect-ratio: 3 / 4;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.img-ratio-4x5 {
    aspect-ratio: 4 / 5;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.img-ratio-1x1 {
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.cp-quote-img.img-ratio-1x1 {
    overflow: visible;
}

.img-ratio-4x3 {
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.img-ratio-16x11 {
    aspect-ratio: 16 / 11;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.img-ratio-16x10 {
    aspect-ratio: 16 / 10;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/*video.img-ratio-16x11 {
    background-image: url('https://qqm8bf7z.cdn.imgeng.in/images/default-source/default-album/assets/Video-placeholder.webp');
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center, 50%, 50%;
}*/

video.img-ratio-16x11 {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center, 50%, 50%;
    clip-path: inset(5px 5px);
}

.loopingAnimation video.img-ratio-16x11 {
    aspect-ratio: unset;
}

.animation-75 video {
    width: 75%;
    margin: 0 auto;
}

.img-grayscale img {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}

/* Image rendering */

img {
    /*image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;*/
    width: auto;
    height: auto;
}

.imgCardPadding img {
    padding: 75px 100px 0 100px;
}

body.sfPageEditor img {
    opacity: 1 !important;
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.logoFullColor .cp-image-s img {
    -webkit-filter: none;
    filter: none;
}

.logoFullColor .opacity-60 {
    opacity: 1 !important;
}

.cp-image-s img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* Branding */

.navbar-brand img {
    width: 195px;
    height: auto;
}

.cp-symbol img {
    width: 100px;
    height: auto;
}

/* Modals */

.modal-backdrop {
    --cp-backdrop-opacity: 1;
    background-color: transparent;
    /*backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;*/
}

    .modal-backdrop.menu-blur {
        z-index: -2 !important;
    }

.cp-people-modal img, .cp-people-modal h3, .cp-people-modal h4, .cp-people-modal p {
    position: relative;
    z-index: 1;
}

/* Cards */


.card {
    height: 100%;
}

    .card h3.display-6 {
        word-wrap: normal;
    }

.cp-card-cc.card, .cp-blog-home .card {
    height: auto;
}

.card .btn-link {
    margin-bottom: 1.5px;
}

/*.quote-img-placeholder {
    background-image: url('https://qqm8bf7z.cdn.imgeng.in/ResourcePackages/CP/Assets/Brand/Common Purpose logo_black-900.svg');
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center, 50%, 50%;
}*/

.js-shuffle-sizer {
    width: 300px !important;
}

.card-buttons.card-footer {
    width: 100%;
    margin: auto;
    padding-right: 0;
    padding-left: 0;
}

.cta-graphics::before {
    content: url(https://qqm8bf7z.cdn.imgeng.in/ResourcePackages/CP/Assets/Graphics/cp_arrow.svg);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: auto;
    right: auto;
    top: auto;
    bottom: -11px;
    margin-left: -200px;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.cta-graphics::after {
    content: url(https://qqm8bf7z.cdn.imgeng.in/ResourcePackages/CP/Assets/Graphics/cp_underline.svg);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    margin-left: auto;
    margin-top: 10px;
    display: block;
    margin-right: auto;
    text-align: center;
}

/* Collages */

.collage-x2-sm-1 {
    left: 0;
    bottom: 0;
    width: 85% !important;
    padding-top: 10%;
}

.collage-x2-sm-2 {
    right: 0;
    top: 0;
    width: 35% !important;
}

.collage-x2-lg-1 {
    left: 0;
    bottom: 0;
    width: 45% !important;
    -webkit-transform: rotate(-5deg) !important;
    -ms-transform: rotate(-5deg) !important;
    transform: rotate(-5deg) !important;
}

.collage-x2-lg-2 {
    right: 0;
    top: 10%;
    width: 60% !important;
}

/* Footer */

.cp-footer a:hover, .cp-footer a:focus, .cp-footer a:active {
    opacity: 1 !important;
}

.cp-footer-base btn:hover, .cp-footer-base btn:focus {
    opacity: 1 !important;
}

.cp-footer .border-bottom {
    border-bottom: var(--cp-border-width) var(--cp-border-style) var(--cp-light) !important;
    opacity: .3;
}

.cp-language-dropup .btn {
    opacity: .7;
}

    .cp-language-dropup .btn:hover, .cp-language-dropup .btn:focus, .cp-language-dropup .btn:active {
        opacity: 1;
        color: var(--cp-dark) !important;
    }

.bg-purple .cp-language-dropup .btn {
    border: 1.5px solid rgba(255, 255, 255, .5);
}

.cp-language-dropup .dropdown-menu {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bg-purple .cp-language-dropup a:not(.btn) {
    color: var(--cp-dark) !important;
}

/*.cp-footer option{
    background:red !important;
}*/

/* Grid widgets */
.cp-gw-card-carousel,
.cp-gw-wide-card-carousel {
    overflow: hidden;
}

    .cp-gw-card-carousel .cp-gw-content,
    .cp-gw-wide-card-carousel .cp-gw-content {
        width: 80%;
    }

body.sfPageEditor .cp-gw-card-carousel,
body.sfPageEditor .cp-gw-wide-card-carousel {
    overflow: visible;
}

    /*.cp-gw-card-carousel .card-container {
    background: red;
    width: 0;
}

body.sfPageEditor .cp-gw-card-carousel .card-container {
    background: yellow;
    width: auto;
}*/

    .cp-gw-card-carousel .card-container:has(.card), body.sfPageEditor .cp-gw-card-carousel .card-container,
    .cp-gw-wide-card-carousel .card-container:has(.card), body.sfPageEditor .cp-gw-wide-card-carousel .card-container {
        display: block;
    }

.cp-gw-card-carousel .card-container,
.cp-gw-wide-card-carousel .card-container {
    display: none;
}

.bg-green .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-turquoise .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-purple .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-coral .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-dark-green .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-forest-green .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-teal .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-indigo .cp-gw-card-carousel .cp-arrow-pagination .text-dark, .bg-maroon .cp-gw-card-carousel .cp-arrow-pagination .text-dark,
.bg-green .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-turquoise .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-purple .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-coral .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-dark-green .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-forest-green .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-teal .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-indigo .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark, .bg-maroon .cp-gw-wide-card-carousel .cp-arrow-pagination .text-dark {
    --cp-text-opacity: 1;
    color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
}

.cp-gw-card-carousel .cp-gw-content h3,
.cp-gw-wide-card-carousel .cp-gw-content h3 {
    margin-bottom: 0px !important;
}

/*.cp-gw-card-carousel .cp-arrow-pagination .btn:focus {
    background-color: var(--cp-coral);
    border-color: var(--cp-coral);
}*/

/*.cp-gw-card-carousel .card{
    width:200px;
    margin-right:0.5rem;
    padding-right:1rem;
}*/

/* Anchor nav */

.cp-anchor-m li.nav-item:last-of-type a.nav-link {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.sticky-top:has(.cp-anchor-m) {
    z-index: 2 !important;
}

.cp-anchor-m {
    z-index: 2 !important;
}

    .cp-anchor-m .navbar-toggler.collapsed .cp-anchor-open,
    .cp-anchor-m .navbar-toggler:not(.collapsed) .cp-anchor-closed {
        display: block;
    }

    .cp-anchor-m .navbar-toggler.collapsed .cp-anchor-closed,
    .cp-anchor-m .navbar-toggler:not(.collapsed) .cp-anchor-open {
        display: none;
    }

    .cp-anchor-m .navbar-toggler {
        font-size: 2rem;
        padding: 0px;
    }

    .cp-anchor-m .navbar-collapse {
        margin-top: 0;
    }

/*.cp-anchor-m .navbar-collapse.show {
    margin-top: 1rem;
    padding-bottom: 1rem;
}*/

/* Finders */
.text-nav {
    color: var(--cp-dark) !important;
}

.cp-product-f .accordion-button::after,
.cp-people-f .accordion-button::after {
    margin-bottom: 15px;
}

.cp-product-f .card,
.cp-people-f .card {
    height: unset;
}

    .cp-people-f .card.cp-people {
        border-radius: 0;
    }

.cp-product-f .text-muted,
.cp-people-f .text-muted {
    color: var(--cp-gray-600) !important;
}

body.modal-open {
    overflow: visible !important;
    padding-right: 0px !important;
}

.cp-people-f .cp-people-card {
    min-height: 500px !important;
}

/* FormStack forms */
.fsBody .fsForm {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}

/* Bamboo forms */

#BambooHR .BambooHR-ATS-board h2 {
    display: none !important;
}

#BambooHR .BambooHR-ATS-board ul {
    padding: 0;
}

    #BambooHR .BambooHR-ATS-board ul .BambooHR-ATS-Department-Header {
        font-family: "averta-bold",sans-serif !important;
        font-weight: normal !important;
        color: var(--cp-dark);
        font-size: 1rem;
        border-bottom: var(--cp-border-width) var(--cp-border-style) rgba(0,0,0,0.3) !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #BambooHR .BambooHR-ATS-board ul .BambooHR-ATS-Location {
        font-family: "relative-faux-book-pro",sans-serif;
        font-weight: normal !important;
        color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
        opacity: 0.8;
        font-size: 0.875rem;
        letter-spacing: 1px;
        padding-top: 15px;
    }

    #BambooHR .BambooHR-ATS-board ul.BambooHR-ATS-Jobs-List a {
        font-family: "averta-bold",sans-serif !important;
        font-weight: normal !important;
        font-size: 1.5rem;
        text-decoration: none;
    }

    #BambooHR .BambooHR-ATS-board ul .BambooHR-ATS-Jobs-Item {
        border-bottom: var(--cp-border-width) var(--cp-border-style) rgba(0,0,0,0.1) !important;
        margin-bottom: 8px !important;
        padding-bottom: 10px;
    }

        #BambooHR .BambooHR-ATS-board ul .BambooHR-ATS-Jobs-Item:last-of-type {
            border-bottom: 0 !important;
        }

    #BambooHR .BambooHR-ATS-board ul ul {
        border-bottom: 0;
        margin-bottom: 1rem;
    }

/* Native forms */
.cp-form-smallprint .form-label,
.cp-form-smallprint strong {
    display: none;
}

.cp-form-smallprint,
.cp-form-smallprint .form-check-label {
    text-wrap: balance;
    font-size: 0.875rem;
    letter-spacing: 1px;
    font-family: "relative-faux-book-pro", sans-serif;
    font-weight: normal !important;
    line-height: 1.5;
    color: var(--cp-dark);
    margin-bottom: 1rem;
}

.form-label {
    font-size: var(--cp-body-font-size);
    font-family: 'averta-semibold';
}

.bg-white .form-check-input,
.bg-secondary .form-check-input,
.bg-gray .form-check-input,
.bg-ivory .form-check-input,
.bg-aquamarine .form-check-input,
.bg-blue .form-check-input,
.bg-lavender .form-check-input,
.bg-pink .form-check-input,
.bg-yellow .form-check-input,
.bg-special .form-check-input {
    border: 1.5px solid var(--cp-dark);
    margin-top: .14rem;
}

.bg-white .form-control, .bg-white .form-select,
.bg-secondary .form-control, .bg-secondary .form-select,
.bg-gray .form-control, .bg-gray .form-select,
.bg-ivory .form-control, .bg-ivory .form-select,
.bg-aquamarine .form-control, .bg-aquamarine .form-select,
.bg-blue .form-control, .bg-blue .form-select,
.bg-lavender .form-control, .bg-lavender .form-select,
.bg-pink .form-control, .bg-pink .form-select,
.bg-yellow .form-control, .bg-yellow .form-select,
.bg-special .form-control, .bg-special .form-select {
    border: 1.5px solid rgba(0, 0, 0, .25);
    color: rgba(0, 0, 0, .7);
}

.bg-green .form-check-input,
.bg-turquoise .form-check-input,
.bg-purple .form-check-input,
.bg-coral .form-check-input,
.bg-dark-green .form-check-input,
.bg-forest-green .form-check-input,
.bg-teal .form-check-input,
.bg-indigo .form-check-input,
.bg-maroon .form-check-input {
    border: 1.5px solid var(--cp-dark);
    margin-top: .14rem;
}

.bg-green .form-control, .bg-green .form-select,
.bg-turquoise .form-control, .bg-turquoise .form-select,
.bg-purple .form-control, .bg-purple .form-select,
.bg-coral .form-control, .bg-coral .form-select,
.bg-dark-green .form-control, .bg-dark-green .form-select,
.bg-forest-green .form-control, .bg-forest-green .form-select,
.bg-teal .form-control, .bg-teal .form-select,
.bg-indigo .form-control, .bg-indigo .form-select,
.bg-maroon .form-control, .bg-maroon .form-select {
    border: 1.5px solid rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .7);
}

form .my-3, [data-sf-role="form-container"] .my-3 {
    margin-top: 0rem !important;
}

form .btn-primary, [data-sf-role="form-container"] .btn-primary, form button, [data-sf-role="form-container"] button {
    font-family: "averta-bold",sans-serif;
    border-radius: var(--cp-border-radius-pill) !important;
    float: right;
    margin-top: 1.5rem;
}

form .col-lg-8, [data-sf-role="form-container"] .col-lg-8 {
    margin-top: 1.5rem;
}

/* Steps */

.steps {
    --cp-steps-number-inner-size: 4.5rem;
    --cp-steps-number-inner-bg: var(--cp-light);
    --cp-steps-number-color: var(--cp-light);
    --cp-steps-connect-width: 1.5px;
    --cp-steps-connect-style: solid;
    --cp-steps-connect-color: var(--cp-turquoise);
    --cp-steps-active-number-bg: rgba(var(--cp-turquoise-rgb), 1);
    --cp-steps-active-number-inner-bg: transparent;
    --cp-steps-active-number-color: #fff;
    position: relative;
    z-index: 1;
}

.step {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

    .step::after {
        bottom: -50px;
        height: calc(100% - var(--cp-steps-number-size)*.5);
    }

    .step::before {
        display: none;
    }

.step-number-inner {
    font-family: "relative-faux-book-pro",sans-serif;
    font-weight: normal !important;
}

.bg-green .steps,
.bg-turquoise .steps,
.bg-purple .steps,
.bg-coral .steps,
.bg-dark-green .steps,
.bg-forest-green .steps,
.bg-teal .steps,
.bg-indigo .steps,
.bg-maroon .steps {
    --cp-steps-number-inner-bg: var(--cp-light);
    --cp-steps-number-color: var(--cp-light);
    --cp-steps-connect-color: var(--cp-light);
    --cp-steps-active-number-bg: transparent;
    --cp-steps-active-number-inner-bg: transparent;
}

.bg-green .step-body p,
.bg-turquoise .step-body p,
.bg-purple .step-body p,
.bg-coral .step-body p,
.bg-dark-green .step-body p,
.bg-forest-green .step-body p,
.bg-teal .step-body p,
.bg-indigo .step-body p,
.bg-maroon .step-body p {
    opacity: 0.8;
}

.bg-green .step-number-inner,
.bg-turquoise .step-number-inner,
.bg-purple .step-number-inner,
.bg-coral .step-number-inner,
.bg-dark-green .step-number-inner,
.bg-forest-green .step-number-inner,
.bg-teal .step-number-inner,
.bg-indigo .step-number-inner,
.bg-maroon .step-number-inner {
    border: 1.5px solid #fff;
}

.bg-green .steps-hoverable .step:hover .step-number-inner, .bg-green .step.active .step-number-inner {
    background-color: var(--cp-green);
}

.bg-turquoise .steps-hoverable .step:hover .step-number-inner, .bg-turquoise .step.active .step-number-inner {
    background-color: var(--cp-turquoise);
}

.bg-purple .steps-hoverable .step:hover .step-number-inner, .bg-purple .step.active .step-number-inner {
    background-color: var(--cp-purple);
}

.bg-coral .steps-hoverable .step:hover .step-number-inner, .bg-coral .step.active .step-number-inner {
    background-color: var(--cp-coral);
}

.bg-dark-green .steps-hoverable .step:hover .step-number-inner, .bg-dark-green .step.active .step-number-inner {
    background-color: var(--cp-dark-green);
}

.bg-forest-green .steps-hoverable .step:hover .step-number-inner, .bg-forest-green .step.active .step-number-inner {
    background-color: var(--cp-forest-green);
}

.bg-teal .steps-hoverable .step:hover .step-number-inner, .bg-teal .step.active .step-number-inner {
    background-color: var(--cp-teal);
}

.bg-indigo .steps-hoverable .step:hover .step-number-inner, .bg-indigo .step.active .step-number-inner {
    background-color: var(--cp-indigo);
}

.bg-maroon .steps-hoverable .step:hover .step-number-inner, .bg-maroon .step.active .step-number-inner {
    background-color: var(--cp-maroon);
}

/* Compas */

/*.cp-compas::after {
    height: 500px;
    width: 500px;
    background-color: var(--cp-gray);
    border-radius: 50%;
    display: inline-block;
}*/

/*.step-radial::after {
    width: 75rem;
    height: 75rem;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-start-end-radius: 50%;
    border-start-start-radius: 50%;
    position: absolute;
    left: -33rem;
    right: auto;
    top: auto;
    bottom: auto;
    border: 10px solid var(--cp-gray);
    z-index: 0;
    display: block;
}*/

/* Image cards */

.cp-card-min-height {
    min-height: 400px;
}

/*.col-lg-6 .cp-card-min-height {
    min-height: 450px;
}*/

.video-label {
    margin-top: 12px;
    margin-left: 10px;
}

.skrim {
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)) );
    background-image: -o-linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    background-image: linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.skrim-top {
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)) );
    background-image: -o-linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    background-image: linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
}

.navbar-skrim {
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)) );
    background-image: -o-linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    background-image: linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
}

.hero-skrim {
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)) );
    background-image: -o-linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    background-image: linear-gradient( rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
}

.text-shadow {
    /*text-shadow: 0 0 50px rgb(0 0 0);*/
    -webkit-filter: drop-shadow(0rem 0rem 1.5rem rgba(0, 0, 0, 1)) drop-shadow(0rem 0rem 1.5rem rgba(0, 0, 0, 1));
    filter: drop-shadow(0rem 0rem 1.5rem rgba(0, 0, 0, 1)) drop-shadow(0rem 0rem 1.5rem rgba(0, 0, 0, 1));
}

.image-shadow {
    -webkit-filter: drop-shadow(0rem 0rem 1rem rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0rem 0rem 1rem rgba(0, 0, 0, 0.5));
}

.cp-logo-csic .icon {
    margin: var(--cp-card-spacer-y) var(--cp-card-spacer-x);
}

.cp-logo-csic .icon {
    margin: var(--cp-card-spacer-y) var(--cp-card-spacer-x);
}

.cp-immersive-csc,
.cp-immersive-ctac,
.cp-immersive-lcsc {
    background-color: transparent !important;
}

    .cp-immersive-csc p, .cp-immersive-csc a.cp-immersive-link,
    .cp-immersive-ctac p, .cp-immersive-ctac a.cp-immersive-link,
    .cp-immersive-lcsc p, .cp-immersive-lcsc a.cp-immersive-link {
        color: var(--cp-light) !important;
    }

/* Overlaps */

.overlap-top {
    margin-top: -1px;
    padding-top: 1px;
    position: unset;
    z-index: -2;
}

body.sfPageEditor .overlap-top, 
body.sfPageEditor .overlap-bottom {
    z-index: 0;
}

    .overlap-top.bg-secondary {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-secondary)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-secondary) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-secondary) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-gray {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-gray)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-gray) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-gray) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-ivory {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-ivory)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-ivory) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-ivory) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-aquamarine {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-aquamarine)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-aquamarine) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-aquamarine) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-blue {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-blue)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-blue) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-blue) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-lavender {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-lavender)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-lavender) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-lavender) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-pink {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-pink)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-pink) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-pink) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-yellow {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-yellow)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-yellow) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-yellow) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-green)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-green) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-green) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-turquoise {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-turquoise)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-turquoise) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-turquoise) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-purple {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-purple)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-purple) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-purple) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-coral {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-coral)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-coral) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-coral) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-dark-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-dark-green)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-dark-green) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-dark-green) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-forest-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-forest-green)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-forest-green) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-forest-green) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-teal {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-teal)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-teal) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-teal) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-indigo {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-indigo)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-indigo) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-indigo) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-maroon {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-maroon)), color-stop(50%, var(--cp-light))) !important;
        background: -o-linear-gradient(top, var(--cp-maroon) 50%, var(--cp-light) 50%) !important;
        background: linear-gradient(180deg, var(--cp-maroon) 50%, var(--cp-light) 50%) !important;
    }

    .overlap-top.bg-purple-gray {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-purple)), color-stop(50%, var(--cp-gray-100))) !important;
        background: -o-linear-gradient(top, var(--cp-purple) 50%, var(--cp-gray-100) 50%) !important;
        background: linear-gradient(180deg, var(--cp-purple) 50%, var(--cp-gray-100) 50%) !important;
    }

    .overlap-top.bg-maroon-blue {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-maroon)), color-stop(50%, var(--cp-blue))) !important;
        background: -o-linear-gradient(top, var(--cp-maroon) 50%, var(--cp-blue) 50%) !important;
        background: linear-gradient(180deg, var(--cp-maroon) 50%, var(--cp-blue) 50%) !important;
    }

    .overlap-top.bg-blue-ivory {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-blue)), color-stop(50%, var(--cp-ivory))) !important;
        background: -o-linear-gradient(top, var(--cp-blue) 50%, var(--cp-ivory) 50%) !important;
        background: linear-gradient(180deg, var(--cp-blue) 50%, var(--cp-ivory) 50%) !important;
    }

    .overlap-top.bg-lavender-teal {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-lavender)), color-stop(50%, var(--cp-teal))) !important;
        background: -o-linear-gradient(top, var(--cp-lavender) 50%, var(--cp-teal) 50%) !important;
        background: linear-gradient(180deg, var(--cp-lavender) 50%, var(--cp-teal) 50%) !important;
    }

    .overlap-top.bg-blue-white {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-blue)), color-stop(50%, var(--cp-white))) !important;
        background: -o-linear-gradient(top, var(--cp-blue) 50%, var(--cp-white) 50%) !important;
        background: linear-gradient(180deg, var(--cp-blue) 50%, var(--cp-white) 50%) !important;
    }

.overlap-top.bg-turquoise-white {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-turquoise)), color-stop(50%, var(--cp-white))) !important;
    background: -o-linear-gradient(top, var(--cp-turquoise) 50%, var(--cp-white) 50%) !important;
    background: linear-gradient(180deg, var(--cp-turquoise) 50%, var(--cp-white) 50%) !important;
}

    .overlap-top.bg-lavender-ivory {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-lavender)), color-stop(50%, var(--cp-ivory))) !important;
        background: -o-linear-gradient(top, var(--cp-lavender) 50%, var(--cp-ivory) 50%) !important;
        background: linear-gradient(180deg, var(--cp-lavender) 50%, var(--cp-ivory) 50%) !important;
    }

.overlap-bottom {
    margin-bottom: -1px;
    position: unset;
    z-index: -2;
}

    .overlap-bottom.bg-secondary {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-secondary))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-secondary) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-secondary) 50%) !important;
    }

    .overlap-bottom.bg-gray {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-gray))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-gray) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-gray) 50%) !important;
    }

    .overlap-bottom.bg-ivory {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-ivory))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-ivory) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-ivory) 50%) !important;
    }

    .overlap-bottom.bg-aquamarine {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-aquamarine))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-aquamarine) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-aquamarine) 50%) !important;
    }

    .overlap-bottom.bg-blue {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-blue))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-blue) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-blue) 50%) !important;
    }

    .overlap-bottom.bg-lavender {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-lavender))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-lavender) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-lavender) 50%) !important;
    }

    .overlap-bottom.bg-pink {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-pink))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-pink) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-pink) 50%) !important;
    }

    .overlap-bottom.bg-yellow {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-yellow))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-yellow) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-yellow) 50%) !important;
    }

    .overlap-bottom.bg-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-green))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-green) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-green) 50%) !important;
    }

    .overlap-bottom.bg-turquoise {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-turquoise))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-turquoise) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-turquoise) 50%) !important;
    }

    .overlap-bottom.bg-purple {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-purple))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-purple) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-purple) 50%) !important;
    }

    .overlap-bottom.bg-coral {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-coral))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-coral) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-coral) 50%) !important;
    }

    .overlap-bottom.bg-dark-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-dark-green))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-dark-green) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-dark-green) 50%) !important;
    }

    .overlap-bottom.bg-forest-green {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-forest-green))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-forest-green) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-forest-green) 50%) !important;
    }

    .overlap-bottom.bg-teal {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-teal))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-teal) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-teal) 50%) !important;
    }

    .overlap-bottom.bg-indigo {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-indigo))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-indigo) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-indigo) 50%) !important;
    }

    .overlap-bottom.bg-maroon {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-light)), color-stop(50%, var(--cp-maroon))) !important;
        background: -o-linear-gradient(top, var(--cp-light) 50%, var(--cp-maroon) 50%) !important;
        background: linear-gradient(180deg, var(--cp-light) 50%, var(--cp-maroon) 50%) !important;
    }

    .overlap-bottom.bg-white-blue {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--cp-white)), color-stop(50%, var(--cp-blue))) !important;
        background: -o-linear-gradient(top, var(--cp-white) 50%, var(--cp-blue) 50%) !important;
        background: linear-gradient(180deg, var(--cp-white) 50%, var(--cp-blue) 50%) !important;
    }

/* Video lightbox */

.lg-counter {
    display: none !important;
}

#lg-content-1.lg-content {
    top: 0px !important;
}

/* Boxouts */

/* Tables */

.table, .k-table, .k-data-table {
    color: var(--cp-dark);
    background-color: transparent !important;
    border: none !important;
}

.table, .k-table {
    border-width: 0;
}

    .table > :not(caption) > * > * {
        border-top-width: 1.5px;
        border-bottom-width: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .table td, .table th {
        padding-left: 0rem !important;
        padding-right: 1rem !important;
        border-color: rgba(0,0,0,0.3);
        color: var(--cp-dark);
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: rgba(0,0,0,0.3);
    }

    .table thead th, .table tbody th {
        color: var(--cp-dark) !important;
    }

.cp-apply.k-table, .k-data-table {
    border-color: rgba(255,255,255,0.15);
    color: var(--cp-light);
    background-color: transparent;
}

.cp-apply.k-table {
    border-width: 0;
}

.cp-apply.table > :not(caption) > * > * {
    border-bottom-width: 1.5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cp-apply.table td, .cp-apply.table th {
    padding-left: 0rem !important;
    padding-right: 1rem !important;
}

.cp-apply.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(255,255,255,0.3);
}

.cp-apply.table thead th, .cp-apply.table tbody th {
    color: var(--cp-light) !important;
}

.cp-apply.table td, .cp-apply.table th {
    border-color: rgba(255,255,255,0.3);
    color: var(--cp-light);
    border-top: 0;
}

/* Blog */

.cp-blog-main-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

    .cp-blog-main-img img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%
    }

.cp-l-image-s img {
    max-height: 60px !important;
    max-width: 150px !important;
}

/* RESPONSIVE STYLES */

/* BESPOKE BREAKPOINT XX Small devices (phones, 200px and up) */
@media (min-width: 200px) {
    .animate {
        animation-duration: 1s !important;
        -webkit-animation-duration: 1s !important;
        animation-fill-mode: both !important;
        -webkit-animation-fill-mode: both !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .masonry-grid[data-columns="2"] .masonry-grid-item, .masonry-grid[data-columns="3"] .masonry-grid-item, .masonry-grid[data-columns="4"] .masonry-grid-item, .masonry-grid[data-columns="5"] .masonry-grid-item, .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 100% !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cp-collage-x2-sm .sparkline-1::after {
        height: 20px;
    }

    .cp-collage-x2-lg .sparkline-1::after {
        content: "";
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%;
        height: 150px;
        z-index: -1;
        -webkit-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        transform: rotate(-60deg);
        left: auto;
        right: -120px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .cp-boxout {
        border-radius: 24px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .cp-hero-i .sparkline-1::after {
        width: 100%;
        height: 100px;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .cp-hero-i .sparkline-2::after {
        width: 70%;
        left: 40%;
        right: 0;
        top: 10%;
        bottom: 0;
    }

    .nav-link.cp-nav-toggle {
        height: 100% !important;
    }

    .megamenu.dropdown-menu.animate.slideIn {
        padding-top: 9rem;
        margin-top: -6.7rem !important;
    }

    .cp-sticky-container {
        margin-top: -5rem;
    }

    .cp-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding-top: 5rem;
    }

    .cp-search-icon {
        height: 100%;
    }
    /*.accordion-wrapper {
        overflow: auto;
        overflow-x: hidden;
        position: relative;
        height: calc(100vh - 5rem);
        min-height: calc(100vh - 5rem);
    }*/

    .masonry-grid[data-columns="2"] .masonry-grid-item, .masonry-grid[data-columns="3"] .masonry-grid-item, .masonry-grid[data-columns="4"] .masonry-grid-item, .masonry-grid[data-columns="5"] .masonry-grid-item, .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 50% !important;
    }

    .cp-banner {
        z-index: 10;
    }

    .cp-l-image-s img {
        max-height: 80px !important;
        max-width: 200px !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cp-hero-i .sparkline-1::after {
        width: 100%;
        height: 100px;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .cp-hero-i .sparkline-2::after {
        width: 70%;
        left: 35%;
        right: 0;
        top: 8%;
        bottom: 0;
        height: 100px;
    }

    .lg-backdrop {
        background-color: #fff !important;
    }

    .lg-toolbar .lg-icon {
        color: var(--cp-dark) !important;
        font-size: 50px !important;
        height: 100px !important;
        width: 100px !important;
    }

    .lg-toolbar .lg-icon:hover {
        color: var(--cp-dark) !important;
    }

    .cp-l-image-s img {
        max-height: 100px !important;
        max-width: 250px !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .display-3 {
        font-size: 4.75rem;
    }

    .cp-hero-i .sparkline-1::after {
        width: 110%;
        height: 100px;
        left: -5%;
    }

    .col-lg-3 .cp-card-min-height, .col-lg-4 .cp-card-min-height, .cp-mobile-3x-card-carousel .cp-card-min-height {
        min-height: 550px;
    }

    .masonry-grid[data-columns="3"] .masonry-grid-item, .masonry-grid[data-columns="4"] .masonry-grid-item, .masonry-grid[data-columns="5"] .masonry-grid-item, .masonry-grid[data-columns="6"] .masonry-grid-item {
        width: 33.333% !important;
    }
    .cp-hero-i.cp-hero-xl {
        padding-top: 2.5vh !important;
        padding-bottom: 2.5vh !important;
    }
}

/* BESPOKE BREAKPOINT XXX-Large devices (larger desktops, 1800px and up) */
@media (min-width: 1800px) {
    .cp-hero-i .sparkline-1::after {
        width: 140%;
        max-width: 2000px;
        height: 100px;
        left: -20%;
    }
    .cp-hero-i.cp-hero-xl {
        padding-top: 7.5vh !important;
        padding-bottom: 7.5vh !important;
    }
}

/* Extra large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .display-3 {
        font-size: calc(1.625rem + 2.5vw);
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .btn-lg, .btn-group-lg > .btn {
        --cp-btn-padding-x: 1.75rem;
        --cp-btn-padding-y: 0.825rem;
        --cp-btn-font-size: calc(var(--cp-body-font-size) * 0.875);
    }

    .btn-icon.btn-xl {
        --cp-btn-size: 3.5rem;
        --cp-btn-font-size: var(--cp-body-font-size);
    }

    .f1 {
        font-size: 1.125rem;
    }


    .navbar-brand img {
        width: 175px;
    }

    .lg-toolbar .lg-icon {
        color: var(--cp-light) !important;
        font-size: 35px !important;
        height: 65px !important;
        width: 65px !important;
    }

        .lg-toolbar .lg-icon:hover {
            color: var(--cp-light) !important;
        }

    .cp-social-icons .fs-xl {
        font-size: 1.5rem !important;
    }

    .cp-multi-cba .accordion-header .h6, .cp-multi-cba .accordion-header h6,
    .cp-multi-cbia .accordion-header .h6, .cp-multi-cbia .accordion-header h6 {
        font-size: 1.25rem;
    }

    .modal-fullscreen-xl-down {
        margin: 0 0 0 -12.5px !important;
    }

    .modal-dialog .card-body {
        padding-right: 75px;
    }
}

/* BESPOKE BREAKPOINT (desktops, less than 1100px) */
@media (max-width: 1099.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .display-3 {
        font-size: calc(1.625rem + 3.5vw);
    }

    h3, .h3 {
        font-size: calc(1.425rem + 1.3vw);
    }

    .sf_colsIn.col-lg-3:has(.card), .sf_colsIn.col-lg-4:has(.card), .sf_colsIn.col-lg-6:has(.card) {
        margin-bottom: 1.5rem;
    }

        .sf_colsIn.col-lg-3:has(.card):last-of-type, .sf_colsIn.col-lg-4:has(.card):last-of-type, .sf_colsIn.col-lg-6:has(.card):last-of-type {
            margin-bottom: 0;
        }

    .main-nav .navbar-nav {
        padding: 5rem 0 0 0;
        height: 100vh;
        /*margin-top: 5rem;*/
    }

    .offcanvas.show i.ai-search {
        font-size: 1.5rem;
    }

    .megamenu .dropdown-item {
        /*padding: var(--cp-dropdown-item-padding-y) 17px;*/
        padding: 10px 0px 10px 17px;
        font-size: 1rem;
    }
    /*.megamenu{
        padding-top:0;
        margin-top:0;
    }*/
    .main-nav .navbar-toggler {
        top: 25px;
        right: 28px;
    }

    .modal-dialog {
        /*max-width: 90%;*/
        margin-right: auto;
        margin-left: auto;
    }

    .modal-backdrop {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .collage-x2-sm-1 {
        padding-top: 0%;
    }

    .cp-collage-x2-sm .sparkline-1::after {
        display: none;
    }

    .cp-hero-i img {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .img-ratio-16x11 {
        aspect-ratio: 16 / 10;
    }

    :root {
        --cp-border-radius-xl: 18px;
    }

    .cp-icon-c img.icon {
        height: 125px !important;
    }

    .cp-cta-c.finder-cta-home {
        background-color: transparent !important;
    }

        .cp-cta-c.finder-cta-home .text-dark {
            color: rgba(var(--cp-dark-rgb), var(--cp-text-opacity)) !important;
        }

        .cp-cta-c.finder-cta-home .card-body {
            padding-top: 3rem !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            margin-bottom: -2rem !important;
        }

        .cp-cta-c.finder-cta-home .btn-primary {
            color: var(--cp-light) !important;
            background-color: var(--cp-purple);
            border: var(--cp-purple);
        }

    .cta-graphics::before {
        bottom: -35px;
        margin-left: -175px;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .main-nav .cp-search input::-webkit-input-placeholder {
        font-size: 1.5rem;
    }

    .main-nav .cp-search input::-moz-placeholder {
        font-size: 1.5rem;
    }

    .main-nav .cp-search input:-ms-input-placeholder {
        font-size: 1.5rem;
    }

    .main-nav .cp-search input::-ms-input-placeholder {
        font-size: 1.5rem;
    }

    .main-nav .cp-search input::placeholder, .megamenu .form-control {
        font-size: 1.5rem;
    }

    .cp-symbol img {
        width: 85px;
    }

    .cp-footer .fw-bold {
        font-size: 1.25rem !important;
    }

        .cp-footer .fw-bold::after {
            font-size: 1.5rem !important;
        }

    .cp-footer-base .f6 {
        font-size: 0.875rem !important;
    }

    form .col-lg-8 {
        margin-top: 0.5rem;
    }

    form .btn-primary {
        float: left;
        margin-top: 0.5rem;
        width: 100%;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .f1 {
        font-size: 1rem;
    }

    .cp-highlight::after {
        width: calc(100% + 25px) !important;
        height: 30px !important;
        left: -12.5px !important;
    }

    .cp-image-s img {
        max-height: 50px !important;
        max-width: 125px !important;
    }

    h2.cp-highlight {
        margin-left: 0.75rem;
    }

    .swiper-pagination {
        --cp-carousel-pagination-bullet-size: 0.5rem;
        --cp-carousel-pagination-bullet-spacer: 0.75rem;
    }

    .f2 {
        font-size: 0.875rem;
    }

    .cp-hero-bv .sparkline-1::after {
        width: 100%;
        height: 60%;
        left: 0%;
    }

    .cp-hero-pbv .sparkline-1::after {
        /*width: 100%;
        height: 60%;
        left: 0%;*/
        top:55px;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .container {
        max-width: 95%;
    }

    .main-nav .navbar-toggler {
        top: 25px;
        right: 25px;
    }

    .navbar-brand img {
        width: 155px;
    }

    .lead {
        font-size: calc(1.275rem + 0vw);
        font-weight: 400;
    }

    .display-5 {
        font-size: calc(1.425rem + 0.5vw);
        line-height: 1.2;
    }

    .f2 {
        font-size: 0.75rem;
    }

    .card-text.fs-md {
        font-size: calc(var(--cp-body-font-size) * 0.875) !important;
    }

    .cta-graphics::after {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .cp-quote-img {
        position: absolute;
        top: -42.5px;
    }

    .cp-card-cc .lead {
        font-size: 1.125rem;
    }

    .cp-card-cc .h5, .cp-card-cc h5 {
        font-size: 1.25rem;
    }

    .cp-card-cc .card.border-dark {
        border: 0 !important;
        -webkit-box-shadow: 0 0.5rem 1.75rem -0.125rem rgba(0,0,0,.15) !important;
        box-shadow: 0 0.5rem 1.75rem -0.125rem rgba(0,0,0,.15) !important;
    }
}

/* BESPOKE BREAKPOINT (desktops, less than 1240px) */

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .cp-gw-card-carousel .container {
        --cp-gutter-x: 0;
    }
}

/* Apply styles starting from large devices and up to XX large devices */
@media (min-width:992px) and (max-width:1399.98px) {
    .megamenu .dropdown-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .megamenu .dropdown-item .row {
            --cp-gutter-x: 2.5rem;
        }
}

/* Apply styles starting from large devices and up to X large devices */
@media (min-width:992px) and (max-width:1099.98px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }

        .navbar-expand-lg .navbar-nav .nav-link.fs-lg {
            font-size: 0.9rem !important;
        }
}

/* Apply styles starting from large devices and up to X large devices */
@media (min-width:1100px) and (max-width:1199.98px) {
    .navbar-expand-lg .navbar-nav .nav-link.fs-lg {
        font-size: 1rem !important;
    }
}

/* Apply styles starting from large devices and up to X large devices */
@media (min-width:1100px) and (max-width:1239.98px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

/* Apply styles starting from medium devices and up to extra large devices */
@media (min-width: 768px) and (max-width: 1199.98px) {
}

/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
    .cp-hero-bv .sparkline-1::after,
    .cp-hero-pbv .sparkline-1::after,
    .cp-hero-ii .sparkline-1::after {
        -webkit-filter: none !important;
        filter: none !important;
    }
}