html {
    font-size: 62.5% !important;
	scroll-behavior: smooth;
    scroll-padding-top: calc(3rem + var(--menu-height));
}
*, *::before, *::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root {
    --xxs: .55;

    --text-xs: 1.3rem;
    --text-s: 1.4rem;
    --text-m: 1.8rem;
    --text-l: 2rem;
    --text-xl: 2.3rem;
    --text-xxl: 2.6rem;
 
    --h6: 1.3rem;
    --h5: 1.4rem;
    --h4: 1.8rem;
    --h3: 2rem;
    --h2: 2.3rem;
    --h1: 2.6rem;

    --space-xs: 1.896rem;
    --space-s: 2.133rem;
    --space-m: 2.4rem;
    --space-l: 2.7rem;
    --space-xl: 3.038rem;
    --space-xxl: 3.42rem;
    --section-space-xs: 3.84rem;
    --section-space-s: 4.8rem;
    --section-space-m: 6rem;
    --section-space-l: 7.5rem;
    --section-space-xl: 9.375rem;
    --section-space-xxl: 11.719rem;

    --section-padding-x: 2.4rem;
    --section-gutter: 2.4rem;
    --gutter: 2.4rem;

    --gap-xs: 1.896rem;
    --gap-s: 2.133rem;
    --gap-m: 2.4rem;
    --gap-l: 2.7rem;
    --gap-xl: 3.038rem;
    --gap-xxl: 3.42rem;

    --clr-primary: hsl(186, 98%, 32%); /* #0292a2 */
    --clr-secondary: hsl(261, 57%, 12%); /* #190d30 */
    --clr-accent: hsl(187, 83%, 39%); /* #11a3b5 */
    --clr-base: hsl(0, 0%, 17%); /* #2c2c2c */
    --clr-dark: hsl(0, 0%, 10%); /* #191919 */
    --clr-gray: hsl(0, 0%, 90%); /* e6e6e6 */
    --clr-gray-light: hsl(0, 0%, 97%); /* f7f7f7 */
    --clr-gray-dark: hsl(0, 0%, 40%); /* #656565 */
    --clr-white: hsl(0, 0%, 100%); /* #ffffff */
    --clr-black: hsl(0, 0%, 0%); /* #000000 */
    --clr-transparent: hsla(0, 0%, 100%, 0);

    --clr-primary-h: 186, 98%, 32%; /* #0292a2 */
    --clr-secondary-h: 261, 57%, 12%; /* #190d30 */
    --clr-accent-h: 187, 83%, 39%; /* #11a3b5 */
    --clr-gray-h: 0, 0%, 90%; /* e6e6e6 */
    --clr-gray-light-h: 0, 0%, 97%; /* f7f7f7 */
    --clr-black-h: 0, 0%, 0%; /* #000000 */

    --clr-tan: hsl(25, 47%, 71%); /* #d7ae91 Tan */
    --clr-cbg-blue: hsl(134, 23%, 73%); /* #abcab2 Cambridge Blue */
    --clr-spc-cadet: hsl(234, 38%, 22%); /* #22264c Space Cadet */
    --clr-bb-powder: hsl(45, 25%, 97%); /* #f9f8f5 Baby Powder */
    --clr-bl-munsell: hsl(188, 42%, 45%); /* #4397a4 Blue Munsell */
    --clr-prs-orange: hsl(21, 43%, 59%); /* #c3896a Persian Orange */
    --clr-old-rose: hsl(359, 43%, 67%); /* #d08889 Old Rose */
    --clr-rd-blue: hsl(209, 60%, 69%); /* #82b2e0 Ruddy Blue */
    --clr-web-orange: hsl(37, 95%, 59%); /* #faad32 Orange Web */
    --clr-bl-bondi: hsl(193, 58%, 44%); /* #2f94b1 Bondi Blue*/
    --clr-jng-green: hsl(165, 75%, 35%); /* #179e7d Jungle Green */
    --clr-blush: hsl(349, 56%, 64%); /* #d66e81 Blush */
    --clr-bl-savoy: hsl(231, 47%, 52%); /* #4b5dbe Savoy Blue */
    --clr-crimson: hsl(342, 99%, 42%); /* #d60140 Crimson */
    --clr-pumpkin: hsl(24, 90%, 55%); /* #f37824 Pumkin */

    --clr-gradient-blue: linear-gradient(to right, #12182f, #094060);
    --clr-gradient-0: linear-gradient(to right, #e9e9e9, #ffffff);
    --clr-gradient-1: linear-gradient(to right, #feebcf, #efedea);
    --clr-gradient-2: linear-gradient(to right, #d9e4d4, #eaefeb);
    --clr-gradient-3: linear-gradient(to right, #f1dcdf, #f0edeb);
    --clr-gradient-4: linear-gradient(to right, #cce7dd, #ebeeef);
    --clr-gradient-5: linear-gradient(to right, #f5dadf, #f1eced); /* #d66e81 Blush */
    --clr-gradient-6: linear-gradient(to right, #cce5ec, #ebeeef); /* #2f94b1 Bondi Blue*/
    --clr-gradient-7: linear-gradient(to right, #fcdac4, #f0edeb); /* #f37824 Pumkin */

    --clr-bg-0: hsl(0, 0%, 100%); /* #ffffff */
    --clr-bg-1: hsl(80, 20%, 73%); /* #bfc8ad Ash Gray */
    --clr-bg-2: hsl(180, 12%, 88%); /* #dee5e5 Platinum */
    --clr-bg-3: hsl(43, 100%, 83%); /* #ffe6a7 Peach */
    --clr-bg-4: hsl(140, 39%, 79%); /* #b3dec1 Celadon */
    --clr-bg-5: hsl(4, 41%, 66%); /* #cc8b86 Old Rose */
    --clr-bg-6: hsl(214, 72%, 75%); /* #8fb8ed Jordy Blue */
    --clr-bg-7: hsl(246, 51%, 76%); /* #a9a3e1 Wisteria */    
    
    --viewport: 1366px;
    --viewport-constrained: 1000px;

    --ff-body: "BSM", Arial, Helvetica, sans-serif;
    /* --ff-heading: "BSM", Arial, Helvetica, sans-serif; */

    --fw-regular: 400;
    --fw-bold: 600;

    --margin-heading: 1.3em;
    --margin-heading-wide: 1.5em;
    --margin-paragraph: 1.2em;
    --margin-list: 1em;
    --margin-media-block: 6rem;
    --margin-decorative: 6rem;

    --radius-l: 2.5rem;

    --space-section-inline: var(--section-padding-x);
    --space-section-block: var(--section-space-m);
    --space-element: var(--space-m);

    --menu-height: 8.8rem;
    --admin-bar-height: var(--wp-admin--admin-bar--height, 0px);

    --z-index-sticky-menu: 99;
    --z-index-menu: 999;
    --z-index-btt: 100;
    --z-index-all: 2147483641;

    --lh-heading: 1.2;
    --lh-body: 1.6;
}
@supports (font-size: calc(1vw + 2vw)) {
    :root {
        --text-xs: calc(1.1rem + (0 * ((100vw - 32rem) / 104.6)));
        --text-s: calc(1.2rem + (0 * ((100vw - 32rem) / 104.6)));
        --text-m: calc(1.8rem + (0.2 * ((100vw - 32rem) / 104.6)));
        --text-l: calc(2.16rem + (0.506 * ((100vw - 32rem) / 104.6)));
        --text-xl: calc(2.592rem + (0.961778 * ((100vw - 32rem) / 104.6)));
        --text-xxl: calc(3.1104rem + (1.626786074 * ((100vw - 32rem) / 104.6)));
        --h6: calc(1.78917rem + (0.21083 * ((100vw - 32rem) / 104.6)));
        --h5: calc(2.19844rem + (0.30156 * ((100vw - 32rem) / 104.6)));
        --h4: calc(2.2517rem + (0.8733 * ((100vw - 32rem) / 104.6)));
        --h3: calc(2.7687rem + (1.1373 * ((100vw - 32rem) / 104.6)));
        --h2: calc(3.40612rem + (1.47688 * ((100vw - 32rem) / 104.6)));
        --h1: calc(4.19178rem + (1.91222 * ((100vw - 32rem) / 104.6)));
    }
    @media (min-width: 1366px) {
        :root {
            --text-xs: 1.1rem;
            --text-s: 1.2rem;
            --text-m: 2rem;
            --text-l: 2.666rem;
            --text-xl: 3.553778rem;
            --text-xxl: 4.737186074rem;
            --h6: 2rem;
            --h5: 2.5rem;
            --h4: 3.125rem;
            --h3: 3.906rem;
            --h2: 4.883rem;
            --h1: 6.104rem;
        }
    }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
    :root {
        --text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
        --text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
        --text-m: clamp(1.8rem, calc(0.1912045889vw + 1.7388145315rem), 2rem);
        --text-l: clamp(2.16rem, calc(0.4837476099vw + 2.0052007648rem), 2.666rem);
        --text-xl: clamp(2.592rem, calc(0.9194818356vw + 2.2977658126rem), 3.553778rem);
        --text-xxl: clamp(3.1104rem, calc(1.5552448126vw + 2.61272166rem), 4.737186074rem);
        --h6: clamp(1.78917rem, calc(0.2015583174vw + 1.7246713384rem), 2rem);
        --h5: clamp(2.19844rem, calc(0.2882982792vw + 2.1061845507rem), 2.5rem);
        --h4: clamp(2.2517rem, calc(0.8348948375vw + 1.984533652rem), 3.125rem);
        --h3: clamp(2.7687rem, calc(1.0872848948vw + 2.4207688337rem), 3.906rem);
        --h2: clamp(3.40612rem, calc(1.4119311663vw + 2.9543020268rem), 4.883rem);
        --h1: clamp(4.19178rem, calc(1.828126195vw + 3.6067796176rem), 6.104rem);
    }
}
@supports (padding: calc(1vw + 2vw)) {
    :root {
        --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104.6)));
        --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104.6)));
        --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104.6)));
        --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 104.6)));
        --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 104.6)));
        --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 104.6)));
        --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 104.6)));
        --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 104.6)));
        --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 104.6)));
        --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 104.6)));
        --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 104.6)));
        --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((100vw - 32rem) / 104.6)));
        --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104.6)));
        --gutter: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104.6)));

        --gap-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104.6)));
        --gap-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104.6)));
        --gap-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104.6)));
        --gap-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 104.6)));
        --gap-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 104.6)));
        --gap-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 104.6)));
    }
    @media (min-width: 1366px) {
        :root {
            --space-xs: 1.3333333333rem;
            --space-s: 2rem;
            --space-m: 3rem;
            --space-l: 4.5rem;
            --space-xl: 6.75rem;
            --space-xxl: 10.125rem;
            --section-space-xs: 5.3333333333rem;
            --section-space-s: 8rem;
            --section-space-m: 12rem;
            --section-space-l: 18rem;
            --section-space-xl: 27rem;
            --section-space-xxl: 40.5rem;
            --section-padding-x: 3rem;
            --gutter: 3rem;
            --gap-xs: 1.3333333333rem;
            --gap-s: 2rem;
            --gap-m: 3rem;
            --gap-l: 4.5rem;
            --gap-xl: 6.75rem;
            --gap-xxl: 10.125rem;
        }
    }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
    :root {
        --space-xs: clamp(1.0666666667rem, calc(0.2549394519vw + 0.9850860421rem), 1.3333333333rem);
        --space-s: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
        --space-m: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
        --space-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem);
        --space-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
        --space-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
        --section-space-xs: clamp(3.2rem, calc(2.039515615vw + 2.5473550032rem), 5.3333333333rem);
        --section-space-s: clamp(4.8rem, calc(3.0592734226vw + 3.8210325048rem), 8rem);
        --section-space-m: clamp(7.2rem, calc(4.5889101338vw + 5.7315487572rem), 12rem);
        --section-space-l: clamp(9.5976rem, calc(8.0328871893vw + 7.0270760994rem), 18rem);
        --section-space-xl: clamp(12.7936008rem, calc(13.5816435946vw + 8.4474748497rem), 27rem);
        --section-space-xxl: clamp(17.0538698664rem, calc(22.4150383686vw + 9.8810575884rem), 40.5rem);

        --section-padding-x: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
        --gutter: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);

        --gap-xs: clamp(1.0666666667rem, calc(0.2549394519vw + 0.9850860421rem), 1.3333333333rem);
        --gap-s: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
        --gap-m: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
        --gap-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem);
        --gap-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
        --gap-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
    }
}
@font-face {
	font-family: 'BSM';
    src: url('/wp-content/fonts/bsm-regular.woff2') format('woff2'),
		 url('/wp-content/fonts/bsm-regular.woff') format('woff');
	font-style: normal;
	font-weight: 400;
    font-display: swap;
}
@font-face {
	font-family: 'BSM';
    src: url('/wp-content/fonts/bsm-bold.woff2') format('woff2'),
		 url('/wp-content/fonts/bsm-bold.woff') format('woff');
	font-style: normal;
	font-weight: 600;
    font-display: swap;
}
body {
    font-family: var(--ff-body);
    font-size: var(--text-m);
    line-height: var(--lh-body);
    color: #363636;
}
main {
    min-height: 100vh;
    min-height: 100svh;
}
:where(p, blockquote, input, textarea, select, button, span) { 
	font-family: inherit; 
}
h1, .dp-h1 {
    font-size: var(--h1);
}
h2, .dp-h2 {
    font-size: var(--h2);
}
h3, .dp-h3 {
    font-size: var(--h3);
} 
h4, .dp-h4 {
    font-size: var(--h4);
}
h5, .dp-h5 {
    font-size: var(--h5);
}
h6, .dp-h6 {
    font-size: var(--h6);
}
:where(h1, h2, h3, h4, h5, h6, .dp-h1, .dp-h2, .dp-h3, .dp-h4, .dp-h5, .dp-h6)  {
    font-weight: var(--fw-bold);
    line-height: var(--lh-heading);
    color: var(--clr-base);
    text-wrap: balance;
    /* max-width: 45ch; */
}
h2 + :where(h3, h4) {
    margin-top: var(--space-s);
}
.dp-text--white :where(.dp-h1, .dp-h2, .dp-h3, .dp-h4, .dp-h5, .dp-h6) {
    color: var(--clr-white);
}
:where(h3, h4, h5, h6) + p  {
    margin-top: var(--margin-paragraph);
}
:where(h1, h2) + p  {
    margin-top: var(--margin-heading-wide);
}
:where(h1, h2, h3, h4, h5, h6) + :where(ul, ol)  {
    margin-top: var(--margin-list);
}
.dp-media-post + :where(h2, h3, h4, h5, h6, p, div) {
    margin-top: var(--margin-paragraph);
}
:where(p) {
    margin: 0 0 var(--margin-paragraph);
    /* font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 0.2257)), 2rem); */
    font-size: var(--text-m);
    text-wrap: pretty;
}
:where(p:last-of-type) {
    margin-bottom: 0;
}
p + :where(ul, ol) {
    /* margin-top: 1.2em; */
    margin-top: 0;
}
p + :where(h2, h3) {
    margin-top: var(--margin-heading-wide);
}
p:last-of-type + :where(ul, ol) {
    margin-top: var(--margin-paragraph);
}
figure {
    margin: 0;
}
.dp-img-caption {
    background-color: hsla(var(--clr-black-h), .8);
    color: var(--clr-white);
    text-shadow: 1px 1px 2px var(--clr-base);
    z-index: 1;
}
:where(img, picture, iframe) {
    display: block;
    width: 100%;
    max-width: 100%;
}
button {
    font-size: inherit;
}
a {
    border-color: currentcolor;
    color: var(--clr-primary);
    cursor: pointer;
    text-decoration: none;
}
main a:not([class]), 
a.dp-fancy-link, 
.dp-fancy-link a, 
.dp-menu-list a {
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: left 1.5em;
    background-image: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
    padding-block: .25em;
    transition: background-size 300ms ease;
}
main a:not([class]):hover, 
a.dp-fancy-link:hover, 
.dp-fancy-link a:hover, 
.dp-menu-list a:hover {
    background-size: 100% 2px;
}
.dp-footer--main a {
    color: var(--clr-white);
}
.dp-footer--main a:hover {
    text-decoration: none;
}
.dp-link--none {
    color: var(--clr-base);
}
.dp-link--none:hover {
    text-decoration: none;
}
.dp-underline--none:hover {
    text-decoration: none;
}
a.dp-text--primary {
    color: var(--clr-primary);
}
a.dp-text--white {
    color: var(--clr-white);
}
a.skip-link {
    background: #000;
    border-bottom-right-radius: 8px;
    color: #fff;
    font-weight: 700;
    left: 0;
    padding: 5px 10px;
    position: fixed;
    top: 0;
    transform: translateY(-102%);
    transition: transform .3s;
    z-index: 9999;
}
a.skip-link:focus {
    transform: translateY(0);
}
::marker {
    color: var(--clr-primary);
}
ul, ol {
    margin-left: 1.3em;
}
:where(ul, ol):not([class]) > * + * {
    margin-top: .75em;
}
:where(ul, ol) + * {
    margin-top: 1.2em;
}
.dp-text--white :where(h1, h2, h3, h4, h5, h6, a)  {
    color: var(--clr-white);
}
/*----------------------------------------------------------------
                    SECTIONS
------------------------------------------------------------------*/
:is(.dp-section, .dp-section-inner, .wp-block-group) {
    width: 100%;
    padding: var(--space-section-block) var(--space-section-inline);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-block--zero {
    width: 100%;
    padding: 0 var(--space-section-inline);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-top--zero {
    padding: 0 var(--space-section-inline) var(--space-section-block);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-vertical--xl {
    padding: var(--space-xl) var(--space-section-inline);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding--zero {
    padding: 0;
}
/* .dp-section.dp-viewport-constrained {
    padding: var(--space-s) var(--space-section-inline) var(--space-section-block);
} */
.dp-section.dp-section-doctor-video {
    padding: var(--space-xl) var(--space-section-inline--space-m);
    overflow-x: hidden;
}
.dp-section.dp-section-decorative-down {
    padding: var(--space-section-block) var(--space-section-inline) calc( var(--space-section-block) + var(--margin-decorative));
    /* position: relative;
    z-index: 2; */
}
.dp-section-decorative-down {
    padding-bottom: calc( var(--space-section-block) + var(--margin-decorative));
    /* position: relative;
    z-index: 2; */
}
.dp-inner-wrap, .wp-block-group__inner-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    max-width: var(--viewport);
}
.dp-inner-wrap.dp-width-max--l {
    max-width: 992px;
}
.dp-inner-wrap.dp-viewport-constrained {
    max-width: var(--viewport-constrained);
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;   
}
.dp-section.dp-section-doctor-video > .dp-inner-wrap {
    align-items: center;
}
.dp-inner-wrap.dp-col-align--c, 
.dp-inner-wrap.dp-col-align--center {
    align-items: center;
}
.dp-inner-wrap.dp-col-align--e {
    align-items: flex-end;
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap.dp-col-justify--e {
    justify-content: flex-end;   
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap.dp-col-justify--s {
    justify-content: flex-start;   
}
.dp-main--constrained > .dp-section > .dp-inner-wrap {
    max-width: var(--viewport-constrained);
}
section:has(+ .dp-media-content-breakout) {
    padding-bottom: calc(var(--space-section-block) + var(--margin-media-block));
}
/*-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
                    UTILITY CLASSES
-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------*/
.dp-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    /* added line */
    border: 0;
}
.dp-clickable-parent {
    position: static;
}
.dp-clickable-parent::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer !important;
    display: flex;
}
.dp-focusable-parent:focus-within {
    box-shadow: 0 0 0 2px var(--clr-primary);
}
.dp-focusable-parent:focus-within :focus{
    box-shadow: none;
    outline: none;
}
.screen-reader-text, 
.screen-reader-text span, 
.ui-helper-hidden-accessible {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    width: 1px;
}
/*----------------------------------------------------------------
                    SPACES
------------------------------------------------------------------*/
.dp-owl--xs > * + * {
    margin-top: var(--space-xs);
}
.dp-owl--s > * + * {
    margin-top: var(--space-s);
}
.dp-owl--m > * + * {
    margin-top: var(--space-m);
}
.dp-owl--l > * + * {
    margin-top: var(--space-l);
}
.dp-owl--xl > * + * {
    margin-top: var(--space-xl);
}
.dp-owl--xxl > * + * {
    margin-top: var(--space-xxl);
}
.dp-owl--section > * + * {
    margin-top: var(--section-space-s);
}
/*----------------------------------------------------------------
                    MARGINS
------------------------------------------------------------------*/
.dp-margin-top--xs {
    margin-top: var(--space-xs);
}
.dp-margin-top--s {
    margin-top: var(--space-s);
}
.dp-margin-top--m {
    margin-top: var(--space-m);
}
.dp-margin-top--l {
    margin-top: var(--space-l);
}
.dp-margin-top--xl {
    margin-top: var(--space-xl);
}
.dp-margin-top--xxl {
    margin-top: var(--space-xxl);
}
.dp-margin-top--zero {
    margin-top: 0;
}
.dp-margin-top--auto {
    margin-top: auto;
}
.dp-margin-bottom--xxs {
    margin-bottom: calc( var(--xxs) * var(--space-xs) );
}
.dp-margin-bottom--xs {
    margin-bottom: var(--space-xs);
}
.dp-margin-bottom--s {
    margin-bottom: var(--space-s);
}
.dp-margin-bottom--m {
    margin-bottom: var(--space-m);
}
.dp-margin-bottom--l {
    margin-bottom: var(--space-l);
}
.dp-margin-bottom--xl {
    margin-bottom: var(--space-xl);
}
.dp-margin-bottom--xxl {
    margin-bottom: var(--space-xxl);
}
.dp-margin-bottom--zero {
    margin-bottom: 0;
}
.dp-margin-bottom--section {
    margin-bottom: var(--section-space-s);
}
.dp-margin-block--s {
    margin-block: var(--space-s);
}
.dp-margin-block--m {
    margin-block: var(--space-m);
}
.dp-margin-block--l {
    margin-block: var(--space-l);
}
.dp-justify--self {
    margin-left: auto;
    margin-right: auto;
}
.dp-margin--zero {
    margin: 0;
}
/*----------------------------------------------------------------
                    PADDINGS
------------------------------------------------------------------*/
.dp-padding-top--xs {
    padding-top: var(--space-xs);
}
.dp-padding-top--s {
    padding-top: var(--space-s);
}
.dp-padding-top--m {
    padding-top: var(--space-m);
}
.dp-padding-top--l {
    padding-top: var(--space-l);
}
.dp-padding-top--xl {
    padding-top: var(--space-xl);
}
.dp-padding-top--xxl {
    padding-top: var(--space-xxl);
}
.dp-padding-bottom--xs {
    padding-bottom: var(--space-xs);
}
.dp-padding-bottom--s {
    padding-bottom: var(--space-s);
}
.dp-padding-bottom--m {
    padding-bottom: var(--space-m);
}
.dp-padding-bottom--l {
    padding-bottom: var(--space-l);
}
.dp-padding-bottom--xl {
    padding-bottom: var(--space-xl);
}
.dp-padding-bottom--xxl {
    padding-bottom: var(--space-xxl);
}
.dp-padding-left--s {
    padding-left: var(--space-s);
}
.dp-padding-left--m {
    padding-left: var(--space-m);
}
.dp-padding-right--s {
    padding-right: var(--space-s);
}
.dp-padding-right--m {
    padding-right: var(--space-m);
}
.dp-padding--xs {
    padding: var(--space-xs);
}
.dp-padding--s {
    padding: var(--space-s);
}
.dp-padding--m {
    padding: var(--space-m);
}
.dp-padding--l {
    padding: var(--space-l);
}
.dp-padding--zero {
    padding: 0;
}
.dp-padding-block--zero {
    padding-block: 0;
}
.dp-padding-block--xs {
    padding-block: var(--space-xs);
}
.dp-padding-block--s {
    padding-block: var(--space-s);
}
.dp-padding-block--m {
    padding-block: var(--space-m);
}
.dp-padding-block--l {
    padding-block: var(--space-l);
}
.dp-padding-block--xl {
    padding-block: var(--space-xl);
}
.dp-padding-block--xxl {
    padding-block: var(--space-xxl);
}
.dp-padding-inline--zero {
    padding-inline: 0;
}
.dp-padding-inline--xs {
    padding-inline: var(--space-xs);
}
.dp-padding-inline--s {
    padding-inline: var(--space-s);
}
.dp-padding-inline--m {
    padding-inline: var(--space-m);
}
.dp-padding-inline--l {
    padding-inline: var(--space-l);
}
.dp-padding-inline--xl {
    padding-inline: var(--space-xl);
}
.dp-padding-vertical--xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}
@media only screen and (max-width: 991px) {
    .dp-padding-inline--l-zero {
        padding-inline: 0;
    }
    .dp-padding-block--l-zero {
        padding-block: 0;
    }
    .dp-padding-block--l-l {
        padding-block: var(--space-l);
    }
    .dp-padding-block--l-m {
        padding-block: var(--space-m);
    }
    .dp-padding-left--l-zero {
        padding-left: 0;
    }
    .dp-padding-bottom--l-l {
        padding-bottom: var(--space-l);
    }
    .dp-padding-top--l-m {
        padding-top: var(--space-m);
    }
}
@media only screen and (max-width: 767px) {
    .dp-padding-inline--m-zero {
        padding-inline: 0;
    }
    .dp-padding-block--m-zero {
        padding-block: 0;
    }
    .dp-padding-block--m-l {
        padding-block: var(--space-l);
    }
    .dp-padding-block--m-m {
        padding-block: var(--space-m);
    }
    .dp-padding-bottom--m-xl {
        padding-bottom: var(--space-xl);
    }
    .dp-padding-bottom--m-xxl {
        padding-bottom: var(--space-xxl);
    }
}
/*----------------------------------------------------------------
                    GAPS
------------------------------------------------------------------*/
.dp-gap--xxs {
    gap: calc( var(--xxs) * var(--space-xs) );
}
.dp-gap--xs {
    gap: var(--space-xs);
}
.dp-gap--s {
    gap: var(--space-s);
}
.dp-gap--m {
    gap: var(--space-m);
}
.dp-gap--l {
    gap: var(--space-l);
}
.dp-gap--xl {
    gap: var(--space-xl);
}
.dp-gap--xxl {
    gap: var(--space-xxl);
}
.dp-grid-gap--s {
    gap: var(--gap-s);
}
.dp-grid-gap--m {
    gap: var(--gap-m);
}
.dp-grid-gap--l {
    gap: var(--gap-l);
}
.dp-grid-gap--xl {
    gap: var(--gap-xl);
}
.dp-grid-gap--xxl {
    gap: var(--gap-xxl);
}
.dp-col-gap--xs {
    column-gap: var(--space-xs);
}
.dp-col-gap--s {
    column-gap: var(--space-s);
}
.dp-col-gap--m {
    column-gap: var(--space-m);
}
.dp-col-gap--l {
    column-gap: var(--space-l);
}
.dp-gap--two-col-m-l, 
.dp-gap--two-col-m-m {
    gap: var(--space-m);
}
@media only screen and (max-width: 991px) {
    .dp-gap--two-col-m-l {
        gap: 1.2em;
    }
}
@media only screen and (max-width: 767px) {
    .dp-gap--two-col-m-m {
        gap: 1.2em;
    }
}
/*----------------------------------------------------------------
                    LAYOUTS
------------------------------------------------------------------*/
.dp-overflow--hidden {
    overflow: hidden;
}
.dp-circle {
    border-radius: 50%;
    overflow: hidden;
}
.dp-position--rel {
    position: relative;
}
.dp-position--abs {
    position: absolute;
}
.dp-flex {
    display: flex;
}
.dp-flex--col {
    display: flex;
    flex-direction: column;
}
.dp-col-justify--center, .dp-col-justify--between, .dp-col-justify--end, 
.dp-col-align--center, .dp-col-align--start, 
.dp-col-align--end, .dp-col-align--between {
    display: flex;
    flex-direction: column;
}
.dp-col-justify--center {
    justify-content: center;
}
.dp-col-justify--between {
    justify-content: space-between;
}
.dp-col-justify--end {
    justify-content: flex-end;
}
.dp-col-align--center {
    align-items: center;
}
.dp-col-align--start {
    align-items: flex-start;
}
.dp-col-align--end {
    align-items: flex-end;
}
.dp-col-align--between {
    align-items: space-between;
}
.dp-row-justify--center {
    display: flex;
    justify-content: center;
}
.dp-row-justify--between {
    display: flex;
    justify-content: space-between;
}
.dp-row-justify--end {
    display: flex;
    justify-content: space-evenly;
}
.dp-row-justify--around {
    display: flex;
    justify-content: space-around;
}
.dp-row-align--center {
    display: flex;
    align-items: center;
}
.dp-row-align--end {
    display: flex;
    align-items: flex-end;
}
.dp-flex-col-align--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
:is(.dp-align-full--l, .dp-align-full--c, .dp-align-full--r) {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.dp-align-full--l {
    align-items: flex-start;
    text-align: left;
}
.dp-align-full--c {
    align-items: center;
    text-align: center;
}
.dp-align-full--r {
    align-items: flex-end;
    text-align: right;
}
.dp-flex--1 {
    flex: 1;
}
.dp-first-child-flex--1 > * > :first-child { /* Text Cards */
    flex: 1;
}
.dp-flex--wrap {
    flex-wrap: wrap;
}
.dp-flex--2-3 {
    display: flex;
}
.dp-flex--2-3 > :first-child {
    width: 40%;
}
.dp-flex--2-3 > :last-child {
    width: 60%;
}
@media only screen and (max-width: 991px) {
    .dp-flex--l-full {
        display: flex;
        flex-direction: column;
    }
    .dp-flex--l-full > :first-child, 
    .dp-flex--l-full > :last-child {
        width: 100%;
    }
    .dp-align-full--l-center {
        align-items: center;
        text-align: center;
    }
    .dp-align-full--l-start {
        align-items: flex-start;
        text-align: left;
    }
    .dp-col-align--l-center {
        align-items: center;
    }
    .dp-col-align--l-start {
        align-items: flex-start;
    }
    .dp-col-align--l-end {
        align-items: flex-end;
    }
    .dp-col-align--l-between {
        align-items: space-between;
    }
    .dp-inner-wrap.dp-col-align--l-start {
        align-items: flex-start;
    }
    .dp-inner-wrap.dp-col-align--l-end {
        align-items: flex-end;
    }
    .dp-inner-wrap.dp-col-align--l-center {
        align-items: center;
    }
    .dp-inner-wrap.dp-col-align--l-end {
        align-items: flex-end;
    }
}
@media only screen and (max-width: 767px) {
    .dp-col-align--m-center {
        align-items: center;
    }
    .dp-col-align--m-start {
        align-items: flex-start;
    }
    .dp-col-align--m-end {
        align-items: flex-end;
    }
    .dp-col-align--m-between {
        align-items: space-between;
    }
    .dp-inner-wrap.dp-col-align--m-start {
        align-items: flex-start;
    }
    .dp-inner-wrap.dp-col-align--m-end {
        align-items: flex-end;
    }
    .dp-inner-wrap.dp-col-align--m-center {
        align-items: center;
    }
    .dp-inner-wrap.dp-col-align--m-end {
        align-items: flex-end;
    }
}
@media only screen and (max-width: 479px) {
    .dp-col-align--s-center {
        align-items: center;
    }
    .dp-col-align--s-start {
        align-items: flex-start;
    }
    .dp-col-align--s-end {
        align-items: flex-end;
    }
    .dp-col-align--s-between {
        align-items: space-between;
    }
    .dp-inner-wrap.dp-col-align--s-start {
        align-items: flex-start;
    }
    .dp-inner-wrap.dp-col-align--s-end {
        align-items: flex-end;
    }
    .dp-inner-wrap.dp-col-align--s-center {
        align-items: center;
    }
    .dp-inner-wrap.dp-col-align--s-end {
        align-items: flex-end;
    }
}
/*----------------------------------------------------------------
                    TEXT
------------------------------------------------------------------*/
.dp-text--center ul:not(.dp-cards-container) {
    width: fit-content;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.dp-text--center {
    width: 100%;
    text-align: center;
}
.dp-text--left, 
.dp-text--start {
    width: 100%;
    text-align: left;
}
.dp-text--right, 
.dp-text--end {
    width: 100%;
    text-align: right;
}
.dp-text--bold {
    font-weight: var(--fw-bold);
}
.dp-text--regular {
    font-weight: var(--fw-regular);
}
.dp-text--italic {
    font-style: italic;
}
.dp-text--s {
    font-size: 1.5rem;
}
.dp-text--m {
    font-size: var(--text-m);
}
.dp-text--l {
    font-size: var(--text-l);
}
.dp-text--xl {
    font-size: var(--text-xl);
}
.dp-text--xxl {
    font-size: var(--text-xxl);
}
/* .dp-text--base {
    color: var(--clr-base);
}
.dp-text--secondary {
    color: var(--clr-secondary);
}
.dp-text--primary {
    color: var(--clr-primary);
}
.dp-text--white {
    color: var(--clr-white);
}
.dp-text--accent {
    color: var(--clr-accent);
} */
.dp-text-clr--white * {
    color: var(--clr-white);
}
.dp-text-shadow--base {
    text-shadow: 6px 6px 20px var(--clr-base);
}
.dp-text--italic {
    font-style: italic;
}
.dp-text-max--20 {
    max-width: 20ch;
}
.dp-text-max--30 {
    max-width: 30ch;
}
.dp-text-max--33 {
    max-width: 33ch;
}
.dp-text-max--45 {
    max-width: 45ch;
}
.dp-text-max--50 {
    max-width: 50ch;
}
.dp-text-max--60 {
    max-width: 60ch;
}
.dp-text-max--70 {
    max-width: 70ch;
}
.dp-text-max--75 {
    max-width: 75ch;
}
.dp-text-max--80 {
    max-width: 80ch;
}
.dp-text-max--90 {
    max-width: 90ch;
}
.dp-text-max--100 {
    max-width: 100ch;
}
.dp-line-height--body {
    line-height: var(--lh-body);
}
@media only screen and (max-width: 991px) {
    .dp-text--l-center {
        width: 100%;
        text-align: center;
    }
    .dp-text--l-left, 
    .dp-text--l-start {
        width: 100%;
        text-align: left;
    }
    .dp-text--l-right, 
    .dp-text--l-end {
        width: 100%;
        text-align: right;
    }
}
@media only screen and (max-width: 767px) {
    .dp-text--m-center {
        width: 100%;
        text-align: center;
    }
    .dp-text--m-left, 
    .dp-text--m-start {
        width: 100%;
        text-align: left;
    }
    .dp-text--m-right, 
    .dp-text--m-end {
        width: 100%;
        text-align: right;
    }
}
@media only screen and (max-width: 479px) {
    .dp-text--s-center {
        width: 100%;
        text-align: center;
    }
    .dp-text--s-left, 
    .dp-text--s-start {
        width: 100%;
        text-align: left;
    }
    .dp-text--s-right, 
    .dp-text--s-end {
        width: 100%;
        text-align: right;
    }
}
/*----------------------------------------------------------------
                    LISTS
------------------------------------------------------------------*/
.dp-list-margin--xs > * + * {
    margin-top: 1rem;
}
.dp-list-margin--s > * + * {
    margin-top: 1.2rem;
}
.dp-list-margin--m > * + * {
    margin-top: 1.6rem;
}
.dp-list--none {
    list-style: none;
    padding: 0;
    margin-left: 0;
}
.dp-list-item-border--top > * + * {
    border-top: .1rem solid var(--clr-base);
}
.dp-list-border--block {
    border-block: .1rem solid var(--clr-base);
}
/*----------------------------------------------------------------
                    TABLES
------------------------------------------------------------------*/
:is(.dp-table--basic, .dp-table--responsive), 
:is(.dp-table--basic, .dp-table--responsive) table {
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
}
:is(.dp-table--basic, .dp-table--responsive) thead {
    background: var(--clr-primary);
}
:is(.dp-table--basic, .dp-table--responsive) th {
    text-align: left;
    padding: 1.6rem .9rem;
    color: var(--clr-white);
}
:is(.dp-table--basic, .dp-table--responsive) td {
    padding: 1rem .9rem 0 .9rem;
}
.dp-col-first--bold tbody tr td:first-child {
    font-weight: var(--fw-bold);
}
.dp-table-treatments-col--first tbody tr td:first-child {
    width: 21ch;
}
.dp-col-first-width--s tbody tr td:first-child {
    width: 100%;
    max-width: 21ch;
}
.dp-col-first-padding-left--zero tbody tr td:first-child {
    padding-left: 0;
}
@media only screen and (max-width: 991px) {
    .dp-table-treatments-col--first tbody tr td:first-child {
        width: 16ch;
    }
}
@media only screen and (max-width: 650px) {
    .dp-table--responsive th {
      display: none;
    }
    .dp-table--responsive td {
      display: grid;
      grid-template-columns: 17ch auto;
    }
    .dp-table--responsive td:first-of-type {
      display: block;
      background: var(--clr-primary);
      color: var(--clr-white);
      font-weight: var(--fw-bold);
      text-align: left;
      padding: 1.2rem 0.85rem;
    }
    .dp-table--responsive td:not(:first-of-type)::before {
        content: attr(data-cell) ": ";
        font-weight: var(--fw-bold);
    }
    .dp-table--responsive td:nth-of-type(2n) {
      padding-bottom: 1rem;
    }
    .dp-table--responsive td:last-child {
      padding-bottom: 1.6rem;
    }
    .dp-table--responsive td:not(:first-of-type):nth-of-type(2n+1) {
        background: var(--clr-white);
    }
}
/*----------------------------------------------------------------
                    WIDTHS
------------------------------------------------------------------*/
.dp-media-single--70 {
    width: 70%;
}
.dp-media-single--80 {
    width: 80%;
}
.dp-media-single--90 {
    width: 90%;
}
.dp-media-single--100 {
    width: 100%;
}
.dp-width--full {
    max-width: 100%;
    width: 100%;
}
.dp-width-max--50r {
    width: 100%;
    max-width: 50rem;
}
.dp-width-max--80r {
    width: 100%;
    max-width: 80rem;
}
.dp-width-max--100r {
    width: 100%;
    max-width: 100rem;
}
@media only screen and (max-width: 991px) {
    .dp-media-single--70, 
    .dp-media-single--80, 
    .dp-media-single--90, 
    .dp-media-single--100 {
        width: 100%;
    }
}
/*----------------------------------------------------------------
                    HEIGHTS
------------------------------------------------------------------*/
.dp-height--full {
    height: 100%;
}
.dp-height-min--50 {
    min-height: 50vh;
}
.dp-height-min--60 {
    min-height: 60vh;
}
.dp-height-min--66 {
    min-height: 66vh;
}
.dp-height-min--70 {
    min-height: 70vh;
}
.dp-height-min--inherit {
    min-height: inherit
}
.dp-span--full {
    width: 100%;
    height: 100%;
    /* max-width: 100%; */
}
/*----------------------------------------------------------------
                    COLUMNS
------------------------------------------------------------------*/
.dp-column--4 {
    column-count: 4;
}
.dp-column--3 {
    column-count: 3;
}
.dp-column--2 {
    column-count: 2;
}
@media only screen and (max-width: 991px) {
    .dp-column--l-3 {
        column-count: 3;
    }
    .dp-column--l-2 {
        column-count: 2;
    }
    .dp-column--l-1 {
        column-count: 1;
    }
}
@media only screen and (max-width: 767px) {
    .dp-column--m-3 {
        column-count: 3;
    }
    .dp-column--m-2 {
        column-count: 2;
    }
    .dp-column--m-1 {
        column-count: 1;
    }
}
@media only screen and (max-width: 479px) {
    .dp-column--s-3 {
        column-count: 3;
    }
    .dp-column--s-2 {
        column-count: 2;
    }
    .dp-column--s-1 {
        column-count: 1;
    }
}
/*----------------------------------------------------------------
                    ORDER
------------------------------------------------------------------*/
.dp-order--first {
    order: -1;
}
.dp-order--last {
    order: 9;
}
@media only screen and (max-width: 991px) {
    .dp-order--l-first {
        order: -1;
    }
    .dp-order--l-last {
        order: 9;
    }
}
@media only screen and (max-width: 767px) {
    .dp-order--m-first {
        order: -1;
    }
    .dp-order--m-last {
        order: 9;
    }
}
/*----------------------------------------------------------------
                    ASPECT RATIOS
------------------------------------------------------------------*/
[class*="dp-aspect--"].dp-position--abs {
    position: absolute;
}
[class*="dp-aspect--"] {
    position: relative;
    width: 100%;
    overflow: hidden;
}
[class*="dp-aspect--"]:before {
    content: "";
    display: block;
}
[class*="dp-aspect--"] :where(img, iframe), 
[class*="dp-aspect--"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dp-aspect--3-1::before {
    padding-bottom: 33.33%;
}
.dp-aspect--5-2::before {
    padding-bottom: 42%;
}
.dp-aspect--2-1::before {
    padding-bottom: 50%;
}
.dp-aspect--16-9::before {
    padding-bottom: 56.50%;
}
.dp-aspect--8-5::before {
    padding-bottom: 62.5%;
}
.dp-aspect--3-2:before {
    padding-bottom: 66.66%;
}
.dp-aspect--10-7::before {
    padding-bottom: 70%;
}
.dp-aspect--4-3::before {
    padding-bottom: 75%;
}
.dp-aspect--10-8:before {
    padding-bottom: 80%;
}
.dp-aspect--6-5:before {
    padding-bottom: 83.33%;
}
.dp-aspect--1-1::before {
    padding-bottom: 100%;
}
.dp-aspect--5-6::before {
    padding-bottom: 120%;
}
.dp-aspect--2-3::before {
    padding-bottom: 150%;
}
.dp-aspect--certificates::before {
    padding-bottom: 63.06%;
}
[class*="dp-aspect-ratio--"] {
    width: 100%;
}
[class*="dp-aspect-ratio--"] :is(img, picture, iframe, video) {
    height: 100%;
}
.dp-aspect-ratio--3-1 {
    aspect-ratio: 3 / 1;
}
.dp-aspect-ratio--5-2 {
    aspect-ratio: 5 / 2;
}
.dp-aspect-ratio--2-1 {
    aspect-ratio: 2 / 1;
}
.dp-aspect-ratio--16-9 {
    aspect-ratio: 16 / 9;
}
.dp-aspect-ratio--8-5 {
    aspect-ratio: 8 / 5;
}
.dp-aspect-ratio--3-2 {
    aspect-ratio: 3 / 2;
}
.dp-aspect-ratio--10-7 {
    aspect-ratio: 10 / 7;
}
.dp-aspect-ratio--4-3 {
    aspect-ratio: 4 / 3;
}
.dp-aspect-ratio--10-8 {
    aspect-ratio: 10 / 8;
}
.dp-aspect-ratio--6-5 {
    aspect-ratio: 6 / 5;
}
.dp-aspect-ratio--1-1 {
    aspect-ratio: 1 / 1;
}
.dp-aspect-ratio--5-6 {
    aspect-ratio: 5 / 6;
}
.dp-aspect-ratio--2-3 {
    aspect-ratio: 2 / 3;
}
@media only screen and (max-width: 991px) {
    .dp-aspect--l-3-1::before {
        padding-bottom: 33.33%;
    }
    .dp-aspect--l-5-2::before {
        padding-bottom: 42%;
    }
    .dp-aspect--l-2-1::before {
        padding-bottom: 50%;
    }
    .dp-aspect--l-16-9::before {
        padding-bottom: 56.50%;
    }
    .dp-aspect--l-8-5::before {
        padding-bottom: 62.5%;
    }
    .dp-aspect--l-3-2:before {
        padding-bottom: 66.66%;
    }
    .dp-aspect--l-10-7::before {
        padding-bottom: 70%;
    }
    .dp-aspect--l-4-3::before {
        padding-bottom: 75%;
    }
    .dp-aspect--l-10-8:before {
        padding-bottom: 80%;
    }
    .dp-aspect--l-6-5:before {
        padding-bottom: 83.33%;
    }
    .dp-aspect--l-1-1::before {
        padding-bottom: 100%;
    }
    .dp-aspect--l-5-6::before {
         padding-bottom: 120%;
    }
    .dp-aspect--l-2-3::before {
        padding-bottom: 150%;
    }
    .dp-aspect-ratio--l-3-1 {
        aspect-ratio: 3 / 1;
    }
    .dp-aspect-ratio--l-5-2 {
        aspect-ratio: 5 / 2;
    }
    .dp-aspect-ratio--l-2-1 {
        aspect-ratio: 2 / 1;
    }
    .dp-aspect-ratio--l-16-9 {
        aspect-ratio: 16 / 9;
    }
    .dp-aspect-ratio--l-8-5 {
        aspect-ratio: 8 / 5;
    }
    .dp-aspect-ratio--l-3-2 {
        aspect-ratio: 3 / 2;
    }
    .dp-aspect-ratio--l-10-7 {
        aspect-ratio: 10 / 7;
    }
    .dp-aspect-ratio--l-4-3 {
        aspect-ratio: 4 / 3;
    }
    .dp-aspect-ratio--l-10-8 {
        aspect-ratio: 10 / 8;
    }
    .dp-aspect-ratio--l-6-5 {
        aspect-ratio: 6 / 5;
    }
    .dp-aspect-ratio--l-1-1 {
        aspect-ratio: 1 / 1;
    }
    .dp-aspect-ratio--l-5-6 {
        aspect-ratio: 5 / 6;
    }
    .dp-aspect-ratio--l-2-3 {
        aspect-ratio: 2 / 3;
    }
}
@media only screen and (max-width: 767px) {
    .dp-aspect--m-3-1::before {
        padding-bottom: 33.33%;
    }
    .dp-aspect--m-5-2::before {
        padding-bottom: 42%;
    }
    .dp-aspect--m-2-1::before {
        padding-bottom: 50%;
    }
    .dp-aspect--m-16-9::before {
        padding-bottom: 56.50%;
    }
    .dp-aspect--m-8-5::before {
        padding-bottom: 62.5%;
    }
    .dp-aspect--m-3-2:before {
        padding-bottom: 66.66%;
    }
    .dp-aspect--m-10-7::before {
        padding-bottom: 70%;
    }
    .dp-aspect--m-4-3::before {
        padding-bottom: 75%;
    }
    .dp-aspect--m-10-8:before {
        padding-bottom: 80%;
    }
    .dp-aspect--m-6-5:before {
        padding-bottom: 83.33%;
    }
    .dp-aspect--m-1-1::before {
        padding-bottom: 100%;
    }
    .dp-aspect--m-5-6::before {
         padding-bottom: 120%;
    }
    .dp-aspect--m-2-3::before {
        padding-bottom: 150%;
    }
    .dp-aspect-ratio--m-3-1 {
        aspect-ratio: 3 / 1;
    }
    .dp-aspect-ratio--m-5-2 {
        aspect-ratio: 5 / 2;
    }
    .dp-aspect-ratio--m-2-1 {
        aspect-ratio: 2 / 1;
    }
    .dp-aspect-ratio--m-16-9 {
        aspect-ratio: 16 / 9;
    }
    .dp-aspect-ratio--m-8-5 {
        aspect-ratio: 8 / 5;
    }
    .dp-aspect-ratio--m-3-2 {
        aspect-ratio: 3 / 2;
    }
    .dp-aspect-ratio--m-10-7 {
        aspect-ratio: 10 / 7;
    }
    .dp-aspect-ratio--m-4-3 {
        aspect-ratio: 4 / 3;
    }
    .dp-aspect-ratio--m-10-8 {
        aspect-ratio: 10 / 8;
    }
    .dp-aspect-ratio--m-6-5 {
        aspect-ratio: 6 / 5;
    }
    .dp-aspect-ratio--m-1-1 {
        aspect-ratio: 1 / 1;
    }
    .dp-aspect-ratio--m-5-6 {
        aspect-ratio: 5 / 6;
    }
    .dp-aspect-ratio--m-2-3 {
        aspect-ratio: 2 / 3;
    }
}
@media only screen and (max-width: 479px) {
    .dp-aspect--s-3-1::before {
        padding-bottom: 33.33%;
    }
    .dp-aspect--s-5-2::before {
        padding-bottom: 42%;
    }
    .dp-aspect--s-2-1::before {
        padding-bottom: 50%;
    }
    .dp-aspect--s-16-9::before {
        padding-bottom: 56.50%;
    }
    .dp-aspect--s-8-5::before {
        padding-bottom: 62.5%;
    }
    .dp-aspect--s-3-2:before {
        padding-bottom: 66.66%;
    }
    .dp-aspect--s-10-7::before {
        padding-bottom: 70%;
    }
    .dp-aspect--s-4-3::before {
        padding-bottom: 75%;
    }
    .dp-aspect--s-10-8:before {
        padding-bottom: 80%;
    }
    .dp-aspect--s-6-5:before {
        padding-bottom: 83.33%;
    }
    .dp-aspect--s-1-1::before {
        padding-bottom: 100%;
    }
    .dp-aspect--s-5-6::before {
         padding-bottom: 120%;
    }
    .dp-aspect--s-2-3::before {
        padding-bottom: 150%;
    }
    .dp-aspect-ratio--s-3-1 {
        aspect-ratio: 3 / 1;
    }
    .dp-aspect-ratio--s-5-2 {
        aspect-ratio: 5 / 2;
    }
    .dp-aspect-ratio--s-2-1 {
        aspect-ratio: 2 / 1;
    }
    .dp-aspect-ratio--s-16-9 {
        aspect-ratio: 16 / 9;
    }
    .dp-aspect-ratio--s-8-5 {
        aspect-ratio: 8 / 5;
    }
    .dp-aspect-ratio--s-3-2 {
        aspect-ratio: 3 / 2;
    }
    .dp-aspect-ratio--s-10-7 {
        aspect-ratio: 10 / 7;
    }
    .dp-aspect-ratio--s-4-3 {
        aspect-ratio: 4 / 3;
    }
    .dp-aspect-ratio--s-10-8 {
        aspect-ratio: 10 / 8;
    }
    .dp-aspect-ratio--s-6-5 {
        aspect-ratio: 6 / 5;
    }
    .dp-aspect-ratio--s-1-1 {
        aspect-ratio: 1 / 1;
    }
    .dp-aspect-ratio--s-5-6 {
        aspect-ratio: 5 / 6;
    }
    .dp-aspect-ratio--s-2-3 {
        aspect-ratio: 2 / 3;
    }
}
/*----------------------------------------------------------------
                    OVERLAYS
------------------------------------------------------------------*/
[class*="dp-section-overlay--"]::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.dp-section-overlay--secondary-30::before {
    background-color: hsla(var(--clr-secondary-h), .3);
}
.dp-section-overlay--secondary-40::before {
    background-color: hsla(var(--clr-secondary-h), .4);
}
.dp-section-overlay--primary-30::before {
    background-color: hsla(var(--clr-primary-h), .3);
}
.dp-section-overlay--primary-40::before {
    background-color: hsla(var(--clr-primary-h), .4);
}
.dp-section-overlay--black-25::before {
    background-color: hsla(0, 0%, 0%, .25);
}
.dp-section-overlay--black-40::before {
    background-color: hsla(0, 0%, 0%, .4);
}
/*----------------------------------------------------------------
                    MEDIA LAYOUTS
------------------------------------------------------------------*/
.dp-media-fit {
    object-fit: cover;
    object-position: 50% 50%;
}
.dp-media--absolute, 
.dp-media--bg, 
.dp-img--absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dp-media--bg {
    object-fit: cover;
    object-position: 50% 50%;
    z-index: -1;
}
.dp-img--absolute {
    min-height: inherit;
    z-index: -1;
}
/*----------------------------------------------------------------
                    IMAGE FOCUS
------------------------------------------------------------------*/
[class*="dp-media-focus--"] {
    object-fit: cover;
}
.dp-media-focus--10-0 {
    object-position: 10% 0%;
}
.dp-media-focus--10-10 {
    object-position: 10% 10%;
}
.dp-media-focus--10-20 {
    object-position: 10% 20%;
}
.dp-media-focus--10-30 {
    object-position: 10% 30%;
}
.dp-media-focus--10-40 {
    object-position: 10% 40%;
}
.dp-media-focus--10-50 {
    object-position: 10% 50%;
}
.dp-media-focus--10-60 {
    object-position: 10% 60%;
}
.dp-media-focus--10-70 {
    object-position: 10% 70%;
}
.dp-media-focus--10-80 {
    object-position: 10% 80%;
}
.dp-media-focus--10-90 {
    object-position: 10% 90%;
}
.dp-media-focus--10-100 {
    object-position: 10% 100%;
}
.dp-media-focus--25-0 {
    object-position: 25% 0%;
}
.dp-media-focus--25-10 {
    object-position: 25% 10%;
}
.dp-media-focus--25-20 {
    object-position: 25% 20%;
}
.dp-media-focus--25-30 {
    object-position: 25% 30%;
}
.dp-media-focus--25-40 {
    object-position: 25% 40%;
}
.dp-media-focus--25-50 {
    object-position: 25% 50%;
}
.dp-media-focus--25-60 {
    object-position: 25% 60%;
}
.dp-media-focus--25-70 {
    object-position: 25% 70%;
}
.dp-media-focus--25-80 {
    object-position: 25% 80%;
}
.dp-media-focus--25-90 {
    object-position: 25% 90%;
}
.dp-media-focus--25-100 {
    object-position: 25% 100%;
}
.dp-media-focus--50-0 {
    object-position: 50% 0%;
}
.dp-media-focus--50-10 {
    object-position: 50% 10%;
}
.dp-media-focus--50-20 {
    object-position: 50% 20%;
}
.dp-media-focus--50-30 {
    object-position: 50% 30%;
}
.dp-media-focus--50-40 {
    object-position: 50% 40%;
}
.dp-media-focus--50-50 {
    object-position: 50% 50%;
}
.dp-media-focus--50-60 {
    object-position: 50% 60%;
}
.dp-media-focus--50-70 {
    object-position: 50% 70%;
}
.dp-media-focus--50-80 {
    object-position: 50% 80%;
}
.dp-media-focus--50-90 {
    object-position: 50% 90%;
}
.dp-media-focus--50-100 {
    object-position: 50% 100%;
}
.dp-media-focus--75-0 {
    object-position: 75% 0%;
}
.dp-media-focus--75-10 {
    object-position: 75% 10%;
}
.dp-media-focus--75-20 {
    object-position: 75% 20%;
}
.dp-media-focus--75-30 {
    object-position: 75% 30%;
}
.dp-media-focus--75-40 {
    object-position: 75% 40%;
}
.dp-media-focus--75-50 {
    object-position: 75% 50%;
}
.dp-media-focus--75-60 {
    object-position: 75% 60%;
}
.dp-media-focus--75-70 {
    object-position: 75% 70%;
}
.dp-media-focus--75-80 {
    object-position: 75% 80%;
}
.dp-media-focus--75-90 {
    object-position: 75% 90%;
}
.dp-media-focus--75-100 {
    object-position: 75% 100%;
}
.dp-media-focus--90-0 {
    object-position: 90% 0%;
}
.dp-media-focus--90-10 {
    object-position: 90% 10%;
}
.dp-media-focus--90-20 {
    object-position: 90% 20%;
}
.dp-media-focus--90-30 {
    object-position: 90% 30%;
}
.dp-media-focus--90-40 {
    object-position: 90% 40%;
}
.dp-media-focus--90-50 {
    object-position: 90% 50%;
}
.dp-media-focus--90-60 {
    object-position: 90% 60%;
}
.dp-media-focus--90-70 {
    object-position: 90% 70%;
}
.dp-media-focus--90-80 {
    object-position: 90% 80%;
}
.dp-media-focus--90-90 {
    object-position: 90% 90%;
}
.dp-media-focus--90-100 {
    object-position: 90% 100%;
}
@media only screen and (max-width: 991px) {
    .dp-media-focus--l-50-50 {
        object-position: 50% 50%;
    }
}
@media only screen and (max-width: 767px) {
    .dp-media-focus--m-50-50 {
        object-position: 50% 50%;
    }
}
@media only screen and (max-width: 479px) {
    .dp-media-focus--s-50-50 {
        object-position: 50% 50%;
    }
}
/*----------------------------------------------------------------
                    ICON SIZES
------------------------------------------------------------------*/
:where(
    .dp-icon--s, .dp-icon--m, .dp-icon--l, .dp-icon--xl, 
    .dp-icon-inner--s, .dp-icon-inner--m, .dp-icon-inner--l, .dp-icon-inner--xl, 
    .dp-icon--inner) {
    width: 100%;
}
.dp-icon--s, 
.dp-icon-inner--s {
    --_size: 6rem;
}
.dp-icon--m, 
.dp-icon-inner--m {
    --_size: 8rem;
}
.dp-icon--l, 
.dp-icon-inner--l {
    --_size: 10rem;
}
.dp-icon--xl, 
.dp-icon-inner--xl {
    --_size: 12rem;
}
.dp-icon--s {
    max-width: var(--_size);
}
.dp-icon--m {
    max-width: var(--_size);
}
.dp-icon--l {
    max-width: var(--_size);
}
.dp-icon--xl {
    max-width: var(--_size);
}
.dp-icon-inner--s .dp-icon--inner {
    max-width: var(--_size);
}
.dp-icon-inner--m .dp-icon--inner {
    max-width: var(--_size);
}
.dp-icon-inner--l .dp-icon--inner {
    max-width: var(--_size);
}
.dp-icon-inner--xl .dp-icon--inner {
    max-width: var(--_size);
}
.dp-icon-inner--s .dp-icon-text--inner {
    font-size: 2rem;
    height: var(--_size);
}
.dp-icon-inner--m .dp-icon-text--inner {
    font-size: 2.6rem;
    height: var(--_size);
}
.dp-icon-inner--l .dp-icon-text--inner {
    font-size: 3.2rem;
    height: var(--_size);
}
.dp-icon-inner--xl .dp-icon-text--inner {
    font-size: 4.2rem;
    height: var(--_size);
}
:is(.dp-icon-size--xs, .dp-icon-size--s, .dp-icon-size--m, .dp-icon-size--l, .dp-icon-size--xl) > svg {
    width: var(--_icon-size);
    height: var(--_icon-size);
}
.dp-icon-size--xs {
    --_icon-size: 2rem;
}
.dp-icon-size--s {
    --_icon-size: 2.8rem;
}
.dp-icon-size--m {
    --_icon-size: 3.4rem;
}
.dp-icon-size--l {
    --_icon-size: 4rem;
}
.dp-icon-size--xl {
    --_icon-size: 6rem;
}
/*----------------------------------------------------------------
                    COLORS
------------------------------------------------------------------*/
.dp-bg-breakout::before {
    content: "";
    position: absolute;
    inset: 0;
    grid-area: bg;
    z-index: -1;
}
.dp-bg--primary, 
.dp-bg--primary.dp-bg-breakout::before {
    background-color: var(--clr-primary);
}
.dp-bg--secondary, 
.dp-bg--secondary.dp-bg-breakout::before {
    background-color: var(--clr-secondary);
}
.dp-bg--accent, 
.dp-bg--accent.dp-bg-breakout::before {
    background-color: var(--clr-accent);
}
.dp-bg--base, 
.dp-bg--base.dp-bg-breakout::before {
    background-color: var(--clr-base);
}
.dp-bg--gray, 
.dp-bg--gray.dp-bg-breakout::before {
    background-color: var(--clr-gray);
}
.dp-bg--gray-light, 
.dp-bg--gray-light.dp-bg-breakout::before {
    background-color: var(--clr-gray-light);
}
.dp-bg--white, 
.dp-bg--white.dp-bg-breakout::before {
    background-color: var(--clr-white);
}
.dp-bg--transparent, 
.dp-bg--transparent.dp-bg-breakout::before {
    background-color: var(--clr-transparent);
}
.dp-bg--primary-20, 
.dp-bg--primary-20.dp-bg-breakout::before {
    background-color: hsla(10, 32%, 61%, .2);
}
.dp-bg--secondary-20, 
.dp-bg--secondary-20.dp-bg-breakout::before {
    background-color: hsl(13, 28%, 81%, .2);
}
.dp-bg--tan, 
.dp-bg--tan.dp-bg-breakout::before {
     background-color: var(--clr-tan);
}
.dp-bg--cbg-blue, 
.dp-bg--cbg-blue.dp-bg-breakout::before {
     background-color: var(--clr-cbg-blue);
}
.dp-bg--spc-cadet, 
.dp-bg--spc-cadet.dp-bg-breakout::before {
     background-color: var(--clr-spc-cadet);
}
.dp-bg--bb-powder, 
.dp-bg--bb-powder.dp-bg-breakout::before {
     background-color: var(--clr-bb-powder);
}
.dp-bg--bl-munsell, 
.dp-bg--bl-munsell.dp-bg-breakout::before {
     background-color: var(--clr-bl-munsell);
}
.dp-bg--prs-orange, 
.dp-bg--prs-orange.dp-bg-breakout::before {
     background-color: var(--clr-prs-orange);
}
.dp-bg--old-rose, 
.dp-bg--old-rose.dp-bg-breakout::before {
     background-color: var(--clr-old-rose);
}
.dp-bg--rd-blue, 
.dp-bg--rd-blue.dp-bg-breakout::before {
     background-color: var(--clr-rd-blue);
}
.dp-bg--web-orange, 
.dp-bg--web-orange.dp-bg-breakout::before {
     background-color: var(--clr-web-orange);
}
.dp-bg--bl-bondi, 
.dp-bg--bl-bondi.dp-bg-breakout::before {
     background-color: var(--clr-bl-bondi);
}
.dp-bg--jng-green, 
.dp-bg--jng-green.dp-bg-breakout::before {
     background-color: var(--clr-jng-green);
}
.dp-bg--blush, 
.dp-bg--blush.dp-bg-breakout::before {
     background-color: var(--clr-blush);
}
.dp-bg--bl-savoy, 
.dp-bg--bl-savoy.dp-bg-breakout::before {
     background-color: var(--clr-bl-savoy);
}
.dp-bg--crimson, 
.dp-bg--crimson.dp-bg-breakout::before {
     background-color: var(--clr-crimson);
}
.dp-bg--pumpkin, 
.dp-bg--pumpkin.dp-bg-breakout::before {
     background-color: var(--clr-pumpkin);
}
.dp-gradient--1 {
    background-image: var(--clr-gradient-1);
}
.dp-gradient--2 {
    background-image: var(--clr-gradient-2);
}
.dp-gradient--3 {
    background-image: var(--clr-gradient-3);
}
.dp-gradient--4 {
    background-image: var(--clr-gradient-4);
}
.dp-gradient--5 {
    background-image: var(--clr-gradient-5);
}
.dp-gradient--6 {
    background-image: var(--clr-gradient-6);
}
.dp-gradient--7 {
    background-image: var(--clr-gradient-7);
}
/*------------------------------ TEXT COLORS -----------------------------------*/
.dp-text--base {
    color: var(--clr-base);
}
.dp-text--white {
    color: var(--clr-white);
}
.dp-text--primary {
    color: var(--clr-primary);
}
.dp-text--secondary {
    color: var(--clr-secondary);
}
.dp-text--accent {
    color: var(--clr-accent);
}
.dp-text--gray {
    color: var(--clr-gray);
}
.dp-text--gray-light {
    color: var(--clr-gray-light);
}
.dp-text--tan {
     color: var(--clr-tan);
}
.dp-text--cbg-blue {
     color: var(--clr-cbg-blue);
}
.dp-text--spc-cadet {
     color: var(--clr-spc-cadet);
}
.dp-text--bb-powder {
     color: var(--clr-bb-powder);
}
.dp-text--bl-munsell {
     color: var(--clr-bl-munsell);
}
.dp-text--prs-orange {
     color: var(--clr-prs-orange);
}
.dp-text--old-rose {
     color: var(--clr-old-rose);
}
.dp-text--rd-blue {
     color: var(--clr-rd-blue);
}
.dp-text--web-orange {
     color: var(--clr-web-orange);
}
.dp-text--bl-bondi {
     color: var(--clr-bl-bondi);
}
.dp-text--jng-green {
     color: var(--clr-jng-green);
}
.dp-text--blush {
     color: var(--clr-blush);
}
.dp-text--bl-savoy {
     color: var(--clr-bl-savoy);
}
.dp-text--crimson {
     color: var(--clr-crimson);
}
.dp-text--pumpkin {
     color: var(--clr-pumpkin);
}
/*------------------------------ FILL COLORS -----------------------------------*/
.dp-fill--primary, 
.dp-fill--primary svg {
    fill: var(--clr-primary);
}
.dp-fill--secondary, 
.dp-fill--secondary svg {
    fill: var(--clr-secondary);
}
.dp-fill--accent, 
.dp-fill--accent svg {
    fill: var(--clr-accent);
}
.dp-fill--base, 
.dp-fill--base svg {
    fill: var(--clr-base);
}
.dp-fill--gray, 
.dp-fill--gray svg {
    fill: var(--clr-gray);
}
.dp-fill--gray-light, 
.dp-fill--gray-light svg {
    fill: var(--clr-gray-light);
}
.dp-fill--white, 
.dp-fill--white svg {
    fill: var(--clr-white);
}
.dp-fill--tan, 
.dp-fill--tan svg {
     fill: var(--clr-tan);
}
.dp-fill--cbg-blue, 
.dp-fill--cbg-blue svg {
     fill: var(--clr-cbg-blue);
}
.dp-fill--spc-cadet, 
.dp-fill--spc-cadet svg {
     fill: var(--clr-spc-cadet);
}
.dp-fill--bb-powder, 
.dp-fill--bb-powder svg {
     fill: var(--clr-bb-powder);
}
.dp-fill--bl-munsell, 
.dp-fill--bl-munsell svg {
     fill: var(--clr-bl-munsell);
}
.dp-fill--prs-orange, 
.dp-fill--prs-orange svg {
     fill: var(--clr-prs-orange);
}
.dp-fill--old-rose, 
.dp-fill--old-rose svg {
     fill: var(--clr-old-rose);
}
.dp-fill--rd-blue, 
.dp-fill--rd-blue svg {
     fill: var(--clr-rd-blue);
}
.dp-fill--web-orange, 
.dp-fill--web-orange svg {
     fill: var(--clr-web-orange);
}
.dp-fill--bl-bondi, 
.dp-fill--bl-bondi svg {
     fill: var(--clr-bl-bondi);
}
.dp-fill--jng-green, 
.dp-fill--jng-green svg {
     fill: var(--clr-jng-green);
}
.dp-fill--blush, 
.dp-fill--blush svg {
     fill: var(--clr-blush);
}
.dp-fill--bl-savoy, 
.dp-fill--bl-savoy svg {
     fill: var(--clr-bl-savoy);
}
.dp-fill--crimson, 
.dp-fill--crimson svg {
     fill: var(--clr-crimson);
}
.dp-fill--pumpkin, 
.dp-fill--pumpkin svg {
     fill: var(--clr-pumpkin);
}
/*----------------------------------------------------------------
                    BORDERS   
------------------------------------------------------------------*/
.dp-border-top--primary {
    border-top: .1rem solid var(--clr-primary);
}
.dp-border-bottom--primary {
    border-bottom: .1rem solid var(--clr-primary);
}
.dp-border-left--primary {
    border-left: .1rem solid var(--clr-primary);
}
.dp-border-right--primary {
    border-right: .1rem solid var(--clr-primary);
}
.dp-border-bottom--white {
    border-bottom: .1rem solid var(--clr-white);
}
.dp-border-bottom--base {
    border-bottom: .1rem solid var(--clr-base);
}
.dp-border-radius--s {
    border-radius: 1rem;
}
.dp-border-radius--m {
    border-radius: 1.6rem;
}
.dp-border-radius--l {
    border-radius: 2.5rem;
}
.dp-border-radius--c {
    border-radius: 50%;
}
.dp-border--secondary {
    border: .1rem solid var(--clr-secondary);
}
.dp-border--primary {
    border: .1rem solid var(--clr-primary);
}
.dp-border--none {
    border: .1rem solid var(--transparent);
}
.dp-border--thin {
    border: .05rem solid var(--clr-primary);
}
/*----------------------------------------------------------------
                    OUTLINES   
------------------------------------------------------------------*/
.dp-outline--base {
    border: .2rem solid var(--clr-base);
    background: var(--clr-secondary);
}
.dp-grid-outline-2--m {
    --grid-gap-col: calc( 1.75*var(--space-s) );
    --grid-gap-row: calc( 1.75*var(--space-s) );
    gap: var(--grid-gap-row) 0;
}
.dp-grid-outline-2--m li:nth-child(odd) {
    padding-right: var(--grid-gap-col);
}
.dp-grid-outline-2--m li:nth-child(even) {
    padding-left: var(--grid-gap-col);
    border-left: .1rem solid var(--clr-primary);
}
@media only screen and (max-width: 767px) {
    .dp-grid-outline-2--m {
        --grid-gap-col: 0;
    }
    .dp-grid-outline-2--m li:nth-child(even) {
        border-left: revert;
    }
}
/*----------------------------------------------------------------
                    BUTTONS
------------------------------------------------------------------*/
.dp-btn-style-reset {
    padding: 0;
    border: .1rem solid var(--clr-transparent);
    background: var(--clr-transparent);
}
[class*="dp-btn--"] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 3.2em;
    /* border-radius: var(--radius-l); */
    text-decoration: none;
    font-weight: var(--fw-regular);
    width: fit-content;
    overflow: hidden;
    isolation: isolate;
    transition: opacity 500ms ease-in-out;
    cursor: pointer;
}
[class*="dp-btn--"]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: -1;
    transition: opacity 500ms ease-in-out;
}
[class*="dp-btn--"]:hover {
    text-decoration: none;
}
[class*="dp-btn--"]:hover::before {
    opacity: 1;
}
[class*="dp-btn--"].dp-menu-cta {
    padding: 0.7rem 2.8rem;
}
:is(.dp-btn--primary, .dp-btn--secondary, .dp-btn--accent, .dp-btn--base, .dp-btn--bg) {
    color: var(--clr-white);
    font-size: 1.5rem;
}
.dp-btn--primary {
    background: var(--clr-primary);
}
.dp-btn--secondary {
    background: var(--clr-secondary);
}
.dp-btn--accent {
    background: var(--clr-accent);
}
.dp-btn--base {
    background: var(--clr-base);
}
.dp-btn--white {
    color: var(--clr-base);
    font-size: 1.5rem;
    background: var(--clr-white);
    transition: all 500ms ease-in-out;
}
.dp-btn--outline-txt-white, 
.dp-btn--outline-txt-primary, 
.dp-btn--outline-txt-base {
    font-size: 1.4rem;
    font-weight: var(--fw-bold);
    border: .1rem solid var(--clr-primary);
}
.dp-btn--outline-txt-white {
    color: var(--clr-white);    
}
.dp-btn--outline-txt-primary {
    color: var(--clr-primary);
}
.dp-btn--outline-txt-base {
    color: var(--clr-base);
}
.dp-btn--outline-txt-white:hover, 
.dp-btn--outline-txt-primary:hover, 
.dp-btn--outline-txt-base:hover {
    color: var(--clr-white);
}
.dp-btn--outline-txt-white::before, 
.dp-btn--outline-txt-primary::before, 
.dp-btn--outline-txt-base::before {
    background: var(--clr-primary);
}
.dp-btn--white:hover {
    color: var(--clr-white);
    border-color: var(--clr-base);
}
.dp-btn--white::before {
    background: var(--clr-base);
}
.dp-btn-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.dp-btn-icon-wrapper svg {
    --size: 1.8rem;
    fill: var(--clr-white);
    width: var(--size);
    height: var(--size);
}
.dp-cta-arrow-circle, 
.dp-cta-arrow-simple {
    --_transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    display: flex;
    align-items: center;
    gap: 1em;
    color: currentColor;
    width: fit-content;
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple) > span {
    flex-shrink: 0;
    -webkit-transition: var(--_transition);
    transition: var(--_transition);
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple).dp-flex-shrink > span {
    flex-shrink: 1;
    /* -webkit-transition: var(--_transition);
    transition: var(--_transition); */
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple) svg {
    width: 80px;
    -webkit-transition: var(--_transition);
    transition: var(--_transition);
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple) svg :where(rect, path) {
    fill: currentColor;
    transform-origin: left;
    -webkit-transition: var(--_transition);
    transition: var(--_transition);
}
.dp-cta-arrow-circle svg circle {
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    opacity: .1;
    -webkit-transition: var(--_transition);
    transition: var(--_transition);
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple):hover {
    text-decoration: none;
}
.dp-cta-letter-span:hover > span {
    letter-spacing: 2px;
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple):hover svg rect {
    transform: translateX(50%) scaleX(35%);
}
:is(.dp-cta-arrow-circle, .dp-cta-arrow-simple):hover svg path {
    transform: translateX(10px);
}
.dp-cta-outline {
    padding: .5em var(--space-m);
    border: 2px solid currentColor;
}
/*----------------------------------------------------------------
                    GRIDS
------------------------------------------------------------------*/
:where(
.dp-grid--1, .dp-grid--2, 
.dp-grid--3, .dp-grid--4, 
.dp-grid--5, 
.dp-grid--1-1, 
.dp-grid--1-2, .dp-grid--2-1, 
.dp-grid--1-3, .dp-grid--3-1, 
.dp-grid--1-4, .dp-grid--4-1, 
.dp-grid--2-3, .dp-grid--3-2, 
.dp-grid--3-4, .dp-grid--4-3, 
.dp-grid--4-5, .dp-grid--5-4, 
.dp-grid--5-6, .dp-grid--6-5) {
    display: grid;
    width: 100%;    
}
.dp-grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.dp-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dp-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dp-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dp-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.dp-grid--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.dp-grid--1-1 {
    grid-template-columns: 1fr 1fr;
}
.dp-grid--1-2 {
    grid-template-columns: 1fr 2fr;
}
.dp-grid--2-1 {
    grid-template-columns: 2fr 1fr;
}
.dp-grid--1-3 {
    grid-template-columns: 1fr 3fr;
}
.dp-grid--3-1 {
    grid-template-columns: 3fr 1fr;
}
.dp-grid--1-4 {
    grid-template-columns: 1fr 4fr;
}
.dp-grid--4-1 {
    grid-template-columns: 4fr 1fr;
}
.dp-grid--2-3 {
    grid-template-columns: 2fr 3fr;
}
.dp-grid--3-2 {
    grid-template-columns: 3fr 2fr;
}
.dp-grid--3-4 {
    grid-template-columns: 3fr 4fr;
}
.dp-grid--4-3 {
    grid-template-columns: 4fr 3fr;
}
.dp-grid--4-5 {
    grid-template-columns: 4fr 5fr;
}
.dp-grid--5-4 {
    grid-template-columns: 5fr 4fr;
}
.dp-grid--5-6 {
    grid-template-columns: 5fr 6fr;
}
.dp-grid--6-5 {
    grid-template-columns: 6fr 5fr;
}
.dp-col-start--2 {
    grid-column-start: 2;
}
.dp-row-start--1 {
    grid-row-start: 1;
}
.dp-row-span--2 {
    grid-row: auto / span 2;
}
@media only screen and (max-width: 991px) {
    .dp-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .dp-grid--l-1 {
        display: flex;
        flex-direction: column;        
    }
    .dp-grid--l-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dp-grid--l-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .dp-col-last-span--l-2 > :last-child {
        grid-column: 1 / span 2;
    }
    .dp-row-span--l-2 {
        grid-row: auto / span 2;
    }
    .dp-row-span--l-1 {
        grid-row: auto / span 1;
    }
}
@media only screen and (max-width: 767px) {
    .dp-grid--3-m {
        grid-template-columns: repeat(2, 1fr);
    }
    .dp-grid--m-1 {
        display: flex;
        flex-direction: column;        
    }
    .dp-grid--m-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dp-grid--m-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .dp-col-last-span--m-2 > :last-child {
        grid-column: 1 / span 2;
    }
    .dp-col-last-span--m-1 > :last-child {
        grid-column: 1 / -1;
    }
    .dp-row-span--m-2 {
        grid-row: auto / span 2;
    }
    .dp-row-span--m-1 {
        grid-row: auto / span 1;
    }
}
@media only screen and (max-width: 479px) {
    .dp-grid--s-1 {
        display: flex;
        flex-direction: column;        
    }
    .dp-grid--s-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dp-row-span--s-1 {
        grid-row: auto / span 1;
    }
}
/*----------------------------------------------------------------
                    PERFMATTERS
------------------------------------------------------------------*/
.perfmatters-lazy-youtube .play {
    --_icon-size: 3.6rem;
    --_size: 8rem;
    width: var(--_size) !important;
    height: var(--_size) !important;
    background: url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2311a3b5' d='M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z'/%3E%3C/svg%3E" ) no-repeat 62% 47% rgba(255,255,255,.6) !important;
    background-size: var(--_icon-size) var(--_icon-size) !important;
    border-radius: 50%;
    transition: background 500ms ease-in-out;
    filter: none !important;
}
.perfmatters-lazy-youtube:hover .play {
    background: url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z'/%3E%3C/svg%3E" ) no-repeat 62% 47% var(--clr-accent) !important;
    background-size: var(--_icon-size) var(--_icon-size) !important;
}
@media only screen and (max-width: 767px) {
    .perfmatters-lazy-youtube .play {
        --icon-size: 3rem;
        --size: 7rem;
    }
}
@media only screen and (max-width: 479px) {
    .perfmatters-lazy-youtube .play {
        --icon-size: 2rem;
        --size: 5rem;
    }
}
/*----------------------------------------------------------------
                    Z-INDEX
------------------------------------------------------------------*/
.dp-z-index--3 {
    z-index: 3;
}
.dp-z-index--6 {
    z-index: 6;
}
.dp-z-index--10 {
    z-index: 10;
}
/*----------------------------------------------------------------
                    CONTACT PAGE
------------------------------------------------------------------*/
.dp-contact-icon {
    --icon-size: 1.8rem;
    fill: var(--clr-primary);
    width: var(--icon-size);
    height: var(--icon-size);
}
.dp-contact-form-page {
    --padding-vertical: var(--space-l);
    --padding-horizontal: var(--space-xl);
}
.dp-contact-form-page .dp-contact-info__form {
    padding: var(--padding-vertical) var(--padding-horizontal) var(--padding-vertical) 0;
    border-right: .1rem solid var(--clr-primary);
}
.dp-contact-form-page .dp-contact-info__clinics {
    padding: var(--padding-vertical) 0 var(--padding-vertical) var(--padding-horizontal);
    /* border-right: .1rem solid var(--clr-primary); */
}
@media only screen and (max-width: 991px) {
    .dp-contact-form-page {
        --padding-vertical: 0;
        --padding-horizontal: 0;
        gap: var(--space-m);
    }
.dp-contact-form-page .dp-contact-info__form {
    border-right: revert;
    }
}