@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    font-size: 16px;
    --dark-blue: #002752;
    --darker-blue: #3939FF;
    --royal-blue: #254CF4;
    --bright-turquoise: #66CCCC;
    --bright-magenta: #D0006F;
    --mulberry: #A60058;
    --emerald: #007765;
    --mint-green: #A1EFC7;
    --light-mint-green: #DDFEF1;
    --light-grey: #EBEFEE;
    --white: #fff;

    --home-gradient: linear-gradient(180deg, rgba(0, 39, 82, 0.14) 0%, #002752 60%);
    --banner-gradient: linear-gradient(180deg, rgba(0, 39, 82, 0.1) 0%, rgba(0, 39, 82, 0.437179) 8.65%, #002752 52.4%);
    --jump-links-gradient: linear-gradient(180deg, #C3F8F7 0%, #E0FFF1 100%);
    --jump-links-border-gradient: linear-gradient(180deg, rgba(110, 239, 180, 0.3) 0%, rgba(0, 153, 255, 0.3) 100%);

    --font-manrope: "Manrope", sans-serif;
    --font-barlow: "Barlow", sans-serif;
    --font-inter: "Inter", sans-serif;
    --font-roboto: "Roboto", sans-serif;
}

:focus-visible,
.is-focused:focus {
    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 4px;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: 154px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: var(--font-manrope);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    color: var(--dark-blue);
    overflow-x: hidden;
}

button,
span {
    font: inherit;
}

body .cmp-text {
    padding: 0px;
    font-family: var(--font-manrope);
}

sub,
sup {
    font-size: 65%;
    line-height: 0;
    position: relative;
    top: 1px;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

pre {
    overflow-x: auto
}

.underline {
    text-decoration: underline;
}

.font-manrope {
    font-family: var(--font-manrope);
}

.font-barlow {
    font-family: var(--font-barlow);
}

.font-inter {
    font-family: var(--font-inter);
}

.font-roboto {
    font-family: var(--font-roboto);
}

*[aria-hidden=true] {
    visibility: visible;
}

#hidden,
.text:has(#hidden) {
    display: none;
}

a {
    position: relative;
    color: var(--darker-blue);
    text-decoration: underline;
    text-underline-offset: 1px;
    cursor: pointer;
    font-family: var(--font-manrope);
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-manrope);
    color: var(--dark-blue);
}

h1 {
    font-size: 1.625rem;
    /* 26px */
    line-height: 150%;
    font-weight: 800;
}

h2 {
    font-size: 1.5rem;
    /* 24px */
    line-height: 150%;
    font-weight: 800;
}

h3 {
    font-size: 1.375rem;
    /* 22px */
    line-height: 150%;
    font-weight: 700;
}

h4 {
    font-size: 1.5rem;
    /* 24px */
    line-height: 150%;
    font-weight: 800;
}

p,
.text-body-regular {
    font-size: 1rem;
    /* 16px */
    line-height: 120%;
}

.text-body-large {
    font-size: 1.125rem;
    /* 18px */
    line-height: 150%;
}

.footnote {
    font-family: var(--font-manrope);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 150%;
}

.nowrap, .no-wrap {
    white-space: nowrap;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

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

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.bg-dark-blue,
#bg-dark-blue,
[id^="bg-dark-blue-"] {
    background-color: var(--dark-blue) !important;
}

.bg-darker-blue,
#bg-darker-blue,
[id^="bg-darker-blue-"] {
    background-color: var(--darker-blue) !important;
}

.bg-royal-blue,
#bg-royal-blue,
[id^="bg-royal-blue-"] {
    background-color: var(--royal-blue) !important;
}

.bg-bright-turquoise,
#bg-bright-turquoise,
[id^="bg-bright-turquoise-"] {
    background-color: var(--bright-turquoise) !important;
}

.bg-bright-magenta,
#bg-bright-magenta,
[id^="bg-bright-magenta-"] {
    background-color: var(--bright-magenta) !important;
}

.bg-mulberry,
#bg-mulberry,
[id^="bg-mulberry-"] {
    background-color: var(--mulberry) !important;
}

.bg-emerald,
#bg-emerald,
[id^="bg-emerald-"] {
    background-color: var(--emerald) !important;
}

.bg-mint-green,
#bg-mint-green,
[id^="bg-mint-green-"] {
    background-color: var(--mint-green) !important;
}

.bg-light-mint-green,
#bg-light-mint-green,
[id^="bg-light-mint-green-"] {
    background-color: var(--light-mint-green) !important;
}

.bg-light-grey,
#bg-light-grey,
[id^="bg-light-grey-"] {
    background-color: var(--light-grey) !important;
}

.bg-white,
#bg-white,
[id^="bg-white-"] {
    background-color: var(--white) !important;
}

.bg-home-gradient,
#bg-home-gradient,
[id^="bg-home-gradient-"] {
    background: var(--home-gradient) !important;
}

.bg-banner-gradient,
#bg-banner-gradient,
[id^="bg-banner-gradient-"] {
    background: var(--banner-gradient) !important;
}

.bg-jump-links-gradient,
#bg-jump-links-gradient,
[id^="bg-jump-links-gradient-"] {
    background: var(--jump-links-gradient) !important;
    border-radius: 40px 4px 4px 4px;
    min-width: 372px;
    max-width: 372px;
    margin: 0 auto;
}

.bg-jump-links-border-gradient,
#bg-jump-links-border-gradient,
[id^="bg-jump-links-border-gradient-"] {
    background: var(--jump-links-border-gradient) !important;
}

.horizontal-divider {
    width: 100%;
    height: 4px;
    border: 0;
    border-radius: 6px;
    background: var(--bright-turquoise);
}

.horizontal-divider-larger {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 6px;
    background: var(--bright-magenta);
}

.horizontal-divider.mobile-only {
    height: 2px;
    border-radius: 0px;
}

/* Icon Button Base - STARTS */

.icon-btn {
    --icon-btn-background: transparent;
    --icon-btn-border: transparent;
    --icon-btn-color: currentColor;
    --icon-btn-icon: none;

    box-shadow: inset 0 0 0 2px var(--icon-btn-border);
    background-color: var(--icon-btn-background);
    color: var(--icon-btn-color);
    font-family: var(--font-manrope) !important;
    font-size: 1rem;
    line-height: 150%;
    text-align: center;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.icon-btn::before,
.icon-btn::after {
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Icon Button Base - ENDS */

/* Resource Button - STARTS */

.resource-btn {
    --icon-btn-background: var(--white);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--royal-blue);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-LeavePage_Magenta.svg');

    width: 100%;
    padding: 20px;
    border-radius: 20px;
    text-align: left;
}

.resource-btn::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: var(--icon-btn-icon);
}

.resource-btn:hover {
    --icon-btn-background: var(--mint-green);
    --icon-btn-border: var(--royal-blue);
    --icon-btn-color: var(--dark-blue);
    box-shadow: inset 0 0 0 4px var(--icon-btn-border);
    text-decoration: none;
}

.resource-btn:active,
.resource-btn.active {
    --icon-btn-background: var(--mulberry);
    --icon-btn-border: var(--mulberry);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-LeavePage_White.svg');
}

.resource-btn:focus-visible,
.resource-btn.is-focused:focus {
    --icon-btn-background: var(--white);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--royal-blue);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-LeavePage_Magenta.svg');
    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 6px !important;
    border-radius: 2px !important;
}

/* Resource Button - ENDS */

/* Navigate Button - STARTS */

.navigate-btn {
    --icon-btn-background: var(--bright-magenta);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-GoToNext-White.svg');

    gap: 10px;
    border-radius: 48px;
}

.navigate-btn::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: var(--icon-btn-icon);
}

.navigate-btn:hover {
    --icon-btn-background: var(--mint-green);
    --icon-btn-border: var(--royal-blue);
    --icon-btn-color: var(--dark-blue);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-GoToNext-DarkBlue.svg');
    box-shadow: inset 0 0 0 4px var(--icon-btn-border);
    text-decoration: none;
}

.navigate-btn:active,
.navigate-btn.active {
    --icon-btn-background: var(--mulberry);
    --icon-btn-border: var(--mulberry);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-GoToNext-White.svg');
}

.navigate-btn:focus-visible,
.navigate-btn.is-focused:focus {
    --icon-btn-background: var(--bright-magenta);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-GoToNext-White.svg');

    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 6px !important;
    border-radius: 2px !important;
}

/* Navigate Button - ENDS */


/* Jump Button - STARTS */

.jump-btn {
    --icon-btn-background: var(--bright-magenta);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_White.svg');

    gap: 10px;
    padding: 10px 25px;
    border-radius: 40px;
}

.jump-btn::before {
    content: '';
    width: 20px;
    height: 16px;
    background-image: var(--icon-btn-icon);
}

.jump-btn:hover {
    --icon-btn-background: var(--mint-green);
    --icon-btn-border: var(--royal-blue);
    --icon-btn-color: var(--dark-blue);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_DarkBlue.svg');
    box-shadow: inset 0 0 0 4px var(--icon-btn-border);
    text-decoration: none;
}

.jump-btn:active,
.jump-btn.active {
    --icon-btn-background: var(--mulberry);
    --icon-btn-border: var(--mulberry);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_White.svg');
}

.jump-btn:focus-visible,
.jump-btn.is-focused:focus {
    --icon-btn-background: var(--bright-magenta);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_White.svg');

    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 6px !important;
    border-radius: 2px !important;
}

/* Jump Button - ENDS */


/* Video Button - STARTS */

.video-btn {
    --icon-btn-background: var(--dark-blue);
    --icon-btn-border: var(--dark-blue);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-PlayButton_BrightTurquoise.svg');

    padding: 4px 12px;
    gap: 2px;
    border-radius: 25px;
    font-weight: 500;
    cursor: pointer;
    min-height: 50px;
}

.video-btn::after {
    content: '';
    width: 34px;
    height: 34px;
    background-image: var(--icon-btn-icon);
}

.video-btn:hover {
    --icon-btn-background: var(--mint-green);
    --icon-btn-border: var(--royal-blue);
    --icon-btn-color: var(--dark-blue);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-PlayButton_RoyalBlue.svg');
    box-shadow: inset 0 0 0 4px var(--icon-btn-border);
}

.video-btn:active,
.video-btn.active {
    --icon-btn-background: var(--bright-magenta);
    --icon-btn-border: var(--bright-magenta);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-PlayButton_White.svg');
}

.video-btn:focus-visible,
.video-btn.is-focused:focus {
    --icon-btn-background: var(--dark-blue);
    --icon-btn-border: var(--dark-blue);
    --icon-btn-color: var(--white);
    --icon-btn-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-PlayButton_BrightTurquoise.svg');

    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 6px !important;
    border-radius: 2px !important;
}

/* Video Button - ENDS */

/* Jump Links - STARTS */

.jump-links {
    width: 100%;
    max-width: 372px;
    min-width: 372px;
    padding: 16px 20px 16px 16px;
    gap: 6px;
    border: 2px solid transparent;
    border-radius: 40px 4px 4px 4px;
    background:
        var(--jump-links-gradient) padding-box,
        var(--jump-links-border-gradient) border-box;
}

.jump-links-title {
    gap: 9px;
    color: var(--dark-blue);
    font-family: var(--font-inter);
    font-size: 1rem;
    line-height: 150%;
}

.jump-links-title img {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.jump-links-list {
    margin-left: 16px !important;
    border-left: 1px solid var(--royal-blue);
    list-style: none;
}

.jump-links-list li + li {
    margin-top: 4px;
}

.jump-links-link {
    --jump-links-link-background: transparent;
    --jump-links-link-border: transparent;
    --jump-links-link-color: var(--darker-blue);
    --jump-links-link-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_Emerald.svg');
    gap: 4px;
    padding: 15px 10px 15px 25px;
    box-shadow: inset 0 0 0 2px var(--jump-links-link-border);
    border-radius: 8px;
    background-color: var(--jump-links-link-background);
    color: var(--jump-links-link-color);
    font-size: 0.9375rem;
    line-height: 150%;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.jump-links-link::after {
    content: '';
    width: 20px;
    height: 16px;
    flex-shrink: 0;
    background-image: var(--jump-links-link-icon);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}



.jump-links-link:focus-visible,
.jump-links-link.is-focused:focus {
    --jump-links-link-background: transparent;
    --jump-links-link-border: var(--royal-blue);
    border-radius: 10px;
    outline: 2px solid var(--royal-blue) !important;
    outline-offset: 0;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .jump-links-link:hover {
    --jump-links-link-background: var(--mint-green);
    --jump-links-link-border: var(--royal-blue);
        box-shadow: inset 0 0 0 4px var(--jump-links-link-border);
        border-radius: 0;
        text-decoration: none;
    }
    
    .jump-links-link:active,
    .jump-links-link.active {
        --jump-links-link-background: var(--bright-magenta);
        --jump-links-link-border: var(--bright-magenta);
        box-shadow: inset 0 0 0 4px var(--jump-links-link-border);
        --jump-links-link-color: var(--white);
        --jump-links-link-icon: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/Icon-Anchor-Link_White.svg');
    
        border-radius: 0;
    }
}

/* Jump Links - ENDS */

/* Transcript Accordion - STARTS */

#transcript {
    background-color: var(--light-mint-green);
    position: relative;
    box-shadow: inset 0 0 0 4px var(--light-mint-green);
}

#transcript .cmp-accordion__button {
    padding: 12px 16px;
}

#transcript .cmp-accordion__title {
    width: 100%;
    /* font-family: var(--font-manrope);
    font-weight: 800; */
    font-size: 16px;
    line-height: 150%;
    /* text-align: right;
    color: var(--royal-blue); */
    color: transparent;
}

