@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap'); */

/* @import url("https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;700&family=Roboto:wght@300;400;500&display=swap"); */
:root {
    --alpha-85: 0.85;
    --alpha-80: 0.8;
    --alpha-50: 0.5;
    --alpha-20: 0.2;
    --alpha-10: 0.1;
    /*Colors with alpha channel*/
    --primary-rgb: 153, 0, 204;
    --primary: rgb(var(--primary-rgb));
    --primary-90: #81568F;
    /* --primary-85: rgba(var(--primary-rgb), var(--alpha-85)); */
    --primary-85: #9900ccd9;
    /* --primary-50: rgba(var(--primary-rgb), var(--alpha-50)); */
    --primary-50: #9900ccd9;
    /* --primary-20: rgba(var(--primary-rgb), var(--alpha-20)); */
    --primary-20: #D5BADE;
    /* --primary-10: rgba(var(--primary-rgb), var(--alpha-10)); */
    --primary-10: #E0CBE6;
    --primary-disabled: #9900cc;
    --secondary-rgb: 32, 204, 152;
    --secondary: rgb(var(--secondary-rgb));
    --white-rgb: 255, 255, 255;
    --white: rgb(var(--white-rgb));
    --white-85: rgba(var(--white-rgb), var(--alpha-85));
    --white-75: rgba(var(--white-rgb), var(--alpha-80));
    --white-50: rgba(var(--white-rgb), var(--alpha-50));
    --white-20: rgba(var(--white-rgb), var(--alpha-20));
    --white-10: rgba(var(--white-rgb), var(--alpha-10));
    --white-1: #C7C7C1;
    --white-3: #E4E4E1;
    --white-4: #F2F1EE;
    --white-5: #F6F6F4;
    --white-6: #F8F8F6;
    --white-f5: #F5f5f5;
    --danger-50: rgba(230, 0, 0, .1);
    /*Colors without alpha channels*/
    --tertiary: #d8dad3;
    --gray: #ededed;
    --gray-500: #f1f1f1;
    --gray-600: #f5f5f5;
    /* --gray-85: #C9DEDC;
    --gray-100: #97AAA1; */
    --black: #343432;
    --black-15: #34343226;
    --dark-gray: #072C21;
    --dark-gray-2: #4E4D4B;
    /*--dark-gray-2 but at 20% opacity*/
    --dark-gray-2-20: rgba(78, 77, 75, 0.20);
    --dark: var(--black);
    --danger: #ff0000;
    --brand: #ffa500;
    --blue: #0071b9;
    --blue-5: #d9eef2;
    --blue-20: #aedae0;
    --blue-85: #006C7A;
    --blue-100: #00363D;
    --green: #0C9;

    --admin-blue: #dfeaec;
    /* State Colors */
    --state-brand-15: var(--black);
    --state-brand-20: var(--primary);
    /* --state-brand-25: #12683E;  */
    --state-brand-80: #B3DBD9;
    --state-brand-85: #C9DEDC;
    --state-brand-90: #E2E9E9;
    /* Text */
    --titillium: "Titillium Web", var(--bs-font-sans-serif);
    /* --abeezee: "ABeeZee", var(--bs-font-sans-serif); */
    /* --roboto: "roboto", var(--bs-font-sans-serif); */
    /* --titillium: "Archivo", var(--bs-font-sans-serif); */
    /* Spacing */
    --bs-gutter-x: 1rem;
    /* Gradient */
    --bg-gradient-dark: linear-gradient(180deg, var(--secondary) 0%, rgba(var(--secondary-rgb), 0.99273) 10.4%, rgba(var(--secondary-rgb), 0.971726) 19.31%, rgba(var(--secondary-rgb), 0.938199) 26.96%, rgba(var(--secondary-rgb), 0.893362) 33.57%, rgba(var(--secondary-rgb), 0.838424) 39.36%, rgba(var(--secondary-rgb), 0.774598) 44.54%, rgba(var(--secondary-rgb), 0.703094) 49.33%, rgba(var(--secondary-rgb), 0.625123) 53.95%, rgba(var(--secondary-rgb), 0.541897) 58.63%, rgba(var(--secondary-rgb), 0.454626) 63.57%, rgba(var(--secondary-rgb), 0.364523) 69.01%, rgba(var(--secondary-rgb), 0.272797) 75.15%, rgba(var(--secondary-rgb), 0.180661) 82.21%, rgba(var(--secondary-rgb), 0.0893246) 90.43%, rgba(var(--secondary-rgb), 0) 100%);
    --bg-gradient-light: linear-gradient(180deg, rgba(0, 104, 117, 0.12) 0.01%, rgba(11, 164, 183, 0.22) 42.05%, rgba(202, 220, 226, 0) 100%);
    --testimonial-gradient: linear-gradient(180deg, rgba(14, 108, 120, 0) 0%, rgba(40, 153, 150, 0.5) 100%);
    --bg-dashboard-gradient: linear-gradient(91deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-sidebar-gradient: linear-gradient(131deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-completed-steps: linear-gradient(180deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-content-header: linear-gradient(94deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-more-tips: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-state-brand-25: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
    /* bootstrap */
    --bs-btn-active-border-color: transparent;
    --bs-backdrop-bg: #00363D;
    --bs-btn-active-bg: var(--black);
    --bs-btn-active-color: var(--white);
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    margin-bottom: unset;
}



body {
    font-family: var(--titillium);
    color: var(--dark-gray);
    /* used for offcanvas */
    /* padding-right: 0 !important; */
}

a {
    color: var(--primary);
    text-decoration: unset;
}

main {
    height: 100%;
}

/* strong {
    font-weight: 300;
} */


a:hover {
    color: unset;
    /* text-decoration: underline; */
}

hr {
    margin: unset;
}

p {
    margin-bottom: 1.5rem;
}

img {
    max-width: 100%;
}

svg {
    max-height: 100%;
}

ul {
    list-style-type: square;
}

/* typography */
.font-roboto {
    font-family: var(--titillium) !important;
}

.font-archivo {
    font-family: var(--titillium) !important;
}

/* .font-abeezee {
    font-family: var(--abeezee) !important;
} */

.text-display-xl {

    /* set to be responsive - this is mobile */
    font-family: var(--titillium);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.75rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.text-display-large {
    font-family: var(--titillium);
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 4.125rem;
    letter-spacing: 0rem;
}

.text-display-medium {
    font-family: var(--titillium);
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 3.375rem;
    letter-spacing: 0rem;
}

.text-display-medium-small {
    font-family: var(--titillium);
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.25rem;
    /* 83.333% */
    letter-spacing: 0.045rem;
    font-weight: 900;
    text-transform: uppercase;


}

.text-display-small {
    font-family: var(--titillium);
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.875rem;
    letter-spacing: 0rem;
}

.text-display-xs {
    font-family: var(--titillium);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.75rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
}

.text-headline-large {
    font-family: var(--titillium);
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.625rem;
    letter-spacing: 0rem;
}

.text-headline-medium {
    font-family: var(--titillium);
    font-size: 1.75rem;
    font-weight: 600;
    /* font-weight: 200; */
    line-height: 2.375rem;
    letter-spacing: 0rem;
}

.text-headline-small {
    font-family: var(--titillium);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.125rem;
    letter-spacing: 0rem;
}

.text-headline-x-small {
    font-family: var(--titillium);
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: 0rem;
}

.text-title-large {
    font-family: var(--titillium);
    font-size: 1.375rem;
    /* font-weight: 300; */
    font-weight: 400;
    /* line-height: 2rem; */
    line-height: 1.75rem;
    letter-spacing: 0rem;
}

.text-title-medium {
    font-family: var(--titillium);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0rem;
}

.text-title-small {
    font-family: var(--titillium);
    font-size: 1rem;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: 0rem;
}

.text-title-x-small {
    font-family: var(--titillium);
    font-size: 0.75rem;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0rem;
}

.text-footer-nav {
    font-family: var(--titillium);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.04rem;
}

.text-label-xl {
    font-family: var(--titillium);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem;
    letter-spacing: 0.04rem;
    /* text-transform: uppercase; */
}

.text-label-large {
    font-family: var(--titillium);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.text-label-medium {
    font-family: var(--titillium);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
}

.text-label-small {
    font-family: var(--titillium);
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.25rem !important;
    letter-spacing: 0.03rem !important;
    text-transform: uppercase;
}

.text-label-x-small {
    font-family: var(--titillium);
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 0.875rem;
    letter-spacing: 0.03rem;
}

.text-label-x-small-v2 {
    font-family: var(--titillium);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 0.875rem;
    letter-spacing: 0.03rem;
}

.text-body-large {
    font-family: var(--titillium);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0em;
}

.text-body-medium {
    font-family: var(--titillium);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.text-list-item {
    font-family: var(--titillium);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
}

.text-body-small {
    font-family: var(--titillium);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0em;
}

.text-body-small-v2 {
    font-family: var(--titillium);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.375rem;
}

.text-body-x-small {
    font-family: var(--titillium);
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: 0em;
}

.text-streak-day {
    font-family: var(--titillium);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.125rem;
    /* 130.769% */
    letter-spacing: -0.0325rem;
    text-transform: capitalize;
}

/* Text Color */
.text-primary {
    color: var(--primary) !important;
}

.text-primary-85 {
    color: var(--primary-85) !important;
}

.text-primary-disabled {
    color: var(--primary-disabled) !important;
}

.placeholder\:text-primary-85::placeholder {
    color: var(--primary-85) !important;
}

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

.text-tertiary {
    color: var(--tertiary) !important;
}

.text-light {
    color: var(--white) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-white-3 {
    color: var(--white-3) !important;
}

.text-dark,
.text-black,
.active\:text-dark:active,
.active\:text-black:active {
    color: var(--dark) !important;
}

.text-dark-gray-2 {
    color: var(--dark-gray-2) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.text-brand {
    color: var(--brand);
}

.text-state-brand-15 {
    color: var(--state-brand-15);
}

.text-blue-85 {
    color: var(--blue-85);
}

.text-blue-100 {
    color: var(--blue-100);
}

/* BG Color */
.bg-primary {
    background-color: var(--primary) !important;
}

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

.bg-primary-85,
.bg-primary-eighty-five {
    background-color: var(--primary-85) !important;
}

.hover\:bg-primary-10:hover {
    background-color: var(--primary-10) !important;
}

.hover\:bg-primary-20:hover {
    background-color: var(--primary-20) !important;
}

.focus\:bg-primary-20:focus {
    background-color: var(--primary-20) !important;
}

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

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

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-tertiary {
    background-color: var(--tertiary) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-white-1,
.hover\:bg-white-1:hover {
    background-color: var(--white-1) !important;
}

.bg-white-3 {
    background-color: var(--white-3) !important;
}

.bg-white-4 {
    background-color: var(--white-4) !important;
}

.bg-white-5 {
    background-color: var(--white-5) !important;
}

.bg-white-6 {
    background-color: var(--white-6) !important;
}

.bg-white-f5 {
    background-color: var(--white-f5) !important;
}

.bg-white-10 {
    background-color: var(--white-10) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

.bg-dark-gray {
    background-color: var(--dark-gray) !important;
}

.bg-dark-gray-2 {
    background-color: var(--dark-gray-2) !important;
}

.bg-gray {
    background-color: var(--gray) !important;
}

.bg-gray-600 {
    background-color: var(--gray-600) !important;
}

.bg-brand {
    background-color: var(--brand) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-blue-85 {
    background: var(--blue-85);
}

.bg-state-brand-15 {
    background: var(--state-brand-15);
}

.bg-state-brand-20 {
    background: var(--state-brand-20);
}

.bg-state-brand-80 {
    background: var(--state-brand-80);
}

.bg-state-brand-85 {
    background: var(--state-brand-85);
}

.bg-state-brand-90 {
    background: var(--state-brand-90);
}

.bg-gradient-dark {
    background: var(--bg-gradient-dark);
}

.bg-dashboard-gradient {
    background: var(--bg-dashboard-gradient);
}

.bg-sidebar-gradient {
    background: var(--bg-sidebar-gradient);
}

.bg-black-w-gradients {
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzEwJyBoZWlnaHQ9JzE3NCcgdmlld0JveD0nMCAwIDMxMCAxNzQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgY2xpcC1wYXRoPSd1cmwoI2NsaXAwXzJfMjM1KSc+PHJlY3Qgd2lkdGg9JzMxMCcgaGVpZ2h0PScxNzQnIGZpbGw9JyMzNDM0MzInLz48ZyBvcGFjaXR5PScwLjI1JyBmaWx0ZXI9J3VybCgjZmlsdGVyMF9mXzJfMjM1KSc+PGNpcmNsZSBjeD0nMzA5LjgyMScgY3k9JzE3My44MjEnIHI9Jzk3LjY0MScgZmlsbD0nI0ZGQ0MzMycvPjwvZz48ZyBvcGFjaXR5PScwLjI1JyBmaWx0ZXI9J3VybCgjZmlsdGVyMV9mXzJfMjM1KSc+PGNpcmNsZSBjeD0nMC4wMDA0MDQzNTgnIGN5PScwLjE0MjAwNicgcj0nOTcuNjQxJyBmaWxsPScjMDBDQzk5Jy8+PC9nPjxyZWN0IHk9JzEzMicgd2lkdGg9JzMxMCcgaGVpZ2h0PSc0MicgZmlsbD0ndXJsKCNwYWludDBfbGluZWFyXzJfMjM1KScvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSdmaWx0ZXIwX2ZfMl8yMzUnIHg9Jzc4LjI3MicgeT0nLTU3LjcyOCcgd2lkdGg9JzQ2My4wOTcnIGhlaWdodD0nNDYzLjA5NycgZmlsdGVyVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9J3NSR0InPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9JzAnIHJlc3VsdD0nQmFja2dyb3VuZEltYWdlRml4Jy8+PGZlQmxlbmQgbW9kZT0nbm9ybWFsJyBpbj0nU291cmNlR3JhcGhpYycgaW4yPSdCYWNrZ3JvdW5kSW1hZ2VGaXgnIHJlc3VsdD0nc2hhcGUnLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSc2Ni45NTM4JyByZXN1bHQ9J2VmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMl8yMzUnLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSdmaWx0ZXIxX2ZfMl8yMzUnIHg9Jy0yMzEuNTQ4JyB5PSctMjMxLjQwNycgd2lkdGg9JzQ2My4wOTcnIGhlaWdodD0nNDYzLjA5NycgZmlsdGVyVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9J3NSR0InPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9JzAnIHJlc3VsdD0nQmFja2dyb3VuZEltYWdlRml4Jy8+PGZlQmxlbmQgbW9kZT0nbm9ybWFsJyBpbj0nU291cmNlR3JhcGhpYycgaW4yPSdCYWNrZ3JvdW5kSW1hZ2VGaXgnIHJlc3VsdD0nc2hhcGUnLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSc2Ni45NTM4JyByZXN1bHQ9J2VmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMl8yMzUnLz48L2ZpbHRlcj48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MF9saW5lYXJfMl8yMzUnIHgxPScxNTUnIHkxPScxMzInIHgyPScxNTUnIHkyPScxNzQnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjMzQzNDMyJyBzdG9wLW9wYWNpdHk9JzAnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyMzNDM0MzInIHN0b3Atb3BhY2l0eT0nMC4xNScvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSdjbGlwMF8yXzIzNSc+PHJlY3Qgd2lkdGg9JzMxMCcgaGVpZ2h0PScxNzQnIGZpbGw9J3doaXRlJy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==");
}


.bg-dashboard-gradient-completed-steps {
    background: var(--bg-dashboard-gradient-completed-steps);
}

.bg-dashboard-gradient-content-header {
    background: var(--bg-dashboard-gradient-content-header);
}

.bg-dashboard-gradient-more-tips {
    background: var(--bg-dashboard-gradient-more-tips);
}

.bg-dashboard-gradient-state-brand-25 {
    background: var(--bg-dashboard-gradient-state-brand-25);
}

.bg-blue-20 {
    background-color: var(--blue-20);
}

.bg-blue-100 {
    background-color: var(--blue-100);
}

.bg-blue-5 {
    background-color: var(--blue-5);
}

.bg-admin-blue {
    background-color: var(--admin-blue);
}

.bg-gradient-light {
    background: var(--bg-gradient-light);
}

.bg-transparent {
    background-color: transparent;
}

.border-transparent {
    border-color: transparent;
}

/* Border Color */
.border-primary {
    border-color: var(--primary) !important;
}

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

.border-white-3 {
    border-color: var(--white-3) !important;
    border-style: solid;
}

.border-primary-20,
.border-primary-twenty {
    border-color: var(--primary-20) !important;
}

.border-t-white-3-1px {
    border-top: 1px solid var(--white-3);
}

.focus\:border-primary-50:focus {
    border-color: var(--primary-50) !important;
}

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

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

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

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

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

.focus\:border-dark-gray-2:focus,
.hover\:border-dark-gray-2:hover {
    border-color: var(--dark-gray-2) !important;
}

.border-dark-gray-2-20 {
    border-color: var(--dark-gray-2-20) !important;
}

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

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

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

.border-blue-20 {
    border-color: var(--blue-20);
}

.border-blue-85 {
    border-color: var(--blue-85);
}

.border-state-brand-85 {
    border-color: var(--state-brand-85);
}

.border-state-brand-90 {
    border-color: var(--state-brand-90);
}

/* Icons */
svg.icon path {
    transition: all 0.15s ease-in-out;
}

/* Buttons */

.btn {
    padding: 0.75rem 1.5rem;
    font-family: var(--titillium);
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
    gap: 0.5rem;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border-width: 2px;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 1;
}

.btn-standard:focus-visible {
    color: var(--primary);
}

.btn-standard.btn-primary {
    color: var(--white);
}

/* Sizes */

.btn.btn-lg {
    padding: 1rem 1.25rem;
    font-size: 1.0625rem;
}

.btn.btn-lg:hover:not(:focus) {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.btn.btn-sm {
    padding: 0.5rem 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    border-color: transparent !important;
    gap: .25rem;
}

.btn.btn-x-sm {
    padding: 1rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    border-color: transparent !important;
    width: 127px;
    /* max-width: 66px; */
    text-align: center;
    display: flex;
    justify-content: center;
}

/* Primary */

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    /* border-width: 0; */
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--primary-85) !important;
    border-color: var(--primary-85) !important;
    box-shadow: none !important;
}

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

.btn-primary.disabled svg.icon path,
.btn-primary:disabled svg.icon path,
.btn-primary.disabled svg path,
.btn-primary:disabled svg path {
    fill: var(--white-50);
}

/* Outline Primary */

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    /* border-width: 2px; */
}

.btn-outline-primary svg.icon path {
    fill: var(--primary);
}

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

.btn-outline-primary:active {
    border-color: var(--primary-50);
    background-color: var(--primary-20);
    box-shadow: none;
}

.btn-outline-primary:active svg.icon path {
    fill: var(--primary-50);
}

.btn-outline-primary:focus {
    box-shadow: none;
    background-color: var(--primary-20);
    border-color: var(--primary-85);
    color: var(--primary-85);
}

.btn-outline-primary:active {
    box-shadow: none;
    background-color: var(--primary-20) !important;
    border-color: var(--primary-50) !important;
    color: var(--primary-50) !important;
}

.btn-outline-primary:active:focus {
    box-shadow: none;
}

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

.btn-outline-primary.disabled svg.icon path,
.btn-outline-primary:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Primary Small */

.btn-primary.btn-sm {
    background-color: transparent !important;
    color: var(--primary);
}

.btn-primary.btn-sm:hover {
    background-color: var(--primary-10) !important;
    color: var(--primary);
}

.btn-primary.btn-sm:not(.standard-icon-height) svg {
    max-height: .8125rem;
}

.btn-primary.btn-sm.small-icon-height svg {
    max-height: .6125rem;
}

.btn-primary.btn-sm svg.icon path {
    fill: var(--primary);
}

.btn-primary.btn-sm:active {
    background-color: var(--primary-20) !important;
    color: var(--primary) !important;
    border-color: transparent !important;
}

.btn-primary.btn-sm:focus {
    background-color: var(--primary-20) !important;
    color: var(--primary-85);
    border-color: transparent !important;
}

.btn-primary.btn-sm:active svg.icon path {
    fill: var(--primary) !important;
}

.btn-primary.btn-sm:focus svg.icon path {
    fill: var(--primary-85);
}

.btn-primary.btn-sm.disabled,
.btn-primary.btn-sm:disabled {
    color: var(--primary-disabled);
    border-color: transparent !important;
}

.btn-primary.btn-sm.disabled svg.icon path,
.btn-primary.btn-sm:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Primary x-small */
.btn-primary.btn-x-sm {
    background-color: transparent !important;
    color: var(--primary);
}

.btn-primary.btn-x-sm:hover {
    background-color: var(--primary-10) !important;
    color: var(--primary);
}

.btn-primary.btn-x-sm.chkbtn-active:hover {
    border-radius: 0;
}

.btn-primary.btn-x-sm svg.icon path {
    fill: var(--primary);
}

.btn-primary.btn-x-sm:active {
    background-color: var(--primary-20) !important;
    color: var(--primary-50) !important;
    border-color: transparent !important;
}

.btn-primary.btn-x-sm:focus,
.btn-primary.btn-x-sm.active {
    background-color: var(--primary-20) !important;
    color: var(--primary-85);
    border-color: transparent !important;
}

.btn-primary.btn-x-sm:active svg.icon path {
    fill: var(--primary-50) !important;
}

.btn-primary.btn-x-sm:focus svg.icon path {
    fill: var(--primary-85);
}

.btn-primary.btn-x-sm.disabled,
.btn-primary.btn-x-sm:disabled {
    color: var(--primary-disabled);
    border-color: transparent !important;
}

.btn-primary.btn-x-sm.disabled svg.icon path,
.btn-primary.btn-x-sm:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Inverted */
.btn.inverted:hover:active:not(:focus) {
    color: var(--black) !important;
}



.btn.inverted:not(.active):not(:hover):focus {
    color: var(--white) !important;
    background-color: var(--black);
}


.btn-inverted {
    background-color: var(--white);
    color: var(--black);
}

.btn-inverted svg.icon path {
    fill: var(--black);
}

.btn-inverted:active,
.btn-inverted:focus,
.btn-inverted:active:focus {
    box-shadow: none !important;
    background-color: var(--white-85);
    color: var(--black) !important;
}

/* .btn.active {
    color: unset;
} */

.active\:hover\:focus\:text-black:active:hover:focus {
    color: var(--black);
}

.btn-inverted.disabled,
.btn-inverted:disabled {
    color: var(--dark-gray);
    background-color: var(--white-50);
    border-color: var(--white-50);
}

.btn-inverted.disabled svg.icon path,
.btn-inverted:disabled svg.icon path {
    fill: var(--dark-gray);
}

.btn-inverted:hover {
    color: var(--black);
    background-color: var(--white) !important;
}

.btn-inverted:not(.btn-sm):hover {
    box-shadow: 0px 4px 4px 0px #00000040;
}

/* Inverted Outline */

.btn-outline-inverted {
    color: var(--white);
    border-color: var(--white);
    border-width: 2px;
    border-style: solid;
}

.btn-outline-inverted svg.icon path {
    fill: var(--white);
}

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

.btn-outline-inverted:active {
    border-color: var(--white) !important;
    background-color: var(--white-20) !important;
    box-shadow: none;
    color: var(--white) !important;
}

.btn-outline-inverted:active svg.icon path {
    fill: var(--white-50);
}

.btn-outline-inverted:focus {
    box-shadow: none;
    color: var(--white-85);
    background-color: var(--white-20);
    border-color: var(--white-85);
}

.btn-outline-inverted:focus:active {
    box-shadow: none;
    background-color: var(--white-20);
    border-color: var(--white-50);
    color: var(--white-50);
}

.btn-outline-inverted.disabled,
.btn-outline-inverted:disabled {
    background-color: transparent;
    border-color: var(--white-50) !important;
    color: var(--white-50);
}

.btn-outline-inverted.disabled svg.icon path,
.btn-outline-inverted:disabled svg.icon path {
    fill: var(--white-50);
}

/* Inverted Small */

.btn-inverted.btn-sm {
    background-color: transparent !important;
    color: var(--white);
}

.btn-inverted.btn-sm:hover {
    background-color: var(--white-10) !important;
    color: var(--white);
}

.btn-inverted.btn-sm svg.icon path {
    fill: var(--white);
}

.btn-inverted.btn-sm:active,
.btn-inverted.btn-sm:focus {
    background-color: var(--white-20) !important;
    color: var(--white) !important;
}

.btn-inverted.btn-sm:active svg.icon path,
.btn-inverted.btn-sm:focus svg.icon path {
    fill: var(--white);
}

.btn-inverted.btn-sm.disabled,
.btn-inverted.btn-sm:disabled {
    color: var(--white-50);
    border-color: transparent !important;
}

.btn-inverted.btn-sm.disabled svg.icon path,
.btn-inverted.btn-sm:disabled svg.icon path {
    fill: var(--white-50);
}

/* Button Link */

.btn-link {
    color: var(--primary);
    padding: .5rem 0 !important;
    text-decoration: none;
}

.btn-link:hover {
    text-decoration: underline;
    color: var(--primary);

}

.btn-link svg.icon {
    height: .8125rem;
    width: .8125rem;
}

.btn-link svg.icon path {
    fill: var(--primary);
}

.btn-show {
    border-color: transparent !important;
    background-color: var(--primary-20);
}

.btn-tab {
    padding: .38rem .75rem;
    align-items: center;
    gap: 0.3125rem;
    color: var(--dark-gray-2);
    font-family: var(--titillium);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    border: 0 solid transparent;
    background: transparent;
    display: inline-flex;
    border-bottom: 2px solid transparent;
    /* border-radius: .25rem; */
    /* 150% */

}

.btn-tab svg path {
    fill: var(--dark-gray-2);
}

.btn-tab.active {
    border-bottom: 2px solid var(--black);
    color: var(--black);
}

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

.btn-tab.black {
    color: var(--white);
    background: var(--black);
}


/* Checkbox Toggle Button */
.btn-checkbox-toggle {
    /* padding: 0.75rem 1rem; */
    /* text-label-medium */
    padding: 0.62rem .75rem;
    font-family: var(--titillium);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: .6rem;
    letter-spacing: 0.03rem;
    /* text-transform: uppercase !important; */
    color: var(--dark-gray) !important;
    background: var(--white-3);
    border: 2px solid transparent;
}

.btn-checkbox-toggle.custom-trigger-input.text-white {
    color: var(--white) !important;
}




.btn-checkbox-toggle.outline {
    background-color: transparent;
    border-color: var(--white-3);
}

.btn-checkbox-toggle.outline+.close {
    display: none;
}

.btn-checkbox-toggle.outline.filled-in {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--white) !important;
}

.btn-checkbox-toggle.outline.filled-in+.close {
    display: block;
}

.btn-checkbox-toggle.outline.filled-in+.close:focus {
    outline: 2px solid var(--white);
}

.btn-checkbox-toggle.outline.filled-in+button.close svg {
    height: .75rem;
}

.btn-checkbox-toggle.outline.filled-in+button.close svg path {
    fill: var(--white);
}

/* Outline danger */

.btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger);
    /* border-width: 2px; */
}

.btn-outline-danger svg.icon path {
    fill: var(--danger);
}

.btn-outline-danger:hover {
    /* background-color: var(--danger-10); */
    background-color: var(--danger-50);
    color: var(--danger);
    border-color: var(--danger);
}

.btn-outline-danger:active {
    border-color: var(--danger-50);
    /* background-color: var(--danger-20); */
    background-color: var(--danger-50);
    box-shadow: none;
}

.btn-outline-danger:active svg.icon path {
    fill: var(--danger-50);
}

.btn-outline-danger:focus {
    box-shadow: none;
    /* background-color: var(--danger-20); */
    background-color: var(--danger-50);
    /* border-color: var(--danger-85); */
    border-color: var(--danger);
    color: var(--danger);
}

.btn-outline-danger:active {
    box-shadow: none;
    /* background-color: var(--danger-20) !important; */
    background-color: var(--danger-50) !important;
    border-color: var(--danger) !important;
    color: var(--danger) !important;
}

.btn-outline-danger:active:focus {
    box-shadow: none;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    border-color: var(--danger-disabled) !important;
    color: var(--danger-disabled);
}

.btn-outline-danger.disabled svg.icon path,
.btn-outline-danger:disabled svg.icon path {
    fill: var(--danger-disabled);
}

/* Success */

.btn-success {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    /* border-width: 0; */
}

/* Button Group */

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-right: none;
}

/* Accordion */

.accordion-item {
    border-color: transparent;
    background-color: transparent;
}

.accordion:not(.my-account-nav) .accordion-item svg path {
    fill: var(--black);
}

.accordion-item .accordion-button {
    border-radius: 0.25rem !important;
}

.accordion-item .accordion-button[aria-expanded="true"] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /* background: var(--black) !important;
    color: var(--white) !important; */
}

.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="true"]:focus svg path,
.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="true"]:hover svg path {
    fill: var(--white);
}

.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="false"]:hover svg path {
    fill: var(--black);
}

.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="true"]:hover svg path {
    fill: var(--black);
}

.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="true"]:hover:focus svg path {
    fill: var(--white);
}

