/*=============================================
=            SECTION MAIN SETTINGS           =
=============================================*/

/* IBM Plex Sans - altrnative to helvetica */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* EB Garamond */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

/*----------  ANCHOR Montserrat  ----------*/

/* montserrat-100 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-100.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-100.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-100.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-100.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-100.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-100.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-200 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-200.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-200.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-200.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-200.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-200.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-200.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-300.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-regular.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-500.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-600.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-700.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-800.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-800.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-900.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-100italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-100italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-100italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-100italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-100italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-100italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-100italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-200italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-200italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-200italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-200italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-200italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-200italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-200italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-300italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-300italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-300italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-300italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-300italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-300italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-500italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-500italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-500italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-500italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-500italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-500italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-600italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-600italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-600italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-600italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-600italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-600italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-700italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-700italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-700italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-800italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-800italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-800italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-800italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-800italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-800italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-800italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-900italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../../fonts/montserrat-v24-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../../fonts/montserrat-v24-latin-900italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/montserrat-v24-latin-900italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/montserrat-v24-latin-900italic.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/montserrat-v24-latin-900italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/montserrat-v24-latin-900italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/*----------  SECTION Root  ----------*/

:root {

    /* ANCHOR Typography System */
    --main-font-family: 'IBM Plex Sans', 'Arial', sans-serif;
    --secondary-font-family: 'Montserrat', 'Arial', sans-serif;
    --garamond-font-family: 'EB Garamond', 'Arial', sans-serif;

    --main-font-size: 16px;

    /* ANCHOR Color System */
    --sys_pink: #ab1368;
    /* Jazzberry Jam */
    --sys_pink_dark: #910048;
    /* Rose Garnet */
    --sys_blue: #5489a3;
    /* Rackley */
    --sys_blue_dark: #464e7e;
    /* Purple Navy */
    --sys_green: #8cac89;
    /* Dark Sea Green */
    --sys_sand: #a39382;
    /* Grullo */
    --sys_violet: #563d82;
    /* Cyber Grape */
    --sys_rose: #e06287;
    /* Blush */

    --sys_gray: #63666a;
    /* Granite gray */
    --sys_gray_silver_1: #D0CFD0;
    /* American silver */
    --sys_gray_silver_2: #e6e6e6;
    /* Platinum */
    --sys_gray_silver_3: #f4f4f4;
    /* Cultured */
    --sys_gray_silver_4: #F6F5F3;
    /* Cultured */

    /* --sys_text_main_color: #1D1D1B; */
    --sys_text_main_color: #000000;

    /* ANCHOR Transparent Colors */
    --pink_transparent: #ab136880;
    --pink_dark_transparent: #91004880;
    --blue_transparent: #5489a3c5;
    --blue_dark_transparent: #464e7e80;
    --green_transparent: #8cac8980;
    --sand_transparent: #a3938298;
    --violet_transparent: #563d8280;
    --rose_transparent: #e0628883;
    --black_transparent: #000000b2;
    --black_overlay_search: #000000e3;
    --white_transparent: #ffffffb2;

    /* ANCHOR Black - White */
    --white: #ffffff;
    --black: #000000;

    /* ANCHOR Main Shadow */
    --shadow: 0px 0px 24px rgba(0, 0, 0, 0.11);

    /* ANCHOR Main Transitions */
    --transition: all 0.4s ease-in-out;
    --transition_slow: all 0.6s ease-in-out;

    /* ANCHOR Plyr Video */
    --plyr-color-main: var(--sys_pink);
    --plyr-video-background: var(--white);

    /* ANCHOR Bootstrap5 Variables Override */
    --bs-primary: var(--sys_pink) !important;
    --bs-link-color: var(--sys_pink) !important;
    --bs-link-hover-color: var(--sys_pink) !important;

    --bs-btn-active-bg: var(--sys_blue) !important;
    --bs-btn-active-border-color: var(--sys_blue) !important;
    --bs-btn-focus-box-shadow: var(--sys_pink_transparent) !important;
    --bs-info-rgb: var(--sys_blue) !important;
}

/* ANCHOR Bootstrap5 Classes Override */

.text-bg-primary {
    background-color: var(--sys_pink) !important;
}

.text-bg-info {
    background-color: var(--sys_blue) !important;
}

.btn-check+.btn:hover {
    color: var(--white) !important;
    background-color: var(--sys_pink) !important;
    border-color: var(--sys_pink) !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--sys_pink) !important;
    border-color: var(--sys_pink_dark) !important;
}

/*----------  !SECTION Root  ----------*/

/*----------  ANCHOR Generals  ----------*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    /* background: rgb(0 100 0 / 0.1) !important; */
    /* DEBUG */
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--white);
    color: var(--main_text_color);
    font-family: var(--main-font-family);
    font-size: var(--main-font-size);
    -webkit-font-smoothing: antialiased;
    /*  height: 100%; */
    width: 100vw;
    overflow-x: hidden !important;
    position: relative;
}

::selection {
    color: var(--white);
    background: var(--black);
}

/* ANCHOR WCAG 2.2 Focus Adjustments */
:focus {
    outline: 2px solid var(--sys_pink);
}

/* applies a black outline to links only when focused via keyboard */
a:focus-visible {
    outline: 2px solid var(--sys_pink);
}

/* when the element receives focus that is not keyboard focus */
:focus:not(:focus-visible) {
    outline: none;
}

/* END */

/*----------  !SECTION MAIN SETTINGS ----------*/

/*=============================================
=            SECTION UTILITIES            =
=============================================*/

/*=============================================
=            SECTION Sizing            =
=============================================*/

/* ANCHOR Heights (10px interval | h_10 - h_1000 + h_auto) */
.h_auto {
    height: auto;
}

.h_10 {
    height: 10px;
}

.h_20 {
    height: 20px;
}

.h_30 {
    height: 30px;
}

.h_40 {
    height: 40px;
}

.h_50 {
    height: 50px;
}

.h_60 {
    height: 60px;
}

.h_70 {
    height: 70px;
}

.h_80 {
    height: 80px;
}

.h_90 {
    height: 90px;
}

.h_100 {
    height: 100px;
}

.h_110 {
    height: 110px;
}

.h_120 {
    height: 120px;
}

.h_130 {
    height: 130px;
}

.h_140 {
    height: 140px;
}

.h_150 {
    height: 150px;
}

.h_160 {
    height: 160px;
}

.h_170 {
    height: 170px;
}

.h_180 {
    height: 180px;
}

.h_190 {
    height: 190px;
}

.h_200 {
    height: 200px;
}

.h_210 {
    height: 210px;
}

.h_220 {
    height: 220px;
}

.h_230 {
    height: 230px;
}

.h_240 {
    height: 240px;
}

.h_250 {
    height: 250px;
}

.h_260 {
    height: 260px;
}

.h270 {
    height: 270px;
}

.h_280 {
    height: 280px;
}

.h_290 {
    height: 290px;
}

.h_300 {
    height: 300px;
}

.h_310 {
    height: 310px;
}

.h_320 {
    height: 320px;
}

.h_330 {
    height: 330px;
}

.h_340 {
    height: 340px;
}

.h_350 {
    height: 350px;
}

.h_360 {
    height: 360px;
}

.h_370 {
    height: 370px;
}

.h_380 {
    height: 380px;
}

.h_390 {
    height: 390px;
}

.h_400 {
    height: 400px;
}

.h_410 {
    height: 410px;
}

.h_420 {
    height: 420px;
}

.h_430 {
    height: 430px;
}

.h_440 {
    height: 440px;
}

.h_450 {
    height: 450px;
}

.h_460 {
    height: 460px;
}

.h_470 {
    height: 470px;
}

.h_480 {
    height: 480px;
}

.h_490 {
    height: 490px;
}

.h_500 {
    height: 500px;
}

.h_510 {
    height: 510px;
}

.h_520 {
    height: 520px;
}

.h_530 {
    height: 530px;
}

.h_540 {
    height: 540px;
}

.h_550 {
    height: 550px;
}

.h_560 {
    height: 560px;
}

.h_570 {
    height: 570px;
}

.h_580 {
    height: 580px;
}

.h_590 {
    height: 590px;
}

.h_600 {
    height: 600px;
}

.h_610 {
    height: 610px;
}

.h_620 {
    height: 620px;
}

.h_630 {
    height: 630px;
}

.h_640 {
    height: 640px;
}

.h_650 {
    height: 650px;
}