#transcript .cmp-accordion__icon {
    padding: 0 0 0 10px;
}

#transcript .cmp-accordion__button .cmp-accordion__icon::before {
    content: "";
    background-image: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-TranscriptPLus_RoyalBLue.svg');
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
}

#transcript .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before {
    background-image: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-TranscriptMinus_RoyalBLue.svg');
}

#transcript .toggle-accordion {
    text-align: right;
    cursor: pointer;
    position: absolute;
    right: 58px;
    top: 16px;
    font-family: var(--font-manrope);
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: var(--royal-blue);
}

#transcript:hover {
    box-shadow: inset 0 0 0 4px var(--darker-blue);
    background: var(--mint-green);
}

#transcript:active,
#transcript.active {
    background: var(--bright-magenta);
    box-shadow: inset 0 0 0 4px var(--bright-magenta);
}

#transcript:active .toggle-accordion,
#transcript.active .toggle-accordion {
    color: var(--white);
}

#transcript:active .cmp-accordion__button .cmp-accordion__icon::before,
#transcript.active .cmp-accordion__button .cmp-accordion__icon::before {
    background-image: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-TranscriptPLus_White.svg');
}

#transcript:active .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before,
#transcript.active .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before {
    background-image: url('/content/dam/intelligentcontent/unbranded/meetyourmark/us/en/images/icons/ICON-TranscriptMinus_White.svg');
}