.accordion:not(.my-account-nav) .accordion-item .accordion-button[aria-expanded="false"]:focus svg path {
    fill: var(--white);
}

.accordion-item .accordion-collapse {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.accordion-body {
    padding: unset;
}

.accordion-body.partially-expanded,
.accordion-body.partially-epanded {
    max-height: 17.5rem;
    overflow: hidden;
}

.accordion-body a {
    text-decoration: underline;
}

.accordion-button::after {
    display: none;
}

.accordion-button:focus {
    border-color: transparent;
}

.accordion-button[aria-expanded="false"] .icon-add,
.accordion-button[aria-expanded="true"] .icon-subtract {
    display: block;
}

.accordion-button[aria-expanded="true"] .icon-add,
.accordion-button[aria-expanded="false"] .icon-subtract {
    display: none;
}

/* Add margin to elements that are hard to target in form directly */

.content-text #content3:has(.accordion) {
    margin-bottom: 2rem;
}

/* Checkboxes */
.form-check-input {
    background-color: transparent;
    border: 2px solid var(--black);
}

.form-switch .form-check-input {
    /* background-color: #0d6efd; */
    /* background-color: transparent; */
    border-color: transparent;
}

.form-switch .form-check-input:checked {
    border-color: transparent;
}

/* .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
} */