.h_660 {
    height: 660px;
}

.h_670 {
    height: 670px;
}

.h_680 {
    height: 680px;
}

.h_690 {
    height: 690px;
}

.h_700 {
    height: 700px;
}

.h_710 {
    height: 710px;
}

.h_720 {
    height: 720px;
}

.h_730 {
    height: 730px;
}

.h_740 {
    height: 740px;
}

.h_750 {
    height: 750px;
}

.h_760 {
    height: 760px;
}

.h_770 {
    height: 770px;
}

.h_780 {
    height: 780px;
}

.h_790 {
    height: 790px;
}

.h_800 {
    height: 800px;
}

.h_810 {
    height: 810px;
}

.h_820 {
    height: 820px;
}

.h_830 {
    height: 830px;
}

.h_840 {
    height: 840px;
}

.h_850 {
    height: 850px;
}

.h_860 {
    height: 860px;
}

.h_870 {
    height: 870px;
}

.h_880 {
    height: 880px;
}

.h_890 {
    height: 890px;
}

.h_900 {
    height: 900px;
}

.h_910 {
    height: 910px;
}

.h_920 {
    height: 920px;
}

.h_930 {
    height: 930px;
}

.h_940 {
    height: 940px;
}

.h_950 {
    height: 950px;
}

.h_960 {
    height: 960px;
}

.h_970 {
    height: 970px;
}

.h_980 {
    height: 980px;
}

.h_990 {
    height: 990px;
}

.h_1000 {
    height: 1000px;
}

/* ANCHOR Min Heights (10px interval | min_h_100 - min_h_1000 + min_h_100vh) */

.min_h_100 {
    min-height: 100px;
}

.min_h_110 {
    min-height: 110px;
}

.min_h_120 {
    min-height: 120px;
}

.min_h_130 {
    min-height: 130px;
}

.min_h_140 {
    min-height: 140px;
}

.min_h_150 {
    min-height: 150px;
}

.min_h_160 {
    min-height: 160px;
}

.min_h_170 {
    min-height: 170px;
}

.min_h_180 {
    min-height: 180px;
}

.min_h_190 {
    min-height: 190px;
}

.min_h_200 {
    min-height: 200px;
}

.min_h_210 {
    min-height: 210px;
}

.min_h_220 {
    min-height: 220px;
}

.min_h_230 {
    min-height: 230px;
}

.min_h_240 {
    min-height: 240px;
}

.min_h_250 {
    min-height: 250px;
}

.min_h_260 {
    min-height: 260px;
}

.min_h_270 {
    min-height: 270px;
}

.min_h_280 {
    min-height: 280px;
}

.min_h_290 {
    min-height: 290px;
}

.min_h_300 {
    min-height: 300px;
}

.min_h_310 {
    min-height: 310px;
}

.min_h_320 {
    min-height: 320px;
}

.min_h_330 {
    min-height: 330px;
}

.min_h_340 {
    min-height: 340px;
}

.min_h_350 {
    min-height: 350px;
}

.min_h_360 {
    min-height: 360px;
}

.min_h_370 {
    min-height: 370px;
}

.min_h_380 {
    min-height: 380px;
}

.min_h_390 {
    min-height: 390px;
}

.min_h_400 {
    min-height: 400px;
}

.min_h_410 {
    min-height: 410px;
}

.min_h_420 {
    min-height: 420px;
}

.min_h_430 {
    min-height: 430px;
}

.min_h_440 {
    min-height: 440px;
}

.min_h_450 {
    min-height: 450px;
}

.min_h_460 {
    min-height: 460px;
}

.min_h_470 {
    min-height: 470px;
}

.min_h_480 {
    min-height: 480px;
}

.min_h_490 {
    min-height: 490px;
}

.min_h_500 {
    min-height: 500px;
}

.min_h_510 {
    min-height: 510px;
}

.min_h_520 {
    min-height: 520px;
}

.min_h_530 {
    min-height: 530px;
}

.min_h_540 {
    min-height: 540px;
}

.min_h_550 {
    min-height: 550px;
}

.min_h_560 {
    min-height: 560px;
}

.min_h_570 {
    min-height: 570px;
}

.min_h_580 {
    min-height: 580px;
}

.min_h_590 {
    min-height: 590px;
}

.min_h_600 {
    min-height: 600px;
}

.min_h_610 {
    min-height: 610px;
}

.min_h_620 {
    min-height: 620px;
}

.min_h_630 {
    min-height: 630px;
}

.min_h_640 {
    min-height: 640px;
}

.min_h_650 {
    min-height: 650px;
}

.min_h_660 {
    min-height: 660px;
}

.min_h_670 {
    min-height: 670px;
}

.min_h_680 {
    min-height: 680px;
}

.min_h_690 {
    min-height: 690px;
}

.min_h_700 {
    min-height: 700px;
}

.min_h_710 {
    min-height: 710px;
}

.min_h_720 {
    min-height: 720px;
}

.min_h_730 {
    min-height: 730px;
}

.min_h_740 {
    min-height: 740px;
}

.min_h_750 {
    min-height: 750px;
}

.min_h_760 {
    min-height: 760px;
}

.min_h_770 {
    min-height: 770px;
}

.min_h_780 {
    min-height: 780px;
}

.min_h_790 {
    min-height: 790px;
}

.min_h_800 {
    min-height: 800px;
}

.min_h_810 {
    min-height: 810px;
}

.min_h_820 {
    min-height: 820px;
}

.min_h_830 {
    min-height: 830px;
}

.min_h_840 {
    min-height: 840px;
}

.min_h_850 {
    min-height: 850px;
}

.min_h_860 {
    min-height: 860px;
}

.min_h_880 {
    min-height: 880px;
}

.min_h_880 {
    min-height: 880px;
}

.min_h_890 {
    min-height: 890px;
}

.min_h_900 {
    min-height: 900px;
}

.min_h_910 {
    min-height: 910px;
}

.min_h_920 {
    min-height: 920px;
}

.min_h_930 {
    min-height: 930px;
}

.min_h_940 {
    min-height: 940px;
}

.min_h_950 {
    min-height: 950px;
}

.min_h_960 {
    min-height: 960px;
}

.min_h_990 {
    min-height: 990px;
}

.min_h_980 {
    min-height: 980px;
}

.min_h_990 {
    min-height: 990px;
}

.min_h_1000 {
    min-height: 1000px;
}

.min_h_100vh {
    min-height: 100vh;
}

.min_h_100pc {
    min-height: 100%;
}

/* ANCHOR Max Heights (10px interval | max_h_100 - max_h_1000 + max_h_100vh) */

.max_h_100 {
    max-height: 100px;
}

.max_h_110 {
    max-height: 110px;
}

.max_h_120 {
    max-height: 120px;
}

.max_h_130 {
    max-height: 130px;
}

.max_h_140 {
    max-height: 140px;
}

.max_h_150 {
    max-height: 150px;
}

.max_h_160 {
    max-height: 160px;
}

.max_h_170 {
    max-height: 170px;
}

.max_h_180 {
    max-height: 180px;
}

.max_h_190 {
    max-height: 190px;
}

.max_h_200 {
    max-height: 200px;
}

.max_h_210 {
    max-height: 210px;
}

.max_h_220 {
    max-height: 220px;
}

.max_h_230 {
    max-height: 230px;
}

.max_h_240 {
    max-height: 240px;
}

.max_h_250 {
    max-height: 250px;
}

.max_h_260 {
    max-height: 260px;
}

.max_h_270 {
    max-height: 270px;
}

.max_h_280 {
    max-height: 280px;
}

.max_h_290 {
    max-height: 290px;
}

.max_h_300 {
    max-height: 300px;
}

.max_h_310 {
    max-height: 310px;
}

.max_h_320 {
    max-height: 320px;
}

.max_h_330 {
    max-height: 330px;
}

.max_h_340 {
    max-height: 340px;
}

.max_h_350 {
    max-height: 350px;
}

.max_h_360 {
    max-height: 360px;
}

.max_h_370 {
    max-height: 370px;
}

.max_h_380 {
    max-height: 380px;
}

.max_h_390 {
    max-height: 390px;
}

.max_h_400 {
    max-height: 400px;
}

.max_h_410 {
    max-height: 410px;
}

.max_h_420 {
    max-height: 420px;
}

.max_h_430 {
    max-height: 430px;
}

.max_h_440 {
    max-height: 440px;
}

.max_h_450 {
    max-height: 450px;
}

.max_h_460 {
    max-height: 460px;
}