#transcript .cmp-accordion__panel--expanded {
    padding: 0;
    padding-bottom: 2px;
}

.transcript-text-container {
    max-height: 250px;
    padding-right: 46px;
    overflow-y: scroll;
}
.transcript-text-container p{
        line-height: 150%;
}

/* Transcript Accordion - ENDS */

.container-lg,
#container-lg,
[id^="container-lg-"],
.container-sm,
#container-sm,
[id^="container-sm-"] {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.container-lg,
#container-lg,
[id^="container-lg-"] {
    max-width: 1002px;
}

.container-sm,
#container-sm,
[id^="container-sm-"] {
    max-width: 900px;
        padding: 0 9px 0 5px;
}

#top-adjusted,
#cmp-page-home, 
#cmp-page-real-stories,
#cmp-page-what-to-ask,
#cmp-page-resources,
#cmp-page-sitemap,
#cmp-page-404,
#cmp-page-500 {
    position: relative;
    top: 154px;
}

#footer {
    position: relative;
    margin-top: 154px;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: none;
}

.aem-Grid::before, .aem-Grid::after {
    display: none;
}

.desktop-only {
    display: none !important;
}

/* Cookie Preferences */

#CookieReportsBannerAZ-push-down {
    height: auto !important;
}

@media (min-width: 992px) {
    html {
        scroll-padding-top: 170px;
    }

    h1 {
        font-size: 2.25rem;
        /* 36px */
    }

    h2 {
        font-size: 2.25rem;
        /* 36px */
    }

    h3 {
        font-size: 2.25rem;
        /* 36px */
    }

    h4 {
        font-size: 1.625rem;
        /* 26px */
    }

    p {
        font-size: 1.5rem;
        /* 24px */
    }

    .laptop_fw-100 {
        font-weight: 100 !important;
    }

    .laptop_fw-200 {
        font-weight: 200 !important;
    }

    .laptop_fw-300 {
        font-weight: 300 !important;
    }

    .laptop_fw-400 {
        font-weight: 400 !important;
    }

    .laptop_fw-500 {
        font-weight: 500 !important;
    }

    .laptop_fw-600 {
        font-weight: 600 !important;
    }

    .laptop_fw-700 {
        font-weight: 700 !important;
    }

    .laptop_fw-800 {
        font-weight: 800 !important;
    }

    .laptop_fw-900 {
        font-weight: 900 !important;
    }

    #top-adjusted,
    #cmp-page-home, 
    #cmp-page-real-stories,
    #cmp-page-what-to-ask,
    #cmp-page-resources,
    #cmp-page-sitemap,
    #cmp-page-404,
    #cmp-page-500 {
        top: 170px;
    }

    #footer {
        margin-top: 170px;
    }
    
    .laptop_text-body-large {
        font-size: 1.125rem;
        /* 18px */
        line-height: 150%;
    }

    .laptop_text-body-extralarge {
        font-size: 1.5rem;
        /* 24px */
        line-height: 150%;
    }
    

    /* Video Button - STARTS */
    .video-btn {
        padding: 12px 25px;
        gap: 12px;
        font-size: 1.5rem;
        font-weight: 800;
    }
    /* Video Button - ENDS */

    .mobile-only {
        display: none !important;
    }

    .desktop-only {
        display: block !important;
    }
}

@media (min-width: 1300px) {
    .container-lg,
    #container-lg,
    [id^="container-lg-"],
    .container-sm,
    #container-sm,
    [id^="container-sm-"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 389px) {
    .icon-btn {
        margin: 0 20px;
    }
    
    .resource-card .icon-btn {
        margin: 0;
    }
    
    .jump-links, .bg-jump-links-gradient {
        min-width: fit-content;
    }
}


/*Transcipt style*/

.transcript-text-container p {
    padding: 5px 10px;
}


.cmp-youtubevideo__player, .cmp-youtubevideo__content {
    padding: 0em 0em !important;
}