.form-check.form-switch {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.form-switch {
    padding-left: 0;
}

.form-switch .form-check-input {
    width: 5rem;
    height: 40px;
    margin: unset;
    background-color: var(--blue-20);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1.25%29'/%3e%3c/svg%3e");
    background-size: 28px;
    position: relative;
}

.form-switch .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5IDE1QzI5IDcuMjY4MDEgMjIuNzMyIDEgMTUgMUM3LjI2ODAxIDEgMSA3LjI2ODAxIDEgMTVDMSAyMi43MzIgNy4yNjgwMSAyOSAxNSAyOUMyMi43MzIgMjkgMjkgMjIuNzMyIDI5IDE1WiIgZmlsbD0iIzIzODY1NSIgc3Ryb2tlPSIjMUM1OTRFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTIwLjk5MDIgMTIuMDAwMUwxOS41ODAyIDEwLjU4MDFMMTIuOTkwMiAxNy4xNzAxTDEwLjQxMDIgMTQuNjAwMUw4Ljk5MDIzIDE2LjAxMDFMMTIuOTkwMiAyMC4wMDAxTDIwLjk5MDIgMTIuMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-size: 32px;
    background-position: calc(100% - 2px);
}

.form-switch .form-check-input:checked[type="checkbox"]:before {
    content: 'on';
    font-family: var(--titillium);
    color: var(--primary);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25rem;
    /* 153.846% */
    letter-spacing: 0.02438rem;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.form-switch .form-check-input:focus {
    border-color: var(--primary-50);
    box-shadow: none;
}

.form-switch .form-check-input:focus[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5IDE1QzI5IDcuMjY4MDEgMjIuNzMyIDEgMTUgMUM3LjI2ODAxIDEgMSA3LjI2ODAxIDEgMTVDMSAyMi43MzIgNy4yNjgwMSAyOSAxNSAyOUMyMi43MzIgMjkgMjkgMjIuNzMyIDI5IDE1WiIgZmlsbD0iIzIzODY1NSIgc3Ryb2tlPSIjMUM1OTRFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTIwLjk5MDIgMTIuMDAwMUwxOS41ODAyIDEwLjU4MDFMMTIuOTkwMiAxNy4xNzAxTDEwLjQxMDIgMTQuNjAwMUw4Ljk5MDIzIDE2LjAxMDFMMTIuOTkwMiAyMC4wMDAxTDIwLjk5MDIgMTIuMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    /* background-size: 32px;
    background-position: calc(100% - 2px); */
}

.form-switch .form-check-input:hover {
    cursor: pointer;
}

/* password */
.input-group-addon.eye-addon {
    position: absolute;
    height: calc(100% - 8px);
    width: 4rem;
    /* background-color: red; */
    right: 0;
    top: 4px;
    border-radius: 50%;
    cursor: pointer;
}

/* Input Fields */

.form-control,
.form-select {
    /* text-body-medium */
    font-family: var(--titillium);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    border-color: var(--white-3);
    color: var(--black);
    padding: 1rem;
    /* margin-bottom: 2rem; */
    position: relative;
    /* margin-bottom: .5rem; */
}

.form-control:not(.is-invalid):focus,
.form-select:not(.is-invalid):focus {
    border-color: var(--black);
    box-shadow: none !important;
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--danger) !important;
    box-shadow: none !important;
}

.form-control::placeholder,
.form-select::placeholder {
    color: var(--black);
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--gray-500);
    color: var(--primary-disabled);
    border-color: var(--gray-500);
}

.form-control:disabled::placeholder,
.form-select:disabled::placeholder {
    color: var(--primary-disabled);
}

.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--danger);
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--primary);
}

/* .form-control[type="password"] {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_201_2)'%3E%3Cpath d='M11 3.97499C14.79 3.97499 18.17 6.10499 19.82 9.475C19.23 10.695 18.4 11.745 17.41 12.595L18.82 14.005C20.21 12.775 21.31 11.235 22 9.475C20.27 5.08499 16 1.97499 11 1.97499C9.73 1.97499 8.51 2.17499 7.36 2.54499L9.01 4.19499C9.66 4.06499 10.32 3.97499 11 3.97499ZM9.93 5.11499L12 7.18499C12.57 7.43499 13.03 7.89499 13.28 8.465L15.35 10.535C15.43 10.195 15.49 9.835 15.49 9.465C15.5 6.98499 13.48 4.97499 11 4.97499C10.63 4.97499 10.28 5.02499 9.93 5.11499ZM1.01 1.84499L3.69 4.52499C2.06 5.80499 0.77 7.50499 0 9.475C1.73 13.865 6 16.975 11 16.975C12.52 16.975 13.98 16.685 15.32 16.155L18.74 19.575L20.15 18.165L2.42 0.424988L1.01 1.84499ZM8.51 9.345L11.12 11.955C11.08 11.965 11.04 11.975 11 11.975C9.62 11.975 8.5 10.855 8.5 9.475C8.5 9.425 8.51 9.395 8.51 9.345ZM5.11 5.94499L6.86 7.69499C6.63 8.245 6.5 8.845 6.5 9.475C6.5 11.955 8.52 13.975 11 13.975C11.63 13.975 12.23 13.845 12.77 13.615L13.75 14.595C12.87 14.835 11.95 14.975 11 14.975C7.21 14.975 3.83 12.845 2.18 9.475C2.88 8.045 3.9 6.86499 5.11 5.94499Z' fill='%231C594E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_201_2'%3E%3Crect width='22' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-size: 1.5rem;
    background-position: 95% 50%;
    background-repeat: no-repeat;
} */

.form-control.has-date-picker {
    background-size: 1.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='141' height='146'%3e%3cpath fill='%231c594e' d='M13.3%2c126.4V37.4c0-2.4%2c.9-4.5%2c2.6-6.3c1.7-1.8%2c3.8-2.6 6.2-2.6h8.8v-6.7c0-3.1%2c1.1-5.7%2c3.2-7.9c2.2-2.2%2c4.7-3.3%2c7.8-3.3h4.4c3%2c0 5.6%2c1.1%2c7.8%2c3.3c2.2%2c2.2%2c3.2%2c4.8%2c3.2%2c7.9v6.7h26.4v-6.7c0-3.1%2c1.1-5.7 3.2-7.9c2.2-2.2%2c4.7-3.3%2c7.8-3.3h4.4c3%2c0%2c5.6%2c1.1%2c7.8%2c3.3c2.2%2c2.2%2c3.2 4.8%2c3.2%2c7.9v6.7h8.8c2.4%2c0%2c4.4%2c.9%2c6.2%2c2.6c1.7%2c1.8%2c2.6%2c3.8%2c2.6%2c6.3v88.9c0 2.4-.9%2c4.5-2.6%2c6.3c-1.7%2c1.8-3.8%2c2.6-6.2%2c2.6H22.1c-2.4%2c0-4.4-.9-6.2-2.6C14.2%2c130.8 13.3%2c128.8%2c13.3%2c126.4z M22.1%2c126.4h96.8V55.2H22.1V126.4z M39.7%2c41.9c0%2c.6%2c.2%2c1.2 .6%2c1.6c.4%2c.4%2c.9%2c.6%2c1.6%2c.6h4.4c.6%2c0%2c1.2-.2%2c1.6-.6c.4-.4 .6-.9%2c.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6%2c0-1.2%2c.2-1.6 .6c-.4%2c.4-.6%2c1-.6%2c1.6V41.9z M92.5%2c41.9c0%2c.6%2c.2%2c1.2%2c.6%2c1.6c.4%2c.4%2c.9%2c.6 1.6%2c.6h4.4c.6%2c0%2c1.2-.2%2c1.6-.6c.4-.4 .6-.9%2c.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6 0-1.2%2c.2-1.6%2c.6c-.4%2c.4-.6%2c1-.6%2c1.6V41.9z'/%3e%3c/svg%3e");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

/* Select (specific) */
.form-select:not(.is-invalid) {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E");
    background-size: 0.625rem 0.3125rem;
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 0.625rem 0.3125rem, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select:disabled {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%2397aaa1'%3E%3C/path%3E%3C/svg%3E");
}

.error {
    color: red;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: .375rem;
}

.reward-input .input-group.mb-4-5 {
    margin-bottom: 0;
}

/* Radio Buttons */

.radio-list {
    overflow: hidden;
}

.btn-check:checked+.btn {
    color: var(--primary-85) !important;
    background-color: var(--primary-20) !important;
    border-radius: 0 !important;
    /* border-color: var(--bs-btn-active-border-color); */
}

input[type="radio"]:checked+label.btn.btn-primary.btn-x-sm.h-full.chkbtn-active {
    background-color: red;
}

.form-check:not(.form-switch) {
    padding: unset;
    /* display: flex; */
    /* display: grid; */
    /* grid-template-columns: 1.125rem 1fr; */
    align-items: center;
    gap: 0.625rem;
    padding: 0.125rem;
    border-radius: 0.25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.form-check:not(.form-switch) .form-check-label {
    /* text-body-medium */
    font-family: var(--titillium);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    flex-grow: 1;
}

.form-check:not(.form-switch) .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin: unset;
}

.form-check:not(.form-switch) .form-check-input:checked[type="radio"] {
    background-color: transparent;
    border-color: var(--black);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23343432'/%3e%3c/svg%3e");
}

.form-check:not(.form-switch):hover {
    background-color: var(--white-1);
}

.form-check:not(.form-switch):has(.form-check-input[type="radio"]:disabled):hover {
    background-color: transparent;
}

/* .form-check:not(.form-switch):focus {
  background-color: var(--primary-20);
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:focus {
  box-shadow: 0 0 0 40.25rem var(--primary-20);
} */

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: 1;
    color: var(--primary-disabled);
}

/* Checkbox */
.form-check:not(.form-switch) .form-check-input {
    height: 1.125rem;
    width: 1.125rem;
}

.form-check:not(.form-switch) .form-check-input:focus-visible {
    box-shadow: 0 0 0 40.25rem var(--white-1);
    border-color: var(--black);
}

.form-check:not(.form-switch) .form-check-input:focus:not(:focus-visible) {
    box-shadow: none;
    border-color: var(--black);
}

.form-check:not(.form-switch) .form-check-input:active {
    filter: unset;
}

.form-check:not(.form-switch) .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M1 5L4 8L10 2' stroke='%23343432' stroke-width='2'/%3E%3C/svg%3E");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M1 5L4 8L10 2' stroke='%2390c' stroke-width='2'/%3E%3C/svg%3E"); */
    background-color: transparent;
    border-color: var(--black);
    background-size: 11px;
    background-position: 70% 63%;
}

/* derrick */
.form-check:not(.form-switch):has(.form-check-input[type="checkbox"]:disabled):hover {
    background-color: transparent;
}

.form-check-input:disabled:checked[type="checkbox"] {
    pointer-events: none;
    filter: none;
    opacity: 1;
    border-width: 0;
    background-size: 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.79313 15.8749L4.62312 11.7049L3.20312 13.1149L8.79313 18.7049L20.7931 6.70492L19.3831 5.29492L8.79313 15.8749Z' fill='currentColor'/%3E%3C/svg%3E");
}



/* Custom form edits */

.label-text .text-primary {
    color: var(--black) !important;
}

div[data-ng-form="refForm"] h2,
legend h2 {
    font-size: 1.0625rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}

div[ng-show="IsVisible('477',1,'4');"] {
    margin-top: 1.5rem;
}

#_btnSubmit {
    margin-top: 1.5rem !important;
}

.ValidationField.form-check-label::before {
    display: none;
}

/* .ValidationField.form-check-label .label-text::before {
    content: '* ';
    color: red;
    font-weight: 900;
} */

.input-row,
.inputrow {
    margin-bottom: 2rem;
}

.QuestionType.\-.RadioButton.divWidth.form-check-inline.inputrow.width-100p {
    margin-bottom: 0;
}

    .QuestionType.\-.RadioButton.divWidth.form-check-inline.inputrow.width-100p
    .input-row.validation.relative {
        margin-bottom: 0;
    }

.check-holder.input-row {
    margin-bottom: 0;
}

.check-holder~div[ng-show="true"],
.check-holder~.input-row,
.check-holder~.btn-holder {
    margin-top: 2rem;
}

.check-holder.input-row~.check-holder.input-row {
    margin-top: 0;
}

#_btnPrint {
    margin-bottom: 2rem !important;
}

label#_24790,
label[for="_11562"],
label[for="_24814"] {
    /* label#_24812:not(li) */
    /* text-headline-small */
    font-family: var(--titillium);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.125rem;
    letter-spacing: 0rem;
}

/* Add margin to elements that are hard to target in form directly */
div[ng-show="true"]:has(.form-check)+div[ng-show="true"]:has(span),
div[ng-show="true"]:has(.form-check)+div[ng-show="true"]:has(.input-row),
div[ng-show="true"]:has(.form-check)+div[ng-show="true"]:has(.btn-holder),
div[ng-show="true"]:has(.form-check)+div[ng-show="true"]:has(.ValidationField),
div[ng-show="true"]:has(.form-check)+div[ng-show="true"]:has(label[for="Question-8070"]),
div[ng-show="ShowIfParentMeetsReq(8070, 1, 'Rq+V==', 'Prefer not to answer')"]:has(.form-check)+div[ng-show="true"]:has(.btn-holder),
div[ng-show="true"]>div[ng-show="true"]:has(h2) {
    margin-top: 2rem;
}

div[ng-show="true"] font[color="red"] b {
    margin-right: 0.25rem;
}

div[ng-show="IsVisible('_492',1,'1');"] {
    margin-top: 1.5rem;
}

.form-validation font[color="blue"] b {
    color: var(--primary);
}

.form-validation h2 {
    font-size: 1.0625rem;
    /* font-weight: bold; */
}

label b {
    /* font-weight: 500 !important; */
    color: var(--primary);
}

label {
    /* yo */
    /* text-body-medium */
    font-family: var(--titillium);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    /* margin-bottom: 0.5rem; */
}

label:not(.form-check-label) {
    margin-bottom: 0.5rem;
}

/* pagination */

.page-item .page-link,
ul.pagination li div.pages {
    border-radius: 0.25rem;
    /* .text-label-medium */
    font-family: var(--titillium);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
    background-color: var(--primary-10);
    color: var(--primary-90);
    border-color: var(--primary-10);
    border-width: 1px;
}

.page-item .page-link:hover,
ul.pagination li div.pages:hover {
    background-color: var(--primary-20);
    border-color: var(--primary-20);
    color: var(--primary);
}

.page-item .page-link:focus,
ul.pagination li div.pages:focus {
    border-color: var(--primary);
    box-shadow: none;
}

.page-item .page-link:active,
ul.pagination li div.pages:active {
    border-color: var(--primary-50);
    color: var(--primary-50);
    box-shadow: none;
}

/* .page-item .page-link:disabled {
  color: var(--primary-disabled);
  cursor: default;
} */

.page-item .page-link.prev-next {
    background-color: transparent;
    border-color: transparent;
}

.page-item .page-link.prev-next:hover {
    background-color: var(--primary-10);
    border-color: var(--primary-10);
}

.page-item .page-link.prev-next:active {
    color: var(--primary-50);
    border-color: var(--primary-50);
}

.page-item .page-link.prev-next:focus {
    border-color: var(--primary);
}

.page-item .page-link.prev-next:active:focus {
    border-color: var(--primary-50);
}

.pagination {
    gap: 0.25rem;
}

/* .page-item:not(:first-child) .page-link, ul.pagination li div.pages {
    margin: unset;
}

.page-item:not(:first-child) .page-link.active, ul.pagination li div.pages.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.page-item:not(:first-child) .page-link.active:hover {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
}

.page-item:not(:first-child) .page-link.active:focus {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
    color: var(--white);
}

.page-item:not(:first-child) .page-link.active:focus:active {
    background-color: var(--primary-10);
    border-color: var(--primary-50);
    color: var(--primary-50);
}

.page-item:not(:first-child) .page-link.disabled {
    background-color: var(--primary-10);
    color: var(--primary-disabled);
} */
.page-item .page-link,
ul.pagination li div.pages {
    margin: unset;
}