.max_h_470 {
    max-height: 470px;
}

.max_h_480 {
    max-height: 480px;
}

.max_h_490 {
    max-height: 490px;
}

.max_h_500 {
    max-height: 500px;
}

.max_h_510 {
    max-height: 510px;
}

.max_h_520 {
    max-height: 520px;
}

.max_h_530 {
    max-height: 530px;
}

.max_h_540 {
    max-height: 540px;
}

.max_h_550 {
    max-height: 550px;
}

.max_h_560 {
    max-height: 560px;
}

.max_h_570 {
    max-height: 570px;
}

.max_h_580 {
    max-height: 580px;
}

.max_h_590 {
    max-height: 590px;
}

.max_h_600 {
    max-height: 600px;
}

.max_h_610 {
    max-height: 610px;
}

.max_h_620 {
    max-height: 620px;
}

.max_h_630 {
    max-height: 630px;
}

.max_h_640 {
    max-height: 640px;
}

.max_h_650 {
    max-height: 650px;
}

.max_h_660 {
    max-height: 660px;
}

.max_h_670 {
    max-height: 670px;
}

.max_h_680 {
    max-height: 680px;
}

.max_h_690 {
    max-height: 690px;
}

.max_h_700 {
    max-height: 700px;
}

.max_h_710 {
    max-height: 710px;
}

.max_h_720 {
    max-height: 720px;
}

.max_h_730 {
    max-height: 730px;
}

.max_h_740 {
    max-height: 740px;
}

.max_h_750 {
    max-height: 750px;
}

.max_h_760 {
    max-height: 760px;
}

.max_h_770 {
    max-height: 770px;
}

.max_h_780 {
    max-height: 780px;
}

.max_h_790 {
    max-height: 790px;
}

.max_h_800 {
    max-height: 800px;
}

.max_h_810 {
    max-height: 810px;
}

.max_h_820 {
    max-height: 820px;
}

.max_h_830 {
    max-height: 830px;
}

.max_h_840 {
    max-height: 840px;
}

.max_h_850 {
    max-height: 850px;
}

.max_h_860 {
    max-height: 860px;
}

.max_h_880 {
    max-height: 880px;
}

.max_h_880 {
    max-height: 880px;
}

.max_h_890 {
    max-height: 890px;
}

.max_h_900 {
    max-height: 900px;
}

.max_h_910 {
    max-height: 910px;
}

.max_h_920 {
    max-height: 920px;
}

.max_h_930 {
    max-height: 930px;
}

.max_h_940 {
    max-height: 940px;
}

.max_h_950 {
    max-height: 950px;
}

.max_h_960 {
    max-height: 960px;
}

.max_h_970 {
    max-height: 970px;
}

.max_h_980 {
    max-height: 980px;
}

.max_h_990 {
    max-height: 990px;
}

.max_h_1000 {
    max-height: 1000px;
}

.max_h_100vh {
    max-height: 100vh;
}

.max_h_100pc {
    max-height: 100%;
}

/* ANCHOR Width (10px interval | w_10 - w_1000 + w_auto) */
.w_auto {
    width: auto;
}

.w_10 {
    width: 10px;
}

.w_20 {
    width: 20px;
}

.w_30 {
    width: 30px;
}

.w_40 {
    width: 40px;
}

.w_50 {
    width: 50px;
}

.w_60 {
    width: 60px;
}

.w_70 {
    width: 70px;
}

.w_80 {
    width: 80px;
}

.w_90 {
    width: 90px;
}

.w_100 {
    width: 100px;
}

.w_110 {
    width: 110px;
}

.w_120 {
    width: 120px;
}

.w_130 {
    width: 130px;
}

.w_140 {
    width: 140px;
}

.w_150 {
    width: 150px;
}

.w_160 {
    width: 160px;
}

.w_170 {
    width: 170px;
}

.w_180 {
    width: 180px;
}

.w_190 {
    width: 190px;
}

.w_200 {
    width: 200px;
}

.w_210 {
    width: 210px;
}

.w_220 {
    width: 220px;
}

.w_230 {
    width: 230px;
}

.w_240 {
    width: 240px;
}

.w_250 {
    width: 250px;
}

.w_260 {
    width: 260px;
}

.w_270 {
    width: 270px;
}

.w_280 {
    width: 280px;
}

.w_290 {
    width: 290px;
}

.w_300 {
    width: 300px;
}

.w_310 {
    width: 310px;
}

.w_320 {
    width: 320px;
}

.w_330 {
    width: 330px;
}

.w_340 {
    width: 340px;
}

.w_350 {
    width: 350px;
}

.w_360 {
    width: 360px;
}

.w_370 {
    width: 370px;
}

.w_380 {
    width: 380px;
}

.w_390 {
    width: 390px;
}

.w_400 {
    width: 400px;
}

.w_410 {
    width: 410px;
}

.w_420 {
    width: 420px;
}

.w_430 {
    width: 430px;
}

.w_440 {
    width: 440px;
}

.w_450 {
    width: 450px;
}

.w_460 {
    width: 460px;
}

.w_470 {
    width: 470px;
}

.w_480 {
    width: 480px;
}

.w_490 {
    width: 490px;
}

.w_500 {
    width: 500px;
}

.w_510 {
    width: 510px;
}

.w_520 {
    width: 520px;
}

.w_530 {
    width: 530px;
}

.w_540 {
    width: 540px;
}

.w_550 {
    width: 550px;
}

.w_560 {
    width: 560px;
}

.w_570 {
    width: 570px;
}

.w_580 {
    width: 580px;
}

.w_590 {
    width: 590px;
}

.w_600 {
    width: 600px;
}

.w_610 {
    width: 610px;
}

.w_620 {
    width: 620px;
}

.w_630 {
    width: 630px;
}

.w_640 {
    width: 640px;
}

.w_650 {
    width: 650px;
}

.w_660 {
    width: 660px;
}

.w_670 {
    width: 670px;
}

.w_680 {
    width: 680px;
}

.w_690 {
    width: 690px;
}

.w_700 {
    width: 700px;
}

.w_710 {
    width: 710px;
}

.w_720 {
    width: 720px;
}

.w_730 {
    width: 730px;
}

.w_740 {
    width: 740px;
}

.w_750 {
    width: 750px;
}

.w_760 {
    width: 760px;
}

.w_770 {
    width: 770px;
}

.w_780 {
    width: 780px;
}

.w_790 {
    width: 790px;
}

.w_800 {
    width: 800px;
}

.w_810 {
    width: 810px;
}

.w_820 {
    width: 820px;
}

.w_830 {
    width: 830px;
}

.w_840 {
    width: 840px;
}

.w_850 {
    width: 850px;
}

.w_860 {
    width: 860px;
}

.w_870 {
    width: 870px;
}

.w_880 {
    width: 880px;
}

.w_890 {
    width: 890px;
}

.w_900 {
    width: 900px;
}

.w_910 {
    width: 910px;
}

.w_920 {
    width: 920px;
}

.w_930 {
    width: 930px;
}

.w_940 {
    width: 940px;
}

.w_950 {
    width: 950px;
}

.w_960 {
    width: 960px;
}

.w_970 {
    width: 970px;
}

.w_980 {
    width: 980px;
}

.w_990 {
    width: 990px;
}

.w_1000 {
    width: 1000px;
}

.w_60prc {
    width: 60%;
}

/* ANCHOR Min Width (10px interval | min_w_100 - min_w_1000 + min_w_100vw) */

.min_w_100 {
    min-width: 100px;
}

.min_w_110 {
    min-width: 110px;
}

.min_w_120 {
    min-width: 120px;
}

.min_w_130 {
    min-width: 130px;
}

.min_w_140 {
    min-width: 140px;
}

.min_w_150 {
    min-width: 150px;
}

.min_w_160 {
    min-width: 160px;
}

.min_w_170 {
    min-width: 170px;
}

.min_w_180 {
    min-width: 180px;
}

.min_w_190 {
    min-width: 190px;
}

.min_w_200 {
    min-width: 200px;
}

.min_w_210 {
    min-width: 210px;
}

.min_w_220 {
    min-width: 220px;
}

.min_w_230 {
    min-width: 230px;
}

.min_w_240 {
    min-width: 240px;
}

.min_w_250 {
    min-width: 250px;
}

.min_w_260 {
    min-width: 260px;
}

.min_w_270 {
    min-width: 270px;
}

.min_w_280 {
    min-width: 280px;
}

.min_w_290 {
    min-width: 290px;
}

.min_w_300 {
    min-width: 300px;
}

