/* @import "pangea-fonts.css"; */

@font-face {
    font-family: 'Pangea';
    src: url('https://internal.glacier.eco/fonts/pangea/Pangea-Light.otf') format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pangea';
    src: url('https://internal.glacier.eco/fonts/pangea/Pangea-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pangea';
    src: url('https://internal.glacier.eco/fonts/pangea/Pangea-Medium.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pangea';
    src: url('https://internal.glacier.eco/fonts/pangea/Pangea-SemiBold.otf') format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pangea';
    src: url('https://internal.glacier.eco/fonts/pangea/Pangea-Bold.otf') format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PangeaText';
    src: url('https://internal.glacier.eco/fonts/pangea-text/PangeaText-Light.otf') format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PangeaText';
    src: url('https://internal.glacier.eco/fonts/pangea-text/PangeaText-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PangeaText';
    src: url('https://internal.glacier.eco/fonts/pangea-text/PangeaText-Medium.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PangeaText';
    src: url('https://internal.glacier.eco/fonts/pangea-text/PangeaText-SemiBold.otf') format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PangeaText';
    src: url('https://internal.glacier.eco/fonts/pangea-text/PangeaText-Bold.otf') format("opentype");
    font-weight: 700;
    font-style: normal;
}


/* @import "tailwind.css"; */

.h-20 {
    height: 5rem
}

.pt-16 {
    padding-top: 4rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

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

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

.gap-12 {
    gap: 3rem;
}

.mt-4 {
    margin-top: 1rem
}

.mb-16 {
    margin-bottom: 4rem
}

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

.grid {
    display: grid
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-8 {
    grid-column: span 8/span 8
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }

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

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

    .md\:order-3 {
        order: 3
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

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

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

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

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .md\:py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .md\:gap-36 {
        gap: 9rem
    }

    .md\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

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

    .lg\:hidden {
        display: none
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-20 {
        height: 5rem
    }

    .lg\:max-w-sm {
        max-width: 24rem
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-28 {
        gap: 7rem
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(4rem * var(--tw-space-x-reverse));
        margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:pr-8,
    .lg\:px-8 {
        padding-right: 2rem
    }

    .lg\:px-8 {
        padding-left: 2rem
    }

    .lg\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

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

    .lg\:py-20 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .lg\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:leading-tight {
        line-height: 1.25
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }

    .xl\:text-8xl {
        font-size: 6rem;
        line-height: 1
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }

    .\32xl\:overflow-hidden {
        overflow: hidden
    }
}

/* 
* Custom Style declarations
*/

:root {

    --font: PangeaText;
    --alt-font: Pangea;
    --accent-color: #143560;

    --Ocean: #143560;
    --Ocean-Dark: #081F3C;
    --Sky: #539ADB;
    --Sky-Dark: #3381C9;
    --Grey-Light: #E9E9E9;
    --Grey: #F1F1F1;
    --Grey-Dark: #E0E0E0;
    --Meadow: #2D9D90;
    --Meadow-Dark: #1B8D80;
    --Spring: #6DD4AD;
    --Spring-Dark: #5FBC99;
    --Watermelon: #FF4D4D;
    --Watermelon-Dark: #D00000;
    --desktop-device-width: 1518px;
    --desktop-content-width: 1200px;
    --Text: #424141;
    --TextDim: #898989;

    --adaptive-grey-900: #676666;

    /* Font Weight Variables */
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;

    /* Font Size Variables for .display-text classes */
    --font-size-2xl: 60px;
    --font-size-xl: 48px;
    --font-size-lg: 36px;
    --font-size-md: 30px;
    --font-size-sm: 24px;
    --font-size-xs: 20px;

    /* Font Size Variables for .natural-text classes */
    --natural-size-xl: 20px;
    --natural-size-lg: 18px;
    --natural-size-md: 16px;
    --natural-size-sm: 14px;
    --natural-size-xs: 12px;
}

@media screen and (max-width: 768px) {
    :root {
        --desktop-device-width: 768px;
        --desktop-content-width: 768px;
    }
}

body p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
li,
.pagination {
    font-family: PangeaText !important;
    color: var(--Ocean);
}

body input {
    font-family: PangeaText !important;
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

.bg-glacier-mountains {
    background-image: -webkit-image-set(url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-1.jpeg') 1x);
    background-image: image-set(url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-1.jpeg') 1x);
    background-size: cover;
    background-position: center;
}

.bg-glacier-iceage {
    background-image: -webkit-image-set(url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-3.jpeg') 1x);
    background-image: image-set(url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-3.jpeg') 1x);
    background-size: cover;
    background-position: center;
}

.bg-glacier-frostage {
    background-image: linear-gradient(0deg,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)),
        -webkit-image-set(url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-4.jpeg') 1x);
    background-size: cover;
    background-position: center;
}

.widget:has(.bg-glacier-greengoo) {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('https://glacier-projects.vercel.app/img/brand/backgrounds/background-nature-2.jpeg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
}

.widget:has(.bg-glacier-blue-haze) {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1702445650/img/brand/banner/Climate-Academy_Hero_g5rg7c.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
}

.widget:has(.bg-ocean-full) {
    background-color: var(--Ocean);
}

/* Ocean Colors */
.bg-ocean {
    background-color: var(--Ocean);
}

.bg-ocean-dark {
    background-color: var(--Ocean-Dark);
}

.text-ocean {
    color: var(--Ocean);
}

.text-ocean-dark {
    color: var(--Ocean-Dark);
}

.hover\:bg-ocean:hover {
    background-color: var(--Ocean);
}

.hover\:bg-ocean-dark:hover {
    background-color: var(--Ocean-Dark);
}

.hover\:text-ocean:hover {
    color: var(--Ocean);
}

.hover\:text-ocean-dark:hover {
    color: var(--Ocean-Dark);
}

/* Sky Colors */
.bg-sky {
    background-color: var(--Sky);
}

.bg-sky-dark {
    background-color: var(--Sky-Dark);
}

.text-sky {
    color: var(--Sky);
}

.text-sky-dark {
    color: var(--Sky-Dark);
}

.hover\:bg-sky:hover {
    background-color: var(--Sky);
}

.hover\:bg-sky-dark:hover {
    background-color: var(--Sky-Dark);
}

.hover\:text-sky:hover {
    color: var(--Sky);
}

.hover\:text-sky-dark:hover {
    color: var(--Sky-Dark);
}

/* Grey Colors */
.bg-grey {
    background-color: var(--Grey);
}

.bg-grey-dark {
    background-color: var(--Grey-Dark);
}

.text-grey {
    color: var(--Grey);
}

.text-grey-dark {
    color: var(--Grey-Dark);
}

.hover\:bg-grey:hover {
    background-color: var(--Grey);
}

.hover\:bg-grey-dark:hover {
    background-color: var(--Grey-Dark);
}

.hover\:text-grey:hover {
    color: var(--Grey);
}

.hover\:text-grey-dark:hover {
    color: var(--Grey-Dark);
}

/* Meadow Colors */
.bg-meadow {
    background-color: var(--Meadow);
}

.bg-meadow-dark {
    background-color: var(--Meadow-Dark);
}

.text-meadow {
    color: var(--Meadow);
}

.text-meadow-dark {
    color: var(--Meadow-Dark);
}

.hover\:bg-meadow:hover {
    background-color: var(--Meadow);
}

.hover\:bg-meadow-dark:hover {
    background-color: var(--Meadow-Dark);
}

.hover\:text-meadow:hover {
    color: var(--Meadow);
}

.hover\:text-meadow-dark:hover {
    color: var(--Meadow-Dark);
}

/* Spring Colors */
.bg-spring {
    background-color: var(--Spring);
}

.bg-spring-dark {
    background-color: var(--Spring-Dark);
}

.text-spring {
    color: var(--Spring);
}

.text-spring-dark {
    color: var(--Spring-Dark);
}

.hover\:bg-spring:hover {
    background-color: var(--Spring);
}

.hover\:bg-spring-dark:hover {
    background-color: var(--Spring-Dark);
}

.hover\:text-spring:hover {
    color: var(--Spring);
}

.hover\:text-spring-dark:hover {
    color: var(--Spring-Dark);
}

.pangia-force * {
    font-family: Pangea !important;
}

.pangia-text-force * {
    font-family: PangeaText !important;
}

.display-text {
    font-family: Pangea !important;
    line-height: 110%;
    letter-spacing: 0;
    font-weight: 400;
}

.display-text-light {
    font-weight: 300;
}

.display-text-semibold {
    font-weight: 600;
}

.display-text-bold {
    font-weight: 700;
}

.display-text-2xl {
    font-size: 60px;
}

.display-text-xl {
    font-size: 48px;
}

.display-text-lg {
    font-size: 36px;
}

.display-text-md {
    font-size: 30px;
}

.display-text-sm {
    font-size: 24px;
}

.display-text-xs {
    font-size: 20px;
}

@media screen and (max-width: 425px) {
    .sm\:display-text-2xl {
        font-size: 60px;
    }

    .sm\:display-text-xl {
        font-size: 48px;
    }

    .sm\:display-text-lg {
        font-size: 36px;
    }

    .sm\:display-text-md {
        font-size: 30px;
    }

    .sm\:display-text-sm {
        font-size: 24px;
    }

    .sm\:display-text-xs {
        font-size: 20px;
    }
}

.natural-text {
    font-family: PangeaText !important;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 300;
}

.natural-text-medium {
    font-weight: 500;
}

.natural-text-semibold {
    font-weight: 600;
}

.natural-text-bold {
    font-weight: 700;
}

.natural-text-xl {
    font-size: 20px;
}

.natural-text-lg {
    font-size: 18px;
}

.natural-text-md {
    font-size: 16px;
}

.natural-text-sm {
    font-size: 14px;
}

.natural-text-xs {
    font-size: 12px;
}

@media screen and (max-width: 425px) {
    .sm\:natural-text-xl {
        font-size: 20px;
    }

    .sm\:natural-text-lg {
        font-size: 18px;
    }

    .sm\:natural-text-md {
        font-size: 16px;
    }

    .sm\:natural-text-sm {
        font-size: 14px;
    }

    .sm\:natural-text-xs {
        font-size: 12px;
    }
}

.overline {
    font-family: Pangea !important;
    line-height: 160%;
    text-transform: uppercase;
    font-weight: 400;
}

.overline-medium {
    font-weight: 500;
}

.overline-xl {
    font-size: 20px;
    letter-spacing: 4px;
}

.overline-lg {
    font-size: 18px;
    letter-spacing: 3.6px;
}

.overline-md {
    font-size: 16px;
    letter-spacing: 3.2px;
}

.overline-sm {
    font-size: 14px;
    letter-spacing: 2.8px;
}

.overline-xs {
    font-size: 12px;
    letter-spacing: 2.4px;
}

@media screen and (max-width: 425px) {
    .sm:overline-xl {
        font-size: 20px;
        letter-spacing: 4px;
    }

    .sm:overline-lg {
        font-size: 18px;
        letter-spacing: 3.6px;
    }

    .sm:overline-md {
        font-size: 16px;
        letter-spacing: 3.2px;
    }

    .sm:overline-sm {
        font-size: 14px;
        letter-spacing: 2.8px;
    }

    .sm:overline-xs {
        font-size: 12px;
        letter-spacing: 2.4px;
    }
}

.custom-section {
    padding: 48px 0;
}

.custom-section-top {
    padding-top: 48px;
    padding-bottom: 1rem;
}

.custom-section-top-full {
    padding-top: 96px;
    padding-bottom: 1rem;
}

.custom-section-bottom {
    padding-bottom: 48px;
}

@media screen and (max-width: 425px) {
    .custom-section {
        padding: 20px 0;
    }

    .custom-section-top {
        padding-top: 40px;
        padding-bottom: 1rem;
    }

    .custom-section-top-full {
        padding-top: 80px;
        padding-bottom: 1rem;
    }

    .custom-section-bottom {
        padding-bottom: 40px;
    }
}

.title-section-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

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

    .custom-section,
    .custom-section-top,
    .custom-section-top-full,
    .custom-section-bottom,
    .title-section-div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-root {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.der-flex-8p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.wistia_embed {
    aspect-ratio: 16 / 9;
    border-radius: 12px;
}

.resize-16-9 {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

html {
    scroll-behavior: smooth;
    transition: scroll-behavior 0.3s cubic-bezier(0.32, 0.04, 0.15, 1);
}

#customAlertBox {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 30px;
    font-size: 1.2rem;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.expand-toggle-btn {
    border: none;
    background: transparent;
    padding: 0;
}

button.expand-toggle-btn:focus {
    outline: none;
    box-shadow: none;
}

button.expand-toggle-btn:hover {
    color: var(--Ocean-Dark);
}

.expand-toggle-icon i {
    border: 2px solid var(--Spring);
    padding: 3px;
    border-radius: 100px;
    color: var(--Ocean);
    transition: all 0.1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    aspect-ratio: 1 / 1;
    scale: 0.8;
}

.expand-toggle-icon i.hidden {
    display: none;
}

.expand-toggle-icon i:hover {
    background-color: var(--Spring);
}

.expand-toggle-icon i:before {
    font-size: 14px;
    font-weight: 600;
}

.expand-toggle-btn:hover>.expand-toggle-icon i {
    background-color: var(--Spring);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.accordion-icon {
    transition: transform 0.3s ease-in-out;
}

.accordion-hidden {
    display: none !important;
    max-height: 0 !important;
}

.bottom-grey-border {
    border-bottom: 1px solid #E0E0E0;
}

.extend-home__content {
    width: 100vw !important;
    position: absolute;
    left: 50%;
    margin-left: -50vw !important;
    max-width: 100% !important;
}

.max-w-1224 {
    max-width: 1224px !important;
}

.learn.dashboard .widget.hidden-closing-feedback {
    display: none;
}

.no-width-lock,
.ember-view:has(.no-width-lock) {
    width: 100%;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.force-vertical-gap-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/* 
* LXP Styling Overrides
*/

body:not(.manager) .header {
    display: none;
}

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

.container>.home__content {
    padding: 0;
}

.no-bullets {
    list-style-type: none;
}

blockquote,
body,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
menu,
ol,
p,
pre,
ul {
    margin: 0
}

.field__label {
    font-family: PangeaText;
}

.widget {
    display: flex;
    justify-content: center;
}

body:not(.redeem):not(.register) .widget>*,
body:not(.redeem):not(.register):not(.support) .home__content>* {
    width: 100%;
    max-width: 1224px;
    padding-left: 12px;
    padding-right: 12px;
    margin: auto;
}

.btn-square {
    border-radius: 8px;
    margin-bottom: 1px;
    border: none;
    font-size: .875rem;
    padding: 8px 28px;
    position: relative;
    background: var(--Grey-Dark);
}

.btn-square:hover,
.btn-square-active {
    background: var(--Spring);
    font-weight: 700;
}

/* 
* Navigation Menu Styling
*/

.nav-root {
    display: flex;
    height: 80px;
    padding: 10px 48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.nav-main {
    display: flex;
    max-width: var(--desktop-content-width, 1200px);
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.nav-list-active {
    font-weight: var(--font-weight-semibold);
    border-bottom: 2px solid var(--Spring-Dark);
    padding-bottom: 2px !important;
    margin-bottom: -3px;
}

.nav-menu-mobile {
    top: 5rem;
    left: 0px;
    width: 100%;
}

.nav-menu-mobile-active {
    border-bottom: 1px solid var(--Ocean-Dark);
    padding-bottom: 2px !important;
}

.btn--primary,
.btn-primary,
.btn--primary--manager--new {
    height: 45px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: var(--Spring);
    color: var(--Ocean);
    border: none;
    margin: 0;
    font-size: var(--natural-size-sm);
}

.btn--primary:hover,
.btn-primary:hover,
.btn--primary--manager--new:hover,
.btn--primary:focus,
.btn-primary:focus,
.btn--primary--manager--new:focus,
.btn--primary:active,
.btn-primary:active,
.btn--primary--manager--new:active {
    background: var(--Spring-Dark);
    color: white;
}

.btn--alt {
    height: 40px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: none;
    color: var(--Ocean);
    border: 1px solid var(--Ocean);
    margin: 0;
    font-size: var(--natural-size-sm);
}

.btn--alt:hover,
.btn--alt:focus,
.btn--alt:active {
    background: var(--Ocean);
    color: white;
    border: none;
}

.btn--secondary {
    height: 40px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: var(--Ocean);
    color: white;
    border: none;
    font-size: var(--natural-size-sm);
}

.btn--secondary:hover,
.btn--secondary:focus,
.btn--secondary:active {
    background: var(--Ocean-Dark);
}

.btn--small {
    height: 32px;
    padding: 0px 12px;
    font-size: var(--natural-size-sm);
}

.btn--fitcontent {
    width: fit-content;
}

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

    .btn--wide-phone {
        width: 100%;
    }
}

.transition-loader .loading__spinner {
    margin: auto;
    align-content: center;
    display: flex;
    justify-content: center;
    height: 100vh;
    flex-wrap: wrap;
}

.loading__spinner>div {
    background-color: var(--Spring);
    box-shadow: inset 0px 0px 30px 20px var(--Spring-Dark);
}

.learner__language__selector {
    z-index: 40000;
    left: 10px;
    bottom: 20px;
}

.learner__language__selector .learner__language__selector__btn {
    height: auto;
    background-color: transparent;
    width: auto;
    padding: inherit;
    border: none;
}

.learner__language__selector .language-selector-content,
.learner__language__selector .learner__language__selector__btn ul li {
    border-radius: 200px;
    line-height: 25px;
    text-align: center;
    padding: 1px 20px;
    font-size: var(--natural-size-sm);
    color: var(--Ocean);
    width: 100px;
    transition: all 0.2s ease-in-out;
}

.learner__language__selector .language-selector-content {
    height: 50px;
    color: transparent;
    background-image: url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1718703557/img/props/Language-Switch_wk9ywo.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.learner__language__selector .learner__language__selector__btn ul li {
    background-color: var(--Grey);
    margin-top: 5px;
}

/* .learner__language__selector .language-selector-content:hover, */
.learner__language__selector .learner__language__selector__btn ul li:hover {
    background-color: var(--Spring-Dark);
}

.learner__language__selector .learner__language__selector__btn ul {
    background-color: transparent;
    bottom: 50px;
}

/* hide all n less than 6 */
/* .learner__language__selector .learner__language__selector__btn ul li:nth-child(-n+6) {
    display: none;
} */

/* 
* Manager section
*/

.new-manager-theme.manager.awards .section-container,
.new-manager-theme.manager.certification .section-container,
.new-manager-theme.manager.clone-company .section-container,
.new-manager-theme.manager.competency-assessment .section-container,
.new-manager-theme.manager.content-types .section-container,
.new-manager-theme.manager.credit-card .section-container,
.new-manager-theme.manager.custom-fields .section-container,
.new-manager-theme.manager.email-settings .section-container,
.new-manager-theme.manager.embed-widget-settings .section-container,
.new-manager-theme.manager.faq .section-container,
.new-manager-theme.manager.languages .section-container,
.new-manager-theme.manager.launch .section-container,
.new-manager-theme.manager.layout-settings .section-container,
.new-manager-theme.manager.manage-company .section-container,
.new-manager-theme.manager.microsite .section-container,
.new-manager-theme.manager.new-user .section-container,
.new-manager-theme.manager.notification .section-container,
.new-manager-theme.manager.onboarding .section-container,
.new-manager-theme.manager.organization-display .section-container,
.new-manager-theme.manager.panorama-client.access .section-container,
.new-manager-theme.manager.panorama-client.appearance-settings .section-container,
.new-manager-theme.manager.panorama-client.clone .section-container,
.new-manager-theme.manager.panorama-client.credit-accounts.new .section-container,
.new-manager-theme.manager.panorama-client.custom-domain .section-container,
.new-manager-theme.manager.panorama-client.edit .section-container,
.new-manager-theme.manager.panorama-client.email .section-container,
.new-manager-theme.manager.recommendation .section-container,
.new-manager-theme.manager.redemption-codes .section-container,
.new-manager-theme.manager.redirections .section-container,
.new-manager-theme.manager.registration-codes .section-container,
.new-manager-theme.manager.security-settings .section-container,
.new-manager-theme.manager.settings .section-container,
.new-manager-theme.manager.snippets .section-container,
.new-manager-theme.manager.sso-settings .section-container,
.new-manager-theme.manager.third-party-services .section-container,
.new-manager-theme.manager.user-detail .section-container,
.new-manager-theme.manager.user.new .section-container,
.new-manager-theme.manager.webinar-settings .section-container {
    max-width: none;
}

.bg-manager-shade-600.h-screen.sticky {
    transition: all 0.2s ease-in-out;
}

.application--admin .icon-delete {
    display: block;
}

.manager .section-container {
    max-width: none;
}


/* 
* Course Progress Dashboard padding: 1rem 2rem;
*/

.widget.widget--dashboard-access.widget--dashboard-access_standard {
    padding: 0;
}

.dashboard-access {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dashboard-access .dashboard-access-list-item {
    background: none;
    padding: 12px 0;
}

.dashboard-access .dashboard-access-tabs {
    background: none;
    border: none;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.dashboard-access .dashboard-access-tab {
    border: none;
    background: none;
    border-radius: 8px;
    font-size: var(--natural-size-sm);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    padding: 8px 12px;
    background: var(--Grey);
}

.dashboard-access .dashboard-access-tab:hover {
    background: var(--Grey-Dark);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.dashboard-access .dashboard-access-tab.dashboard-access-tab--active {
    background: var(--Spring);
}

.dashboard-access .dashboard-access-tab .dashboard-access-tab__label {
    color: var(--adaptive-grey-900);
}

.dashboard-access .dashboard-access-tab .dashboard-access-tab__label:hover {
    color: var(--adaptive-grey-900);
}

.dashboard-access .dashboard-access-tab.dashboard-access-tab--active .dashboard-access-tab__label {
    color: var(--Ocean-Dark);
}

.dashboard-access .dashboard-access-tab .dashboard-access-tab__count {
    background: var(--Grey-Dark);
    border: none;
    color: var(--adaptive-grey-900);
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-regular);
    width: 20px;
    height: 20px;
    padding-top: 2px;
}

.dashboard-access .dashboard-access-tab:hover .dashboard-access-tab__count {
    background: var(--Grey-Light);
    transition: all 0.2s ease-in-out;
}

.dashboard-access .dashboard-access-tab.dashboard-access-tab--active .dashboard-access-tab__count {
    background: var(--Ocean);
    color: #FFF;
}

.dashboard-access .dashboard-access-list-item {
    border: none;
}

/* .dashboard-access .dashboard-access-list-item .row {
    display: flex;
    align-items: center;
} */

.dashboard-access .dashboard-access-list-item .grid-cols-12 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 8px;
}

.dashboard-access .dashboard-access-list-item .col-span-3,
.dashboard-access .dashboard-access-list-item .medium-3.columns {
    display: none;
}

.dashboard-access-list-item .btn--primary.btn--small {
    white-space: nowrap;
    padding: 0px 16px;
    margin-top: -7px;
}

.dashboard-access-list-item .medium-6 .btn--primary.btn--small {
    margin-top: 12px;
    width: fit-content;
}

.dashboard-access .dashboard-access-list-item-expander {
    display: flex;
    gap: 5px;
}

.dashboard-access .dashboard-access-list-item-expander:hover>i {
    background: var(--Spring);
    transition: all 0.2s ease-in-out;
}

.dashboard-access .dashboard-access-list-item-expander__title {
    font-family: PangeaText;
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 160%;
    color: var(--Ocean);
}

.dashboard-access-list-item-expansion img {
    width: auto;
    height: 150px;
    aspect-ratio: 224 / 280;
    border-radius: 8px;
    object-fit: cover;
    object-position: left;
}

.dashboard-access-list-item-expansion .dashboard-access-list-item__description {
    font-family: PangeaText;
    font-size: var(--natural-size-sm);
    line-height: 160%;
    margin-bottom: 12px;
    margin-top: 0px;
}

.dashboard-access-list-item-expansion .dashboard-access-list-view-detail-page {
    width: fit-content;
    margin: 12px 0;
}

.dashboard-access-list-item-expansion .user-engagement-stat--hours,
.dashboard-access-list-item-expansion .user-engagement-stat--collaborations,
.dashboard-access-list-item-expansion .user-engagement-stat--percent-viewed {
    display: none;
}

.dashboard-access-list-item-expansion .user-engagement-stat--percent-complete {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px;
    margin-top: -6px;
}

.dashboard-access-list-item-expansion .user-engagement-stat--percent-complete .user-engagement-stat__label,
.dashboard-access-list-item-expansion .user-engagement-stat--percent-complete .user-engagement-stat__value,
.dashboard-access-list-item-expansion .user-engagement-stat--percent-complete .user-engagement-stat__value--percent {
    color: var(--Ocean);
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    font-family: PangeaText;
    height: auto;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
}

.dashboard-access-list-item-expansion .user-engagement-stats ul {
    margin: 0;
}

.dashboard-access-list-item-expansion .user-engagement-progress-bar .colorized .meter {
    background: var(--Ocean);
}

.dashboard-access-list-item-expansion .user-engagement-stat--percent-complete .user-engagement-stat__value-container {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 0;
    gap: 2px;
}

.dashboard-access-list-item .icon-navigatedown {
    background: var(--Spring);
    padding: 3.5px;
    padding-top: 4px;
    margin-right: 4px;
    border-radius: 100px;
    scale: 0.8;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.dashboard-access-list-item .icon-navigatedown:before {
    content: "";
    font-size: 16px;
    font-weight: 600;
}

.dashboard-access-list-item .icon-navigateright {
    border: 2.5px solid var(--Spring);
    padding: 1px;
    margin-right: 4px;
    border-radius: 100px;
    scale: 0.8;
    height: 28px;
    width: 28px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;

}

.dashboard-access-list-item .icon-navigateright:before {
    content: "";
    font-size: 16px;
    font-weight: 600;
}


.dashboard-access-list-item .icon-navigateright:hover {
    background: var(--Spring);
    transition: all 0.2s ease-in-out;
}

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

    .dashboard-access-list-item-expansion .dashboard-access-list-item__description {
        margin-top: 22px;
    }

    .dashboard-access-list-item-expansion .dashboard-access-list-view-detail-page {
        width: fit-content;
        margin-top: 18px;
    }

    .dashboard-access-list-item-expansion .user-engagement-stat--percent-complete {
        margin-top: 0px;
    }

}



@media screen and (min-width: 768px) {

    .dashboard-access-list-item-expansion .columns:has(img) {
        width: auto;
    }

    .dashboard-access-list-item-expansion .columns:has(.dashboard-access-list-item__description) {
        width: 75%;
    }

    .dashboard-access-list-item-expansion .row .columns:has(.dashboard-access-list-item__description) {
        display: grid;
        grid-template-columns: 3fr 2fr;
        gap: 28px;
    }
}

@media screen and (min-width: 1024px) {

    .dashboard-access-list-item-expansion .dashboard-access-list-view-detail-page {
        width: auto;
    }

    .dashboard-access-list-item-expansion .columns:has(img) {
        width: 15%;
    }

    .dashboard-access-list-item-expansion .columns:has(.dashboard-access-list-item__description) {
        width: 85%;
    }

    .dashboard-access-list-item-expansion .row .columns:has(.dashboard-access-list-item__description) {
        display: grid;
        grid-template-columns: 3fr 2fr 1fr;
        gap: 28px;
    }

    .dashboard-access-list-item .medium-6 .btn--primary.btn--small {
        margin-top: 0px;
    }
}

/* pure ovveride */
@media only screen and (min-width: 48.063em) {

    .learn.dashboard .widget,
    .learn.transcript .widget {
        padding: 1rem;
    }
}

/* 
* Module Catalog Styling
*/

.widget--catalog_standard .catalog-header {
    display: none;
}

.widget--catalog_standard .catalog-search-bar {
    display: none;
}

.widget--catalog_standard .medium-3.columns {
    display: none;
}

.widget--catalog_standard .pagination {
    display: none;
}

.widget--catalog_standard .medium-9.columns {
    width: 100%;
}

.widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2>li {
    width: 100%;
}

.widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2::before {
    content: none;
}

.widget--catalog_standard .catalog-grid-item {
    border: none;
    position: relative;
}

.widget--catalog_standard .catalog-grid-item .row {
    margin: 0;
}

.widget--catalog_standard .catalog-grid-item .column.medium-12 {
    padding: 0;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__asset {
    height: 280px;
    object-fit: cover;
    object-position: left;
    border-radius: 8px;
    aspect-ratio: 224 / 280;
    width: auto;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__source {
    display: none;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__description {
    display: none;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__hr {
    display: none;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__title {
    font-weight: var(--font-weight-semibold);
    font-size: var(--natural-size-md);
    overflow-wrap: break-word;
    height: auto !important;
}

.widget--catalog_standard .catalog-grid-item .btn--link {
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-weight: var(--font-weight-regular);
    border-radius: 100px;
    padding: 0px 12px !important;
    background: var(--Ocean) !important;
    color: white !important;
    float: left;
    margin-top: 8px;
}

.widget--catalog_standard .catalog-grid-item .btn--link:hover {
    background: var(--Ocean-Dark) !important;
}

.widget--catalog_standard .catalog-grid-item .catalog__ribbon.catalog__ribbon--attached {
    display: flex;
    height: 24px;
    padding: 4px 8px;
    align-items: center;
    left: -4px;
    top: -4px;
    border-radius: 8px;
    background: var(--Spring) !important;
    color: var(--Ocean) !important;
    font-weight: var(--font-weight-semibold);
    width: fit-content;
}

.widget--catalog_standard .catalog-grid-item .catalog__ribbon.catalog__ribbon--attached .catalog__ribbon-corner {
    display: none;
}

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

    .widget--catalog_standard .medium-9.columns.js-results-holder {
        padding: 0;
    }

    .widget--catalog_standard .catalog-grid-item .row {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .widget--catalog_standard .catalog-grid-item .row::before {
        content: none;
    }

    .widget--catalog_standard .catalog-grid-item .column.medium-12 {
        display: flex;
        align-items: center;
    }

    .widget--catalog_standard .catalog-grid-item .catalog-grid-item__asset {
        height: 150px;
    }

    .widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
    .widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
    .widget--catalog_standard .small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}


/* 
* Certificate Component
*/

.certificate-container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
}

.certificate-text {
    width: 100%;
    /* Take 100% of the container width */
    padding-top: 65.66%;
    /* For 3:2 aspect ratio (2/3 = 0.6666) */
    position: relative;
    color: transparent;
    transition: all 0.3s ease-in-out;
}

.certificate-container.certificate-complete:hover .certificate-text {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    cursor: pointer;
}

.certificate-centered-content {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-learner-name {
    text-align: center;
    font-size: clamp(10px, 4.5vw, 60px);
    padding: 0 1rem;
    font-weight: 700;
    color: your-font-color;
}

.certificate-learner-name-min {
    font-size: clamp(10px, 2.5vw, 60px);
}

.certificate-download-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
}

.certificate-greyscale-filter {
    filter: grayscale(100%) brightness(50%);
}

.catalog-learning-paths {
    display: none;
}

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

    .certificate-learner-name,
    .certificate-learner-name-min {
        font-size: clamp(10px, 4vw, 30px);
    }
}

/* 
* Course Information Page Styling
*/

.home.course-group .container {
    padding-top: 0;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.home.course-group .container .home__content {
    flex: 1;
}

.home.course-group .learner__language__selector {
    display: none;
}

.course__detail__container .course__detail__sidebar,
.course-purchase__mobile-button {
    display: none;
}


.course__detail__container .course__detail__content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding-left: 0;
    padding-right: 0;
}

.course__detail__container .course__detail__content .course__detail__header {
    display: none;
}

.course__detail__container .course__detail__content .tabs {
    display: none;
}

.course__detail__container .course__detail__content .tabs-content {
    border: none;
}

.course__detail__container .course__detail__content .tabs-content>.content {
    padding: 0;
}

.course__detail__container .course__detail__asset .picturefill img {
    width: auto;
    height: 420px;
    aspect-ratio: 224 / 280;
    border-radius: 8px;
    object-fit: cover;
    object-position: left;
}

.course__detail__container .course__detail__content h3,
.course__detail__container .course__detail__content h4,
.course__detail__container .course__detail__content h5 {
    font-family: Pangea !important;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-xs);
    line-height: 110%;
    color: var(--Ocean);
    margin-bottom: 12px;
}

.course__detail__container .course__detail__content p,
.course__detail__container .course__detail__content li {
    font-family: PangeaText !important;
    font-size: var(--natural-size-md);
    line-height: 160%;
    color: var(--Text);
}

.course__detail__container .course__detail__content p,
.course__detail__container .course__detail__content ul,
.course__detail__container .course__detail__content ol {
    margin-bottom: 20px;
}

.course-information-header {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}

.mobile-footer-nav-bar {
    display: none;
}

@media screen and (max-width: 768px) {
    .course__detail__container .course__detail__content {
        display: block;
    }

    .course-information-header .btn {
        display: none;
    }

    .course__detail__container .course__detail__asset .picturefill img {
        height: 232px;
    }

    .mobile-footer-nav-bar {
        display: block;
        background: #fff;
        bottom: 0;
        -webkit-box-shadow: 0 -1px 2px var(--Grey-Light);
        box-shadow: 0 -1px 2px var(--Grey-Light);
        left: 0;
        margin: 0;
        padding: 12px 20px;
        position: fixed;
        width: 100%;
        z-index: 30005;
    }
}

/* 
* Course Consumption Page Styling
*/

.course__container .learner__content {
    background: white;
    min-height: calc(100vh - 72px);
    transition: transform 0.3s ease;
    position: relative;
}

.course__container .learner__sidebar {
    padding: 1rem;
    transition: transform 0.3s ease;
    padding-bottom: 0;
}

.course__container .learner__sidebar .layout-panel {
    background: none;
    padding-bottom: 0;
}

.course__container .learner__content .layout-panel {
    padding: 20px 0;
    border-top: var(--Grey-Light) 1px solid;
    margin: 20px 0;
}

.course__container .learner__content .layout-panel .section {
    position: inherit;
}

.course__container .learner__content .discussion-threads {
    display: none;
}

.course__container .learner__content .learner-section__progress {
    display: none;
}

.course__container .learner__content .learner-section__progress+.directional__nav {
    display: none;
}

.course__container .learner__content .learner-section__title__container {
    margin-bottom: 22px;
    margin-left: -1rem;
    margin-right: -1rem;
}

.course__container .learner__content .learner-section__title__container .text-right {
    display: none;
}

.course__container .learner__content .learner-section__title__container h3 {
    font-size: var(--natural-size-sm);
}

.course__container .learner__content .learner-section__title__container h3 .learner-lesson__title {
    font-weight: var(--font-weight-semibold);
}

.course__container .learner__content .learner__container__toggle .btn {
    margin-top: -1px;
    visibility: visible;
    border-radius: 100px;
    color: var(--Ocean);
}

.course__container .learner__content .learner__container__toggle .btn:hover,
.course__container .learner__content .learner__container__toggle .btn:active,
.course__container .learner__content .learner__container__toggle .btn:focus {
    background: var(--Spring-Dark);
    color: white;
}

.course__container .learner__content .learner__container__toggle .btn .icon-list {
    display: none;
}

.workbooks--section--action-buttons .icon-mail {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__search,
.expandable-sidebar__buttons {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__search input,
.learner__sidebar__search-icon,
.icon-delete {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__search .learner__container__toggle--small .btn {
    height: 32px;
    padding: 0px 12px;
    font-size: var(--natural-size-sm);
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: var(--Spring);
    color: var(--Ocean);
    border: none;
    margin: 0;
}


.course__container .learner__content .directional__nav {
    margin: 0;
    width: 100%;
    padding: 20px 20px;
    border-top: 1px solid var(--Grey-Light);
    background-color: white;
    position: fixed;
    z-index: 300005;
    bottom: 0;
    left: 0;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--prev {
    background-color: white;
    border-radius: 100px;
    border: 1px var(--Ocean) solid;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--prev:hover {
    background-color: var(--Ocean);
    transition: all 0.3s ease;
    color: white !important;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next {
    background-color: var(--Spring);
    border-radius: 100px;
    border: none;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next:hover {
    background-color: var(--Spring-Dark);
    transition: all 0.3s ease;
    color: white !important;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next .disabled button {
    font-size: var(--natural-size-md);
    font-family: PangeaText;
    margin: auto;
    padding: 12px 28px;
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next .disabled button::before {
    content: var(--CustomText-Course-NextBtn, "Next");
    color: var(--adaptive-grey-900);
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next:has(.disabled) {
    background-color: var(--Grey-Dark);
}

.course__container .learner__content .directional__nav .directional__nav__button__container--next:has(.disabled):hover {
    background-color: var(--Grey-Dark);
}

.course__container .learner__content .directional__nav a {
    color: var(--Ocean);
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-medium);
    line-height: 160%;
    padding: 12px 28px;
}

.course__container .learner__content .directional__nav a:hover {
    color: inherit;
}

.course__container .learner__content .directional__nav .directional__nav__button {
    display: none;
}

.course__container .learner__content .directional__nav .directional__nav__label {
    visibility: visible;
    display: block;
    font-size: inherit;
    line-height: normal;
}

.course__container .learner__sidebar .learner__sidebar__expandables {
    margin-top: 0;
    min-height: calc(100dvh - 150px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: PangeaText;
    padding-bottom: 72px;
}

.course__container .learner__sidebar .learner__sidebar__expandables .ember-view {
    order: 0;
}

.course__container .learner__sidebar .learner__sidebar__expandables .ember-view.course-completion-progress {
    order: 1;
}

.course__container .learner__sidebar .learner__sidebar__expandables .expandable-sidebar__link {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__expandables .expandable-sidebar:has(.sidebar__resources) .expandable-sidebar__link {
    display: block;
}

.course__container .learner__sidebar .learner__sidebar__expandables .expandable-sidebar__link .expandable-sidebar__toggle {
    background-color: transparent;
    text-transform: none;
    color: var(--Text);
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
}

.course__container .learner__sidebar .learner__sidebar__expandables .sidebar__resources>li {
    border: none;
    padding: 6px 1px 6px 40px;
}

.course__container .learner__sidebar .learner__sidebar__expandables .sidebar__resources .resources__count {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__expandables .resources__category__label {
    text-transform: none;
    color: var(--Text);
    font-size: var(--natural-size-sm);
    font-weight: var(--font-weight-regular);
}

.course__container .learner__sidebar .learner__sidebar__expandables .expandable-sidebar__link .expandable-sidebar__toggle .icon-inbox:before {
    font-size: 1.2rem;
    margin-right: 8px;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .clearfix,
hr {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row .small-4 {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row .small-6 {
    width: auto;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row .description {
    font-size: var(--natural-size-md);
    color: var(--Ocean);
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row .highlight {
    font-size: var(--natural-size-md);
    color: var(--Ocean);
    font-weight: var(--font-weight-semibold);
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .table-row .highlight sup {
    font-size: var(--natural-size-md);
    top: 0;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .course-progress__overall__bar .progress {
    height: 8px;
    padding: 0;
    border: none;
    margin-top: 4px;
}

.course__container .learner__sidebar .learner__sidebar__expandables .course-progress .course-progress__overall__bar .progress .meter {
    background: var(--Ocean);
}

.course__container .learner__sidebar .learner__sidebar-list {
    max-height: calc(100vh - 210px);
    overflow-x: auto;
    overflow-y: auto;
}

.course__container .learner__sidebar .expandable-sidebar__content .syllabus__section-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.course__container .learner__sidebar .expandable-sidebar__content .syllabus__section-list::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    bottom: 10px;
    border-left: 2px dashed #E0E0E0;
}

.course__container .learner__sidebar .expandable-sidebar__content .syllabus__section-title {
    font-family: Pangea;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 110%;
    color: var(--Ocean);
    margin-bottom: 20px;
    text-transform: none;
}

.course__container .learner__sidebar .expandable-sidebar__content .syllabus__section-title-index {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson {
    z-index: 10;
    position: relative;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {
    font-family: PangeaText;
    font-size: var(--natural-size-sm);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    color: var(--Text);
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active .syllabus__lesson--title-text {
    font-weight: var(--font-weight-semibold);
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text.syllabus__lesson--disabled {
    white-space: nowrap;
    color: var(--TextDim);
    display: flex;
    align-items: center;
    text-wrap: pretty;
    gap: 8px;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text.syllabus__lesson--disabled:before {
    content: " ";
    background: var(--Grey-Light);
    border-radius: 100px;
    border: #c2c2c2 2px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator {
    background: rgb(209 229 221);
    border-radius: 100px;
    border: var(--Spring) 2px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator i {
    background: var(--Spring);
    height: 20px;
    width: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 100px;
    aspect-ratio: 1 / 1;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator icon-check,
.icon-tally {
    margin: auto;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator .icon-check:before,
.icon-tally:before {
    content: "";
    color: white;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .expander-triangle__container {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active,
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:active,
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:focus,
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:hover {
    background: none;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson ul.syllabus__topics {
    margin-left: 1.25rem;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__topic--active {
    background: rgba(20, 53, 96, 0.05);
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__topic--non-expandable-title.justify-between {
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 8px;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson li.syllabus__topic--non-expandable:before {
    content: none;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .syllabus__topic--non-expandable-title-text {
    font-family: PangeaText;
    font-size: var(--natural-size-sm);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    color: var(--Text);
    align-items: end;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .lesson-progress-page:before {
    font-family: ti-icons-rev2 !important;
    content: "";
    color: var(--TextDim);
    display: block;
    rotate: 90deg;
    margin-top: 3px;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .lesson-progress-page .icon-circle {
    display: none;
}

.course__container .learner__sidebar .learner__sidebar-inner-list .syllabus__lesson .lesson-progress-page--completed:before {
    font-family: ti-icons-rev2 !important;
    content: "";
    color: var(--Spring);
    rotate: 0deg;
}

.course__container .topic__container {
    padding-top: 0;
    padding-bottom: 4rem;
}

.course__container .topic__content p,
.course__container .topic__content li {
    font-family: PangeaText !important;
    font-size: var(--natural-size-md);
    line-height: 160%;
    color: var(--Text);
    margin: 8px 0;
}

.course__container .topic__content.topic__content--full-width {
    padding-left: 0;
    padding-right: 0;
}

.course__container .topic__container .topic__contained__content,
.course__container .topic__container .topic__content {
    width: 100%;
}

.course__container .topic__container .video__container {
    padding: 0;
}

.course__container .topic__container .topic__contained__container {
    padding: 0;
}

.course__container .topic__container .topic__contained__sidebar {
    display: none;
}

.course__container .completed-section__overlay.force_exit::before {
    content: 'Du bist mit diesem Kurs fertig und kannst das Fenster jetzt schließen.';
    font-size: 44px;
    line-height: 110%;
    font-weight: 600;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 100dvh;
    align-items: center;
    max-width: 80%;
    color: var(--Ocean);
}

.course__container .sidebar__container--right {
    z-index: 300010;
    background: white;
}

.course__container .sidebar__container--right .h4.no-outline,
.course__container .sidebar__container--right .h4 span {
    display: none;
}

.course__container .sidebar__container--right p.h5,
.course__container .sidebar__container--right span.h5 {
    font-size: 12px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 20px;
}

.course__container .sidebar__container--right .h2.heading.heading--primary,
.course__container .sidebar__container--right .h3.heading.heading--primary {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    padding-top: 5px;
    padding-bottom: 20px;
}

.course__container .sidebar__container--right .panel.panel--secondary {
    background: var(--Grey);
    border-radius: 8px;
    border: none;
    padding-bottom: 50px;
}

.course__container .sidebar__container--right .panel.panel--secondary p {
    color: var(--Text);
}

.course__container .sidebar__container--right .panel.panel--secondary textarea {
    border-radius: 8px;
}

.course__container .sidebar__container--right .panel.panel--secondary .sidebar__testimonial__rating {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 12px;
}

.course__container .sidebar__container--right .panel.panel--secondary .sidebar__testimonial__rating:after {
    content: none;
}

.course__container .sidebar__container--right .btn.btn--primary {
    margin-top: -67px;
    margin-left: 18px;
    max-width: 200px;
}

.course__container .sidebar__container--right .next-section.btn.btn--primary {
    margin-top: 0px;
    margin-left: 0px;
}

.course__container .sidebar__container--right .icon-star:before {
    color: var(--TextDim);
}

.course__container .editor-content ul,
.course__container .editor-content ol {
    margin-top: 1.25rem;
}

.course__container .sidebar__container--right .share__title {
    font-size: var(--natural-size-sm);
    line-height: 160%;
    color: var(--Text);
    margin-bottom: 12px;
}

.course__container .sidebar__container--right .btn--social i:before {
    color: var(--Text);
}

.course__container .list-roll__container li.topic__list__item {
    padding: 0;
    background: var(--Grey);
    border-radius: 8px;
    border: none;
    margin: 12px 0;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 12px;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .topic__list__title {
    margin: 0;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .topic__list__title .h3 {
    font-size: var(--natural-size-md);
    line-height: 160%;
    color: var(--Text);
    font-family: PangeaText;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .topic__list__description {
    flex-basis: 100%;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .topic__list__description p,
.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .topic__list__description li {
    font-size: var(--natural-size-sm);
    line-height: 160%;
    color: var(--Text);
    font-family: PangeaText;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link {
    margin-bottom: 0;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link span {
    display: none;
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link .icon-navigatedown {
    border: 2.5px solid var(--Spring);
    padding: 3.5px;
    padding-top: 4px;
    margin-right: 4px;
    border-radius: 100px;
    scale: 0.8;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link .icon-navigatedown:before {
    content: "";
    font-size: 16px;
    font-weight: 600;
    color: var(--Ocean);
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link .icon-navigateup {
    background: var(--Spring);
    padding: 1px;
    margin-right: 4px;
    border-radius: 100px;
    scale: 0.8;
    height: 28px;
    width: 28px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;

}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link .icon-navigateup:before {
    content: "";
    font-size: 16px;
    font-weight: 600;
    color: var(--Ocean);
}

.course__container .list-roll__container .topic__list__info.topic__list__info--full-width .btn.btn--link .icon-navigatedown:hover {
    background: var(--Spring);
    transition: all 0.2s ease-in-out;
}

.course__container .learner__content .tools__container .files__list .heading {
    margin: 16px 0;
}

.course__container .learner__content .tools__container .files__list .items__list li {
    margin-bottom: 8px;
    border-radius: 12px;
}

.course__container .learner__content .assignment__submission label {
    display: none;
}

.course__container .learner__content .assignment__submission .assignment__submission__options .btn--small.btn--right {
    float: left;
}

.course__container.sidebar--open--right .sidebar__container.sidebar__container--right {
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .course__container .learner__content .layout-panel {
        padding: 0;
    }

    .course__container .learner__sidebar {
        width: 100%;
        height: 100%;
        padding: 1rem;
        transition: transform 0.3s ease;
        position: absolute;
        z-index: 5;
        background-color: var(--Grey-Light);
    }

    .course__container .learner__sidebar .learner__sidebar__search {
        display: flex;
    }

    .course__container .learner__container {
        padding-top: 0;
    }

    .course__container .learner__sidebar .learner__sidebar__expandables {
        min-height: calc(100vh - 140px);
        padding-bottom: 0;
    }

    .course__container .learner__content .directional__nav {
        padding: 12px 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .course__container .learner__content .layout-panel .learner-section__title__container h3 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media screen and (min-width: 768px) {
    .course__container .learner__content .layout-panel>.section>.row>.ember-view>.columns:not(.learner-section__progress) {
        position: absolute;
        top: 10px;
        display: flex;
        flex-direction: row-reverse;
        right: 20px;
        pointer-events: none;
    }
}

@media screen and (min-width: 1280px) {
    .course__container .learner__content .layout-panel>.section>.row>.ember-view>.columns:not(.learner-section__progress) {
        top: 30px;
    }
}

/* 
* Course Consumption Page - Quiz Styling
*/

body.learn.course #hubspot-messages-iframe-container {
    display: none !important;
}

.course__container .quiz-start__content {
    background-color: transparent;
}

.course__container .quiz-start__content .quiz-start__text .btn {
    height: 40px;
    padding: 5px 18px;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    border-radius: 100px;
    border: none;
    margin: 0;
    font-size: var(--natural-size-sm);
}

.course__container .quiz__container {
    padding: 0;
}

.course__container .quiz__container .question__body.question__body--strong,
.question__body.question__body--strong p {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    color: var(--Text);
}

.course__container .quiz__container .choices__list {
    margin: 20px 0;
}

.course__container .quiz__container .choices__list .choice {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    color: var(--Text);
    display: flex;
    gap: 12px;
}

.course__container .quiz__container .choices__list li>.choice:before {
    content: " ";
    background: white;
    border-radius: 100px;
    border: var(--Grey-Dark) 1.5px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin: auto 0;
    margin-left: 20px;
}

.course__container .quiz__container .choices__list .choice__index {
    display: none;
}

.course__container .quiz__container .topic__index {
    display: flex;
    /* position: fixed;
    margin-top: -100px;
    width: 85%; */
    /* border: 2px solid var(--Grey); */
    background: var(--Grey);
    /* border-radius: 100px; */
    position: fixed;
    left: 0;
    bottom: 87px;
}

.course__container .quiz__container .topic__index .topic__index__number {
    border-left: 0;
}

.course__container .quiz__container .topic__index .topic__index__number span {
    border: 6px solid var(--Ocean);
    color: transparent;
    padding: 0;
    height: 0;
}

.course__container .quiz__container .topic__index .topic__index__number--active~.topic__index__number span {
    border-color: var(--Grey);
}

.course__container .quiz__container .topic__index .topic__index__number--active span {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.quiz__container--survey .results__list li {
    margin-top: 24px;
}

.quiz__container--survey .results__list li:nth-child(n+7),
.quiz__container--survey .results__list .choice {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 160%;
    color: var(--Ocean);
}

.quiz__container--assessment .choices__list li,
.quiz__container--learner .choices__list li {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: none;
}

.quiz__container .choices__list li:not(.choice--checking):hover {
    background: var(--Grey);
    border: none;
}

.quiz__container .choices__list li.choice--selected,
.quiz__container .choices__list li.choice--selected:hover,
.quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--neutral,
.quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--neutral:hover {
    border: none !important;
    background: rgba(20, 53, 96, 0.15);
    color: var(--Ocean);
}

.quiz__container .choices__list li.choice--selected>.choice:before,
.quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--neutral>.choice:before {
    border: var(--Ocean) 1.5px solid;
    background: var(--Ocean);
    content: "";
    color: white;
    font-family: ti-icons-rev2 !important;
}

.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--true,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--true:hover,
.quiz__container .choices__list li.choice--multiple.choice--checking.choice--selected--neutral.choice--not-selected--true,
.quiz__container .choices__list li.choice--multiple.choice--checking.choice--selected--neutral.choice--not-selected--true:hover {
    border: 2px dashed var(--Meadow-Dark) !important;
    padding: 4px 12px;
}

.quiz__container .choices__list li.choice--multiple.choice--checking.choice--selected--neutral.choice--not-selected--true .choice {
    color: var(--Meadow-Dark) !important;
}

.quiz__container .choices__list li.choice--multiple.choice--checking.choice--selected--neutral.choice--not-selected--true>.choice:before {
    border: var(--Meadow-Dark) 1.5px solid;
    opacity: 0.5;
    margin-left: 18px;
}

.course__container .quiz__container.quiz__container--survey .btn.btn--bare.btn--left.clear-response {
    height: 40px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: none !important;
    color: var(--Ocean);
    border: 1px solid var(--Ocean);
    border-color: var(--Ocean) !important;
    margin: 0;
    font-size: var(--natural-size-sm);
}

.course__container .quiz__container.quiz__container--survey .btn.btn--bare.btn--left.clear-response:hover {
    background: var(--Ocean) !important;
    color: white;
}

/* 
.course__container .quiz__container .choices__list li.choice--multiple.choice--selected--neutral.choice--not-selected--true .choice__selected-answer {
    color: var(--TextDim);
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.course__container .quiz__container .choices__list li.choice--multiple.choice--selected--neutral.choice--not-selected--true .choice__selected-answer:before {
    border: var(--TextDim) 1.5px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background: transparent;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    content: "";
    color: var(--TextDim);
    font-family: ti-icons-rev2 !important;
} */

.course__container .quiz__container .btn.btn--bare.btn--left.clear-response {
    height: 40px;
    padding: 5px 18px;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    border-radius: 100px;
    border: none;
    margin: 0;
    font-size: var(--natural-size-sm);
    background: var(--Spring) !important;
    color: var(--Ocean);
    display: flex;
    align-items: center;
}

.topic__container__quiz .quiz__container .choices__list .leading-loose {
    line-height: inherit;
}

.topic__container__quiz .quiz__container .choices__list li.choice--selected,
.topic__container__quiz .quiz__container .choices__list li.choice--selected:hover,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--false,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--false:hover {
    background: rgba(208, 0, 0, 0.15);
    border: none;
}

.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--false .choice {
    color: #D00000;
}

.topic__container__quiz .quiz__container .choices__list li.choice--selected .leading-loose,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--false .leading-loose {
    color: #D00000;
}


.topic__container__quiz .quiz__container .choices__list li.choice--selected>.choice:before,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected.choice--selected--false>.choice:before {
    border: #D00000 1.5px solid;
    background: #D00000;
    /* content: ""; x icon */
    content: "";
    color: white;
    font-family: ti-icons-rev2 !important;
}

.course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected .choice__icon .choice__selected-answer,
.course__container .topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--false .choice__icon .choice__selected-answer {
    color: #D00000;
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
}

/* .course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected .choice__icon .icon-delete {
    display: flex;
}

.course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected .choice__icon .icon-delete:before {
    content: "";
    background: transparent;
    border-radius: 100px;
    border: #D00000 1.5px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-semibold);
    color: #D00000;
} */

.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true:hover,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--checking.choice--selected--true,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--checking.choice--selected--true:hover {
    gap: 12px;
    flex: 1 0 0;
    background: rgba(27, 141, 128, 0.15);
    border: none !important;
}

.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true .choice,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--true .choice,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--checking.choice--selected--true .choice {
    color: var(--Meadow-Dark);
}

.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true .leading-loose,
.topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--true .leading-loose,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--checking.choice--selected--true .leading-loose {
    color: var(--Meadow-Dark);
}

.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true>.choice:before,
.topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--multiple.choice--selected--neutral.choice--selected--true>.choice:before {
    border: var(--Meadow-Dark) 1.5px solid;
    background: var(--Meadow-Dark);
    content: "";
    color: white;
    font-family: ti-icons-rev2 !important;
}

.course__container .topic__container__quiz .quiz__container .choices__list li .choice__icon {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 12px;
}

.quiz__container--assessment .choices__list li .choice,
.quiz__container--learner .choices__list li .choice {
    width: 100%;
}

.course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected--true .choice__icon .choice__selected-answer,
.course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--multiple.choice--selected--neutral.choice--selected--true .choice__icon .choice__selected-answer {
    color: var(--Meadow-Dark);
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
}

/* .course__container .topic__container__quiz .quiz__container .choices__list li.choice--selected--true .choice__icon .icon-check:before {
    background: transparent;
    border-radius: 100px;
    border: var(--Meadow-Dark) 1.5px solid;
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: var(--natural-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--Meadow-Dark);
} */

.topic__container__quiz .quiz__container .choices__list li.choice--selected {
    display: block;
}

.course__container .topic__container__quiz .quiz__container .choices__list .choice .row.choice {
    order: 1;
}

.course__container .topic__container__quiz .quiz__container .choices__list .choice .choice__response {
    order: 2;
    /* display: none; */
}

.course__container .topic__container__quiz .quiz__container .choices__list .choice .choice__review {
    display: none;
}

.course__container .topic__container__quiz .quiz__container .choices__list .choice__review .text-sm {
    display: none;
}

/* .course__container .topic__container__quiz .quiz__container .choices__list .choice__review:has(.choice__selected-answer--correct) {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    width: 35%;
} */

.course__container .topic__container__quiz .quiz__container .choices__list .choice__review .choice__selected-answer--correct {
    color: var(--Meadow-Dark);
    font-weight: var(--font-weight-regular);
}

.course__container .quiz__container .quiz__results .results__controls {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.course__container .quiz__container .quiz__results .results__controls .btn {
    height: 40px;
    padding: 5px 18px;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    border-radius: 100px;
    border: none;
    margin: 0;
    font-size: var(--natural-size-sm);
    background: var(--Spring);
    color: var(--Ocean);
    display: flex;
    align-items: center;
    width: fit-content;
}

.course__container .quiz__container .quiz__results .results__controls .btn:hover {
    background: var(--Spring-Dark);
    color: white;
}

.course__container .quiz__container .quiz__results .results__controls .btn.btn--success {
    display: none;
}

.course__container .quiz__container .quiz__results .question-results__messages.row--flex {
    -webkit-box-align: start;
    -ms-flex-align: inherit;
    -webkit-box-pack: start;
    -ms-flex-pack: inherit;
    align-items: center;
    justify-content: left;
    margin: 20px 0;
    min-height: unset;
    gap: 5px;
}

.course__container .quiz__container .quiz__results .results__question-chart__container {
    display: none;
}

.course__container .quiz__container .quiz__results .results__question-chart-timer,
.course__container .quiz__container .quiz__results .results__question-pool {
    height: auto;
}

.course__container .quiz__container .quiz__results .question-results__messages.row--flex .question-results__grade-remaining,
.course__container .quiz__container .quiz__results .question-results__messages.row--flex .question-results__message.large-5 {
    border: none;
    font-size: var(--natural-size-md);
    text-transform: none;
    padding: 0;
    width: auto;
}

.course__container .quiz__container .results__question-chart-timer .results__title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 110%;
    color: var(--Ocean);
    text-align: left;
    text-transform: none;
    margin-bottom: 12px;
}

.course__container .quiz__container .question-stats {
    padding-left: 0;
    padding-right: 0;
}

.course__container .quiz__container .question-stats__container.row {
    margin-bottom: 0;
}

.course__container .quiz__container .question-results__grade .large-offset-3.text-center {
    margin-left: 0 !important;
    text-align: left !important;
}

.course__container .quiz__container .question-results__grade .large-offset-3.text-center .panel.panel--alt {
    border: none;
    padding: 0;
    font-family: PangeaText;
    font-size: var(--natural-size-md);
    color: var(--Text);
    text-transform: none;
    line-height: 160%;
    margin: 0;
}

.course__container .quiz__container .question-results__grade .large-offset-3.text-center .panel.panel--alt .results__grade-percentage {
    font-weight: 600;
}

.course__container .quiz__container .question-results__grade .large-offset-3.text-center .panel.panel--alt .results__grade__status.results__grade__status--passed {
    color: var(--Meadow-Dark);
    font-weight: var(--font-weight-semibold);
}

.course__container .quiz__container--assessment .required,
.course__container .quiz__container--learner .required {
    color: red;
    top: -10px;
    left: 10px;
}

.course__container .topic__container__match-pair-set .card__label__button {
    min-height: 80px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 12px;
    color: var(--Ocean);
    border: 1px solid var(--Ocean);
    margin: 0;
    font-size: var(--natural-size-sm);
}

.course__container .topic__container__match-pair-set .card__label__button.card__label__button--correct {
    background: var(--Spring);
    border: 1px solid var(--Spring-Dark);
    color: var(--Ocean);
}

.card__label__button.active,
.course__container .topic__container__match-pair-set .card__label__button.active,
.course__container .topic__container__match-pair-set .card__label__button:hover {
    min-height: 80px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    color: white;
    align-items: center;
    border-radius: 12px;
    margin: 0;
    font-size: var(--natural-size-sm);
}

.course__container .topic__container__match-pair-set .match-pair__card {
    border-radius: 12px;
    overflow: hidden;
}

.course__container .topic__container__match-pair-set .match-pair__card.match-pair__card--correct {
    border-color: var(--Spring);
}

.match-pair__list .match-pair__card--correct .match-pair__card-answer h5 {
    color: var(--Spring);
}

.match-pair__list .match-pair__card.match-pair__card--incorrect p {
    color: red;
}


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

    .topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--selected--true,
    .topic__container__quiz .quiz__container .choices__list li.choice--multiple.choice--selected--true,
    .topic__container__quiz .quiz__container .choices__list li.choice--selected.choice--checking.choice--selected--true {
        display: block;
    }

    .course__container .quiz__container .quiz__results .results__controls {
        display: inline-grid;
    }
}

@media screen and (max-width: 768px) {
    .course__container .quiz__container .topic__index {
        bottom: 71px;
    }
}

@media screen and (min-width: 768px) {
    .course__container .quiz__container .btn--right {
        float: left;
    }
}

/*
# Login page styling
*/

.session {
    background-color: var(--Ocean);
    background-repeat: no-repeat;
    background-size: cover, contain, cover;
    background-position: center, right, left;
    background-image: url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1694435568/img/brand/backgrounds/background-nature-5_oaxbo8.jpg');
    /* background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.4) 5%,
            rgba(0, 0, 0, 0.2) 10%,
            rgba(0, 0, 0, 0) 15%,
            rgba(0, 0, 0, 0) 85%,
            rgba(0, 0, 0, 0.2) 90%,
            rgba(0, 0, 0, 0.4) 95%,
            rgba(0, 0, 0, 0.7)),
        url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1694439186/img/brand/backgrounds/squigly_vlo9z3.svg'),
        url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1694435568/img/brand/backgrounds/background-nature-5_oaxbo8.jpg'); */
}

.session:has(.session__container) {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    box-shadow: inset 0 -10px 35px 2px #282a2d;
    padding: 0;
}

.session .row:has(.session__container) {
    display: flex;
    flex-grow: 1;
    -webkit-box-flex: 1;
    align-items: center;
}

.session .session__container .h2 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin-top: 25px;
    margin-bottom: 10px;
}

.session .session__container .widget__subtitle {
    margin-top: 2rem
}

.session .small-6.small-centered.columns {
    width: 99%;
}

.session .alert-box {
    margin-top: 2rem;
    font-family: PangeaText;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    padding: 8px 12px;
    gap: 12px;
    align-items: center;
    border-radius: 8px;
    background: rgba(208, 0, 0, 0.15);
    color: var(--Watermelon-Dark);
}

.session .alert-box::before {
    content: "";
    font-family: ti-icons-rev2 !important;
    font-size: 18px;
}

.session .alert-box.secondary {
    background-color: #cbcbcb;
    color: #333;
}

.session .alert-box.success {
    background: rgba(27, 141, 128, 0.15);
    color: var(--Meadow-Dark);
}

.session .alert-box.success::before {
    content: "";
    background: var(--Meadow-Dark);
    height: 20px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 99px;
    color: white;
}

.session input.custom-input-error {
    border: 1px solid var(--Watermelon-Dark);
}

/* .session input.custom-input-error::after {
    content: "";
    font-family: ti-icons-rev2 !important;
    font-size: 18px;
    color: var(--Watermelon-Dark);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
} */

.session .custom-input-error-message {
    color: var(--Watermelon-Dark);
    font-size: var(--natural-size-sm);
    margin-top: -10px;
    text-align: right;
}

.session .custom-input-error-message-left {
    color: var(--Watermelon-Dark);
    font-size: var(--natural-size-sm);
}

.session .session__container {
    padding: 3rem;
    /* border: 3px solid #ffffffb2; */
    /* border-radius: 20px; */
    /* background: linear-gradient(137.86deg,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(232, 232, 232, 0.4) 104.73%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    backdrop-filter: blur(20px); */
    border-radius: 21px;
    /* opacity: 0.85; */
    background: rgba(241, 241, 241, 0.85);
    border: none;
    backdrop-filter: blur(62px);

}

.session .terms__checkbox__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.session .session__container .company__beta-logo {
    padding: 3rem;
    border-radius: 20px;
    background-image: -webkit-image-set(url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1718780408/img/props/glacier-logo_a6r9wg.svg') 1x) !important;
    background-size: contain !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    max-width: 200px;
    margin: -20px auto 0px auto;
}

.session .session__container .company__beta-logo img {
    opacity: 0;
}

.session h2 {
    margin-top: 1rem;
    color: var(--Ocean);
    font-size: 2rem;
    line-height: 3.804rem;
    font-weight: 600;
}

.session input[type='text'],
.session input[type='email'],
.session input[type='password'] {
    border: 0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: none;
    height: 40px;
    margin-top: 5px;
}

.session input[type='text']:focus,
.session input[type='email']:focus,
.session input[type='password']:focus {
    border: 0;
    background: #FFF;
    box-shadow: none;
}

.session input[type='text']::placeholder,
.session input[type='email']::placeholder,
.session input[type='password']::placeholder {
    color: transparent;
    opacity: 0;
}


.session .field__label {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    margin-top: 0;
    padding: 0;
    position: relative;
    color: var(--Ocean);
    font-family: PangeaText;
    font-size: var(--natural-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: 160%;
}

.session .field--show-floating-label .field__input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.session .field__label .red-asterisk {
    display: none;
}

.session .session__container input::placeholder {
    font-family: 'Pangea' !important;
    color: var(--Ocean);
}

.session .session__form .text-xs.mb-2 {
    display: none;
}

.session .session__container .session__forgot .btn {
    font-family: 'Pangea' !important;
    color: var(--Ocean);
}

.session .session__container .medium-centered.columns {
    max-width: none !important;
    /* min-width: 30vw; */
}

.session input[type='submit'] {
    height: 40px;
    padding: 5px 18px;
    display: flex;
    justify-content: center;
    font-family: PangeaText;
    font-weight: var(--font-weight-medium);
    align-items: center;
    border-radius: 100px;
    background: var(--Spring);
    color: var(--Ocean);
    border: none;
    margin: 12px 0 0 0;
    font-size: var(--natural-size-sm);
}

.session .session__container .already-member span,
.session .session__container .already-member button {
    font-size: 1.5rem;
}

.widget--catalog_standard .catalog-grid-item .catalog-grid-item__title {
    overflow-wrap: anywhere !important;
}

.video__frame.wistia_embed_initialized {
    border-radius: 18px;
}

.student-choice__button--add {
    display: none !important;
}

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

    .session {
        background-color: var(--Ocean);
        background-repeat: no-repeat;
        background-size: cover, cover;
        background-position: center, left;
        background-image: linear-gradient(to bottom,
                rgba(0, 0, 0, 0.7),
                rgba(0, 0, 0, 0.4) 5%,
                rgba(0, 0, 0, 0.2) 10%,
                rgba(0, 0, 0, 0) 15%,
                rgba(0, 0, 0, 0) 85%,
                rgba(0, 0, 0, 0.2) 90%,
                rgba(0, 0, 0, 0.4) 95%,
                rgba(0, 0, 0, 0.7)),
            url('https://res.cloudinary.com/df1dbnp0x/image/upload/v1694435568/img/brand/backgrounds/background-nature-5_oaxbo8.jpg');
    }

    .session .session__container .company__beta-logo {
        margin: 0 3rem;
    }

    .session .session__container .alert-box {
        margin-bottom: 0;
    }
}

/*
# Registration Page Styling
*/

.home.redeem .medium-8.columns,
.home.redeem .medium-4.columns.text-right {
    width: 100% !important;
}

.widget.widget--redemption-form,
.widget.widget--registration-form {
    margin: auto;
}

.widget--redemption-form .text-centered,
.widget--registration-form .text-centered {
    margin-bottom: 2rem;
}

.widget--redemption-form .btn--primary,
.widget--registration-form .btn--primary {
    border: 2px solid var(--Spring);
    font-weight: 500;
    letter-spacing: 0.03rem;
    background-color: var(--Spring);
    color: var(--Ocean);
    border-radius: 100px !important;
    font-size: 1.125rem;
}

.widget--redemption-form .btn--primary.btn--floating-label {
    background-color: var(--Ocean-Dark);
    color: white;
    border: none;
    height: 1.5rem;
    margin-top: 0.5rem;
    padding: 0px;
    font-size: 0.7rem;
}

.widget--redemption-form .btn--primary.btn--link {
    display: none;
}

.field__input--select {
    font-size: 14px;
}

.redeem .already-member span {
    font-size: 0.8rem !important;
}

.redeem .widget__subtitle,
.redeem .widget__subtitle span {
    color: var(--Ocean);
}

.redeem .widget__subtitle::before {
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
}

.widget--redemption-form .medium-6.medium-centered.columns,
.widget--registration-form .medium-6.medium-centered.columns {
    width: 100% !important;
}

.widget--redemption-form .medium-centered .large-12.columns .row.collapse {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
}

.widget--redemption-form.widget--redemption-form_standard>div {
    padding: 35px;
    /* background-color: #ffffffba; */
    /* border-radius: 20px;
    border: 2px white solid; */
    height: fit-content;
    border-radius: 21px;
    /* opacity: 0.85; */
    background: rgba(241, 241, 241, 0.85);
    backdrop-filter: blur(62px);
    max-width: 500px;
}

@media screen and (min-width: 768px) {
    .widget--redemption-form .small-12.columns.medium-10 {
        width: 68%;
    }

    .widget--redemption-form .small-12.columns.medium-2 {
        width: 24%;
        margin-left: auto
    }
}


/* 
* Profile Page Styling
*/

body.account .dashboard-account {
    width: 100%;
    max-width: 1224px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 48px;
    margin: auto;
    text-align: center;
}

body.account .dashboard-account::before {
    content: var(--CustomText-MyAccount);
    font-family: Pangea;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean);
    margin-bottom: 20px;
}

body.account .dashboard-account>div {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 28px;
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab button {
    padding: 8px 12px !important;
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab--active {
    border-radius: 8px;
    background: var(--Spring);
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab--active .dashboard-account-tab__label {
    color: var(--Ocean);
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-medium);
    margin-top: -2px;
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab--inactive {
    border-radius: 8px;
    background: var(--Grey);
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab--inactive:hover {
    background: var(--Grey-Dark);
}

body.account .dashboard-account .medium-3.columns .dashboard-account-tabs .dashboard-account-tab--inactive .dashboard-account-tab__label {
    color: var(--TextDim);
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-medium);
    margin-top: -2px;
}

body.account .dashboard-account .medium-3.columns ul li:nth-child(n+7) {
    display: none;
}

body.account .dashboard-account .dashboard--content-panel .section-container .small-12.columns p {
    display: none;
}

body.account .dashboard-account .dashboard--content-panel .section-container {
    box-shadow: none;
    border: 1px var(--Grey-Dark) solid;
    background: var(--Grey);
    padding: 40px 0px;
}

body.account .dashboard-account .dashboard--content-panel .section-container .medium-6 {
    width: 100%;
}

body.account .dashboard-account .dashboard--content-panel .section-container a,
body.account .dashboard-account .dashboard--content-panel .section-container input,
body.account .dashboard-account .dashboard--content-panel .section-container button {
    max-width: 450px;
    margin: auto;
    margin-top: 12px;
    text-align: left;
    height: 45px;
}

body.account .dashboard-account .dashboard--content-panel .section-container a,
body.account .dashboard-account .dashboard--content-panel .section-container button {
    width: fit-content;
    padding: 0 40px;
    text-align: center;
}

body.account .dashboard-account .dashboard--content-panel .section-container input {
    height: 50px;
}

body.account .dashboard-account .dashboard--content-panel .section-container button {
    width: fit-content;
    padding: 0 40px;
}

body.account .dashboard-account .dashboard--content-panel .section-container .field__input-wrapper {
    display: flex;
    justify-content: center;
}

body.account .dashboard-account .dashboard--content-panel .section-container label {
    max-width: 450px;
    margin-top: 18px;
    margin-left: 5px;
}

body.account .dashboard-account .field--show-floating-label .field__input {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
}

body.account .dashboard-account .dashboard--content-panel .section-container .panel.panel--alt {
    border: none;
    padding: 0;
}

body.account .dashboard-account .dashboard--content-panel .section__body {
    background: transparent;
}

body.account .dashboard-account .dashboard--content-panel .section__header {
    background: transparent;
    webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    padding-bottom: 0;
}

body.account .dashboard-account .dashboard--content-panel .section__header .section__title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean);
    text-transform: capitalize;
}

body.account .dashboard-account .dashboard--content-panel .row .medium-3.columns:not(.small-12) {
    display: none;
}

body.account .dashboard-account .dashboard--content-panel .row .medium-9.columns,
body.account .dashboard-account .dashboard--content-panel .row .medium-3.columns.small-12 {
    width: 100%;
}

body.account .dashboard-account .dashboard--content-panel .row .medium-9.columns.profile__name {
    margin-top: 0;
}

body.account .dashboard-account .dashboard--content-panel .row .medium-9.columns.profile__name .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

body.account .dashboard-account .dashboard--content-panel .ember-text-field,
body.account .dashboard-account .dashboard--content-panel .field__input {
    border-radius: 8px;
    border: 1px solid var(--Grey-Dark);
    background: white;
    box-shadow: none;
    font-size: var(--natural-size-md);
}

body.account .dashboard-account .dashboard--content-panel input.ember-text-field::-webkit-input-placeholder {
    font-family: PangeaText;
    font-size: var(--natural-size-sm);
    font-style: normal;
}

body.account .dashboard-account .dashboard--content-panel .field__label {
    text-align: left;
    font-size: var(--natural-size-xs);
    color: var(--TextDim);
}

body.account .dashboard-account .btn {
    float: none;
    margin: 0;
    border-radius: var(--Button, 100px) !important;
    background: var(--Ocean);
    color: white;
    display: flex;
    height: 40px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 150px;
    text-align: center;
}

body.account .dashboard-account .btn:hover,
body.account .dashboard-account .btn:active,
body.account .dashboard-account .btn:focus {
    background: var(--Ocean-Dark, #0f2c4a);
    color: white;
}

body.account .dashboard-account #multifactor-label {
    margin-bottom: 12px;
    font-weight: 200;
    color: var(--Text);
}

body.account .dashboard-account .dashboard--content-panel .alert-box {
    border-radius: 10px;
}

body.account .dashboard-account .dashboard--content-panel .alert-box.success {
    color: var(--Ocean);
    background-color: var(--Spring);
}

body.account .dashboard-account .dashboard--content-panel span {
    font-family: PangeaText;
    font-size: var(--natural-size-md);
}

@media screen and (max-width: 426px) {
    body.account .dashboard-account .medium-3.columns .dashboard-account-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: center;
        gap: 12px;
    }
}

/*
* License Page Styling
*/

body.license {
    background-color: white;
}

body.license .dashboard__license-select {
    margin-top: 48px;
}

body.license .dashboard__license-select h1 {
    font-family: Pangea;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean);
    margin-bottom: 10px;
    letter-spacing: -2px;
}

body.license .dashboard__license-select .dashboard__license-select__form {
    margin-top: 48px;
    box-shadow: none;
    border: 1px var(--Grey-Dark) solid;
    background: var(--Grey);
    padding: 60px 12px 30px 12px;
}

body.license .dashboard__license-select .dashboard__license-select__form .btn {
    float: none;
    margin: 30px auto;
    border-radius: var(--Button, 100px);
    background: var(--Ocean);
    color: white;
    display: flex;
    height: 40px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 200px;
}

body.license .dashboard__license-select .dashboard__license-select__form .btn:hover,
body.license .dashboard__license-select .dashboard__license-select__form .btn:active {
    background: var(--Ocean-Dark);
    color: white;
}

body.license .dashboard__license-select .dashboard__license-select__form .field__input {
    border-radius: 8px;
    border: 1px solid var(--Grey-Dark);
    background: white;
    box-shadow: none;
    font-size: var(--natural-size-md);
    height: 50px;
}


/* 
* Learning Path Info Page Styling
*/

.learning-path_custom-layout .learning-content-hero {
    aspect-ratio: auto;
    background: transparent;
    padding: 48px 0;
    margin-top: 16px;
}

.learning-path_custom-layout .learning-content-hero .learning-content__back-button,
.learning-path_custom-layout .learning-content-hero .picturefill,
.learning-path_custom-layout .learning-content-hero .learning-content-hero__overlay {
    display: none;
}

.learning-path_custom-layout .learning-content-hero .absolute {
    position: relative
}

.learning-path_custom-layout .learning-content-hero h1 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean);
    font-family: Pangea !important;
    line-height: initial;
}

.learning-path_custom-layout .learning-content-hero h4 {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    color: var(--Text);
    margin: 24px 0;
}


.learning-path_custom-layout .row.collapse.learning-path-timeline-milestone__header {
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
}

.learning-path_custom-layout .row.collapse.learning-path-timeline-milestone__header .expand-toggle-icon {
    position: absolute;
    right: 0;
    top: 5px;
}


/* .learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-criterion {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-criterion .expand-toggle-icon i {
    border: 2px solid var(--Ocean);
    padding: 15px;
    border-radius: 100px;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-criterion .expand-toggle-icon i:before {
    font-size: 25px;
    font-weight: 100;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-content {
    padding: 0;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-content .learning-path-timeline-milestone__title {
    text-transform: none;
    font-size: 36px;
    color: var(--Ocean);
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion {
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion__label {
    font-size: var(--natural-size-md);
    text-transform: capitalize;
    color: var(--Ocean);
    height: auto;
    text-align: left;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion__value-container {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean) !important;
    margin-top: 0px;
    display: flex;
    justify-content: flex-end;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion__value--pending {
    color: var(--Ocean) !important;
}

.learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion__value-container i {
    display: none;
}

.learning-path_custom-layout .learning-path-timeline-milestone {
    padding: 40px;
    background-color: var(--Grey);
    border-radius: 18px;
    margin-bottom: 18px;
}

.learning-path_custom-layout .widget--milestones.widget--milestones_standard {
    padding: 0;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items {
    background: transparent;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-milestone__badge {
    display: flex;
    padding: 3px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: transparent;
    border: 1px solid var(--Ocean);
    color: var(--Ocean);
    width: fit-content;
    font-weight: var(--font-weight-medium);
    line-height: 160%;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items .h1.learning-path-milestone-item__title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    font-family: Pangea !important;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-milestone-item__description,
.learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-milestone-item__alt-description p {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    color: var(--Text);
    margin-top: 12px;
    padding: 8px 0;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container .btn.btn--primary {
    width: fit-content;
    margin-top: 15px;
}

.learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container img {
    width: auto;
    height: 280px;
    aspect-ratio: 224 / 280;
    border-radius: 8px;
    object-fit: cover;
    object-position: left;
    display: flex;
    margin: auto;
}

.learning-path_custom-layout .learning-path-timeline-milestone-item__horizontal-line,
.learning-path_custom-layout .learning-path-timeline-milestone-item__vertical-line {
    border-color: var(--Ocean);
    background: var(--Ocean);
    opacity: 1;
}

.learning-path_custom-layout .learning-path-timeline-milestone-item__vertical-line {
    width: 1px;
}

.learning-path_custom-layout .learning-path-timeline-milestone-item__vertical-line.learning-path-timeline-milestone-item__vertical-line--certificate {
    display: none;
}

.learning-path_custom-layout .learning-path-certificate-circle {
    border: none;
    background-color: transparent;
    background-image: url(https://res.cloudinary.com/df1dbnp0x/image/upload/v1712649638/img/props/trophie_gjcjuy.png);
    background-size: 90px;
    height: 150px;
    width: 150px;
}

.learning-path_custom-layout .learning-path-certificate-status {
    text-transform: none;
    color: var(--TextDim);
}

.learning-path_custom-layout .learning-path-timeline-milestone-item-circle__asset {
    background-color: var(--Ocean);
    -webkit-box-shadow: 0 0 0 9px var(--Grey), 0 0 0 10px var(--Ocean);
    box-shadow: 0 0 0 9px var(--Grey), 0 0 0 10px var(--Ocean);
    right: -24px;
    left: -20px;
    height: 44px;
    width: 44px;
    top: calc(50% - 23px);
}

.learning-path_custom-layout .learning-path-timeline-milestone-item-circle__asset.learning-path-timeline-milestone-item-circle__asset--right {
    left: auto;
}

.learning-path_custom-layout .learning-path-timeline-milestone-item-circle--completed {
    background-color: var(--Spring);
    -webkit-box-shadow: none;
    box-shadow: none;
    left: -22px;
    display: flex;
}

.learning-path_custom-layout .learning-path-timeline-milestone-item-circle--completed:after {
    content: "";
    font-family: ti-icons-rev2;
    color: white;
    margin: auto;
    font-size: 24px;
}

.learning-path_custom-layout .learning-path-timeline-milestone__title-with-milestone-release {
    display: grid;
}

@media screen and (max-width: 426px) {
    .learning-path_custom-layout .learning-content-hero h1 {
        font-size: var(--font-size-lg);
    }

    .learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-content {
        padding-right: 45px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-content .learning-path-timeline-milestone__title {
        font-size: var(--font-size-md);
    }

    .learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-criterion__value-container {
        font-size: var(--font-size-md);
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-item-circle__asset,
    .learning-path_custom-layout .learning-path-timeline-milestone-item-circle__asset.learning-path-timeline-milestone-item-circle__asset--right {
        left: 18px;
    }
}

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

    .learning-path_custom-layout .learning-path-timeline-milestone {
        padding: 20px;
    }

    /* .learning-path_custom-layout .learning-path-timeline-milestone-item-circle {
        display: none;
    } */

    .learning-path_custom-layout .learning-path-timeline-milestone-item__horizontal-line {
        display: none;
    }

    .learning-path-timeline-milestone-item__horizontal-line.learning-path-timeline-milestone-item__horizontal-line--certificate {
        display: none;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-milestone-item__description,
    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-milestone-item__alt-description p {
        font-size: var(--natural-size-sm);
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-item__vertical-line {
        left: 20px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-item-circle__asset {
        left: -1px !important;
        scale: 0.65;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-item-circle--completed {
        left: -1px !important;
        scale: 0.8;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone__title-with-milestone-release .learning-path-timeline-milestone__release {
        float: left;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {
        width: 0px;
        margin-top: 62px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-item__content {
        margin-left: 35px;
        margin-right: auto;
        width: 85%;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container img {
        display: none;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone__header .learning-path-timeline-milestone__header-content .learning-path-timeline-milestone__title {
        font-size: var(--font-size-sm);
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .h1.learning-path-milestone-item__title {
        font-size: var(--font-size-xs);
    }

    .learning-path_custom-layout .row.collapse.learning-path-timeline-milestone__header .expand-toggle-icon {
        top: 0px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
    }
}

@media screen and (min-width: 1024px) {

    .learning-path_custom-layout .learning-content-hero>* {
        position: relative;
        padding: 0;
        /* width: 75%; */
    }

    .learning-path_custom-layout .row.collapse.learning-path-timeline-milestone__header {
        /* left: 50%;
        position: absolute;
        transform: translateX(-50%); */
        width: 100%;
        max-width: 1224px;
        margin: auto;
        display: flex;
        justify-content: flex-end;
    }

    .learning-path_custom-layout .row.collapse.learning-path-timeline-milestone__header .learning-path-criterion-container {
        margin-right: 100px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .small-centered.columns {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container {
        padding-right: 10%;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container--right {
        padding-left: 10%;
        padding-right: 12px;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {
        padding-left: 10%;
    }

    .learning-path_custom-layout .learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container--right {
        padding-right: 10%;
        padding-left: 12px;
    }
}

/* 
* Support Page Styling
*/

body.home.support .widget {
    padding: 1rem !important;
}

/* 
* Footer Styling
*/

footer.footer {
    padding: 0;
}

footer.footer .footer__inner {
    padding: 0;
}

footer .footer__company__info {
    display: none;
}

.footer-main {
    background-color: var(--Ocean);
    padding: 20px 0;
    font-family: PangeaText;
}

.footer-address p {
    line-height: 2;
}

.footer-links p,
.footer-contact p {
    color: white;
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 24px;
}

.footer-main p,
.footer-main a {
    color: white;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1200px;
    padding: 24px 48px;
    border-bottom: 1px solid white;
}

.widget .footer-container {
    padding: 24px 0;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-main li {
    margin-bottom: 10px;
}


.footer-main a,
.footer-social a svg {
    color: white;
    transition: color 0.3s;
}

.footer-social {
    text-align: center;
    padding: 20px 0;
    display: flex;
    gap: 12px;
}

.footer-bottom p {
    margin: 0;
    padding: 25px 0;
    text-align: center;
}

.footer-main a:hover,
.footer-social a svg:hover {
    color: var(--Spring);
}

@media (max-width: 768px) {
    .footer-container {
        padding: 1rem;
    }
}

@media (max-width: 426px) {
    .footer-container {
        flex-direction: column;
    }

    .footer-container div {
        margin-bottom: 20px;
    }
}

/* 
# Cookie Popover
*/

.cookie-popover {
    z-index: 500005;
}

.cookie-popover__inner span {
    font-size: 1rem;
}

.cookie-popover__inner span a {
    color: var(--Ocean-Dark);
    text-decoration: underline;
}

.cookie-popover__inner div {
    margin-top: 1rem;
    display: flex;
    gap: 12px;
}


/* 
* Onboarding Survey Styling
*/

body.survey .application__content--survey {
    max-width: var(--desktop-content-width);
    margin: auto;
    position: relative;
    height: 100dvh;
    padding: 4rem 2rem;
}

body.survey .application__content--survey .header__title {
    padding: 32px 12px;
}

body.survey .application__content--survey .header__title h1 span {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    color: var(--Ocean);
    font-family: Pangea !important;
    line-height: initial;
}

body.survey .application__content--survey .items__list label p {
    font-size: var(--natural-size-md);
    font-weight: var(--font-weight-regular);
    line-height: 160%;
    margin-bottom: 8px;
}

body.survey .application__content--survey .items__list select {
    border-radius: 8px;
}

body.survey .application__content--survey .items__list ul {
    border-radius: 12px;
    overflow: hidden;
    border: 1px var(--Grey-Light) solid;
}

.learn.survey .application__content.application__content--survey .medium-1.columns.text-right {
    text-align: left !important;
}

body.survey .application__content--survey {
    height: auto !important;
    min-height: 100dvh;
}

body.survey #hubspot-messages-iframe-container {
    display: none;
}

/* 
* Carousel Styling
*/

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% / 3));
    }
}

.scrolling-carousel {
    display: flex;
    animation: scroll 30s linear infinite;
    overflow-x: auto;
    white-space: nowrap;
}

.scrolling-carousel svg {
    flex: 0 0 auto;
}

/* 
* Modal Glacier
*/

.glacier-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    /* Dim the background */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s, visibility 0.3s;
}

.glacier-modal .glacier-modal-frame {
    width: 800px;
    background: white;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

.glacier-modal .glacier-modal-content {
    background: white;
    padding: 20px;
    max-width: 600px;
    margin: auto;
}

.glacier-modal .close-btn {
    position: absolute;
    right: -60px;
    top: -30px;
    background: none;
    border: none;
    font-size: 70px;
    font-weight: 100;
    cursor: pointer;
}

.glacier-modal .glacier-modal-input {
    height: 46px;
    width: 100%;
    border-radius: 8px;
}

.glacier-modal .btn--primary {
    min-width: 135px;
}