.page-item .page-link.active,
ul.pagination li div.pages.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.page-item .page-link.active:hover {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
}

.page-item .page-link.active:focus {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
    color: var(--white);
}

.page-item .page-link.active:focus:active {
    background-color: var(--primary-10);
    border-color: var(--primary-50);
    color: var(--primary-50);
}

.page-item .page-link.disabled {
    background-color: var(--primary-10);
    color: var(--primary-disabled);
}

.page-link,
ul.pagination li div.pages {
    padding: 0.375rem 0.75rem;
    cursor: pointer;
}

/* My account nav */
.accordion.my-account-nav {
    --bs-accordion-active-bg: var(--state-brand-15);
    --bs-btn-active-bg: var(--state-brand-15);
}

.accordion.my-account-nav .dropdown-item:hover,
.accordion.my-account-nav .dropdown-item:focus:not(.active),
.accordion.my-account-nav .dropdown-item.active {
    background-color: var(--white-4) !important;
    color: var(--black);
}

.accordion.my-account-nav .dropdown-item:focus:is(.active) {
    background-color: var(--primary-10) !important;
}

.accordion.my-account-nav .accordion-button {
    font-family: var(--titillium);
    font-size: 0.9375rem !important;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0em;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0 !important;
}

.accordion.my-account-nav {
    border-bottom: 1px solid var(--black);
}

.accordion.my-account-nav .accordion-button:focus {
    box-shadow: none;
    background-color: var(--dark-gray-2) !important;
    color: var(--white) !important;
}

/* .accordion.my-account-nav .accordion-item .accordion-button .icon-open svg path,
.accordion.my-account-nav .accordion-item .accordion-button .icon-closed svg path {
    fill: var(--black);
} */

/* .accordion.my-account-nav .accordion-button[aria-expanded="true"] {
    background-color: var(--black) !important;
    color: var(--white) !important;
} */

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] {
    background-color: var(--dark-gray-2) !important;
    color: var(--white) !important;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] .icon-open {
    display: none;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] .icon-closed {
    display: block;
    /* color: var(--white) !important; */
}

/* .accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] .icon-closed svg path {
    fill: var(--white);
} */

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="false"] .icon-closed {
    display: none;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="false"] .icon-open {
    display: block;
}



/* Breadcrumb */

.breadcrumb {
    padding: .5rem 2rem;
    color: var(--primary);
    background-color: var(--white);
    margin-bottom: 0;
}

.breadcrumb-item::before {
    display: none;

}

.breadcrumb-item {
    padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item a::before {
    font-size: 15px !important;
    padding: 0 !important;

}

/* .breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary);
} */

/* .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
} */

/* Display line */

.display-line .text-label-medium svg.icon,
.display-line .text-title-large svg.icon {
    height: 0.75rem;
    width: 0.75rem;
    /* height: 0.75rem; */
}

.display-line .text-display-large svg.icon {
    height: 1.625rem;
    width: 1.625rem;
}

/* Dropdown */
.dropdown-toggle[aria-expanded="true"]::after,
.btn[aria-expanded="true"] svg.icon {
    transform: rotate(180deg);
}

.dropdown-toggle.primary[aria-expanded="false"]:hover,
.btn-link.primary[data-bs-toggle="modal"]:hover,
.btn-link.primary[data-bs-toggle="offcanvas"]:hover,
.btn-link.primary:hover,
.btn-link.primary.active {
    /* transform: rotate(180deg); */
    background-color: var(--primary-85) !important;
}

.dropdown-toggle.inverted[aria-expanded="false"]:hover,
.btn-link.inverted[data-bs-toggle="modal"]:hover,
.btn-link.inverted[data-bs-toggle="offcanvas"]:hover,
.btn-link.inverted:hover {
    /* transform: rotate(180deg); */
    background-color: var(--white-4);
}

.dropdown-toggle.inverted[aria-expanded="false"]:focus {
    color: var(--white);
    background-color: var(--black) !important;
}

.btn-link.inverted:active,
.btn-link.inverted:focus {
    color: var(--white);
    background-color: var(--black);
    box-shadow: none;
}

.btn-link.inverted:focus svg path {
    fill: var(--white) !important;
}


.dropdown-toggle.inverted[aria-expanded="false"]:hover svg.icon path,
.btn-link.inverted[data-bs-toggle="modal"]:hover svg.icon path,
.btn-link.inverted[data-bs-toggle="offcanvas"]:hover svg.icon path,
.btn-link.inverted[data-bs-toggle="offcanvas"]:hover svg path {
    /* transform: rotate(180deg); */
    fill: var(--black) !important;
}

.dropdown-toggle.primary[aria-expanded="false"]:active,
.dropdown-toggle.primary[aria-expanded="false"]:focus,
.btn-link.primary[data-bs-toggle="modal"]:focus,
.btn-link.primary[data-bs-toggle="modal"]:active,
.btn-link.primary[data-bs-toggle="offcanvas"]:focus,
.btn-link.primary[data-bs-toggle="offcanvas"]:active {
    box-shadow: none;
    background-color: var(--primary);
}

.dropdown-toggle.inverted[aria-expanded="false"]:active,
.dropdown-toggle.inverted[aria-expanded="false"]:focus,
.btn-link.inverted[data-bs-toggle="modal"]:focus,
.btn-link.inverted[data-bs-toggle="modal"]:active,
.btn-link.inverted[data-bs-toggle="offcanvas"]:focus,
.btn-link.inverted[data-bs-toggle="offcanvas"]:active {
    box-shadow: none;
    /* background-color: var(--white); */
}

.dropdown-toggle.primary[aria-expanded="false"]:focus,
.dropdown-toggle.primary[aria-expanded="false"]:active,
.dropdown-toggle.primary[aria-expanded="true"]:focus,
.dropdown-toggle.primary[aria-expanded="true"]:active {
    border-color: transparent !important;
}

.dropdown-toggle.primary[aria-expanded="true"]:focus,
.dropdown-toggle.primary[aria-expanded="true"]:active {
    background-color: var(--primary);
    box-shadow: none;
}

.dropdown-toggle.inverted[aria-expanded="true"]:focus,
.dropdown-toggle.inverted[aria-expanded="true"]:active,
.dropdown-toggle.inverted[aria-expanded="true"] {
    background-color: var(--black);
    color: var(--white);
    box-shadow: none;
}

.dropdown-toggle.primary,
.btn-link.primary {
    color: var(--white) !important;
}

.dropdown-toggle.inverted,
.btn-link.inverted {
    color: var(--black);
}

.dropdown-toggle.inverted svg.icon path,
.btn-link.inverted svg.icon path {
    fill: var(--black);
}

.dropdown-menu.show {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 3px;
    padding: 0;
}

.dropdown-item {
    /* text-label-medium */
    font-family: var(--titillium);
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0em;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
    color: var(--black);
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
}

.dropdown-item svg.icon path {
    fill: var(--primary);
}

.dropdown-item:hover {
    background-color: var(--black);
    color: var(--white);
}

.dropdown-item:active,
.dropdown-item:focus {
    background-color: var(--black);
    color: var(--white);
    outline: none;
}

.dropdown-item.active {
    background-color: var(--primary);
    color: var(--white);
}

.dropdown-item.active svg.icon path {
    fill: var(--white);
}

.btn.dropdown-toggle {
    /* .text-label-small */
    /* font-family: var(--titillium);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase; */
}

/* Carousel */


.carousel-dots button {
    height: 0.7rem;
    width: 0.7rem;
    line-height: 0.7rem;
    max-width: 0.7rem;
    padding: 0;
    border-radius: 50%;
    background-color: var(--white-3);
    border: 0px solid transparent;
}

.carousel-dots.dots-small button {
    height: 0.375rem;
    width: 0.375rem;
    line-height: 0.375rem;
    max-width: 0.375rem;
}

.carousel-dots button:hover,
.carousel-dots button.active {
    background-color: var(--black);
}

.carousel-item img {
    display: block;
    width: 100%;
    /* margin-bottom: 1rem; */
}

.carousel-control-next,
.carousel-control-prev {
    top: unset;
    opacity: 1;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    width: unset;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* width: 1rem;
    height: 1rem; */

}

/* .carousel-control-next:focus,
.carousel-control-prev:focus {
    outline: 2px solid black !important;

} */

.carousel-control-next:focus-visible,
.carousel-control-prev:focus-visible {
    outline: 2px solid black !important;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 1rem;
    width: 1rem;
    background-size: contain;

    background-position: center;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00008 2.66675L7.06008 3.60675L10.7801 7.33341H2.66675V8.66675H10.7801L7.06008 12.3934L8.00008 13.3334L13.3334 8.00008L8.00008 2.66675Z' fill='%239900CC'/%3E%3C/svg%3E%0A");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3334 7.33341H5.22008L8.94675 3.60675L8.00008 2.66675L2.66675 8.00008L8.00008 13.3334L8.94008 12.3934L5.22008 8.66675H13.3334V7.33341Z' fill='%239900CC'/%3E%3C/svg%3E%0A");
}

.carousel-indicators {
    position: relative;
    margin-bottom: 0;
}

.carousel-indicators [data-bs-target] {
    opacity: 1;
    background-color: var(--white-3);
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    margin: 0;
    height: .25rem;
}

.carousel-indicators [data-bs-target]:first-child {
    border-top-left-radius: 6.25rem;
    border-bottom-left-radius: 6.25rem;
}

.carousel-indicators [data-bs-target]:last-child {
    border-top-right-radius: 6.25rem;
    border-bottom-right-radius: 6.25rem;
}

.carousel-indicators button.active {
    background-color: var(--primary);
}



/* tooltip */
.tooltip-inner {
    max-width: 358px;
    padding: 1rem;
    color: var(--dark);
    box-shadow: 0px 4px 4px 0px #00000040;
    text-align: center;
    background-color: var(--white);
    border-radius: 0.25rem;
}

.tooltip-arrow::before {
    display: none;
}

.tooltip.show {
    opacity: 1;
}

.streak-item.in-progress {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    background: rgb(var(--white-rgb));
}

.streak-item.disabled {
    opacity: .5;
    background: var(--state-brand-85);
}

/* datepicker */

input[name="quit-date"] {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 3H19V1H17V3H7V1H5V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM20 21H4V10H20V21ZM20 8H4V5H20V8Z' fill='%234D0066' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: calc(100% - 1rem) center;
}

.datepicker-controls .view-switch::after {
    display: none;
}

.datepicker-input.in-edit {
    border-color: var(--primary);
}

/* .datepicker {
    width: -moz-min-content;
    width: min-content
} */

/* .datepicker:not(.active) {
    display: none
} */

.quit-date-wrap input {
    order: 2;
}

.quit-date-wrap .datepicker {
    order: 1;
}

.datepicker-controls button {
    border: 0px solid transparent;
    background-color: transparent;
}

.datepicker-controls .prev-button {
    order: 2;
    justify-self: flex-end;
}

.datepicker-controls .next-button {
    order: 3;
    justify-self: flex-end;
}

.datepicker-controls .view-switch {
    justify-self: start;
    order: 1;
    text-align: left;
    color: #3A004D;
    background-color: transparent;
    padding: .75rem;
    position: relative;

    font-family: var(--titillium);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    /* 171.429% */
    letter-spacing: 0.02625rem;
}

.datepicker-controls .view-switch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 9.5L12 14.5L17 9.5H7Z' fill='%233A004D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 1rem;
    width: 1rem;
    background-position: center;
}

.datepicker-dropdown {
    padding-top: 4px;
    /* position: absolute; */
    z-index: 1000
}

.datepicker-dropdown.datepicker-orient-top {
    padding-bottom: 4px;
    padding-top: 0
}

.datepicker-picker {
    /* background-color: #fff; */
    /* border-radius: .375rem; */
    display: flex;
    flex-direction: column
}

/* .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
} */

.datepicker-main {
    flex: auto;
    padding: 2px
}

.datepicker-footer {
    background-color: #f8f9fa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.datepicker-title {
    background-color: #f8f9fa;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
    font-weight: 700;
    padding: .375rem .75rem;
    text-align: center
}

.datepicker-controls {
    display: grid;
    grid-template-columns: 1fr 2rem 2rem;
}

/* .datepicker-header .datepicker-controls {
    padding: 2px 2px 0
} */

/* .datepicker-controls .btn {
    background-color: #fff;
    border-color: #f8f9fa
} */

.datepicker-controls .btn:focus,
.datepicker-controls .btn:hover {
    background-color: #e2e6ea;
    border-color: #dbe0e5;
    color: #000
}

.datepicker-controls .btn:focus {
    box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5)
}

.datepicker-controls .btn:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #000
}

.datepicker-controls .btn:not(:disabled):active {
    background-color: #dbe0e5;
    border-color: #d4dae0;
    color: #000
}

.datepicker-controls .btn:not(:disabled):active:focus {
    box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5)
}

.datepicker-header .datepicker-controls .btn {
    border-color: transparent;
    font-weight: 700
}

.datepicker-footer .datepicker-controls .btn {
    border-radius: .25rem;
    flex: auto;
    font-size: .875rem;
    margin: calc(.375rem - 1px) .375rem
}

/* .datepicker-controls .view-switch {
    flex: auto
} */

.datepicker-controls .next-button,
.datepicker-controls .prev-button {
    flex: 0 0 14.2857142857%;
    padding-left: .375rem;
    padding-right: .375rem
}

.datepicker-controls .next-button.disabled,
.datepicker-controls .prev-button.disabled {
    visibility: hidden
}

.datepicker-grid,
.datepicker-view {
    display: flex
}

.datepicker-view {
    align-items: stretch;
    /* width: 15.75rem */
}

.datepicker-grid {
    flex: auto;
    flex-wrap: wrap
}

.datepicker .days {
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker .days-of-week {
    display: flex
}

.datepicker .week-numbers {
    display: flex;
    flex: 0 0 9.6774193548%;
    flex-direction: column
}

.datepicker .weeks {
    align-items: stretch;
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker span {
    -webkit-touch-callout: none;
    align-items: center;
    border-radius: .375rem;
    cursor: default;
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-weight: 700;
    font-size: .75rem;
    /* width: 4.75rem; */
    width: 2.5rem;
    height: 2.5rem;
}

.datepicker .dow {
    font-size: .75rem;
    font-weight: 600;
    /* color: var(--primary-disabled); */
    color: #81568F;
    /* height: 1.5rem */
}

.datepicker .week {
    color: #dee2e6;
    flex: auto;
    font-size: .875rem
}

.datepicker .days .dow,
.datepicker-cell {
    flex-basis: 14.2857142857%
}

.datepicker-cell {
    height: 2.25rem;
    position: relative;
}

.datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem
}

.datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.datepicker-cell.focused:not(.selected),
.datepicker-cell:hover:not(.selected) {

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23e2e6ea' /%3E%3C/svg%3E%0A");
}

.datepicker-cell.focused:not(.selected):not(.disabled),
.datepicker-cell:hover:not(.selected):not(.disabled) {

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--white);
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%239900cc' /%3E%3C/svg%3E%0A");
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    /* background-color: #0d6efd;
    color: #fff;
    font-weight: 600 */
    color: var(--white);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%239900cc' /%3E%3C/svg%3E%0A");
}