.min_w_310 {
    min-width: 310px;
}

.min_w_320 {
    min-width: 320px;
}

.min_w_330 {
    min-width: 330px;
}

.min_w_340 {
    min-width: 340px;
}

.min_w_350 {
    min-width: 350px;
}

.min_w_360 {
    min-width: 360px;
}

.min_w_370 {
    min-width: 370px;
}

.min_w_380 {
    min-width: 380px;
}

.min_w_390 {
    min-width: 390px;
}

.min_w_400 {
    min-width: 400px;
}

.min_w_410 {
    min-width: 410px;
}

.min_w_420 {
    min-width: 420px;
}

.min_w_430 {
    min-width: 430px;
}

.min_w_440 {
    min-width: 440px;
}

.min_w_450 {
    min-width: 450px;
}

.min_w_460 {
    min-width: 460px;
}

.min_w_470 {
    min-width: 470px;
}

.min_w_480 {
    min-width: 480px;
}

.min_w_490 {
    min-width: 490px;
}

.min_w_500 {
    min-width: 500px;
}

.min_w_510 {
    min-width: 510px;
}

.min_w_520 {
    min-width: 520px;
}

.min_w_530 {
    min-width: 530px;
}

.min_w_540 {
    min-width: 540px;
}

.min_w_550 {
    min-width: 550px;
}

.min_w_560 {
    min-width: 560px;
}

.min_w_570 {
    min-width: 570px;
}

.min_w_580 {
    min-width: 580px;
}

.min_w_590 {
    min-width: 590px;
}

.min_w_600 {
    min-width: 600px;
}

.min_w_610 {
    min-width: 610px;
}

.min_w_620 {
    min-width: 620px;
}

.min_w_630 {
    min-width: 630px;
}

.min_w_640 {
    min-width: 640px;
}

.min_w_650 {
    min-width: 650px;
}

.min_w_660 {
    min-width: 660px;
}

.min_w_670 {
    min-width: 670px;
}

.min_w_680 {
    min-width: 680px;
}

.min_w_690 {
    min-width: 690px;
}

.min_w_700 {
    min-width: 700px;
}

.min_w_710 {
    min-width: 710px;
}

.min_w_720 {
    min-width: 720px;
}

.min_w_730 {
    min-width: 730px;
}

.min_w_740 {
    min-width: 740px;
}

.min_w_750 {
    min-width: 750px;
}

.min_w_760 {
    min-width: 760px;
}

.min_w_770 {
    min-width: 770px;
}

.min_w_780 {
    min-width: 780px;
}

.min_w_790 {
    min-width: 790px;
}

.min_w_800 {
    min-width: 800px;
}

.min_w_810 {
    min-width: 810px;
}

.min_w_820 {
    min-width: 820px;
}

.min_w_830 {
    min-width: 830px;
}

.min_w_840 {
    min-width: 840px;
}

.min_w_850 {
    min-width: 850px;
}

.min_w_860 {
    min-width: 860px;
}

.min_w_880 {
    min-width: 880px;
}

.min_w_880 {
    min-width: 880px;
}

.min_w_890 {
    min-width: 890px;
}

.min_w_900 {
    min-width: 900px;
}

.min_w_910 {
    min-width: 910px;
}

.min_w_920 {
    min-width: 920px;
}

.min_w_930 {
    min-width: 930px;
}

.min_w_940 {
    min-width: 940px;
}

.min_w_950 {
    min-width: 950px;
}

.min_w_960 {
    min-width: 960px;
}

.min_w_970 {
    min-width: 970px;
}

.min_w_980 {
    min-width: 980px;
}

.min_w_990 {
    min-width: 990px;
}

.min_w_1000 {
    min-width: 1000px;
}

.min_w_100vw {
    min-width: 100vw;
}

.min_w_100pc {
    min-width: 100%;
}

/* ANCHOR Max Width (10px interval | max_w_100 - max_w_100 + max_w_100vw) */

.max_w_100 {
    max-width: 100px;
}

.max_w_110 {
    max-width: 110px;
}

.max_w_120 {
    max-width: 120px;
}

.max_w_130 {
    max-width: 130px;
}

.max_w_140 {
    max-width: 140px;
}

.max_w_150 {
    max-width: 150px;
}

.max_w_160 {
    max-width: 160px;
}

.max_w_170 {
    max-width: 170px;
}

.max_w_180 {
    max-width: 180px;
}

.max_w_190 {
    max-width: 190px;
}

.max_w_200 {
    max-width: 200px;
}

.max_w_210 {
    max-width: 210px;
}

.max_w_220 {
    max-width: 220px;
}

.max_w_230 {
    max-width: 230px;
}

.max_w_240 {
    max-width: 240px;
}

.max_w_250 {
    max-width: 250px;
}

.max_w_260 {
    max-width: 260px;
}

.max_w_270 {
    max-width: 270px;
}

.max_w_280 {
    max-width: 280px;
}

.max_w_290 {
    max-width: 290px;
}

.max_w_300 {
    max-width: 300px;
}

.max_w_310 {
    max-width: 310px;
}

.max_w_320 {
    max-width: 320px;
}

.max_w_330 {
    max-width: 330px;
}

.max_w_340 {
    max-width: 340px;
}

.max_w_350 {
    max-width: 350px;
}

.max_w_360 {
    max-width: 360px;
}

.max_w_370 {
    max-width: 370px;
}

.max_w_380 {
    max-width: 380px;
}

.max_w_390 {
    max-width: 390px;
}

.max_w_400 {
    max-width: 400px;
}

.max_w_410 {
    max-width: 410px;
}

.max_w_420 {
    max-width: 420px;
}

.max_w_430 {
    max-width: 430px;
}

.max_w_440 {
    max-width: 440px;
}

.max_w_450 {
    max-width: 450px;
}

.max_w_460 {
    max-width: 460px;
}

.max_w_470 {
    max-width: 470px;
}

.max_w_480 {
    max-width: 480px;
}

.max_w_490 {
    max-width: 490px;
}

.max_w_500 {
    max-width: 500px;
}

.max_w_510 {
    max-width: 510px;
}

.max_w_520 {
    max-width: 520px;
}

.max_w_530 {
    max-width: 530px;
}

.max_w_540 {
    max-width: 540px;
}

.max_w_550 {
    max-width: 550px;
}

.max_w_560 {
    max-width: 560px;
}

.max_w_570 {
    max-width: 570px;
}

.max_w_580 {
    max-width: 580px;
}

.max_w_590 {
    max-width: 590px;
}

.max_w_600 {
    max-width: 600px;
}

.max_w_610 {
    max-width: 610px;
}

.max_w_620 {
    max-width: 620px;
}

.max_w_630 {
    max-width: 630px;
}

.max_w_640 {
    max-width: 640px;
}

.max_w_650 {
    max-width: 650px;
}

.max_w_660 {
    max-width: 660px;
}

.max_w_670 {
    max-width: 670px;
}

.max_w_680 {
    max-width: 680px;
}

.max_w_690 {
    max-width: 690px;
}

.max_w_700 {
    max-width: 700px;
}

.max_w_710 {
    max-width: 710px;
}

.max_w_720 {
    max-width: 720px;
}

.max_w_730 {
    max-width: 730px;
}

.max_w_740 {
    max-width: 740px;
}

.max_w_750 {
    max-width: 750px;
}

.max_w_760 {
    max-width: 760px;
}

.max_w_770 {
    max-width: 770px;
}

.max_w_780 {
    max-width: 780px;
}

.max_w_790 {
    max-width: 790px;
}

.max_w_800 {
    max-width: 800px;
}

.max_w_810 {
    max-width: 810px;
}

.max_w_820 {
    max-width: 820px;
}

.max_w_830 {
    max-width: 830px;
}

.max_w_840 {
    max-width: 840px;
}

.max_w_850 {
    max-width: 850px;
}

.max_w_860 {
    max-width: 860px;
}

.max_w_880 {
    max-width: 880px;
}

.max_w_880 {
    max-width: 880px;
}

.max_w_890 {
    max-width: 890px;
}

.max_w_900 {
    max-width: 900px;
}

.max_w_910 {
    max-width: 910px;
}

.max_w_920 {
    max-width: 920px;
}

.max_w_930 {
    max-width: 930px;
}

.max_w_940 {
    max-width: 940px;
}

.max_w_950 {
    max-width: 950px;
}

.max_w_960 {
    max-width: 960px;
}

.max_w_970 {
    max-width: 970px;
}

.max_w_980 {
    max-width: 980px;
}

.max_w_990 {
    max-width: 990px;
}

.max_w_1000 {
    max-width: 1000px;
}

.max_w_100vw {
    max-width: 100vw;
}

.max_w_100pc {
    max-width: 100%;
}

/*----------  !SECTION SIZING  ----------*/

/* ANCHOR Positioning */
/* https://getbootstrap.com/docs/5.3/utilities/position/ */
.p_re {
    position: relative;
}

.p_ab {
    position: absolute;
}

.sticky-offset-9vh {
    top: 9vh !important;
    /* navbar height  + 1vh */
}

/* SECTION Position Utilites */

.position-initial {
    position: initial !important;
}

.position-inherit {
    position: inherit !important;
}

.position-unset {
    position: unset !important;
}

.position-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.position-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.position-fixed-left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
}

.position-fixed-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
}

.position-relative-top {
    position: relative;
    top: 0;
}

.position-relative-bottom {
    position: relative;
    bottom: 0;
}

.position-relative-left {
    position: relative;
    left: 0;
}

.position-relative-right {
    position: relative;
    right: 0;
}

.position-absolute-top {
    position: absolute;
    top: 0;
}

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

.position-absolute-left {
    position: absolute;
    left: 0;
}

.position-absolute-right {
    position: absolute;
    right: 0;
}

.position-sticky-top {
    position: sticky;
    top: 0;
}

.position-sticky-bottom {
    position: sticky;
    bottom: 0;
}

.position-sticky-left {
    position: sticky;
    left: 0;
}

.position-sticky-right {
    position: sticky;
    right: 0;
}

.position-initial-top {
    position: initial;
    top: 0;
}

.position-initial-bottom {
    position: initial;
    bottom: 0;
}

.position-initial-left {
    position: initial;
    left: 0;
}

.position-initial-right {
    position: initial;
    right: 0;
}

.position-inherit-top {
    position: inherit;
    top: 0;
}

.position-inherit-bottom {
    position: inherit;
    bottom: 0;
}

.position-inherit-left {
    position: inherit;
    left: 0;
}

.position-inherit-right {
    position: inherit;
    right: 0;
}

.position-unset-top {
    position: unset;
    top: 0;
}

.position-unset-bottom {
    position: unset;
    bottom: 0;
}

.position-unset-left {
    position: unset;
    left: 0;
}

.position-unset-right {
    position: unset;
    right: 0;
}

/*---------- ANCHOR MIN 576 - SM ----------*/
@media screen and (min-width: 576px) {

    .position-sm-relative {
        position: relative !important;
    }

    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-fixed {
        position: fixed !important;
    }

    .position-sm-static {
        position: static !important;
    }

    .position-sm-sticky {
        position: sticky !important;
    }

    .position-sm-initial {
        position: initial !important;
    }

    .position-sm-inherit {
        position: inherit !important;
    }

    .position-sm-unset {
        position: unset !important;
    }

    .position-sm-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .position-sm-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .position-sm-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .position-sm-fixed-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .position-sm-relative-top {
        position: relative;
        top: 0;
    }

    .position-sm-relative-bottom {
        position: relative;
        bottom: 0;
    }

    .position-sm-relative-left {
        position: relative;
        left: 0;
    }

    .position-sm-relative-right {
        position: relative;
        right: 0;
    }

    .position-sm-absolute-top {
        position: absolute;
        top: 0;
    }

    .position-sm-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .position-sm-absolute-left {
        position: absolute;
        left: 0;
    }

    .position-sm-absolute-right {
        position: absolute;
        right: 0;
    }

    .position-sm-sticky-top {
        position: sticky;
        top: 0;
    }

    .position-sm-sticky-bottom {
        position: sticky;
        bottom: 0;
    }

    .position-sm-sticky-left {
        position: sticky;
        left: 0;
    }

    .position-sm-sticky-right {
        position: sticky;
        right: 0;
    }

    .position-sm-initial-top {
        position: initial;
        top: 0;
    }

    .position-sm-initial-bottom {
        position: initial;
        bottom: 0;
    }

    .position-sm-initial-left {
        position: initial;
        left: 0;
    }

    .position-sm-initial-right {
        position: initial;
        right: 0;
    }

    .position-sm-inherit-top {
        position: inherit;
        top: 0;
    }

    .position-sm-inherit-bottom {
        position: inherit;
        bottom: 0;
    }

    .position-sm-inherit-left {
        position: inherit;
        left: 0;
    }

    .position-sm-inherit-right {
        position: inherit;
        right: 0;
    }

    .position-sm-unset-top {
        position: unset;
        top: 0;
    }

    .position-sm-unset-bottom {
        position: unset;
        bottom: 0;
    }

    .position-sm-unset-left {
        position: unset;
        left: 0;
    }

    .position-sm-unset-right {
        position: unset;
        right: 0;
    }

}