.datepicker-cell.disabled {
    /* color: rgba(33, 37, 41, .5); */
    font-weight: 400;
    color: #81568F;
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
    color: var(--primary-disabled);
    font-weight: 400;
}

.datepicker-cell.next.selected,
.datepicker-cell.prev.selected {
    color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    background-color: #f8f9fa;
    border-radius: 0
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #f1f3f5
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e2e6ea
}

.datepicker-cell.today:not(.selected) {
    background-color: #20c997
}

.datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff
}

.datepicker-cell.today.focused:not(.selected) {
    background-color: #1fc493
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
    background-color: #6c757d;
    color: #fff
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #69727a
}

.datepicker-cell.range-start:not(.range-end) {
    border-radius: .375rem 0 0 .375rem
}

.datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 .375rem .375rem 0
}

.datepicker-cell.range {
    background-color: #e9ecef;
    border-radius: 0
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #e2e6ea
}

.datepicker-cell.range.disabled {
    color: #ced4db
}

.datepicker-cell.range.focused {
    background-color: #dbe0e5
}

/* 
.datepicker-input.in-edit {
    border-color: #73acfe
} */

.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus {
    box-shadow: 0 0 .25em .25em rgba(115, 172, 254, .2)
}


/* "tooltip" */
.tooltip-btn[aria-expanded="true"] .circle {
    background: var(--dark) !important;
}

.tooltip-btn[aria-expanded="true"] .question-mark {
    color: var(--white) !important;
}

.tooltip-btn:active {
    background-color: transparent !important;
}

.focus\:border-2px-solid-primary:focus {
    border: 2px solid var(--dark);
}

/* Progress Indicator */
.progress-indicator {
    position: relative;
    width: 100%;
}

.progress-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: auto;
    position: relative;
    padding: 0;
    z-index: 1;
    list-style: none;
}

.progress-item {
    display: inline-flex;
    align-self: center;
    position: relative;
}

.progress-item-label {
    width: 4.8rem;
    text-align: center;
    position: absolute;
    top: calc(100% + .32rem + 8px);
    left: 50%;
    transform: translateX(-50%);
}

.progress-item:not(.active):not(.complete) .progress-item-label {
    top: calc(100% + .32rem + 10px);
}

.progress-item:last-of-type:is(.active),
.progress-item:last-of-type:is(.complete) {
    transform: translateX(2px);
}

.progress-item.active .progress-marker,
.progress-item.complete .progress-marker {
    top: calc(100% + .32rem);
}

/* header */
header nav .btn {
    /* .text-label-small */
    /* font-family: var(--titillium);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase; */
}

header nav .d-none.d-xxl-block.position-absolute.h-full.bg-primary.top-0.left-0 {
    background-color: var(--black) !important;
}

header {
    border-bottom: 1px solid var(--white-3);
}

/* Dashboard Nav Item */
.secondary-nav-item svg path {
    fill: var(--primary)
}

.secondary-nav-item svg {
    height: 1.25rem;
    width: 1.25rem;
}

.mlmq-step-progress svg path {
    fill: var(--black);
}

/* iframe */
iframe {
    max-width: 100%;
}

/* audio */
audio::-webkit-media-controls-panel {
    background-color: #e2e9e9;

}

audio {
    max-width: 100%;
}

audio::-webkit-media-controls-enclosure {
    border-radius: .25rem;
}

/* audio::-webkit-media-controls-timeline-container {} */

/* audio::-webkit-media-controls-mute-button */
/* audio::-webkit-media-controls-play-button  */

/* audio::-webkit-media-controls-current-time-display */
/* audio::-webkit-media-controls-time-remaining-display  */
/* audio::-webkit-media-controls-timeline  */
/* audio::-webkit-media-controls-volume-slider-container  */
/* audio::-webkit-media-controls-volume-slider  */
/* audio::-webkit-media-controls-seek-back-button */
/* audio::-webkit-media-controls-seek-forward-button */
/* audio::-webkit-media-controls-fullscreen-button */
/* audio::-webkit-media-controls-rewind-button */
/* audio::-webkit-media-controls-return-to-realtime-button */
/* audio::-webkit-media-controls-toggle-closed-captions-button */

/* site */
.content-text strong {
    /* font-weight: 400; */
}

/* Temp */
.partial-view {
    display: none;
}

.current {
    display: block;
}

.cms-content a {
    color: var(--primary);
}

.cms-content a:hover {
    text-decoration: underline;
}

section.posters-and-cards a::not(.btn):hover {
    text-decoration: underline;
    color: var(--primary);
}

section.posters-and-cards table {
    width: 100%;
}

section.posters-and-cards img {
    width: 100%;
    object-fit: scale-down;/*contain;*/
}

/* Featured items */
/* first two children */

nav ul li .text-label-medium,
.offcanvas .text-label-medium {
    font-weight: 600 !important;
}

.offcanvas .accordion-item a.dropdown-item {
    color: var(--primary);
}

/* Create A new Routine Pg.3 */

.craving:has(.btn-check:checked)>div {
    /* .btn.btn-checkbox-toggle: has(.btn-check:checked), */
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.craving:has(.text-input:focus) {
    border: 2px solid var(--black) !important;
}

/* Faux Milestone */
.faux-milestone {
    width: 3.0625rem;
    height: 4.5rem;
}

/* Utility */



.sidebar-box-shadow {
    box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.20) inset;
}

.gtc-sidebar {
    grid-template-columns: 23.125rem 1fr;
}

span.field-validation-error {
    margin-bottom: 1rem;
    display: block;
}

a.link-disabled {
    pointer-events: none;
    cursor: default;
}

label.text-white.craving input.text-input {
    color: var(--white);
}

.blur-text-bg {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #FFF 100%);
}

.h-2-5rem {
    height: 2.5rem;
}

.h-11-3rem {
    height: 11.3rem;
}

.h-11-56rem {
    height: 11.56rem;
}

.h-15-3rem {
    height: 15.3rem;
}

.focus\:border-none {
    border: 0 solid transparent;
}

.small-icon {

    height: .8125rem;
    width: .8125rem;
}

.line-height-0-8125rem {
    line-height: .8125rem;
}

.active\:bg-transparent:active {
    background-color: transparent !important;
}

.active\:border-white-3:active {
    border-color: var(--white-3) !important;
}

.gap-2rem,
.gap-2-rem {
    gap: 2rem;
}

.gap-0-62rem {
    gap: 0.62rem;
}

.col-gap-0-25rem {
    column-gap: .25rem;
}

.col-gap-0-38rem {
    column-gap: .38rem;
}

.row-gap-0-62rem {
    row-gap: .62rem;
}

.row-gap-0-5rem {
    row-gap: .5rem;
}

.focus\:underline:focus {
    text-decoration: underline;
}

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

.min-h-1-625rem {
    min-height: 1.625rem;
}

.m-3px {
    margin: 3px !important;
}

.override-mb .mb-2rem,
.override-mb .mb-4-5 {
    margin-bottom: 0;
}

.fw-600 {
    font-weight: 600;
}

.fw-700,
.fw-bold {
    font-weight: 700;
}

.break-word {
    word-break: break-word;
}

.-transform-y-0-5rem {
    transform: translateY(-.5rem);
}

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

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

.overflow-x-hidden {
    overflow-x: hidden;
}

.no-focus {
    /* -moz-user-focus: none;
    -webkit-user-focus: none;
    -ms-user-focus: none;
    user-focus: none;
    -moz-user-modify: read-only;
    -webkit-user-modify: read-only;
    -ms-user-modify: read-only;
    user-modify: read-only;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; */
    user-select: none;
}

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

.z-20 {
    z-index: 20;
}

.mlmq-svg-primary svg path {
    fill: var(--primary);
}

.mlmq-svg-black svg path {
    fill: var(--black);
}

.capitalize {
    text-transform: capitalize;
}

.h-1px {
    height: 1px;
}

.w-1px {
    width: 1px;
}

.w-2px {
    width: 2px;
}