/*---------- ANCHOR MIN 768 - MD ----------*/
@media screen and (min-width: 768px) {

    .position-md-relative {
        position: relative !important;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-fixed {
        position: fixed !important;
    }

    .position-md-static {
        position: static !important;
    }

    .position-md-sticky {
        position: sticky !important;
    }

    .position-md-initial {
        position: initial !important;
    }

    .position-md-inherit {
        position: inherit !important;
    }

    .position-md-unset {
        position: unset !important;
    }

    .position-md-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .position-md-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .position-md-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .position-md-fixed-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .position-md-relative-top {
        position: relative;
        top: 0;
    }

    .position-md-relative-bottom {
        position: relative;
        bottom: 0;
    }

    .position-md-relative-left {
        position: relative;
        left: 0;
    }

    .position-md-relative-right {
        position: relative;
        right: 0;
    }

    .position-md-absolute-top {
        position: absolute;
        top: 0;
    }

    .position-md-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .position-md-absolute-left {
        position: absolute;
        left: 0;
    }

    .position-md-absolute-right {
        position: absolute;
        right: 0;
    }

    .position-md-sticky-top {
        position: sticky;
        top: 0;
    }

    .position-md-sticky-bottom {
        position: sticky;
        bottom: 0;
    }

    .position-md-sticky-left {
        position: sticky;
        left: 0;
    }

    .position-md-sticky-right {
        position: sticky;
        right: 0;
    }

    .position-md-initial-top {
        position: initial;
        top: 0;
    }

    .position-md-initial-bottom {
        position: initial;
        bottom: 0;
    }

    .position-md-initial-left {
        position: initial;
        left: 0;
    }

    .position-md-initial-right {
        position: initial;
        right: 0;
    }

    .position-md-inherit-top {
        position: inherit;
        top: 0;
    }

    .position-md-inherit-bottom {
        position: inherit;
        bottom: 0;
    }

    .position-md-inherit-left {
        position: inherit;
        left: 0;
    }

    .position-md-inherit-right {
        position: inherit;
        right: 0;
    }

    .position-md-unset-top {
        position: unset;
        top: 0;
    }

    .position-md-unset-bottom {
        position: unset;
        bottom: 0;
    }

    .position-md-unset-left {
        position: unset;
        left: 0;
    }

    .position-md-unset-right {
        position: unset;
        right: 0;
    }

}

/*---------- ANCHOR MIN 992 - LG ----------*/
@media screen and (min-width: 992px) {

    .position-lg-relative {
        position: relative !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-fixed {
        position: fixed !important;
    }

    .position-lg-static {
        position: static !important;
    }

    .position-lg-sticky {
        position: sticky !important;
    }

    .position-lg-initial {
        position: initial !important;
    }

    .position-lg-inherit {
        position: inherit !important;
    }

    .position-lg-unset {
        position: unset !important;
    }

    .position-lg-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .position-lg-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .position-lg-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .position-lg-fixed-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .position-lg-relative-top {
        position: relative;
        top: 0;
    }

    .position-lg-relative-bottom {
        position: relative;
        bottom: 0;
    }

    .position-lg-relative-left {
        position: relative;
        left: 0;
    }

    .position-lg-relative-right {
        position: relative;
        right: 0;
    }

    .position-lg-absolute-top {
        position: absolute;
        top: 0;
    }

    .position-lg-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .position-lg-absolute-left {
        position: absolute;
        left: 0;
    }

    .position-lg-absolute-right {
        position: absolute;
        right: 0;
    }

    .position-lg-sticky-top {
        position: sticky;
        top: 0;
    }

    .position-lg-sticky-bottom {
        position: sticky;
        bottom: 0;
    }

    .position-lg-sticky-left {
        position: sticky;
        left: 0;
    }

    .position-lg-sticky-right {
        position: sticky;
        right: 0;
    }

    .position-lg-initial-top {
        position: initial;
        top: 0;
    }

    .position-lg-initial-bottom {
        position: initial;
        bottom: 0;
    }

    .position-lg-initial-left {
        position: initial;
        left: 0;
    }

    .position-lg-initial-right {
        position: initial;
        right: 0;
    }

    .position-lg-inherit-top {
        position: inherit;
        top: 0;
    }

    .position-lg-inherit-bottom {
        position: inherit;
        bottom: 0;
    }

    .position-lg-inherit-left {
        position: inherit;
        left: 0;
    }

    .position-lg-inherit-right {
        position: inherit;
        right: 0;
    }

    .position-lg-unset-top {
        position: unset;
        top: 0;
    }

    .position-lg-unset-bottom {
        position: unset;
        bottom: 0;
    }

    .position-lg-unset-left {
        position: unset;
        left: 0;
    }

    .position-lg-unset-right {
        position: unset;
        right: 0;
    }

}

/*---------- ANCHOR MIN 1200 - XL ----------*/
@media screen and (min-width: 1200px) {

    .position-xl-relative {
        position: relative !important;
    }

    .position-xl-absolute {
        position: absolute !important;
    }

    .position-xl-fixed {
        position: fixed !important;
    }

    .position-xl-static {
        position: static !important;
    }

    .position-xl-sticky {
        position: sticky !important;
    }

    .position-xl-initial {
        position: initial !important;
    }

    .position-xl-inherit {
        position: inherit !important;
    }

    .position-xl-unset {
        position: unset !important;
    }

    .position-xl-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .position-xl-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .position-xl-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .position-xl-fixed-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .position-xl-relative-top {
        position: relative;
        top: 0;
    }

    .position-xl-relative-bottom {
        position: relative;
        bottom: 0;
    }

    .position-xl-relative-left {
        position: relative;
        left: 0;
    }

    .position-xl-relative-right {
        position: relative;
        right: 0;
    }

    .position-xl-absolute-top {
        position: absolute;
        top: 0;
    }

    .position-xl-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .position-xl-absolute-left {
        position: absolute;
        left: 0;
    }

    .position-xl-absolute-right {
        position: absolute;
        right: 0;
    }

    .position-xl-sticky-top {
        position: sticky;
        top: 0;
    }

    .position-xl-sticky-bottom {
        position: sticky;
        bottom: 0;
    }

    .position-xl-sticky-left {
        position: sticky;
        left: 0;
    }

    .position-xl-sticky-right {
        position: sticky;
        right: 0;
    }

    .position-xl-initial-top {
        position: initial;
        top: 0;
    }

    .position-xl-initial-bottom {
        position: initial;
        bottom: 0;
    }

    .position-xl-initial-left {
        position: initial;
        left: 0;
    }

    .position-xl-initial-right {
        position: initial;
        right: 0;
    }

    .position-xl-inherit-top {
        position: inherit;
        top: 0;
    }

    .position-xl-inherit-bottom {
        position: inherit;
        bottom: 0;
    }

    .position-xl-inherit-left {
        position: inherit;
        left: 0;
    }

    .position-xl-inherit-right {
        position: inherit;
        right: 0;
    }

    .position-xl-unset-top {
        position: unset;
        top: 0;
    }

    .position-xl-unset-bottom {
        position: unset;
        bottom: 0;
    }

    .position-xl-unset-left {
        position: unset;
        left: 0;
    }

    .position-xl-unset-right {
        position: unset;
        right: 0;
    }

}

/*---------- ANCHOR MIN 1400 - XXL ----------*/
@media screen and (min-width: 1400px) {

    .position-xxl-relative {
        position: relative !important;
    }

    .position-xxl-absolute {
        position: absolute !important;
    }

    .position-xxl-fixed {
        position: fixed !important;
    }

    .position-xxl-static {
        position: static !important;
    }

    .position-xxl-sticky {
        position: sticky !important;
    }

    .position-xxl-initial {
        position: initial !important;
    }

    .position-xxl-inherit {
        position: inherit !important;
    }

    .position-xxl-unset {
        position: unset !important;
    }

    .position-xxl-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .position-xxl-fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .position-xxl-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .position-xxl-fixed-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .position-xxl-relative-top {
        position: relative;
        top: 0;
    }

    .position-xxl-relative-bottom {
        position: relative;
        bottom: 0;
    }

    .position-xxl-relative-left {
        position: relative;
        left: 0;
    }

    .position-xxl-relative-right {
        position: relative;
        right: 0;
    }

    .position-xxl-absolute-top {
        position: absolute;
        top: 0;
    }

    .position-xxl-absolute-bottom {
        position: absolute;
        bottom: 0;
    }

    .position-xxl-absolute-left {
        position: absolute;
        left: 0;
    }

    .position-xxl-absolute-right {
        position: absolute;
        right: 0;
    }

    .position-xxl-sticky-top {
        position: sticky;
        top: 0;
    }

    .position-xxl-sticky-bottom {
        position: sticky;
        bottom: 0;
    }

    .position-xxl-sticky-left {
        position: sticky;
        left: 0;
    }

    .position-xxl-sticky-right {
        position: sticky;
        right: 0;
    }

    .position-xxl-initial-top {
        position: initial;
        top: 0;
    }

    .position-xxl-initial-bottom {
        position: initial;
        bottom: 0;
    }

    .position-xxl-initial-left {
        position: initial;
        left: 0;
    }

    .position-xxl-initial-right {
        position: initial;
        right: 0;
    }

    .position-xxl-inherit-top {
        position: inherit;
        top: 0;
    }

    .position-xxl-inherit-bottom {
        position: inherit;
        bottom: 0;
    }

    .position-xxl-inherit-left {
        position: inherit;
        left: 0;
    }

    .position-xxl-inherit-right {
        position: inherit;
        right: 0;
    }

    .position-xxl-unset-top {
        position: unset;
        top: 0;
    }

    .position-xxl-unset-bottom {
        position: unset;
        bottom: 0;
    }

    .position-xxl-unset-left {
        position: unset;
        left: 0;
    }

    .position-xxl-unset-right {
        position: unset;
        right: 0;
    }

}

/* !SECTION Position Utilities */

/* ANCHOR Fix a name tag anchor offset */
a[name]::before,
a[id]::before {
    content: '';
    display: block;
    height: 9vh;
    margin-top: -9vh;
    visibility: hidden;
}

/* ANCHOR Spacing Custom */

.spacer,
.half_spacer {
    display: block;
    width: 100%;
}

.spacer {
    height: 12vh;
}

.half_spacer {
    height: 6vh;
}

@media screen and (max-width: 992px) {
    .spacer {
        height: 8vh;
    }

    .half_spacer {
        height: 3vh;
    }
}

/* ANCHOR Cursor Pointers */
.crs_alias {
    cursor: alias;
}

.crs_all_scroll {
    cursor: all-scroll;
}

.crs_auto {
    cursor: auto;
}

.crs_cell {
    cursor: cell;
}

.crs_col_resize {
    cursor: col-resize;
}

.crs_context_menu {
    cursor: context-menu;
}

.crs_copy {
    cursor: copy;
}

.crs_crosshair {
    cursor: crosshair;
}

.crs_default {
    cursor: default;
}

.crs_e_resize {
    cursor: e-resize;
}

.crs_ew_resize {
    cursor: ew-resize;
}

.crs_grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.crs_grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.crs_help {
    cursor: help;
}

.crs_move {
    cursor: move;
}

.crs_n_resize {
    cursor: n-resize;
}

.crs_ne_resize {
    cursor: ne-resize;
}

.crs_nesw_resize {
    cursor: nesw-resize;
}

.crs_ns_resize {
    cursor: ns-resize;
}

.crs_nw_resize {
    cursor: nw-resize;
}

.crs_nwse_resize {
    cursor: nwse-resize;
}

.crs_no_drop {
    cursor: no-drop;
}

.crs_none {
    cursor: none;
}

.crs_not_allowed {
    cursor: not-allowed;
}

.crs_pointer {
    cursor: pointer;
}

.crs_progress {
    cursor: progress;
}

.crs_row_resize {
    cursor: row-resize;
}

.crs_s_resize {
    cursor: s-resize;
}

.crs_se_resize {
    cursor: se-resize;
}

.crs_sw_resize {
    cursor: sw-resize;
}

.crs_text {
    cursor: text;
}

.crs_url {
    cursor: url(myBall.cur), auto;
}

.crs_w_resize {
    cursor: w-resize;
}

.crs_wait {
    cursor: wait;
}

.crs_zoom_in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.crs_zoom_out {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

/* end */

.invisible {
    opacity: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ANCHOR Transition */

.transition {
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.transition_slow {
    -webkit-transition: var(--transition_slow);
    -moz-transition: var(--transition_slow);
    -ms-transition: var(--transition_slow);
    -o-transition: var(--transition_slow);
    transition: var(--transition_slow);
}

/* ANCHOR Overflow */

.overflow_x_hidden {
    overflow-x: hidden !important;
}

.overflow_y_hidden {
    overflow-y: hidden !important;
}

.overflow_x_auto {
    overflow-x: auto !important;
}

.overflow_y_auto {
    overflow-y: auto !important;
}

.overflow_x_scroll {
    overflow-x: scroll !important;
}

.overflow_y_scroll {
    overflow-y: scroll !important;
}

/* !SECTION Utilities */

/*=============================================
=            SECTION TYPOGRAPHY          =
=============================================*/
.main_font_family {
    font-family: var(--main-font-family)!important;
}

.secondary_font_family {
    font-family: var(--secondary-font-family)!important;
}

.garamond_font_family {
    font-family: var(--garamond-font-family)!important;
}

/* SECTION TEXT COLORS */

/* ANCHOR Colors + Hover */

.text_main_color_hover,
.text_black_hover,
.text_white_hover,
.text_pink_hover,
.text_pink_dark_hover,
.text_blue_hover,
.text_blue_dark_hover,
.text_gray_hover,
.text_gray_silver_1_hover,
.text_gray_silver_2_hover,
.text_gray_silver_3_hover,
.text_gray_silver_4_hover,
.text_green_hover,
.text_sand_hover,
.text_violet_hover,
.text_rose_hover {
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.text_main_color,
.text_main_color_hover:hover {
    color: var(--sys_text_main_color);
}

.text_black,
.text_black_hover:hover {
    color: var(--black);
}

.text_white,
.text_white_hover:hover {
    color: var(--white);
}

.text_pink,
.text_pink_hover:hover {
    color: var(--sys_pink);
}

.text_pink_dark,
.text_pink_dark_hover:hover {
    color: var(--sys_pink_dark);
}

.text_blue,
.text_blue_hover:hover {
    color: var(--sys_blue);
}

.text_blue_dark,
.text_blue_dark_hover:hover {
    color: var(--sys_blue_dark);
}

.text_gray,
.text_gray_hover:hover {
    color: var(--sys_gray);
}

.text_gray_silver_1,
.text_gray_silver_1_hover:hover {
    color: var(--sys_gray_silver_1);
}

.text_gray_silver_2,
.text_gray_silver_2_hover:hover {
    color: var(--sys_gray_silver_2);
}

.text_gray_silver_3,
.text_gray_silver_3_hover:hover {
    color: var(--sys_gray_silver_3);
}

.text_gray_silver_4,
.text_gray_silver_4_hover:hover {
    color: var(--sys_gray_silver_4);
}

.text_green,
.text_green_hover:hover {
    color: var(--sys_green);
}

.text_sand,
.text_sand_hover:hover {
    color: var(--sys_sand);
}

.text_violet,
.text_violet_hover:hover {
    color: var(--sys_violet);
}

.text_rose,
.text_rose_hover:hover {
    color: var(--sys_rose);
}

/* ANCHOR Hover Underline Animation */

.underline_main_color_hover,
.underline_black_hover,
.underline_white_hover,
.underline_pink_hover,
.underline_pink_dark_hover,
.underline_blue_hover,
.underline_blue_dark_hover,
.underline_gray_hover,
.underline_gray_silver_1_hover,

.underline_gray_silver_2_hover,
.underline_gray_silver_3_hover,
.underline_gray_silver_4_hover,

.underline_green_hover,
.underline_sand_hover,
.underline_violet_hover,
.underline_rose_hover {
    display: inline-block;
    position: relative;
}

.underline_main_color_hover:after,
.underline_black_hover:after,
.underline_white_hover:after,
.underline_pink_hover:after,
.underline_pink_dark_hover:after,
.underline_blue_hover:after,
.underline_blue_dark_hover:after,
.underline_gray_hover:after,
.underline_gray_silver_1_hover:after,
.underline_gray_silver_2_hover:after,
.underline_gray_silver_3_hover:after,
.underline_gray_silver_4_hover:after,

.underline_green_hover:after,
.underline_sand_hover:after,
.underline_violet_hover:after,
.underline_rose_hover:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: var(--transition_slow);
    -moz-transition: var(--transition_slow);
    -ms-transition: var(--transition_slow);
    -o-transition: var(--transition_slow);
    transition: var(--transition_slow);
}

.underline_main_color_hover:hover:after,
.underline_black_hover:hover:after,
.underline_white_hover:hover:after,
.underline_pink_hover:hover:after,
.underline_pink_dark_hover:hover:after,
.underline_blue_hover:hover:after,
.underline_blue_dark_hover:hover:after,
.underline_gray_hover:hover:after,
.underline_gray_silver_1_hover:hover:after,
.underline_gray_silver_2_hover:hover:after,
.underline_gray_silver_3_hover:hover:after,
.underline_gray_silver_4_hover:hover:after,
.underline_green_hover:hover:after,
.underline_sand_hover:hover:after,
.underline_violet_hover:hover:after,
.underline_rose_hover:hover:after {
    transform: scaleX(1);
    visibility: visible;
    transform-origin: bottom left;
}

.underline_main_color_hover::after {
    background-color: var(--sys_text_main_color);
}

.underline_black_hover::after {
    background-color: var(--black);
}

.underline_white_hover::after {
    background-color: var(--white);
}

.underline_pink_hover::after {
    background-color: var(--sys_pink);
}

.underline_pink_dark_hover::after {
    background-color: var(--sys_pink_dark);
}

.underline_blue_hover::after {
    background-color: var(--sys_blue);
}

.underline_blue_dark_hover::after {
    background-color: var(--sys_blue_dark);
}

.underline_gray_hover::after {
    background-color: var(--sys_gray);
}

.underline_gray_silver_1_hover::after {
    background-color: var(--sys_gray_silver_1);
}

.underline_gray_silver_2_hover::after {
    background-color: var(--sys_gray_silver_2);
}

.underline_gray_silver_3_hover::after {
    background-color: var(--sys_gray_silver_3);
}

.underline_gray_silver_4_hover::after {
    background-color: var(--sys_gray_silver_4);
}

.underline_green_hover::after {
    background-color: var(--sys_green);
}

.underline_sand_hover::after {
    background-color: var(--sys_sand);
}

.underline_violet_hover::after {
    background-color: var(--sys_violet);
}

.underline_rose_hover::after {
    background-color: var(--sys_rose);
}

/* !SECTION TEXT COLORS */

/* ANCHOR Text Shadow */

.text_shadow_black {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.text_shadow_pink {
    text-shadow: 1px 1px 3px var(--sys_pink);
}

.text_shadow_pink_dark {
    text-shadow: 1px 1px 3px var(--sys_pink_dark);
}

.text_shadow_blue {
    text-shadow: 1px 1px 3px var(--sys_blue);
}

.text_shadow_blue_dark {
    text-shadow: 1px 1px 3px var(--sys_blue_dark);
}

.text_shadow_gray {
    text-shadow: 1px 1px 3px var(--sys_gray);
}

.text_shadow_gray_silver_1 {
    text-shadow: 1px 1px 3px var(--sys_gray_silver_1);
}

.text_shadow_gray_silver_2 {
    text-shadow: 1px 1px 3px var(--sys_gray_silver_2);
}

.text_shadow_gray_silver_3 {
    text-shadow: 1px 1px 3px var(--sys_gray_silver_3);
}

.text_shadow_gray_silver_4 {
    text-shadow: 1px 1px 3px var(--sys_gray_silver_4);
}

.text_shadow_green {
    text-shadow: 1px 1px 3px var(--sys_green);
}

.text_shadow_sand {
    text-shadow: 1px 1px 3px var(--sys_sand);
}

.text_shadow_violet {
    text-shadow: 1px 1px 3px var(--sys_violet);
}

.text_shadow_rose {
    text-shadow: 1px 1px 3px var(--sys_rose);
}

/* ANCHOR Underline Bicolor */
/* Used in news highlights carousel title */
.underline_bicolor {
    position: relative;
    display: inline-block;
}

.underline_bicolor:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 100%;
    background-image: linear-gradient(to right, var(--sys_pink) 50%, var(--sys_gray_silver_2) 50%);
}

/* ANCHOR Line After Text */
/* Line following any text, apply the .line_after_text class to the tag */
.line_after_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.line_after_text:after {
    content: '';
    width: 120px;
    /*  flex: 1; */
    /* use this without width for 100% width */
    margin-left: 1rem;
    height: 1px;
    background-color: var(--sys_pink);
}

/*----------  !SECTION TYPOGRAPHY ----------*/

/*=============================================
=            SECTION BACKGROUND            =
=============================================*/
/* ANCHOR Background Text */
.bgtext_graylight_cap {
    position: relative;
}

.bgtext_graylight_cap:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: attr(data-content);
    color: var(--sys_gray_silver_3);
    text-transform: capitalize;
    font-size: 4rem;
    margin: 0 0 0 3rem;
}

@media screen and (max-width: 992px) {

    .bgtext_graylight_cap:before {
        display: none;
    }
}

/* ANCHOR Background Slice */

.highlights_slice_bg {
    background-color: var(--sys_gray_silver_4);
    height: 50vh;
    width: 100%;
    -webkit-clip-path: polygon(0 49%, 100% 0, 100% 49%, 0% 100%);
    clip-path: polygon(0 49%, 100% 0, 100% 49%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.about_slice_bg {
    background-color: var(--sys_gray_silver_4);
    height: 100%;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 51%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* used a pseudo element to make it disappear on mobile using opacity bacause we can't apply opacity directly on image-bg */
.bg_split_colors {
    position: relative;
}

.bg_split_colors::before {
    content: "";
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}

.bg_split_colors_white30_gray {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--white)), color-stop(30%, var(--sys_gray_silver_1)));
    background-image: -o-linear-gradient(left, var(--white) 30%, var(--sys_gray_silver_1) 30%);
    background-image: linear-gradient(90deg, var(--white) 30%, var(--sys_gray_silver_1) 30%);
}

.bg_split_colors_gray30_white {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(30%, var(--white)), color-stop(30%, var(--sys_gray_silver_1)));
    background-image: -o-linear-gradient(right, var(--white) 30%, var(--sys_gray_silver_1) 30%);
    background-image: linear-gradient(270deg, var(--white) 30%, var(--sys_gray_silver_1) 30%);
}

@media screen and (max-width: 1200px) {

    .bg_split_colors_white30_gray,
    .bg_split_colors_gray30_white {
        background-image: none !important;
    }
}

/* ANCHOR Background Colors + Hover */
/* Use the class .transition or .transition_slow to give smooth transition */

.bg-primary {
    /*override Bootstrap5*/
    background-color: var(--sys_pink) !important;
}

.bg_black,
.bg_black_hover:hover {
    background-color: var(--black);
}

.bg_black_transparent,
.bg_black_transparent_hover:hover {
    background-color: var(--black_transparent);
}

.bg_white,
.bg_white_hover:hover {
    background-color: var(--white);
}

.bg_white_transparent,
.bg_white_transparent_hover:hover {
    background-color: var(--white_transparent);
}

.bg_pink,
.bg_pink_hover:hover {
    background-color: var(--sys_pink);
}

.bg_pink_transparent,
.bg_pink_transparent_hover:hover {
    background-color: var(--pink_transparent);
}

.bg_pink_dark,
.bg_pink_dark_hover:hover {
    background-color: var(--sys_pink_dark);
}

.bg_pink_dark_transparent,
.bg_pink_dark_transparent_hover:hover {
    background-color: var(--pink_dark_transparent);
}

.bg_blue,
.bg_blue_hover:hover {
    background-color: var(--sys_blue);
}

.bg_blue_transparent,
.bg_blue_transparent_hover:hover {
    background-color: var(--blue_transparent);
}

.bg_blue_dark,
.bg_blue_dark_hover:hover {
    background-color: var(--sys_blue_dark);
}

.bg_blue_dark_transparent,
.bg_blue_dark_transparent_hover:hover {
    background-color: var(--blue_dark_transparent);
}

.bg_gray,
.bg_gray_hover:hover {
    background-color: var(--sys_gray);
}

.bg_gray_silver_1,
.bg_gray_silver_1_hover:hover {
    background-color: var(--sys_gray_silver_1);
}

.bg_gray_silver_2,
.bg_gray_silver_2_hover:hover {
    background-color: var(--sys_gray_silver_2);
}

.bg_gray_silver_4,
.bg_gray_silver_4_hover:hover {
    background-color: var(--sys_gray_silver_4);
}

.bg_gray_silver_3,
.bg_gray_silver_3_hover:hover {
    background-color: var(--sys_gray_silver_3);
}

.bg_green,
.bg_green_hover:hover {
    background-color: var(--sys_green);
}

.bg_green_transparent,
.bg_green__transparent_hover:hover {
    background-color: var(--green_transparent);
}

.bg_sand,
.bg_sand_hover:hover {
    background-color: var(--sys_sand);
}

.bg_sand_transparent,
.bg_sand_transparent_hover:hover {
    background-color: var(--sand_transparent);
}

.bg_violet,
.bg_violet_hover:hover {
    background-color: var(--sys_violet);
}

.bg_violet_transparent,
.bg_violet_transparent_hover:hover {
    background-color: var(--violet_transparent);
}

.bg_rose,
.bg_rose_hover:hover {
    background-color: var(--sys_rose);
}

.bg_rose_transparent,
.bg_rose_transparent_hover:hover {
    background-color: var(--rose_transparent);
}

/*----------  !SECTION BACKGROUND  ----------*/
/*=============================================
=            SECTION CLIPPERS         =
=============================================*/

/* ANCHOR Clip Top Bottom Left */
.clip_top_bottom_left {
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}

/* ANCHOR Clip Top Bottom Right */
.clip_top_bottom_right {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
}

/* ANCHOR Clip Top Left */
.clip_top_left {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}

/* ANCHOR Clip Top Right */
.clip_top_right {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
}

/* ANCHOR Clip Bottom Left */
.clip_bottom_left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

/* ANCHOR Clip Bottom Right */
.clip_bottom_right {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

/*----------  !SECTION CLIPPERS  ----------*/

/*=============================================
=            SECTION BUTTONS            =
=============================================*/

/* ANCHOR Primary */
/*  Overrides Bootstrap5 */
.btn-primary.focus,
.btn-primary:focus {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--sys_pink_dark) !important;
}

.border-primary {
    border-color: var(--sys_pink) !important;
}

.btn-primary {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

.btn-primary:hover {
    color: var(--white);
    background-color: var(--sys_pink_dark);
    border-color: var(--sys_pink_dark);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(171, 19, 104, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--sys_pink_dark);
    border-color: var(--sys_pink_dark);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--pink_transparent);
}

/* ANCHOR Outline - primary*/

.btn-outline-primary {
    color: var(--sys_pink);
    background-color: transparent;
    border-color: var(--sys_pink);
}

.btn-outline-primary:hover {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--pink_transparent);
    box-shadow: 0 0 0 0.2rem var(--pink_transparent);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--sys_pink);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--pink_transparent);
    box-shadow: 0 0 0 0.2rem var(--pink_transparent);
}