.h-2px {
    height: 2px;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.hover\:bg-primary-20:hover {
    background-color: var(--primary-20) !important;
}

.hover\:bg-white-1:hover {
    background-color: var(--white-1) !important;
}

.hover\:bg-white-3:hover {
    background-color: var(--white-3) !important;
}

.hover\:bg-white-4:not(.active):hover {
    background-color: var(--white-4) !important;
}

.hover\:bg-white-5:hover {
    background-color: var(--white-5) !important;
}

.hover\:bg-white-6:hover {
    background-color: var(--white-6) !important;
}

.w-auto {
    width: auto;
}

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

.flex-shrink-0 {
    flex-shrink: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.border-none {
    /* border: 2px solid transparent; */
    border: 0 solid transparent;
}

.outline-none {
    /* border: 2px solid transparent; */
    outline: 0 solid transparent;
}

.border-color-transparent {
    border-color: transparent;
}

.box-shadow-none {
    box-shadow: none !important;
}

.focus\:box-shadow-none:focus {
    box-shadow: none !important;
}

.focus-visible\:outline-transparent:focus-visible {
    outline-color: transparent;
}

.focus\:bg-primary-10:focus {
    background-color: var(--primary-10);
}

.focus\:bg-black:focus {
    background-color: var(--black) !important;
}

.focus\:text-white:focus {
    color: var(--white) !important;
}

.hover\:bg-black:hover {
    background-color: var(--black) !important;
}

.hover\:text-white:hover {
    color: var(--white) !important;
}

.focus\:border-primary-2px:focus {
    border: 2px solid var(--primary);
}

.grid {
    display: grid;
}

.bg-none {
    background-color: transparent;
}

.right-0 {
    right: 0;
}

.h-full {
    height: 100%;
}

.h-5-5rem {
    height: 5.5rem;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.bottom-0 {
    bottom: 0;
}

.top-0-1rem {
    top: .1rem;
}

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

.w-8 {
    width: 2rem;
}

.rounded-tr-bl {
    border-radius: 2px 10px 2px 10px;
}

.br-0-25rem {
    border-radius: 0.25rem;
}

.br-0-53rem {
    border-radius: 0.53rem;
}

.br-t-1rem {
    border-radius: 1rem 1rem 0 0;
}

.\!br-0-25rem {
    border-radius: 0.25rem !important;
}

.br-0-75rem {
    border-radius: 0.75rem;
}

.br-0-3125rem {
    border-radius: 0.3125rem;
}

.br-0-375rem {
    border-radius: 0.375rem;
}

.br-1-375rem {
    border-radius: 1.375rem;
}

.br-0-38rem {
    border-radius: 0.38rem;
}

.br-0-53rem {
    border-radius: 0.53rem;
}

.bw-0 {
    border-width: 0;
}

.bw-1px {
    border-width: 1px !important;
}

.bw-2px {
    border-width: 2px;
}

.rounded-4,
.br-0-5rem {
    border-radius: 0.5rem;
}

.rounded-t-4 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.border-width-1px {
    border-width: 1px;
}

.border-width-2px {
    border-width: 2px;
}

.rounded-2-5 {
    border-radius: 0.75rem;
}

.br-2-75rem {
    border-radius: 2.75rem;
}

.rounded-full {
    border-radius: 100%;
}

.rounded-0-375rem {
    border-radius: 0.375rem;
}

.hidden {
    display: none !important;
}

.p-0-38rem {
    padding: 0.38rem;
}

.p-0-46rem {
    padding: 0.46rem;
}

.p-0-5rem {
    padding: .5rem;
}

.p-0-62rem {
    padding: 0.62rem;
}

.p-0-75rem {
    padding: 0.75rem;
}

.p-0-94rem {
    padding: 0.94rem;
}

.p-1-12rem {
    padding: 1.12rem;
}

.p-1-25rem {
    padding: 1.25rem;
}

.p-1-5rem {
    padding: 1.5rem;
}

.pe-2-5 {
    padding-right: 0.75rem !important;
}

.pb-0-75rem {
    padding-bottom: .75rem;
}

.pb-4-5,
.pb-2rem {
    padding-bottom: 2rem;
}

.pb-2-5rem {
    padding-bottom: 2.5rem;
}

.pb-4rem {
    padding-bottom: 4rem;
}

.pb-4-5rem {
    padding-bottom: 4.5rem;
}

.pb-3rem {
    padding-bottom: 3rem;
}

.px-2-69rem {
    padding-left: 2.69rem;
    padding-right: 2.69rem;
}

.px-1rem {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-1-5rem {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-1-75rem {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.px-1-88rem {
    padding-left: 1.88rem;
    padding-right: 1.88rem;
}

.px-2rem {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-2-5rem {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-4rem {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-1-25rem {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-0-62rem {
    padding-top: .62rem;
    padding-bottom: .62rem;
}

.py-0-88rem {
    padding-top: .88rem;
    padding-bottom: .88rem;
}

.py-0-94rem {
    padding-top: .94rem;
    padding-bottom: .94rem;
}

.py-0-375rem {
    padding-top: .375rem;
    padding-bottom: .375rem;
}

.py-2rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-4rem {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-5-5rem {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}

.pb-1-5rem {
    padding-bottom: 1.5rem;
}

.pb-4rem {
    padding-bottom: 4rem;
}

.pb-5-5rem {
    padding-bottom: 5.5rem;
}

.pb-80 {
    padding-bottom: 5rem;
}

.pb-7rem {
    padding-bottom: 7rem;
}

.pb-112 {
    padding-bottom: 7rem;
}

.pt-1rem {
    padding-top: 1rem;
}

.pt-1-25rem {
    padding-top: 1.25rem;
}

.pt-1-5rem {
    padding-top: 1.5rem;
}

.pt-1-75rem {
    padding-top: 1.75rem;
}

.pt-2rem {
    padding-top: 2rem;
}

.pt-6 {
    padding-top: 4rem;
}

.pt-7 {
    padding-top: 5rem;
}

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

.pt-4-5rem {
    padding-top: 4.5rem;
}

.pt-3rem {
    padding-top: 3rem;
}

.pt-3-5rem {
    padding-top: 3.5rem;
}

.pb-3-5rem {
    padding-bottom: 3.5rem;
}

.py-0-5rem {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.\!py-0-5rem {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.\!py-0-25rem {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-0-75rem {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-1-13rem {
    padding-top: 1.13rem;
    padding-bottom: 1.13rem;
}

.py-1-5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-1-5rem {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-2-5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.p-2rem {
    padding: 2rem;
}

.p-2-5 {
    padding: 0.75rem;
}

.py-4-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-4-5rem {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.p-2-5rem {
    padding: 2.5rem;
}

.py-2-5rem {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pl-1-25rem {
    padding-left: 1.25rem;
}

.p-4-5 {
    padding: 2rem;
}

.px-0-5rem {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2-5,
.px-0-75rem {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-1-19rem {
    padding-left: 1.19rem;
    padding-right: 1.19rem;
}

.px-1-5rem {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-4-5 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-4-75 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-3rem {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-3-5rem {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.py-4-75 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.mt-auto {
    margin-top: auto;
}

.mt-0-5rem {
    margin-top: .5rem;
}

.mt-0-88rem {
    margin-top: .88rem;
}

.mt-1-5rem {
    margin-top: 1.5rem;
}

.mt-2-rem,
.mt-2rem {
    margin-top: 2rem;
}

.mt-8rem {
    margin-top: 8rem;
}

.mt-11-7rem {
    margin-top: 11.7rem;
}

/* .mb-4 {
  margin-bottom: 1.5rem;
} */

.mb-0-5rem {
    margin-bottom: .5rem;
}

.mb-0-75rem {
    margin-bottom: .75rem;
}

.mb-0-87rem {
    margin-bottom: .87rem;
}

.mb-1-25rem {
    margin-bottom: 1.25rem;
}

.mb-1-37rem {
    margin-bottom: 1.37rem;
}

.mb-1-5rem {
    margin-bottom: 1.5rem;
}

.mb-1-75rem {
    margin-bottom: 1.75rem;
}

.mb-2rem {
    margin-bottom: 2rem;
}

.mb-2-5rem {
    margin-bottom: 2.5rem;
}

.mt-4-75 {
    margin-top: 2.5rem;
}

.mb-4-5 {
    margin-bottom: 2rem;
}

.mb-6rem {
    margin-bottom: 6rem;
}

.my-4-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.my-1-38rem {
    margin-top: 1.38rem;
    margin-bottom: 1.38rem;
}

.my-2-5rem {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;

}

.mb-4-75 {
    margin-bottom: 2.5rem;
}

.mb-64 {
    margin-bottom: 4rem;
}

.mb-override .mb-2rem {
    margin-bottom: 0rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.ms-4-5 {
    margin-left: 2rem;
}

.fw-black {
    font-weight: 700;
}

.-translate-x-0-25rem {
    transform: translateX(-.25rem);
}

.offset-y-negative {
    top: -0.7rem;
}

.offset-y-positive {
    top: 0.7rem;
}

.gap-0-25rem {
    gap: 0.25rem;
}

.gap-0-38rem {
    gap: 0.38rem;
}

.gap-0-5rem {
    gap: 0.5rem;
}

.gap-0-62rem {
    gap: .62rem;
}

.gap-0-88rem {
    gap: .88rem;
}

.gap-2-5,
.gap-0-75rem {
    gap: 0.75rem;
}

.gap-3-5 {
    gap: 1.25rem;
}

.gap-1-5rem {
    gap: 1.5rem;
}

.gap-1-75rem {
    gap: 1.75rem;
}

.gap-2-5rem {
    gap: 2.5rem;
}

.gap-3-5rem {
    gap: 3.5rem;
}

.gap-4-5,
.gap-2rem {
    gap: 2rem;
}

.gap-4-75 {
    gap: 2.5rem;
}

.gap-3rem {
    gap: 3rem;
}

.gap-5rem {
    gap: 5rem;
}

.flex-1 {
    flex: 1;
}

.w-full {
    width: 100%;
}

.hover\:text-decoration-underline:hover {
    text-decoration: underline;
}


.opacity-25 {
    opacity: .25;
}

.hover\:opacity-90:hover {
    opacity: .9;
}

.no-underline {
    text-decoration: none !important;
}

.footer-rounded {
    border-radius: 0 24px 0 0;
}

.testimonial-hover-gradient {
    background: var(--testimonial-gradient);
}

.testimonial-card .testimonial-hover-gradient {
    transition: all 0.15s ease;
}

.testimonial-card:hover .testimonial-hover-gradient {
    opacity: 1 !important;
}

#testimonial-group-inner .testimonial-card:nth-child(odd) {
    justify-self: end;
}

.max-w-343 {
    max-width: 343px;
}

.max-w-18-54rem {
    max-width: 18.54rem;
}

.max-w-44-3rem {
    max-width: 44.3rem;
}

.max-w-23-5rem {
    max-width: 23.5rem;
}

.max-w-full {
    max-width: 100%;
}

.max-w-90 {
    max-width: 90%;
}

.max-h-full {
    max-height: 100%;
}

.max-h-2-25rem {
    max-height: 2.25rem;
}

.max-h-19-875rem {
    max-height: 19.875rem;
}

.max-h-1-7285rem {
    max-height: 1.7285rem;
}

.size-7rem {
    height: 7rem;
    width: 7rem;
}

.h-64 {
    height: 80px;
}

.h-36 {
    height: 36px;
}

.w-64 {
    width: 80px;
}

.top-4-5rem {
    top: 4.5rem;
}

.border-solid {
    border-style: solid;
}

.border-w-0 {
    border-width: 0;
}

.object-fit-contain,
.object-contain {
    object-fit: contain;
}

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

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

.aspect-ratio-4-3 {
    aspect-ratio: 4/3;
}

.gtc-1 {
    grid-template-columns: 1fr;
}

.gtc-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gtc-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gtc-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gtc-list {
    grid-template-columns: 2.5rem 1fr;
}

.gtc-checkbox {
    grid-template-columns: 2rem 1fr;
}

.flex {
    display: flex;
}

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

.card {
    --bs-card-inner-border-radius: 1rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 1rem !important;
}

.card-box-shadow {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

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

.li-card-style li:not(:last-child) {
    margin-bottom: 1rem;
}

.li-card-style ul {
    margin-bottom: 0;
}

.card-heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

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

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

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

.dashboard-container {
    max-width: 52.125rem;
    margin: 0 auto;
    width: 100%;
    padding: 1.5rem 1.5rem 5.5rem;
}

.max-w-36-5rem {
    max-width: 36.5rem;
}

.max-w-37-5rem {
    max-width: 37.5rem;
}

.max-w-38-5rem {
    max-width: 38.5rem;
}

.max-w-59-6rem {
    max-width: 59.6rem;
}

.max-w-56-6rem {
    max-width: 56.6rem;
}

.step-box-shadow {
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); */
    box-shadow: 0px 4px 8px 0px rgba(91, 89, 82, 0.10);
}

.step-padding {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

/* Offcanvas */
.offcanvas-body ul li .accordion-item .accordion-header button,
.offcanvas-body ul li a:not(:focus) {
    color: var(--black) !important;
}

.offcanvas-body ul li .accordion-item .accordion-header button:hover,
.offcanvas-body ul li .accordion-item .accordion-header button:focus,
.offcanvas-body ul li a:hover,
.offcanvas-body ul li a:focus {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--white) !important;
}

.offcanvas-body ul li .accordion-item .accordion-header button svg path {
    fill: var(--black);
}

.offcanvas-body ul li .accordion-item .accordion-header button:hover svg path,
.offcanvas-body ul li .accordion-item .accordion-header button:focus svg path {
    fill: var(--white);
}

.offcanvas-body ul li {
    border-color: var(--black) !important;
}

.offcanvas-body ul li:hover {
    border-color: var(--white) !important;
}

.offcanvas-body .btn-primary.btn-lg {
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}

.offcanvas-backdrop {
    top: 5.05rem;
}

.offcanvas-end {
    max-width: 85%;
    border-color: transparent;
    top: 5.05rem !important;
}

.modal-backdrop {
    --bs-backdrop-bg: #00363D;
}

.modal-content {
    --bs-modal-color: var(--dark-gray);
}

#offcanvas-close-icon svg path {
    fill: var(--white);
}

/* .offcanvas-backdrop,
.modal-backdrop {
    background-color: var(--primary-20);
}

.offcanvas-backdrop.show,
.modal-backdrop.show {
    opacity: 1;
} */

.offcanvas-backdrop {
    background-color: #34343280;
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.modal-dialog {
    margin: 0 auto;
    max-width: calc(min(500px, 100%) - 3rem);
}

/* .offcanvas.offcanvas-end {
    top: 5.25rem;
} */


/* Quiz */
.quiz-questions .quiz-row:first-child {
    padding-top: 0;
}

.btn-close {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%23343432'/%3E%3C/svg%3E%0A") center/1em auto no-repeat;
    opacity: 1;
}

.btn-close.white {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTQgMS40MUwxMi41OSAwTDcgNS41OUwxLjQxIDBMMCAxLjQxTDUuNTkgN0wwIDEyLjU5TDEuNDEgMTRMNyA4LjQxTDEyLjU5IDE0TDE0IDEyLjU5TDguNDEgN0wxNCAxLjQxWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") center/1em auto no-repeat
}

.btn-close.black {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%2300363d'/%3E%3C/svg%3E") center/1em auto no-repeat
}


.gtc-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gtc-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gtc-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gtc-4 {
    grid-template-columns: repeat(4, 1fr);
}

.h-full {
    height: 100%;
}

.h-9-875rem {
    height: 9.875rem;
}

/* Image Select */
.image-select {
    border: 2px solid transparent;
    background: #1c594e99;
    /* opacity: 0.8; */
    transition: all 0.01s ease;
}

.image-select.active,
.image-select:hover,
.image-select:focus {
    border: 2px solid var(--brand);
    background: var(--primary);
}

.btn-check:checked+.image-select-btn {
    /* background: var(--primary) !important; */
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='113' viewBox='0 0 160 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_206_96)'%3E%3Crect width='160' height='112' transform='translate(0 0.375)' fill='%23F2F1EE'/%3E%3Cg filter='url(%23filter0_f_206_96)'%3E%3Ccircle cy='0.375' r='56' fill='%2300CC99' fill-opacity='0.55'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_206_96)'%3E%3Ccircle cx='160' cy='112.375' r='56' fill='%23FFCC33' fill-opacity='0.45'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_206_96' x='-100.8' y='-100.425' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3Cfilter id='filter1_f_206_96' x='59.2' y='11.575' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3CclipPath id='clip0_206_96'%3E%3Crect width='160' height='112' fill='white' transform='translate(0 0.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid var(--black) !important;
}

label.image-select-btn {
    cursor: pointer;
    border-width: 2px !important;
}

label.image-select-btn:hover,
label.image-select-btn:focus {
    cursor: pointer;
    border: 2px solid var(--black) !important;
    /* background: var(--primary) !important; */
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='113' viewBox='0 0 160 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_206_96)'%3E%3Crect width='160' height='112' transform='translate(0 0.375)' fill='%23F2F1EE'/%3E%3Cg filter='url(%23filter0_f_206_96)'%3E%3Ccircle cy='0.375' r='56' fill='%2300CC99' fill-opacity='0.55'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_206_96)'%3E%3Ccircle cx='160' cy='112.375' r='56' fill='%23FFCC33' fill-opacity='0.45'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_206_96' x='-100.8' y='-100.425' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3Cfilter id='filter1_f_206_96' x='59.2' y='11.575' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3CclipPath id='clip0_206_96'%3E%3Crect width='160' height='112' fill='white' transform='translate(0 0.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

label.image-select-btn:hover .text-title-small,
label.image-select-btn:focus .text-title-small {
    color: var(--white) !important;
}

label.image-select-btn:hover svg path,
label.image-select-btn:focus svg path {
    fill: var(--white);
}

.btn-check:checked+.image-select-btn .text-title-small {
    color: var(--white) !important;
}

/* .btn-check:checked+.image-select-btn svg path {
    fill: var(--white);
} */

.btn-check:focus+.image-select-btn {
    border: 2px solid var(--black) !important;
    /* background: var(--primary) !important; */
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='113' viewBox='0 0 160 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_206_96)'%3E%3Crect width='160' height='112' transform='translate(0 0.375)' fill='%23F2F1EE'/%3E%3Cg filter='url(%23filter0_f_206_96)'%3E%3Ccircle cy='0.375' r='56' fill='%2300CC99' fill-opacity='0.55'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_206_96)'%3E%3Ccircle cx='160' cy='112.375' r='56' fill='%23FFCC33' fill-opacity='0.45'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_206_96' x='-100.8' y='-100.425' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3Cfilter id='filter1_f_206_96' x='59.2' y='11.575' width='201.6' height='201.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='22.4' result='effect1_foregroundBlur_206_96'/%3E%3C/filter%3E%3CclipPath id='clip0_206_96'%3E%3Crect width='160' height='112' fill='white' transform='translate(0 0.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Check In Radio Input */
label.check-in-input-label {
    background-color: var(--white);
    border: 2px solid transparent;
    cursor: pointer;
}

/* Check In Radio Input */
label.check-in-input-label svg.radio-checked {
    display: none;
}

label.check-in-input-label:hover,
.btn-check.check-in-radio-input:focus+label.check-in-input-label {
    border: 2px solid var(--black);
}


.btn-check.check-in-radio-input:checked+label.check-in-input-label {
    background-color: var(--black);
    color: var(--white);
}

.btn-check.check-in-radio-input:checked+label.check-in-input-label svg.radio-unchecked {
    display: none;
}

.btn-check.check-in-radio-input:checked+label.check-in-input-label svg.radio-checked {
    display: block;
}

/* My triggers toggle */
.btn-checkbox-toggle.display-only {
    padding-top: .35rem;
    padding-bottom: .35rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent;
    cursor: default;

    /* border-radius: .5rem; */
    white-space: nowrap;
}

.btn-checkbox-toggle.display-only:not(.bg-green) {
    pointer-events: none;
}

.btn-checkbox-toggle.display-only button.remove-item:focus {
    border: 2px solid var(--black);
}

.btn-checkbox-toggle.display-only.active {
    padding: 0.5rem .75rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.btn-checkbox-toggle.display-only.text-white {
    color: var(--white) !important;
}

.btn-checkbox-toggle.display-only.px-0-75rem {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.btn-checkbox-toggle.display-only.px-0-81rem {
    padding-left: 0.81rem !important;
    padding-right: 0.81rem !important;
}

.btn-check+.btn.btn-checkbox-toggle:hover,


.btn.btn-checkbox-toggle:has(.btn-check):hover {
    color: var(--black) !important;
    background-color: var(--white-1) !important;
    border-radius: .25rem !important;
    /* padding: 0.38rem .75rem !important; */
    /* border-color: var(--bs-btn-active-border-color); */
}

.btn-check:checked+.btn.btn-checkbox-toggle,

.btn.btn-checkbox-toggle:has(.btn-check:checked),
.btn-checkbox-toggle.display-only.active {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-radius: .25rem !important;
    /* padding: 0.38rem .75rem !important; */
    /* border-color: var(--bs-btn-active-border-color); */
}

.btn-check:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:focus-visible) {
    border-color: var(--black);
    background-color: var(--white-4) !important;
    color: var(--black) !important;
}

.btn-check:checked:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:checked:focus-visible) {
    background-color: var(--white-3) !important;
    color: var(--black) !important;
}

.btn-check:checked:focus-visible:hover+.btn.btn-checkbox-toggle {
    /* color: var(--white) !important; */
}

input.btn-checkbox-toggle.outline::placeholder {
    color: var(--black) !important;
    text-transform: uppercase;
}

.identify-my-triggers.py-0-44rem .btn-checkbox-toggle {
    padding-top: .44rem;
    padding-bottom: .44rem;
}

.identify-my-triggers.py-0-44rem .custom-trigger-parent input {
    max-height: 1.7285rem !important;
}

.identify-my-triggers.py-0-44rem .error-message.text-body-medium {
    text-align: center;
}

.canr-pg-4-triggers input.btn-checkbox-toggle {
    border-radius: .5rem;
}

.canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check) .close-icon {
    display: none;
}

.canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) {
    /* color: var(--dark-gray) !important;
    background: var(--white-3) !important; */
    color: var(--white) !important;
    background: var(--black) !important;
}

.canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) .close-icon {
    display: block;
}


.canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) .remove-item:not(.hidden) {
    /* color: var(--dark-gray) !important;
    background: var(--white-3) !important; */
    color: var(--white) !important;
    /* background: var(--black) !important; */
}

.canr-pg-4-triggers label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:focus),
.canr-pg-4-triggers label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:focus-visible) {
    /* color: var(--dark-gray) !important; */
    background: var(--white-3);
}

.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:not(:checked)),
/* .canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:checked),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:checked:focus), */
.canr-pg-4-triggers.disable-alternatives input.btn-checkbox-toggle::placeholder,
.canr-pg-4-triggers.disable-alternatives input.custom-trigger-input.btn-checkbox-toggle:not(.filled-in),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle button.remove-item {
    pointer-events: none;
    color: var(--black-15) !important;
    background-color: var(--white-4) !important;
}

.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check:checked:focus-visible),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check:checked:focus) {
    border-color: var(--white-3) !important;
}

.canr-pg-4-triggers .custom-trigger-parent:has(input.custom-trigger-input.hidden) {
    display: none;
}

/*** Copied from site.css ***/
.grid-template-columns-1fr-3fr {
    grid-template-columns: 1fr 3fr;
}

.grid-template-columns-1fr-2rem {
    grid-template-columns: 1fr 2rem;
}

.grid-template-columns-3fr-1fr {
    grid-template-columns: 3fr 1fr;
}

.grid-template-columns-2rem-1fr {
    grid-template-columns: 2rem 1fr;
}

.grid-template-columns-7rem-1fr {
    grid-template-columns: 7rem 1fr;
}

.grid-template-columns-7-75rem-1fr {
    grid-template-columns: 7.75rem 1fr;
}

.grid-template-columns-repeat-2-1fr {
    grid-template-columns: repeat(2, 1fr);
}

.grid-template-columns-23-125rem-1fr {
    grid-template-columns: 23.125rem 1fr;
}

/*** End Copied from site.css ***/

/*Aditional Classes that were inline styles*/
.w-1px {
    width: 1px;
}

.legendInit {
    visibility: collapse;
    height: 0;
    margin: 0;
}

.border-0px-solid-white {
    border: 0px solid white;
}

.border-2px-solid-A7F1DB {
    border: 2px solid #A7F1DB;
}

.bottom-5rem {
    bottom: .5rem;
}

.box-shadow-0px-3px-4px-0px-rgba-0-0-0-0-25 {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25)
}

.box-shadow-0px-4px-8px-0px-rgba-91-89-82-0-10 {
    box-shadow: 0px 4px 8px 0px rgba(91, 89, 82, 0.10);
}

.color-000000 {
    color: #000000;
}

.color-506062 {
    color: #506062;
}

.color-red {
    color: red;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.gap-1-38rem {
    gap: 1.38rem;
}

.gap_12rem {
    gap: .12rem;
}

.gap-19rem {
    gap: .19rem;
}

.gap-2px {
    gap: 2px;
}

.gap-31rem {
    gap: .31rem;
}

.gap-38rem {
    gap: .38rem;
}

.gap-44rem {
    gap: .44rem;
}

.gap-62rem {
    gap: .62rem;
}

.gap-88rem {
    gap: .88rem;
}

.grid-template-columns-repeat2-1fr {
    grid-template-columns: repeat(2, 1fr);
}

.height-1px {
    height: 1px;
}

.height-1rem {
    height: 1rem;
}

.height-1-5rem {
    height: 1.5rem;
}

.height-2-4rem {
    height: 2.4rem;
}

.height-11-75rem,
.h-11-75rem {
    height: 11.75rem;
}

.height-24-3rem {
    height: 24.3rem;
}

.height-3rem {
    height: 3rem;
}

.height-375rem {
    height: .375rem;
}

.height-5rem {
    height: 5rem;
}

.height-7rem {
    height: 7rem;
}

.height-8-375rem {
    height: 8.375rem;
}

.height-0-0625rem {
    height: 0.0625rem;
}

.height-196px {
    height: 196px;
}

.height-6-75rem {
    height: 6.75rem;
}

.height-9-875rem {
    height: 9.875rem;
}

.size-3rem {
    height: 3rem;
    width: 3rem;
}

.left-50p-transform-translateX--50p {
    left: 50%;
    transform: translateX(-50%)
}

.min-height-14-125rem {
    min-height: 14.125rem;

}

.mh-42px {
    max-height: 42px;
}

.mh-6rem-transform-translateY--025rem {
    max-height: .6rem;
    transform: translateY(-.025rem);
}

.mw-465px {
    max-width: 465px;
}

.mw-52px {
    max-width: 52px;
}

.mw-561px {
    max-width: 561px;
}

.mw-900px {
    max-width: 900px;
}

.mw-1024px {
    max-width: 1024px;
}

.mw-19-375 {
    max-width: 19.375rem;
}

.mw-23-5rem {
    max-width: 23.5rem;
}

.mw-24-375rem {
    max-width: 24.375rem
}

.mw-30rem {
    max-width: 30rem;
}

.mw-35-25rem {
    max-width: 35.25rem;
}

.mw-37-5rem {
    max-width: 37.5rem;
}

.mw-40-375rem {
    max-width: 40.375rem;
}

.mw-44-25rem {
    max-width: 44.25rem;
}

.mw-44-3rem {
    max-width: 44.3rem
}

.mw-44-6rem {
    max-width: 44.6rem;
}

.mw-45rem {
    max-width: 45rem;
}

.mw-50rem {
    max-width: 50rem;
}

.mw-54rem {
    Max-width: 54rem;
}

.mw-59-625rem {
    max-width: 59.625rem;
}

.mw-61-6rem {
    max-width: 61.6rem;
}

.mw-66-6rem {
    max-width: 66.6rem;
}

.mw-66-7rem {
    max-width: 66.7rem;
}

.mw-100per {
    max-width: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

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

.w-1-125rem {
    width: 1.125rem;
}

.width-0p {
    width: 0%
}

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

.width-220px {
    width: 220px;
}

.width-375rem;

    {
    width: .375rem;
}

.width-3rem {
    width: 3rem;
}

.width-7rem {
    width: 7rem;
}

.width-8-75rem {
    width: 8.75rem;
}

.margin-3rem-auto-4-5rem {
    margin: 3rem auto 4.5rem;
}

.margin-1-38rem-0 {
    margin: 1.38rem 0;
}

.margin-3rem-auto-4-5rem {
    margin: 3rem auto 4.5rem
}

.margin-4px {
    margin: 4px;
}

.margin-bottom-25rem {
    margin-bottom: .25rem;
}

.margin-bottom-4rem {
    margin-bottom: 4rem
}

.margin-bottom-62rem {
    margin-bottom: .62rem;
}

.margin-bottom-87rem {
    margin-bottom: .87rem;
}

.margin-top-88rem {
    margin-top: .88rem;
}

.margin-top-1-62rem {
    margin-top: 1.62rem;
}

.padding-1-75rem-0-1-25rem {
    padding: 1.75rem 0 1.25rem;
}

.padding-bottom-1-5rem {
    padding-bottom: 1.5rem;
}

.padding-left-75rem {
    padding-left: .75rem;
}

.opacity-5 {
    opacity: .5
}

.z-index-2 {
    z-index: 2;
}

.accordian-style {
    width: calc(100% - 1.5rem);
    left: .75rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 35.54%);
}

.articalTemplate-line {
    height: 20rem;
    background: #D9D9D9;
}

.card-sizeing-mlmq {
    border-width: 0;
    max-width: 18.54rem;
}

.comitmentQuiz-ListMarker {
    height: 2.5rem;
    width: 2.5rem
}

.absoluteTransform {
    transform: scale(0.8) translate(-8.1%, -8%);
    width: 115%;
}

.mlmq-whyquit-infographic-styling {
    color: #ffffff;
    background-color: #00cc99;
    border-color: #00cc99;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.5;
    padding-top: 7px;
    border-radius: 5px;
    position: relative;
    z-index: 0;
    transition: background .4s, border-color .4s, color .4s;
}

.icon-state-badge-positioning {
    font-size: .55rem;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -50%)
}

.mlmq-absolute-card-line {
    height: 2.5rem;
    bottom: -1rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
}

.mlmq-fixed-chat-pos-opaciticy {
    bottom: .5rem;
    opacity: 1;
    z-index: 10;
}

.mlmq-faux-badge-box-shadows {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 1.5rem 1.75rem;
}

.mlmq-faux-milestone-line {
    height: 5.5rem;
    bottom: -1rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
}

.mlmq-faux-badges-sizing {
    transform: scale(0.8) translate(-8.1%, -9.6%);
    width: 115%;
}

.mlmq-featured-item-sizing {
    border-radius: 2px;
    height: 7.75rem;
    width: 7.75rem
}

.onboarding-page-margin {
    margin: 0 auto;
    max-width: 44.25rem
}

.onboarding-modal-button-size {
    height: 11.3rem;
    margin-bottom: 1.37rem;
    border-radius: .38rem
}

.podcast-page-margin {
    margin: 0 auto;
    max-width: 44.25rem;
}

.progressIndicator-line {
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.public-header-gradent-size {
    height: 187px;
    transform: translateY(100%);
}

.public-article-template {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
}

.card_mlmq {
    max-width: 13.53rem;
    box-shadow: 0px 4px 8px 0px rgba(91, 89, 82, 0.10);
}

.checkinBox {
    max-width: 19.375rem;
    gap: .62rem;
}

.checkinprompt-label-style {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: .5rem;
}

.comitmentQuiz-Border {
    border-width: 2px;
    border-style: solid
}

.color-circle-height {
    height: 2.5rem;
    width: 2.5rem
}

.dashboardStepComplete-pos {
    top: .5rem;
    left: .5rem;
}

.dashboard-gradient-size {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.pill-style {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
    border-radius: 2.75rem;
}

.program-progress-complete-pos-top-lft {
    top: 0;
    left: 0;
    pointer-events: none;
}

.program-progress-complete-pos-btm-rt {
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.hookedQuiz-number-size {
    height: 2.25rem;
    width: 2.25rem;
}

.hr-style {
    border-top-color: var(--state-brand-80);
    opacity: revert;
}

.left-50p-transform-translateX-50p {
    left: 50%;
    transform: translateX(-50%);
}

.number-pos {
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%)
}

.mlmq-contentCard {
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
    height: 3.5rem
}

.mlmq-onboarding-model {
    margin-bottom: 1.37rem;
    height: 11.3rem;
    border-radius: .38rem
}

.mlmq-onboarding-slide-4 {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem;
}

.mlmq-onboarding-milestones {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem 0;
    height: 11.3rem;
}

.mlmq-onboarding-MlmqFauxMobileHeader {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem;
    height: 15.3rem;
}

.mlmqPrivateResourceInnerDiv {
    gap: .38rem;
    padding-left: 1.25rem;
}

.mlmq-features-bkg-line {
    height: 2.5rem;
    bottom: -1rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
}

.modal-style {
    padding: 1.12rem;
    border: 0px solid transparent;
    border-radius: 0.375rem;
}

.padding-left-1-25rem-font-size-75rem {
    padding-left: 1.25rem;
    font-size: .75rem;
}

.padding-top-10px {
    padding-top: 10px;
}

.sideBar-Style {
    width: 240px;
    padding-top: 5rem;
}

.stepHeader-pos {
    top: 1rem;
    left: 1rem;
}

.step-progress-style-square {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
}

.step-progress-style-round {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6.25rem
}

.streak-size {
    width: 5.0625rem;
    height: 4.5rem;
}

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

.textWithDomainDropdownStyle {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    margin: 0 0 7px;
}

.password-eye {
    margin-left: -50px;
    padding: 13px;
}

.podcast-page-youtube-player-iframe {
    margin-bottom: 1.37rem;
    height: 11.3rem;
}

.pro-con-display {
    margin-top: 5px;
    display: none;
}

.pro-con-img {
    height: 114px;
    border-radius: 3px;
}

.smokingCalc-BG {
    background: var(--bg-gradient-light);
    border: 1px solid rgba(179, 219, 217, 1)
}

.yes-no-pill-size {
    padding: 0.375rem 0.75rem;
    border-radius: 2.75rem;
}

.avatar-size {
    height: 1.5rem;
    min-width: 1.5rem;
    border-radius: 6.5rem
}

.avatar-div-size {
    height: 1.5rem;
    width: 1.5rem
}

.activity-cards-div-size {
    height: 11.3rem;
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .62rem 1.19rem;
}

.activity-cards-img-size {
    height: 11.56rem;
    top: .1rem;
    left: 0;
    width: 100%;
}

.embed-size {
    width: calc(100% + 17px);
    height: 3000px;
}

.tooltipButton-size {
    height: 1.25rem;
    width: 1.25rem
}

.border-radius-1rem-border-width-1px {
    border-radius: 1rem;
    border-width: 1px;
}

.border-radius-1-875rem {
    border-radius: 1.875rem
}

.border-radius-5rem {
    border-radius: .5rem;
}

.border-radius-38rem {
    border-radius: .38rem;
}

.borderRadius-0-0-0-8 {
    border-radius: 0px 0px 0px 8px;
}

.borderRadius-24-0-0-0 {
    border-radius: 24px 0px 0px 0px;
}

.borderRadius-0-40-0-40 {
    border-radius: 0px 40px 0px 40px;
}

.border-radius-375rem-375rem-25rem-25rem {
    border-radius: 0.375rem 0.375rem .25rem .25rem;
}

.grid-template-columns-1fr-3fr {
    grid-template-columns: 1fr 3fr;
}

.grid-template-columns-1fr-2rem {
    grid-template-columns: 1fr 2rem;
}

.grid-template-columns-3fr-1fr {
    grid-template-columns: 3fr 1fr;
}

.grid-template-columns-2rem-1fr {
    grid-template-columns: 2rem 1fr;
}

.grid-template-columns-7rem-1fr {
    grid-template-columns: 7rem 1fr;
}

.grid-template-columns-7-75rem-1fr {
    grid-template-columns: 7.75rem 1fr;
}

.grid-template-columns-repeat-2-1fr {
    grid-template-columns: repeat(2, 1fr);
}

.grid-template-columns-23-125rem-1fr {
    grid-template-columns: 23.125rem 1fr;
}

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

.transform_TranslateX-0px {
    transform: translateX(0px)
}

.transformTranslateX-06rem,
.translate-x-0-6rem {
    transform: translateX(.06rem)
}

.transformTranslateY-125rem {
    transform: translateY(-.125rem)
}

.transformTranslateY-2rem {
    transform: translateY(-2rem);
}

.transform-translateY-50p {
    transform: translateY(50%);
}

.transformTranslateY-100 {
    transform: translateY(-100%);
}

.transformTranslateY-100-scale-1 {
    transform: translateY(100%) scale(-1)
}

.transformTranslate-1rem--3rem {
    transform: translate(1rem, -3rem)
}

/*Gradents*/
.HomeHeroBackgroundGradent {
    background: linear-gradient(180deg, rgba(217, 238, 242, 0) 0%, rgba(217, 238, 242, 0.00836436) 12.11%, rgba(217, 238, 242, 0.0323374) 22.64%, rgba(217, 238, 242, 0.0702393) 31.76%, rgba(217, 238, 242, 0.12039) 39.67%, rgba(217, 238, 242, 0.18111) 46.56%, rgba(217, 238, 242, 0.250718) 52.6%, rgba(217, 238, 242, 0.327535) 58%, rgba(217, 238, 242, 0.409882) 62.92%, rgba(217, 238, 242, 0.496077) 67.57%, rgba(217, 238, 242, 0.584441) 72.12%, rgba(217, 238, 242, 0.673295) 76.76%, rgba(217, 238, 242, 0.760957) 81.69%, rgba(217, 238, 242, 0.845749) 87.08%, rgba(217, 238, 242, 0.92599) 93.12%, #D9EEF2 100%);
}

.TestomanialBackgroundGradient {
    background: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
}

/*** Generated from inline styles ***/
.height-1-25-width-1-25rem {
    height: 1.25rem;
    width: 1.25rem;
}


.onhover-underline:hover {
    text-decoration: underline;
}

.mlmqWebpartHeader {
    display: block;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    top:-50px;
}

/*** End  Generated from inline styles ***/
/**********************************************/
/* Styles by Hendry Bong */
.box-shadow-0px-25px-15px--20px-rgba-0-0-0-0-20-inset {
    box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.20) inset;
}

.padding-1-75rem-0-1-25rem {
    padding: 1.75rem 0 1.25rem;
}

.padding-left-0-75rem {
    padding-left: .75rem;
}

.padding-1-12rem {
    padding: 1.12rem;
}

.padding-1-12rem {
    padding: 1.12rem;
}

.pointer-events-none-transform-scale-0-7 {
    pointer-events: none;
    transform: scale(.7);
}

.pointer-events-none-transform-scale-0-9 {
    pointer-events: none;
    transform: scale(.9);
}

.border-radius-0-38re {
    border-radius: .38re;
}

.padding-top-6rem {
    padding-top: 6rem;
}

.border-radius-1-375rem-padding-0-94rem-1-25rem {
    border-radius: 1.375rem;
    padding: 0.94rem 1.25rem;
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-gap-2rem {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    gap: 2rem;
}

.border-radius-6-25rem-border-1px-solid-B3DBD9-padding-0-125rem-0-5rem-gap-0-125rem {
    border-radius: 6.25rem;
    border: 1px solid #B3DBD9;
    padding: 0.125rem 0.5rem;
    gap: .125rem;
}

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

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-padding-0-75rem-2-5rem-1-25rem-1-5rem-border-1px-solid-var--state-brand-80 {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 0.75rem 2.5rem 1.25rem 1.5rem;
    border: 1px solid var(--state-brand-80);
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-padding-0-75rem-1-5rem-1-25rem-border-1px-solid-var--state-brand-80 {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 0.75rem 1.5rem 1.25rem;
    border: 1px solid var(--state-brand-80);
}

.scroll-margin-bottom-2rem {
    scroll-margin-bottom: 2rem;
}

.font-weight-500-padding-top-0-75rem-important {
    font-weight: 500;
    padding-top: .75rem !important;
}

.border-radius-0-5rem-0-5rem-0-0 {
    border-radius: .5rem .5rem 0 0;
}

.pointer-events-none-padding-0-46rem-border-radius-0-53rem {
    pointer-events: none;
    padding: .46rem;
    border-radius: .53rem;
}

.gap-0-62rem {
    gap: .62rem;
}

.pointer-events-none-max-height-100 {
    pointer-events: none;
    max-height: 100%;
}

.pointer-events-none-overflow-hidden-border-radius-0-38rem {
    pointer-events: none;
    overflow: hidden;
    border-radius: .38rem;
}

.padding-0-5rem-0-0-75rem {
    padding: .5rem 0 .75rem;
}

.padding-1-22rem {
    padding: 1.22rem;
}

.grid-template-rows-auto {
    grid-template-rows: auto;
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-padding-0-75rem-2-5rem-1-25rem-1-5rem {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 0.75rem 2.5rem 1.25rem 1.5rem;
}

.top-0-075rem-right-0-375rem-height-0-9rem-width-0-9rem {
    top: .075rem;
    right: .375rem;
    height: .9rem;
    width: .9rem;
}

.border-radius-0-13838rem {
    border-radius: 0.13838rem;
}

.text-align-center {
    text-align: center;
}

.width-280px-height-40px-font-size-15px {
    width: 280px;
    height: 40px;
    font-size: 15px;
}

.text-align-justify {
    text-align: justify;
}

.background-black-important-color-white-important-padding-20px {
    background: black !important;
    color: white !important;
    padding: 20px;
}

.max-width-350px {
    max-width: 350px;
}

.border-width-1px-border-style-solid-border-color-rgb-2-26-64-margin-10px {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(2, 26, 64);
    margin: 10px;
}

.width-280px-height-40px-font-size-15px {
    width: 280px;
    height: 40px;
    font-size: 15px;
}

.margin-left-50px {
    margin-left: 50px;
}

.bottom-0-right-0-position-fixed-z-index-9999-width-180px-height-40px-font-size-15px-font-weight-bold {
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 9999;
    width: 180px;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
}

/* .0px-4px-4px-0px-rgba-0-0-0-0-05-border-radius-0-5rem {
    0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: .5rem;
} */


.size-1-25rem {
    height: 1.25rem;
    width: 1.25rem;
}

.size-0-375rem {
    height: .375rem;
    width: .375rem;
}

/*** Generated from inline styles ***/
.tooltipButton-size {
    height: 1.25rem;
    width: 1.25rem
}

.onhover-underline:hover {
    text-decoration: underline;
}

/*** End  Generated from inline styles ***/
@media (max-width: 576px) {
    .btn.btn-x-sm {
        max-width: 68px;
    }
    .text-nowrap {
        white-space: revert !important;
    }
    .gtc-4 {
        /*setting responsive for small screens 4 cols to 3 cols.*/
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Small Screen Media Queries */
@media (min-width: 576px) {
    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }

    .dashboard-container {
        max-width: 540px;
    }
}

/* Medium Screen Media Queries */
@media (min-width: 768px) {
    .dashboard-container {
        max-width: 720px;
    }

    .md\:gtc-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .md\:gtc-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .md\:gtc-list {
        grid-template-columns: 2.5rem 1fr;
    }

    .md\:max-w-344 {
        max-width: 344px;
    }

    .md\:max-w-18-2rem {
        max-width: 18.2rem;
    }

    .md\:max-w-20-375rem {
        max-width: 20.375rem;
    }

    .md\:h-48 {
        height: 3rem;
    }

    .pb-md-4-75 {
        padding-bottom: 2.5rem !important;
    }

    .md\:pb-7rem {
        padding-bottom: 7rem;
    }

    .md\:pb-15rem {
        padding-bottom: 15rem;
    }

    .md\:pt-3-5rem {
        padding-top: 3.5rem;
    }

    .md\:pb-7rem {
        padding-bottom: 7rem;
    }

    .md\:py-3-5rem {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .md\:py-4rem {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-md-4-75 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .md\:gap-4-75 {
        gap: 2.5rem;
    }

    .md\:flex-row {
        flex-direction: row !important;
    }

    .md\:max-w-355 {
        max-width: 355px;
    }

    /* 
    .modal-backdrop {
        background-color: transparent;
        
    } */



    .modal.login-modal {
        top: 4.5rem;
        left: 30%;
    }

    .modal.login-modal.has-alert {
        top: 8.5rem;
        left: 30%;
    }

    .md\:aspect-ratio-unset {
        aspect-ratio: unset;
    }

    .md\:object-fit-unset {
        object-fit: unset;
    }

    .md\:text-headline-large {
        font-family: var(--titillium);
        font-size: 2rem;
        font-weight: 600;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .md\:text-headline-medium {
        font-family: var(--titillium);
        font-size: 1.75rem;
        font-weight: 600;
        /* font-weight: 200; */
        line-height: 2.375rem;
        letter-spacing: 0rem;
    }

    .md\:text-body-large {
        font-family: var(--titillium);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem;
        letter-spacing: 0em;
    }
}

/* Large Screen Media Queries */
@media (min-width: 992px) {
    .text-display-xl {
        font-size: 4rem;
        line-height: 3rem;
        /* 75% */
        letter-spacing: 0.12rem;

    }

    .text-display-medium-small {
        font-size: 2.5rem;
        line-height: 2.25rem;
        letter-spacing: 0.075rem;
    }

    #heroCarousel .carousel-nav {
        top: -8.3rem;
        position: relative;
    }

    #secondaryCarousel .carousel-nav {
        top: -7.1rem;
        position: relative;
    }

    .lg\:w-9rem {
        width: 9rem;
    }

    .lg\:max-w-90 {
        width: 90%;
    }

    .lg\:-translateY5px {
        transform: translateY(-.3125rem);
    }

    .lg\:text-display-medium {
        font-family: var(--titillium);
        font-size: 2.75rem;
        font-weight: 600;
        line-height: 3.375rem;
        letter-spacing: 0rem;
    }

    .lg\:text-body-medium {
        font-family: var(--titillium);
        font-size: 1.0625rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: 0em;
    }

    .dashboard-container {
        padding: 3.5rem 1rem 6.5rem;
    }

    .offcanvas.offcanvas-end {
        top: 7.05rem !important;
    }

    .offcanvas.offcanvas-end.has-alert {
        top: 9.05rem !important;
    }

    .modal.login-modal {
        /* top: 8.5rem; */
        top: 6.5rem;
        left: 30%;
    }

    .pt-lg-13 {
        padding-top: 7.875rem !important;
    }

    .py-lg-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .px-lg-64 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-lg-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-lg-73 {
        padding-top: 4.5625rem;
        padding-bottom: 4.5625rem;
    }

    .py-lg-120 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .p-lg-64 {
        padding: 4rem;
    }

    .pb-lg-7-5 {
        padding-bottom: 7.5rem;
    }

    .p-lg-4-5 {
        padding: 2rem !important;
    }

    .py-lg-4-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pb-lg-4-75 {
        padding-bottom: 2.5rem !important;
    }

    .py-lg-4-75 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pb-lg-96 {
        padding-bottom: 6rem !important;
    }

    .px-lg-4-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .mb-lg-4-5 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-4-75 {
        margin-bottom: 2.5rem !important;
    }

    .mb-lg-64 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-72 {
        margin-bottom: 4.5rem;
    }

    .footer-rounded {
        border-radius: 0 40px 0 0;
    }

    .offset-y-negative {
        top: -0.5rem;
    }

    .offset-y-positive {
        top: 0.5rem;
    }

    /* Featured items */
    /* first two children */
    section.featured-items .first-items .item-border {
        display: none;
    }

    .lg\:text-start,
    .lg\:text-left {
        text-align: left !important;
    }

    .lg\:block {
        display: block !important;
    }

    .lg\:grid {
        display: grid;
    }

    .lg\:min-h-10rem {
        min-height: 10rem;
    }

    .lg\:mt-0 {
        margin-top: 0;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:max-h-none {
        max-height: none;
    }

    .lg\:hidden {
        display: none !important;
    }

    .lg\:absolute-vert-align {
        top: 50% !important;
        left: 0;
        transform: translateY(-50%);
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

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

    .lg\:gtc-1fr-2fr {
        grid-template-columns: 1fr 2fr
    }

    .lg\:gtc-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .lg\:gtc-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .lg\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .lg\:top-4-5rem {
        top: 4.5rem !important;
    }

    .lg\:rounded-0 {
        border-radius: 0 !important;
    }

    .lg\:p-2rem {
        padding: 2rem;
    }

    .lg\:ps-0 {
        padding-left: 0;
    }

    .lg\:pb-1-5rem {
        padding-bottom: 1.5rem;
    }

    .lg\:pb-2-5rem {
        padding-bottom: 2.5rem;
    }

    .lg\:pb-4-5rem {
        padding-bottom: 4.5rem;
    }

    .lg\:pb-5rem {
        padding-bottom: 5rem;
    }

    .lg\:pb-5-5rem {
        padding-bottom: 5.5rem;
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .lg\:px-0-5rem {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .lg\:px-1rem {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg\:px-4-5,
    .lg\:px-2rem {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:px-2-5rem {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:pt-3rem {
        padding-top: 3rem;
    }

    .lg\:pt-3-5rem {
        padding-top: 3.5rem;
    }

    .lg\:pt-4rem {
        padding-top: 4rem;
    }

    .lg\:pt-4-5rem {
        padding-top: 4.5rem;
    }

    .lg\:py-4-5rem {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .lg\:py-3rem {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .lg\:py-3-5rem {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .lg\:py-4rem {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg\:py-5-5rem {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .lg\:pb-3rem {
        padding-bottom: 3rem;
    }

    .lg\:pb-6rem {
        padding-bottom: 6rem;
    }

    .lg\:pb-7rem {
        padding-bottom: 7rem;
    }

    .lg\:mb-1-5rem {
        margin-bottom: 1.5rem;
    }

    .lg\:mb-2rem {
        margin-bottom: 2rem;
    }

    .lg\:mb-2-5rem {
        margin-bottom: 2.5rem;
    }

    .lg\:mb-0-5rem {
        margin-bottom: 0.5rem;
    }

    .lg\:text-headline-large {
        font-family: var(--titillium);
        font-size: 2rem;
        font-weight: 600;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .lg\:text-title-large {
        font-family: var(--titillium);
        font-size: 1.375rem;
        /* font-weight: 300; */
        font-weight: 400;
        /* line-height: 2rem; */
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    .lg\:text-body-large {
        font-family: var(--titillium);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem;
        letter-spacing: 0em;
    }

    .lg\:max-w-100 {
        max-width: 100%;
    }

    .lg\:h-full {
        height: 100%;
    }

    .lg\:h-109 {
        /* 109px */
        height: 6.8125rem;
    }

    .lg\:h-48 {
        height: 3rem;
    }

    .lg\:w-109 {
        /* 109px */
        width: 6.8125rem;
    }

    .lg\:min-w-390 {
        /* 109px */
        min-width: 390px;
    }

    .lg\:max-w-355 {
        /* 109px */
        max-width: 355px;
    }

    .lg\:rounded-start {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0 !important;
    }

    .lg\:rounded-end {
        border-top-right-radius: 0.25rem !important;
        border-top-left-radius: 0 !important;
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0 !important;
    }

    .lg\:gtc-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .lg\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .lg\:gtc-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .lg\:gap-4-75,
    .lg\:gap-2-5rem {
        gap: 2.5rem;
    }

    .lg\:gap-0-81rem {
        gap: .81rem !important;
    }

    .lg\:gap-1rem {
        gap: 1rem;
    }

    .lg\:gap-3-5rem {
        gap: 3.5rem;
    }

    .lg\:gap-2rem {
        gap: 2rem;
    }

    .lg\:gap-5rem {
        gap: 5rem;
    }

    .lg\:.bg-primary-20 {
        background-color: var(--primary-20) !important;
    }

    /* Make text bigger on large screen for display line for .text-title-large */
    .display-line .text-title-large {
        font-family: var(--titillium);
        font-size: 2rem;
        font-weight: 200;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .hero .display-line .text-headline-large {
        /* .display-large */

        font-size: 3.5rem;
        font-weight: 100;
        line-height: 4.125rem;
    }

    .offcanvas.has-alert~.offcanvas-backdrop {
        top: 9rem !important;
    }

    .offcanvas~.offcanvas-backdrop {
        top: 7.05rem !important;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* XL Screen Media Queries */
@media (min-width: 1200px) {
    .xl\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .xl\:gap-2-5rem {
        gap: 2.5rem;
    }

    .dashboard-container {
        /* max-width: 1140px; */
    }
}

/* XXL Screen Media Queries */
@media (min-width: 1400px) {
    .dashboard-container {
        max-width: 38.5rem;
    }

    .offcanvas-backdrop.show,
    .offcanvas {
        display: none;
    }

    .xxl\:object-fit-cover {
        object-fit: cover;
    }

    .xxl\:hidden {
        display: none;
    }

    .xxl\:gap-2-5rem {
        gap: 2.5rem;
    }
}

/* Custom Media Queries */
@media (min-width: 1200px) and (max-width: 1440px) {
    .testimonial-card .display-line .text-label-medium {
        font-size: 12px !important;
    }
}

/* 
@media (min-width: 992px) and (max-width: 1400px) {
    .offcanvas.has-alert .offcanvas-backdrop {
        top: 9.25rem;
    }

    .offcanvas .offcanvas-backdrop {
        top: 7.05rem;
    }
} */