/* ANCHOR Secondary */

.btn-secondary.focus,
.btn-secondary:focus {
    color: var(--white);
    background-color: var(--sys_pink);
    border-color: var(--sys_pink);
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: var(--sys_blue_dark) !important;
}

.border-secondary {
    border-color: var(--sys_blue) !important;
}

.btn-secondary {
    color: var(--white);
    background-color: var(--sys_blue);
    border-color: var(--sys_blue);
}

.btn-secondary:hover {
    color: var(--white);
    background-color: var(--sys_blue_dark);
    border-color: var(--sys_blue_dark);
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(19, 110, 171, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(19, 110, 171, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: var(--white);
    background-color: var(--sys_blue);
    border-color: var(--sys_blue);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--sys_blue_dark);
    border-color: var(--sys_blue_dark);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--blue_transparent);
    box-shadow: 0 0 0 0.2rem var(--blue_transparent);
}

/* ANCHOR Outline-secondary */
/* Override Botstrap*/
.btn-outline-secondary:hover {
    background-color: var(--sys_blue);
    border-color: var(--sys_blue);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: var(--sys_blue);
    border-color: var(--sys_blue);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(124 172 215 / 50%);
    box-shadow: 0 0 0 0.2rem rgb(124 172 215 / 50%);
}

/*----------  !SECTION BUTTONS  ----------*/