.block.has-bg-image>.background {
    background-size: cover !important;
}
:focus-visible {
    outline: 2px solid #1f1f1f !important;
    border-radius: 0px !important;
}
.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover, html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label {
    outline: 2px solid #1f1f1f !important;
        border-radius: 0px !important;
}

    @media only screen and (min-width: 1024px) {
        .widthfit .component-color.primary-200-tint .component__inner {
            max-width: 1024px !important;
        }
        }
            @media only screen and (min-width: 1024px) {
        .widthfit .component-color.primary-300-tint .component__inner {
            max-width: 1024px !important;
        }
        }
        

        /*screen scaling hot graphic*/
        .scaling3 {
            @media only screen and (max-width: 3840px) {
                
        
                
                img.laerdal-hotgraphic__pin-image {
                    width: 100%;  /* You can change this percentage value as needed */
                    height: auto; /* To maintain aspect ratio */
                }
        
                button.btn-icon.laerdal-hotgraphic__pin {
                    width: 7.9%;  /* You can change this percentage value as needed */
                    height: 10.1%; /* You can change this percentage value as needed */
                }
        
                button.btn-icon.laerdal-hotgraphic__pin::before {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        
        .winpetal {
         @media only screen and (max-width: 480px) {
          /* For Mobile: */
         /*The flowere petals*/
        
        img.laerdal-hotgraphic__pin-image:hover {
            max-width: 195px !important;
            width: 195px;
            margin-left: -36px;
            margin-top: -90px;
        }
        .laerdal-hotgraphic__pin-image-container.item-0 img.laerdal-hotgraphic__pin-image {
            max-width: 120px !important;
            width: 120px;
            margin-left: -39px;
            margin-top: -63px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-1 img.laerdal-hotgraphic__pin-image {
            max-width: 120px !important;
            width: 120px;
            margin-left: -16px;
            margin-top: -42px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-2 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -17px;
            margin-top: -12px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-3 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -17px;
            margin-top: -15px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-4 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -15px;
            margin-top: -22px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-5 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -67px;
            margin-top: -18px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-6 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -63px;
            margin-top: -16px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-7 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -63px;
            margin-top: -12px;
        }
        .laerdal-hotgraphic__pin-image-container.item-8 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -65px;
            margin-top: -46px;
        }
        
        }
        
         @media only screen and (min-width: 480px) {
          /* For Mobile: */
         /*The flowere petals*/
        
        img.laerdal-hotgraphic__pin-image:hover {
            max-width: 195px !important;
            width: 195px;
            margin-left: -36px;
            margin-top: -90px;
        }
        .laerdal-hotgraphic__pin-image-container.item-0 img.laerdal-hotgraphic__pin-image {
            max-width: 120px !important;
            width: 120px;
            margin-left: -39px;
            margin-top: -63px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-1 img.laerdal-hotgraphic__pin-image {
            max-width: 120px !important;
            width: 120px;
            margin-left: -16px;
            margin-top: -42px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-2 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -17px;
            margin-top: -12px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-3 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -17px;
            margin-top: -15px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-4 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -15px;
            margin-top: -22px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-5 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -67px;
            margin-top: -18px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-6 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -63px;
            margin-top: -16px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-7 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -63px;
            margin-top: -12px;
        }
        .laerdal-hotgraphic__pin-image-container.item-8 img.laerdal-hotgraphic__pin-image {
            width: 120px !important;
            max-width: 120px !important;
            margin-left: -65px;
            margin-top: -46px;
        }
        
        
        }
         
         @media only screen and (min-width: 768px) {
          /* For desktop: */
         /*The flowere petals*/
        
        img.laerdal-hotgraphic__pin-image:hover {
            max-width: 195px !important;
            width: 195px;
            margin-left: -36px;
            margin-top: -90px;
        }
        .laerdal-hotgraphic__pin-image-container.item-0 img.laerdal-hotgraphic__pin-image {
            max-width: 263px !important;
            width: 263px;
            margin-left: -88px;
            margin-top: -137px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-1 img.laerdal-hotgraphic__pin-image {
            max-width: 259px !important;
            width: 259px;
            margin-left: -35px;
            margin-top: -90px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-2 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -37px;
            margin-top: -26px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-3 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -36px;
            margin-top: -30px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-4 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -33px;
            margin-top: -45px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-5 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -143px;
            margin-top: -38px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-6 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -136px;
            margin-top: -33px;
        }
        
        .laerdal-hotgraphic__pin-image-container.item-7 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -134px;
            margin-top: -26px;
        }
        .laerdal-hotgraphic__pin-image-container.item-8 img.laerdal-hotgraphic__pin-image {
            width: 257px !important;
            max-width: 257px !important;
            margin-left: -138px;
            margin-top: -96px;
        }
         }
         }
        
        @media (max-width: 1488px) {
            .page.has-bg-image > .background {
                display: none;
            }
        }
.customtertiary-one .additional-material-btn.btn-tertiary:not(.is-disabled):not(.is-locked):hover {
background-color: #322E52 !important;
border: 2px solid #322E52 !important;
}
        
        .customtertiary-one .additional-material-btn.btn-tertiary {
            background-color: #655E8C !important;
            border: 2px solid #655E8C !important;
            color: #ffffff !important;
            font-size: 1.2rem !important;
            padding: .615rem 1.25rem;
            margin-top: 0;
            border-radius: 0px !important;
        }
        
        .customtertiary-two .additional-material-btn.btn-tertiary:hover {
            background-color: #322E52 !important;
            border: 2px solid #322E52 !important;
        }
        
        .customtertiary-two .additional-material-btn.btn-tertiary {
            background-color: #655E8C !important;
            border: 2px solid #655E8C !important;
            color: #ffffff !important;
            font-size: 1.5rem !important;
            padding: .615rem 1.25rem;
            margin-top: 0;
            border-radius: 0px !important;
            display:inline-grid;
            text-align: center;
            width: 90rem;
            margin-bottom:1.5rem;
        }
        
        .customtertiary-three .additional-material-btn.btn-tertiary:hover {
            background-color: #322E52 !important;
            border: 2px solid #322E52 !important;
        }
        
        .customtertiary-three .additional-material-btn.btn-tertiary {
            background-color: #655E8C !important;
            border: 2px solid #655E8C !important;
            color: #ffffff !important;
            font-size: 1.2rem !important;
            padding: .615rem 1.25rem;
            margin-top: 0;
            border-radius: 0px !important;
            max-width: 90ch !important;
        }
        
        
        .article._purple4 {
            background-color: #D2D3E5 !important;
        }
        .article-reveal {
        
            max-width: 1008px !important;
        }
        .article-reveal .article-reveal__btn {
            align-items: normal !important;
            justify-content: left;
            padding-left: 16px !important;
            padding-top: 20px !important;
        }
        
        .custom-style-1 .article-reveal .article-reveal__btn {
            align-items: center;
            justify-content: left;
            padding-left: 27.64rem;
        }
        
        .custom-style-1 .article-reveal .article-reveal__btn {
            color: #ffffff !important;
            margin-top: 0.4rem;
            font-family: 'roboto', sans-serif !important;
            background-color: #549422 !important;
        }
        
        .custom-style-1 .article-reveal.is-open .article-reveal__btn {
            background-color: #549422 !important;
        }
        
        .custom-style-1 .no-touch .article-reveal .article-reveal__btn:hover {
            color: #ffffff !important;
            background-color: #276124 !important;
        }
        
        .custom-style-1 .no-touch .article-reveal.is-open .article-reveal__btn:hover {
            background-color: #276124 !important;
            transition: background-color .2s ease-in;
        }
        
        /*custom2START*/
        .custom-style-2 .article-reveal {
            margin: 0 auto;
            position: relative;
            padding-bottom: 6rem !important;
            background-color: #D2D3E5;
        }
        
        @media (max-width: 1008px) {
            .custom-style-2 .article-reveal {
                padding: 1rem;
            }
        }
        .no-touch .article-reveal .article-reveal__btn:hover {
            color: #ffffff;
            background-color: #655E8C;
        }
        .custom-style-2 .article-reveal .article-reveal__btn {
            align-items: center;
            justify-content: left;
            padding-left: 27.64rem;
            color: #4E4E4E;
            margin-top: 0.4rem;
            font-family: 'roboto', sans-serif !important;
            background-color: #EDEEF4;
            border: 1px solid #4e4e4e;
        }
        .custom-style-2 .no-touch .article-reveal.is-open .article-reveal__btn {
            background-color: #276124 !important;
            transition: background-color .2s ease-in;
        }
        
        .custom-style-2 .article-reveal.is-open .article-reveal__btn {
            background-color: #655e8c !important;
            color: #FFFFFF !important;
            border: solid 1px #949494 !important;
        }
        /*custom2end*/
        
        /*custom3START*/
        .custom-style-3 .article-reveal {
            margin: 0 auto;
            position: relative;
            background-color: transparent;
        }
        @media (max-width: 1008px) {
            .custom-style-3 .article-reveal {
                padding: 1rem;
            }
        }
        
        .no-touch .article-reveal .article-reveal__btn:hover {
            color: #ffffff;
            background-color: #655E8C;
        }
        
        .custom-style-3 .article-reveal .article-reveal__btn {
            align-items: center;
            justify-content: left;
            padding-left: 27.64rem;
            color: #4E4E4E;
            margin-top: 0.4rem;
            font-family: 'roboto', sans-serif !important;
            background-color: #EDEEF4;
            border: 1px solid #4e4e4e;
        }
        
        .custom-style-3 .no-touch .article-reveal.is-open .article-reveal__btn {
            background-color: #276124 !important;
            transition: background-color .2s ease-in;
        }
        
        .custom-style-3 .article-reveal.is-open .article-reveal__btn {
            background-color: #655e8c !important;
            color: #FFFFFF !important;
            border: solid 1px #949494 !important;
        }
        /*custom3end*/
        
        .actionplan__btn.is-enable {
            background: #4e4e4e !important;
            color: #ffffff !important;
        }
        .actionplan__message {
            color: #1a1a1a !important;
            font-weight: 400 !important;
            font-size: 1rem !important;
            line-height: 1.5 !important;
            font-style: italic;
            font-family: 'roboto',sans-serif !important;
        }
        .mcq-item__label.is-disabled .mcq-item__state-container {
            background-color: #e5e5e5 !important;
        }
        .can-show-marking .mcq__widget.show-user-answer .is-correct .is-selected.mcq-item__label {
            background-color: #ecfef1 !important;
            color: #1f1f1f;
        }
        .can-show-marking .mcq__widget.show-user-answer .is-correct .is-selected .mcq-item__state-container {
            background-color: #37a851 !important;
            color: #ffffff;
        }
        
        .mcq-item__label.is-disabled {
            background-color: #fafafa !important; 
            color: #1f1f1f !important;
        }
        .mcq__widget.show-user-answer .is-incorrect .is-selected.mcq-item__label .mcq-item__state-container {
            background-color: #dc3449 !important;
            color: #ffffff;
        }
        .mcq__widget.show-user-answer .is-incorrect .is-selected.mcq-item__label {
            background-color: #fef5f7 !important;
            color: #1f1f1f !important; 
        }
        .mcq-item__label.is-selected:hover, .mcq-item__label:active {
        background-color: #4E756F !important;
        }
        
        .mcq-item__label.is-selected:hover .mcq-item__state-container, .mcq-item__label:active .mcq-item__state-container {
            background-color: #F3F3F3 !important;
        }
        
        .mcq-item__label.is-selected .mcq-item__state-container, .mcq-item__label:hover .mcq-item__state-container {
            background-color: #D0E2DE !important;
        }
        
        .mcq-item__label:hover .mcq-item__state-container {
            background-color: #F3F3F3 !important;
        }
        .mcq-item__state-container {
            background-color: #D0E2DE !important;
        }
        
        .component__inner.graphic__inner {
            padding: 0;
        }
        
        /* Fade-in animation */
        .fade-in {
          animation: fadeIn 3s ease-in;
        }
        @keyframes fadeIn {
          from {
            opacity: 0;
          }
          to {
            opacity: 1;
          }
        }
        
        .fade-in-bottom	{
          animation: fadeInBottom 3s ease-in;
        }
        @keyframes fadeInBottom {
          from {
            opacity: 0;
          }
          to {
            opacity: 1;
          }
        }
        
        
        .padded-span2 {
                display: inline-block; /* or 'block' depending on your layout */
                padding-left: 2rem;
            }
            
        .padded-span {
                display: inline-block; /* or 'block' depending on your layout */
                padding-left: 1rem;
                padding-right: 1rem;
            }
       
        
        .inline-feedback.use-semantic-colors.is-correct {
            margin-bottom: 0;
        }
        
        .additional-material-popup .notify__popup, .laerdal-life-popup .notify__popup {
            width: 64rem;
        }
        
        /*floatright-icon-Transcript*/
        .icon-Transcript:before {
            font-size: 14px !important;
            padding-top: 2px;
        }
        .additional-material-btn {
            min-height: 0px !important;
        
        }
        .no-touch .additional-material-btn.btn-tertiary {
            background-color: #fff;
            border:  1.5px solid #ccc;
            float: right;
            color: #666;
            font-size: .7rem;
            font-weight: 400;
        }
        
        .no-touch .additional-material-btn.btn-tertiary:not(.is-disabled):not(.is-locked):hover {
            background-color: #666;
            border: 1.5px solid #ccc;
            float: right;
            color: #fff;
            font-size: .7rem ;
            font-weight: 400;
        }
        .floatright {
        .additional-material-btn-container {
        
            float: right !important;
        }
        }
        
        /*End - Custom Transcript button - Additional Material*/
        
        .topmargin {
        .block__instruction-inner {
            margin-top: 1rem;
        }
        }
        
        @media (max-width: 759px) {
            .reverse-desktop-column-order {
              --padding: 0.6rem;
            }
            .reverse-desktop-column-order .component__container {
              display: flex;
              flex-direction: column-reverse;
            }
            .reverse-desktop-column-order .component.is-left {
              -webkit-padding-end: 0;
                      padding-inline-end: 0;
              -webkit-padding-start: var(--padding);
                      padding-inline-start: var(--padding);
            }
            .reverse-desktop-column-order .component.is-right {
              -webkit-padding-end: var(--padding);
                      padding-inline-end: var(--padding);
              -webkit-padding-start: 0;
                      padding-inline-start: 0;
            }
          }
        
        
        .px-1 .component__inner.text__inner {
             padding-left:1rem !important; 
        }
        
        .px-2 .component__inner.text__inner {
              padding-right:1rem !important;
        }
        
        @media screen and (max-width: 480px) {
          .py-05 .component__inner.text__inner{
               padding-top:0.5rem !important;
               padding-bottom:0.5rem !important; 
               padding-right:2rem !important;
               padding-left:2rem !important; 
          }
        }
        
        
        /*pop up hotgrid color background*/
        
        .referencecolorbg .notify__popup {
            background-color: #EDEEF4;
        }
        
        .hotgrid-popup {
            background-color: #EDEEF4;
        }
        .notify__popup {
        background-color: #EDEEF4 !important;
        }
        /*end*/
        
        // hotgraphics pin show/hide
        .hovermode button.btn-icon.laerdal-hotgraphic__pin:hover img {
            visibility: visible;
        }
        
        .hovermode button.btn-icon.laerdal-hotgraphic__pin img {
            visibility: hidden;
        }
        -icon.laerdal-hotgraphic__pin:hover {
            background-image: none;
            box-shadow: none;
        }
        .hovermode2 button.btn-icon.laerdal-hotgraphic__pin:hover img {
            visibility: visible;
        }
        .hovermode2 button.btn-icon.laerdal-hotgraphic__pin img {
            visibility: hidden;
        }
        
        /*screen scaling hot graphic*/
        .scaling2 {
            @media only screen and (max-width: 3840px) {
                img.laerdal-hotgraphic__pin-image {
                    width: 100%;  /* You can change this percentage value as needed */
                    height: auto; /* To maintain aspect ratio */
                }
        
                button.btn-icon.laerdal-hotgraphic__pin {
                    width: 11.7%;  /* You can change this percentage value as needed */
                    height: 19.7%; /* You can change this percentage value as needed */
                }
        
                button.btn-icon.laerdal-hotgraphic__pin::before {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        
        
        
        .fonticon.icon::before {
            font-family: "who-academy";
        }
        
        
        /*second style profile "block-inline" also applies margin top 0rem*/
        .block-inline {
        .additional-material-btn-container {
            display: inline-block;
        }
        .additional-material-btn {
            margin-top: 0rem;
        }
        }
        
        /*font size and family for buttons*/
        .transcript .btn-text {
            font-family: 'roboto',sans-serif !important;
            background-color: #fff !important;
            border: 1.5px solid #ccc !important;
            float: right;
            color: #666 !important;
            font-size: .7rem !important; 
            font-weight: 400 !important;
            border-radius: 0px !important;
        }
        .transcript .btn-text:hover {
            background-color: #666 !important;
            border: 1.5px solid #ccc !important;
            float: right;
            color: #fff !important;
            font-size: .7rem !important;
            font-weight: 400 !important;
        }
        .btn-text {
            font-family: 'roboto',sans-serif !important;
            font-size: 1.2rem !important;
            font-weight: 400 !important;
            line-height: 1.5 !important;
            border-radius: 0px !important; 
            background-color: #4e4e4e !important;
        }
        
        /*sets the rule for all additional material buttons character count
        to scale with mobile tablet pc*/
        .additional-material-btn {
            max-width: 36ch; /* default to mobile view */
        }
        
        /* For tablets: */
        @media (min-width: 600px) {
          .additional-material-btn {
            max-width: 60ch; /* adjust as necessary */
          }
        }
        
        /* For desktops: */
        @media (min-width: 1024px) {
          .additional-material-btn {
            max-width: 90ch; /* adjust as necessary */
          }
        }
        
        /**
         * Custom icon font for using WHO Academy icons in Adapt
         */
        @font-face {
          font-family: "who-academy";
          src: url("https://cdn.brandfolder.io/UQAAIJ5E/at/8g6wsw78rz63g4crm32wrv96/who-academy.eot");
          src: url("https://cdn.brandfolder.io/UQAAIJ5E/at/8g6wsw78rz63g4crm32wrv96/who-academy.eot#iefix") format("embedded-opentype"), url("https://cdn.brandfolder.io/UQAAIJ5E/at/3khmw99cnkb23pc5x9kxmh9/who-academy.woff2") format("woff2"), url("https://cdn.brandfolder.io/UQAAIJ5E/at/vfj8xgt86bn6khvw3qb3x7r5/who-academy.woff") format("woff"), url("https://cdn.brandfolder.io/UQAAIJ5E/at/3mwzf7b54hc5jxnbwc96j/who-academy.ttf") format("truetype"), url("https://cdn.brandfolder.io/UQAAIJ5E/at/8pj64787rftx3qvwt3h269c/who-academy.svg#who-academy") format("svg");
          font-weight: normal;
          font-style: normal;
        }
        .article.title-icon .article__header [role=heading]::before,
        .block.title-icon .block__header [role=heading]::before,
        .component.title-icon .component__header [role=heading]::before,
        [class^=icon-who-]::before,
        [class*=" icon-who-"]::before {
          font-family: "who-academy";
          font-style: normal;
          font-weight: normal;
          speak: never;
          display: inline-block;
          text-decoration: inherit;
          width: 1em;
          margin-right: 0.2em;
          margin-left: 0.2em;
          text-align: center;
          font-variant: normal;
          text-transform: none;
          line-height: 1.05;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
        
        .title-icon.icon:empty {
          display: none;
        }
        
        .article.title-icon-who-check-your-knowledge .article__header [role=heading]::before,
        .block.title-icon-who-check-your-knowledge .block__header [role=heading]::before,
        .component.title-icon-who-check-your-knowledge .component__header [role=heading]::before,
        .icon.title-icon-who-check-your-knowledge::before {
          content: "\e800";
        }
        
        .article.title-icon-who-flipcards .article__header [role=heading]::before,
        .block.title-icon-who-flipcards .block__header [role=heading]::before,
        .component.title-icon-who-flipcards .component__header [role=heading]::before,
        .icon.title-icon-who-flipcards::before {
          content: "\e801";
        }
        
        .article.title-icon-who-lesson .article__header [role=heading]::before,
        .block.title-icon-who-lesson .block__header [role=heading]::before,
        .component.title-icon-who-lesson .component__header [role=heading]::before,
        .icon.title-icon-who-lesson::before {
          content: "\e802";
        }
        
        .article.title-icon-who-reading .article__header [role=heading]::before,
        .block.title-icon-who-reading .block__header [role=heading]::before,
        .component.title-icon-who-reading .component__header [role=heading]::before,
        .icon.title-icon-who-reading::before {
          content: "\e803";
        }
        
        .article.title-icon-who-reflection .article__header [role=heading]::before,
        .block.title-icon-who-reflection .block__header [role=heading]::before,
        .component.title-icon-who-reflection .component__header [role=heading]::before,
        .icon.title-icon-who-reflection::before {
          content: "\e804";
        }
        
        .article.title-icon-who-stop-and-think .article__header [role=heading]::before,
        .block.title-icon-who-stop-and-think .block__header [role=heading]::before,
        .component.title-icon-who-stop-and-think .component__header [role=heading]::before,
        .icon.title-icon-who-stop-and-think::before {
          content: "\e805";
        }
        .article.title-icon-who-video .article__header [role=heading]::before,
        .block.title-icon-who-video .block__header [role=heading]::before,
        .component.title-icon-who-video .component__header [role=heading]::before,
        .icon.title-icon-who-video::before {
          content: "\e808";
        }/*# sourceMappingURL=who-academy.css.map */
        
        /* Equal height, equal width columns in Adapt from 759px using Grid */
        @media (min-width: 47.4375rem) { .equal-height
        .component__container { 
            display: grid; 
            grid-template-columns: minmax(auto, 50%) minmax(auto, 50%); 
        }
        .equal-height .component__container > .component { 
            width: 100%; height: 100%; padding: 0; 
        } 
        .equal-height .component__container > .component > .component__inner { 
            min-height: 100%; 
        }
        }
        
        .extrabottomforgraphic {
          .block__inner {
            padding-top: 4.1rem !important;
            padding-bottom: 10.1rem !important;
          }
        }
        
        .moretop.block.remove-padding-top .block__inner, .block.remove-top-padding .block__inner {
            padding-top: 1.5rem;
        }
        
        .mqbottomtop.block.remove-padding-top .block__inner, .block.remove-top-padding .block__inner {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }
        
        .mqbottom.block.remove-padding-top .block__inner, .block.remove-top-padding .block__inner {
            padding-top: 0;
            padding-bottom: 1.5rem;
        }
        
        .margintop {
        .component__instruction-inner.laerdal-text__instruction-inner {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        }
        
        /*MQ tint padding classes*/
        .paddingunderremoved.component-color.primary-300-tint .component__inner {
            padding-bottom: 1px;
        }
        .paddingtopremoved.component-color.primary-300-tint .component__inner {
            padding-top: 1px;
        }
        .paddingunderremoved.component-color.primary-200-tint .component__inner {
            padding-bottom: 1px;
        }
        .paddingtopremoved.component-color.primary-200-tint .component__inner {
            padding-top: 1px;
        }
        .paddingunderremoved.component-color.primary-100-tint .component__inner {
            padding-bottom: 1px;
        }
        .paddingtopremoved.component-color.primary-100-tint .component__inner {
            padding-top: 1px;
        }
        .paddingunderremoved.component-color.primary-020-tint .component__inner {
            padding-bottom: 1px;
        }
        .paddingtopremoved.component-color.primary-020-tint .component__inner {
            padding-top: 1px;
        }
        /*image enlarge no hover shadow, text align long description center*/
        .image-enlarge .hover-image:hover {
            box-shadow: none;
        }
        
        .graphic__longdescription-inner {
            text-align: center;
        }
        
        .paddingzero .component-color.primary-200-tint .component__inner {
            background-color: #a9d3e5 !important;
            padding-left: 2rem;
            padding-top: 2rem;
            Paddding-right: 2rem;
            border-radius: 8px;
            padding-bottom: 0;
        }
        
        /* matching question color setup FP*/
        
        .dropdown__btn.js-dropdown-btn {
            background-color: #E6F4F0;
            color: #1f1f1f;
        }
        
        .dropdown__btn:not(.is-disabled):not([aria-expanded="true"]):hover {
            background-color: #91afaa;
            color: #1f1f1f;
        }
        
        .dropdown .dropdown-item {
            background-color: #4E756F;
            color: #ffffff;	
        }
        
        .dropdown-item:focus, .dropdown-item[aria-selected="true"]:hover {
            background-color: #3D5C56;
            color: #ffffff;
        }
        
        .no-touch .dropdown-item:not(:focus):not([aria-selected="true"]):hover {
            background-color: #3D5C56;
            color: #ffffff;
        }
        
        
        /*tint color custom*/
        .component-color.primary-020-tint .component__inner {
            background-color: #AED18A !important;
            border-radius: 0px !important;
            margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-100-tint .component__inner {
            background-color: #EDEEF4 !important;
            border-radius: 0px !important;
                margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-200-tint .component__inner {
            background-color: #D0E2DE !important;
            border-radius: 0px !important;
                margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-300-tint .component__inner {
            background-color: #F0F0D3 !important;
            border-radius: 0px !important;
                margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-400-tint .component__inner {
            background-color: #AED18A !important;
            border-radius: 0px !important;
            padding: 2rem;
                margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-500-tint .component__inner {
            background-color: #D9E8C8 !important;
            border-radius: 0px !important;
            padding: 2rem;
        }
        .component-color.primary-600-tint .component__inner {
            background-color: #D0E2DE !important;
            border-radius: 0px !important;
            padding:2rem;
            padding-top:3.4rem;
        }
        .component-color.primary-700-tint .component__inner {
            background-color: #ffffff !important;
            border-radius: 0px !important;
            padding: 2rem;
                margin: 0 auto;
            max-width: 1008px;
        }
          .component-color.primary-800-tint .component__inner {
            position: relative !important;
            background: linear-gradient(to bottom, #F0F0D3 42%, #ffffff 42%) !important;
            border-radius: 0px !important;
            padding: 2rem;
                margin: 0 auto;
            max-width: 1008px;
        }
        .component-color.primary-900-tint .component__inner {
            background-color: #ECEAB7 !important;
            border-radius: 0px !important;
            padding: 2rem;
                margin: 0 auto;
            max-width: 1008px;
        }
        
        .component-color.primary-1000-tint .component__inner {
            background-color: #D2D3E5 !important;
            border-radius: 0px !important;
            padding: 2rem;
                margin: 0 auto;
            max-width: 1008px;
        }
        
        /*actionplan component hover colors*/
        .actionplan__btn.is-enable:hover {
            background: #cccccc;
            color: #1f1f1f;
        }
        .actionplan__btn.is-enable {
            background: #4e4e4e;
            color: #ffffff;
        }
        
        /*instruction color size font and action plan margin*/
        
        .component__instruction {
            font-family: 'roboto',sans-serif !important;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            font-style: italic;
            color: #1a1a1a;
        }
        
        .actionplan__message {
            color: #1a1a1a;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.5;
            font-style: italic;
            font-family: 'roboto',sans-serif !important;
        }
        
        .actionplan input[type="text"] {
            padding: 1rem;
            margin-top: 0px;
            margin-bottom: 20px;
        }
        
        /*user feedback component no text box, hover color, sumbit button size disable button on complete*/
        .laerdal-user-feedback__item-textbox {
            display: none
        }
        .laerdal-user-feedback .btn__submit:hover {
            background: #cccccc;
            color: #1f1f1f;
        }
        .laerdal-user-feedback .btn__submit {
            width: 33.3%;
        }
        .laerdal-user-feedback.is-complete .btn[disabled="disabled"] { 
            display: none;
        }
        
        
        /*fonttextmanualmcqsource*/
        .mcqfontfix{
            font-size:1.6em;
            display: inline
        
                        }
                        
        /*top title padding*/
        .page__title.aria-heading-1 {
            padding-top: 48.48px;
        }
        

        /*Accordian color setup*/
        img.component-item__image.accordion-item__image {
            min-width: 290px;
            max-width: 290px;
        }
        .accordion-item__btn:focus {
            box-shadow: none;
            outline: none;
        }
        .no-touch .accordion-item__btn.is-selected:hover {
            background-color: #433D70 !important;
            color: #ffffff !important;
        }
        .no-touch .accordion-item__btn:not(.is-selected):hover {
            background-color: #655E8C !important;
            color: #ffffff !important;
        }
        .accordion-item__btn.is-selected {
            background-color: #655E8C !important;
            color: #ffffff !important;
        }
        .accordion-item__btn {
            color: #4E4E4E !important;
            background-color: #EDEEF4 !important;
            border-color: #949494 !important;
        }
        
        .couple {
        .accordion-item__body-inner {
            padding: .5rem 1rem;
            position: relative;
            background-color: #f0f0d3;
            border-radius: 1rem;
            border-top-right-radius: 0;
            padding: 1rem;
        }
        }
        
        /*mcq color style codes*/
        
        .mcq-item__label:hover {
            color: #1f1f1f !important;
            background-color: #91afaa !important;
        }
        
        .mcq-item__label {
            color: #1f1f1f !important;
            background-color: #E6F4F0 !important;
        }
        label.mcq-item__label.is-selected:not(.is-disabled) .mcq-item__text-inner {
            color: #fff;
        }
        
        
        
        
        .mcq-item__label.is-selected {
            background-color: #4E756F !important;
            color: #000000 !important;
            border: 1px solid transparent;
        }
        
        /*scroll navigator icon*/
        .scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow {
            background-color: #4E4E4E !important;
        }
        .scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow:hover {
            background-color: #C4D3EE !important;
        }
        /*graphic component*/
        .component__inner {
            padding: 0;
        }
        
        
        @media only screen and (min-width: 1024px) {
        .widegraphic .component__inner.graphic__inner {
            padding: .5rem .5rem;
        }
        }
        
        /*who custom styles*/
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
        
        
        .component-color.primary-020-tint .component__inner {
            border-radius: 0px !important;
        }
        .accordion__item-btn {
        
            border-radius: 0px !important;
        
        }
        /*Top bar design - height control*/
        .article__header-inner {
            padding-top: 60px !important;
        }

        
        /*Remove round-borders*/
        
        .mcq-item__state-container {
        
            border-top-left-radius: 0px !important;
            border-bottom-left-radius: 0px !important;
        
        }
        .mcq-item__label {
            border-radius: 0px !important;
        }
        .accordion-item__btn {
            border-radius: 0px !important;
        }
        .dropdown__btn {
            border-radius: 0px !important;
        }
        .dropdown__list {
        
            border-radius: 0px !important;
        
        }
        
        .inline-feedback {
            border-radius: 0px !important;
        }
        
        .actionplan__btn {
        
            border-radius: 0px !important;
        
        }
        .actionplan__item-textbox {
            border-radius: 0 !important;
        }

        /*custom*/
        body {
            font-family: 'roboto' !important;
        }
        .lifemenu-item__title {
            font-family: 'roboto',sans-serif !important;
        
        }
        .lifemenu__title {
            font-family: 'Roboto',sans-serif !important;
        
        }
        .page__title {
        
            font-family: 'roboto',sans-serif !important;
        
        }
        .component__title {
        margin-top:1rem;
        font-family: 'roboto',sans-serif !important;
        
        }
        .mcq__item-label {
        
            border-radius: 0px !important;
        }
        
        
        
        .mcq__item-state-container {
            border-top-left-radius: 0px !important;
            border-bottom-left-radius: 0px !important;
        }
        
        .laerdal-narrative__content-and-slides {
            border-radius: 0px !important;
        
        }
        
        button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
            display: none;
        }
        .component__container {
            border-radius: 0px !important;
        }
        /*Trickle fix*/
        .trickle.is-full-width .trickle__btn {
            width: 100% !important;
            float: none !important;
            margin-right: 10px;
            margin-bottom: 10px;
            margin-left: 0px;
            font-size: 1.5rem !important;
            padding-top: 0.1rem;
            padding-bottom: 0.4rem;
        }
        
    
        
        /*Action Plan - Inner title*/
        .actionplan__title-inner {
            font-family: 'roboto',sans-serif !important;
            font-style: normal;
            font-weight: 400 !important;
            font-size: 1.75rem !important;
            line-height: 1.2 !important;
            color: #333333 !important;
        }
        
        .hotgrid__item-title {
            padding: .5rem;
            font-family: 'roboto',sans-serif !important;
            font-size: 1.2rem;
            font-weight: 400;
            line-height: 1.5;
            font-style: normal;
        }
        .hotgrid__item-btn.is-css .hotgrid__item-image {
            border: none !important;
        }
        .hotgrid__item-btn .hotgrid__item-title, .hotgrid__item-btn .hotgrid__item-icon {
            background-color: transparent !important;
            color: #000 !important;
        }
        .hotgrid__item-title-inner {
            text-align: left !important;
            font-style: italic;
            font-size: 1.2rem;
        }
        .center .hotgrid__item-title-inner {
            text-align: center !important;
        }
        /*Background WHO FP colors*/
        
        .block._purple5 {
            background-color: #EDEEF4 !important;
          }
          .block._purple4 {
            background-color: #D2D3E5 !important;
          }
          .block._purple3 {
            background-color: #655E8C !important;
          }
          .block._purple2 {
            background-color: #433D70 !important;
          }
          .block._purple1 {
            background-color: #322E52 !important;
          }
          
          .block._green5 {
            background-color: #D9E8C8 !important;
          }
          .block._green4 {
            background-color: #AED18A !important;
          }
          .block._green3 {
            background-color: #549422 !important;
          }
          .block._green2 {
            background-color: #1A7700 !important;
          }
          .block._green1 {
            background-color: #276124 !important;
          }
          
          .block._turquoise5 {
            background-color: #D0E2DE !important;
          }
          .block._turquoise4 {
            background-color: #91AFAA !important;
          }
          .block._turquoise3 {
            background-color: #4E756F !important;
          }
          .block._turquoise2 {
            background-color: #3B534F !important;
          }
          .block._turquoise1 {
            background-color: #243B36 !important;
          }
             .block._yellow1 {
            background-color: #E4DEA0 !important;
          }
            .block._yellow5 {
            background-color: #F0F0D3 !important;
          }
            .block._yellow4 {
            background-color: #F0F0D3 !important;
          }
            .block._yellow3 {
            background-color: #D0CC5E !important;
          }
             .block._yellow2 {
            background-color:  #EDE9BF !important;
          }
          
          /*Background component WHO FP colors*/
        
        .component._purple5 {
            background-color: #EDEEF4 !important;
          }
          .component._purple4 {
            background-color: #D2D3E5 !important;
          }
        
          
          .component._green5 {
            background-color: #D9E8C8 !important;
          }
          .component._green4 {
            background-color: #AED18A !important;
          }
        
          
          .component._turquoise5 {
            background-color: #D0E2DE !important;
          }
          .component._turquoise4 {
            background-color: #91AFAA !important;
          }
         
        
            .component._yellow4 {
            background-color: #F0F0D3 !important;
          }
          
        button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
            display: none;
        }
        
        /*Scroller and removal of top nav - Start*/
        .nav {
            display: none;
        }
        .topbar {
            display: none;
        }
        div#right {
            right: 30px;
        }
        .container_scroller {
            position: relative;
            width: 24px;
            height: 24px;
            float: right;
            z-index: 2;
        }
         
        
        .chevron {
          position: absolute;
          width: 28px;
          height: 8px;
          opacity: 0;
          transform: scale3d(0.5, 0.5, 0.5);
          animation: move 3s ease-out infinite;
        }
        
         
        
        .chevron:first-child {
          animation: move 3s ease-out 1s infinite;
        }
        
         
        
        .chevron:nth-child(2) {
          animation: move 3s ease-out 2s infinite;
        }
        
         
        
        .chevron:before,
        .chevron:after {
          content: ' ';
          position: absolute;
          top: 0;
          height: 100%;
          width: 51%;
          background: #2e7fa1;
        }
        
         
        
        .chevron:before {
          left: 0;
          transform: skew(0deg, 30deg);
        }
        
         
        
        .chevron:after {
          right: 0;
          width: 50%;
          transform: skew(0deg, -30deg);
        }
        
         
        
        @keyframes move {
          25% {
            opacity: 1;
        
         
        
          }
          33% {
            opacity: 1;
            transform: translateY(30px);
          }
          67% {
            opacity: 1;
            transform: translateY(40px);
          }
          100% {
            opacity: 0;
            transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
          }
        }
        
         
        
        .text_scroller {
          display: block;
          margin-left: -30px;
          font-size: 17px;
          color: #333;
          white-space: nowrap;
          opacity: .25;
          animation: pulse 2s linear alternate infinite;
        }
        
         
        
        @keyframes pulse {
          to {
            opacity: 1;
          }
        }
        
        .textinput__item-textbox {
        line-height: 4.5 !important;
        }
        
        .no-touch .additional-material-btn.btn-primary {
            background-color: #3B534F !important;
            border: 2px solid #3B534F !important;
            margin: initial;
            border-radius: 0px !important;
        }
        
        .no-touch .additional-material-btn.btn-primary:not(.is-disabled):not(.is-locked):hover {
            background-color: #243B36 !important;
            border: 2px solid #243B36 !important;
            transition: none;
        }
        
        .primary-one .additional-material-btn.btn-primary {
            background-color: #3B534F !important;
            border: 2px solid #3B534F !important;
            margin: initial;
                border-radius: 0px !important;
        }
        
        .primary-one .additional-material-btn.btn-primary:not(.is-disabled):not(.is-locked):hover {
            background-color: #243B36 !important;
            border: 2px solid #243B36 !important;
            transition: none;
        
        }
        
        /*hover over, text, and normal button color*/
        .no-touch .additional-material-btn.btn-secondary:not(.is-disabled):not(.is-locked):hover {
            background-color: #276124 !important;
            border: 2px solid #276124 !important;
            padding: .5rem 1rem;
        }
        
        .no-touch .additional-material-btn.btn-secondary {
                background-color: #549422 !important;
                border: 2px solid #549422 !important;
                padding: .5rem 1rem;
            }
        
        /*changes the text color for all buttons from additional material*/
        .no-touch .additional-material-btn.btn-secondary {
            color: #ffffff !important;
        }
        
        .no-touch .additional-material-btn.btn-secondary:not(.is-disabled):not(.is-locked):hover {
            color: #ffffff !important;
        }
        
        /*button color mobile, and active press color*/
        @media screen and (max-width: 480px) {
          .additional-material-btn.btn-secondary {
            background-color: #549422 !important;
            border: 2px solid #549422 !important;
          }
          .additional-material-btn.btn-secondary:not(.is-disabled):not(.is-locked):active {
            background-color: #276124 !important;
            border: 2px solid #276124 !important;
          }
        }
        
        .yellowborder {
        .plyr--audio .plyr__controls {
            border: solid #F0F0D3 !important;
        }
        }
        
        .additional-material-btn {
            display: flex;
            align-items: start;
            margin-right: .5rem;
            min-height: 32px;
            padding: .2rem .6rem;
            margin-top: 1rem;
            max-width: 43ch !important;
            word-wrap: break-word;
            text-align: left;
            border-radius: 0px !important;
        }
        @media (max-width: 1023px) {
        .component.is-left {
            width: 100%;
        }
        }
        
        
        .laerdal-user-feedback .btn__submit {
            margin-bottom: 1rem;
        }
        
        .inline-feedback.use-semantic-colors.is-incorrect {
            background: #fef5f7 !important;
            color: #1a1a1a !important;
            padding: .625rem 1rem !important;
        }
        .answer-specific-feedback .mcq__widget:not(.is-complete) div.mcq-item+.inline-feedback.is-incorrect.general-feedback-label {
            background-color: #fddee2 !important;
        }
        .inline-feedback.use-semantic-colors.general-feedback-label.is-incorrect, .inline-feedback.use-semantic-colors.answer-specific-general-feedback-label.is-incorrect {
            background-color: #fddee2 !important;
            padding-left: 1rem;
            padding-top: 0.615rem;
        }
        
        /*Correct answer feedback padding/border/margin correction*/
        
        .inline-feedback.use-semantic-colors {
            padding: 0;
        }
        .answer-specific-feedback .mcq-item.is-correct+.answer-specific-feedback-result {
            padding: 0.75rem 1.40rem;
            border-radius: 0rem;
        }
        .answer-specific-feedback .mcq__widget.component__widget div.mcq-item+.inline-feedback.general-feedback-label, .answer-specific-feedback .mcq__widget.component__widget div.mcq-item+.inline-feedback.answer-specific-general-feedback-label {
            padding: .625rem 1rem;
            margin-top: 0;
        }
        .answer-specific-feedback .mcq-item.is-correct+.answer-specific-feedback-result {
            padding: .75rem 1rem;
            border-radius: 0rem;
        }
        .answer-specific-feedback .mcq__widget.component__widget div.mcq-item+.inline-feedback {
            padding: .625rem 1rem;
            margin-top: 0;
            margin-bottom: .5rem;
        }
        
        .inline-feedback.use-semantic-colors.general-feedback-label.is-partially-correct:not(.is-correct), .inline-feedback.use-semantic-colors.answer-specific-general-feedback-label.is-partially-correct:not(.is-correct) {
            background-color: #fcddc5 !important;
            padding: .625rem 1rem;
            margin-top: 0;
        }
        
        .inline-feedback.use-semantic-colors.is-correct {
            margin-bottom: 0;
            padding: .625rem 1rem;
        }
        
        .component__widget.mcq__widget.is-disabled .mcq-item + .inline-feedback {
            padding: .625rem 1rem;
            margin-top: 0rem;
        }
        
        /*talk picture sizes*/
        
        .component__image-container.talk__character__image-container img {
          width: 100%; /* Scale the image to fit the container's width */
          height: auto; /* Maintain the aspect ratio */
          object-fit: cover; /* Preserve the aspect ratio while resizing and filling the container */
        }
        
        @media (min-width: 768px) { /* Adjust the breakpoint based on your design */
          .component__image-container.talk__character__image-container img {
            min-width: 220px;
            min-height: 220px;
            max-width: 220px;
            max-height: 220px;
          }
        }
        
        /*talk colors*/
        .talk__chat-character-2 .talk__chat__message {
            background-color: #F0F0D3 !important;
            color: #1f1f1f !important;
            max-width:880px;
        }
        
        
        .yellowleftavatar .talk__chat-character-1 .talk__chat__message {
            background-color: #F0F0D3 !important;
            color: #1f1f1f !important;
            max-width:880px;
            border: none !important;
        }
        
        .talk__chat-character-1 .talk__chat__message {
            background-color: #D0E2DE !important;
            color: #1f1f1f !important;
            max-width:880px;
            border: none !important;
        }
        .talk__chat-character-3 .talk__chat__message {
            background-color: #D0E2DE !important;
            color: #1f1f1f !important;
            max-width:540px;
        }
        .talk__chat-character-4 .talk__chat__message {
            background-color: #D9E8C8 !important;
            color: #1f1f1f !important;
            max-width:540px;
        }
        .talk__chat-character-5 .talk__chat__message {
            background-color: #D9E8C8 !important;
            color: #1f1f1f !important;
            max-width:540px;
        }
        .talk__chat-character-6 .talk__chat__message {
            background-color: #D0E2DE !important;
            color: #1f1f1f !important;
            max-width:540px;
        }
        
        
        .talk__chat-character-7 .talk__chat__message {
            background-color: #F0F0D3 !important;
            color: #1f1f1f !important;
            max-width:880px;
        }
        .talk__chat-character-8 .talk__chat__message {
            background-color: #F0F0D3 !important;
            color: #1f1f1f !important;
            max-width:540px;
        }
        .talk.single .talk__chat-character-1 .talk__chat__character {
            padding-left: 1rem;
        }
        /*talk align center*/
        .talk__chat-container {
            align-items: center !important;
        }
        
        .talk.single .talk__chat-character-2 .talk__chat-container {
            align-items: center !important;
        }
        
        .talk.single .talk__chat-character-4 .talk__chat-container {
            align-items: center !important;
            flex-direction: row-reverse !important;
            align-items: flex-start !important;
        }
        
        .talk.single .talk__chat-character-4 {
            justify-content: flex-end !important;
        }
        
        .talk.single .talk__chat-character-2 .talk__chat__character {
            padding-right: 0;
        }
        .talk.single .talk__chat-character-4 .talk__chat__character {
            padding-right: 0;
        }
        .talk.single .talk__chat-character-1 .talk__chat__character {
            padding-left: 0;
        }
        .talk.single .talk__chat-character-3 .talk__chat__character {
            padding-left: 0;
        }
        
        .talk.single .talk__chat-character-5 .talk__chat__character {
            padding-left: 0;
        }
        .talk.single .talk__chat-character-6 .talk__chat__character {
            padding-right: 0;
        }
        .talk.single .talk__chat-character-7 .talk__chat__character {
            padding-left: 0;
        }
        .talk.single .talk__chat-character-8 .talk__chat__character {
            padding-left: 1rem;
        }
        .talk__chat-character-4 .talk__chat__message {
            border-top-left-radius: 1rem;
            border-top-right-radius: 0;
        }
        .talk__chat-character-5 .talk__chat__message {
            border-top-left-radius: 0;
            border-top-right-radius: 1rem;
        }
        .talk__chat-character-6 .talk__chat__message {
            border-top-left-radius: 1rem;
            border-top-right-radius: 0;
        }
        .talk__chat-character-7 .talk__chat__message {
            border-top-left-radius: 0;
            border-top-right-radius: 1rem;
        }
        .talk__chat-character-8 .talk__chat__message {
            border-top-left-radius: 1rem;
            border-top-right-radius: 0;
        }
        .talk.single .talk__chat-character-6 .talk__chat-container {
            flex-direction: row-reverse !important;
        }
        
        .talk.single .talk__chat-character-6 {
            justify-content: flex-end !important;
        }
        .talk.single .talk__chat-character-8 .talk__chat-container {
            flex-direction: row-reverse !important;
        }
        
        .talk.single .talk__chat-character-8 {
            justify-content: flex-end !important;
        }
        
        ul > li {
            list-style-type: disc;
        }
        
        ul > li > ul > li {
            list-style-type: circle;
        }
        
        ul > li > ul > li {
            list-style-type: circle;
        }
        
        
        .no-top-margin p {
            margin-top: 0;
            margin-bottom:0;
        }
        
        .no-top-margin {
        .component__body {
            margin-bottom: 0;
        }
        }
        
        .no-touch .hotgrid__item-btn.has-css-states:hover .hotgrid__item-image {
            border-color: transparent;
            transition: none;
        }
        .hotgrid__item-btn.has-css-states .hotgrid__item-image {
            border: none;
        }
        
        /*disable all clicks class*/
        .noevent {
        button:not(.is-disabled):not(.is-locked) {
            cursor: pointer;
            pointer-events: none;
        }
        }
        
        button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-secondary {
            border-radius: 0px !important;
        }
        
        .btn-text.is-disabled {
            background-color: #e5e5e5 !important;
            color: #b3b3b3 !important;
        }
        
        .no-touch .btn-text:not(.is-disabled):not(.is-locked):hover {
            background-color: #cccccc;
            color: #ffffff !important;
        }
        button.actionplan__btn.btn.js-actionplan-export-click.is-enable:hover {
            background: #222 !important;
            color: #fff !important;
        }
    .block__title.aria-heading-3 {
        font-size: 2.5rem !important;
    }
    
/*table code*/
 .zerothree table td {
        border-block: 9px solid #fff !important;
        font-size: 1.2rem !important;
        line-height: 1.5em !important;
    }
    
     
   .tableone table {
  max-width: 100%;
  border: 1px solid transparent;
  border-collapse: collapse;
}

@media screen and (max-width: 768px) {
  .tableone table {
    table-layout: auto;
    max-width: 100%;
  }
}

.tableone tr:first-child td {
  border-top: 2px solid #1f1f1f;
  border-bottom: 2px solid #1f1f1f;
}

.tableone tr:last-child td {
  border-bottom: 2px solid #1f1f1f;
}

.tableone table td {
  width: 100%;
  border-left: 2px solid #1f1f1f;
  color: #1f1f1f;
  font-size: 1.15rem !important;
  line-height: 1.5rem !important;
  border-right: 1px solid #1f1f1f !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-family: 'roboto', sans-serif !important;
}

 /*h5p instruction START*/
        .h5pmargintop {
        .component__instruction-inner.laerdal-h5p__instruction-inner  {
            margin-top: 1rem;
            text-align: center;
            font-weight: bold;
        }
        }
        
        .component.laerdal-h5p.\36 4f19947a4056003e115a0ce.h5pmargintop.is-full.is-complete {
            background-color: #E4DEA0;
        }
        
        /*h5p instruction END*/

/*h5p dialog card button front and hover color*/
        .h5p-joubelui-button:hover {
            background: #cccccc !important;
            color: #1f1f1f !important;
        }
        .h5p-joubelui-button {
            background-color: #4E4E4E !important;
            color: #ffffff !important;
        }
        .h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
            background: #cccccc !important;
            color: #1f1f1f !important;
        }


.h5p-content [tabIndex="-1"] {
            outline: none;
        }
        
        .h5p-interactive-video {
            border-radius: 0px !important;
        }

 .h5p-interactive-video .h5p-true-false .h5p-question-feedback-container {
            display: block !important;
        }

  .h5p-alternative-inner {
        font-size: 1.2em;
        line-height: 1.5;
    }
    
    .h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
        color: #1f1f1f;
    }
    
    /*H5P interactive video with MCQ setup Family Planning START*/
    .h5p-multichoice .h5p-answer[role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container::before {
        color: #000000 !important;
    }
    button.h5p-question-check-answer.h5p-joubelui-button {
    margin-left: 16px !important;
}
    
    .h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container {
        color: #ffffff !important;
        background: #4E756F !important;
    }
    
    .h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct) .h5p-alternative-container {
        color: #ffffff !important;
        box-shadow: none !important;
        background: #4E756F !important;
    }
    
    .h5p-multichoice [role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container:hover::after {
        background: #F3F3F3 !important;
    }
    
    .h5p-multichoice [role="radio"]:not(.h5p-wrong):not(.h5p-correct)[aria-checked="true"] .h5p-alternative-container::after {
        background: #D0E2DE !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-alternative-container {
        padding: 1rem 2rem !important;
    }
    
    .h5p-content.using-mouse :not(textarea):not(input):not(span[role="option"]):focus, .h5p-alternative-container {
        box-shadow: none !important;
        border-radius: 0px !important;
        outline: none !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]) .h5p-alternative-container {
        background-color: #E6F4F0 !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]) .h5p-alternative-container::after {
        background: #D0E2DE !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container::after {
        background: #F3F3F3 !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
        background: #91afaa !important;
    }
    
    .h5p-multichoice .h5p-answers .h5p-alternative-container::after {
        border-radius: 0px !important;
        line-height: 1.5 !important;
    }
    
    .h5p-interactive-video .h5p-question-buttons .h5p-question-try-again:first-child {
        background-color: #4E4E4E !important;
        color: #ffffff !important;
        border: #4E4E4E !important;
        font-size: 1.2em !important;
        line-height: 1.5 !important;
        border-radius: !important;
    }
    
    .h5p-interactive-video .h5p-question-buttons .h5p-question-iv-continue {
        font-size: 1.2em !important;
        background-color: #ffffff !important;
        color: #4E4E4E !important;
        border-color: #4E4E4E !important;
        border: 2px solid #4E4E4E !important;
        line-height: 1.5 !important;
    }
    
    .h5p-interactive-video .h5p-question-buttons .h5p-question-iv-continue:first-child {
        background-color: #4E4E4E !important;
        color: #ffffff !important;
        font-size: 1.2em !important;
        border: #4E4E4E !important;
        line-height: 1.5 !important;
    }
    
    .h5p-interactive-video .h5p-question-buttons .h5p-question-iv-continue:first-child:hover {
        border-color: #cccccc !important;
        background-color: #cccccc !important;
        line-height: 1.5 !important;
    }
    
    .h5p-joubelui-button {
        background-color: #4E4E4E !important;
        color: #ffffff !important;
        font-size: 1.2em !important;
        border-radius: 0px !important;
        line-height: 1.5 !important;
    }
    
    .h5p-multichoice .h5p-answer .h5p-feedback-inner {
        font-size: 1.2em !important;
        line-height: 1.5 !important;
    
    }
    
    .h5p-multichoice .h5p-answers .h5p-answer .h5p-feedback-inner {
        background: transparent !important;
        border-radius: 0px !important;
    }
    
    .h5p-question-introduction {
        font-size: 1.2em !important;
        line-height: 1.5 !important;
    }
    /*H5P interactive video with MCQ setup Family Planning END*/

/*display continue button after MCQ none*/
   .nobuttondisplay .h5p-question-iv-continue.h5p-joubelui-button {
      display: none
    }
    
    .h5p-interactive-video .h5p-text p:first-child {
        font-size: 1.06em !important;
        line-height: 1.3em !important;
        font-family: 'roboto',sans-serif !important;
    }
  .removebottomh5p {
    .block.remove-padding-bottom .block__inner, .block.remove-bottom-padding .block__inner {
        padding-bottom: 1rem;
    }
    }

 /*h5p next page colors button/background/hovers/icons*/
    
    .h5p-branching-scenario .h5p-library-wrapper .h5p-content-overlay-buttons-container {
        display: none;
    }
    
    
    .h5p-branching-question-alternative::after {
        right: 3.5em;
    }
    
    .h5p-branching-question-container {
        display: contents;
    }
    
    .h5p-branching-scenario .h5p-branching-question {
        border-radius: none;
        width: 96%;
    }
    
    .h5p-branching-scenario .h5p-screen-header .h5p-title-wrapper h1 {
    font-family: 'roboto',sans-serif !important;
        font-weight: 400;
    }
    
    .h5p-branching-scenario-title-text {
    font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-question-alternative {
        font-size: 1.4em;
        line-height: 1.4;
    }
    
    .h5p-branching-scenario button.h5p-branching-full-screen {
        color: #332E55;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-library-wrapper .h5p-content-overlay {
    background-color: rgba(210, 211, 231, 0.7);
    }
    
    .h5p-branching-scenario .h5p-branching-question button:not(.h5p-branching-question-alternative) {
        border-color: #006319;
        color: #D2D3E7;
        background: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-branching-question button:not(.h5p-branching-question-alternative):hover {
        border-color: #006319;
        color: #006319;
        background: #D2D3E7;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-branching-question button:not(.h5p-branching-question-alternative):active {
        border-color: #006319;
        color: #006319;
        background: #D2D3E7;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
    border-color: #006319;
        color: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
    border-color: #006319;
        color: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
        border-color: #006319;
        color: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
        border-color: #006319;
        color: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-start-button:hover, .h5p-end-button:hover, .h5p-back-button:not(.h5p-disabled):hover, .h5p-nav-button:not(.h5p-disabled):hover {
        border-color: #006319;
        color: #D2D3E7;
        background: #006319;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-next-screen {
        background: #D2D3E7;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-current-screen {
        background: #D2D3E7;
        font-family: 'roboto',sans-serif !important;
    }
    
    .h5p-branching-scenario .h5p-screen-header .h5p-title-wrapper h1 {
        color: #332E55;
        font-family: 'roboto',sans-serif !important;
    }
    
    /*mobile branching h5p*/
    @media only screen and (max-width: 600px) {
        .h5p-branching-question-alternative {
            font-size: 16px;
            line-height: 1.2;
        }
    }
    
    /*start screen color codes h5p branching*/
    
    .h5p-branching-scenario .h5p-start-button, .h5p-end-button, .h5p-back-button, .h5p-nav-button {
        border-color: 006319;
        color: 006319;
    }
    
    .h5p-branching-scenario-title-text {
        color: #332E55;
    }
    
    .h5p-branching-scenario .h5p-start-screen .h5p-branching-full-screen, .h5p-branching-scenario .h5p-end-screen .h5p-branching-full-screen {
        color: #332E55;
    }
    
    .h5p-branching-scenario .h5p-background-image {
    -webkit-box-shadow: none;
    }
    
    .h5p-branching-scenario .h5p-start-screen, .h5p-end-screen {
        background: #D2D3E7;
    }
    
    .h5p-branching-scenario .h5p-screen-banner {
        background: #D2D3E7;
    }
    
    
    /*h5p color shifting between turn on flip cards*/
    
    .h5p-dialogcards .h5p-dialogcards-card-content {
        background-color: #D9E8C8;
    }
    
    .h5p-dialogcards-card-content.h5p-dialogcards-turned {
                    background-color: #fff;
    }
    
    .h5p-dialogcards-card-content {
                    background-color: #D9E8C8;
    }

.h5p-dialogcards .h5p-dialogcards-card-text {
    height: 0
    }
    
    /*h5p icon size remove in branching video*/
    .h5p-branching-question-icon {
        width: 0;
        height: 0;
    }
    
    /*h5p arrow in question set to new fixed position*/
    .h5p-branching-question-alternative::after {
    position: fixed;
    }

 /*h5p dialog card button front and hover color*/
    .h5p-joubelui-button:hover {
        background-color: #cccccc !important;
        color: #1f1f1f !important;
    }
    .h5p-joubelui-button {
        background-color: #4E4E4E !important;
        color: #ffffff !important;
    }
    .h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
        background: #cccccc !important;
        color: #1f1f1f !important;
    }

 .h5p-content [tabIndex="-1"] {
        outline: none;
    }
    
    .h5p-interactive-video {
        border-radius: 0px !important;
    }

   .h5p-interactive-video .h5p-true-false .h5p-question-feedback-container {
        display: block !important;
    }
    
    .answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-incorrect+.answer-specific-feedback-result, .answer-specific-inline-feedback .answer-specific-feedback.can-show-marking .mcq__widget:not(.is-complete).can-show-final-marking .mcq-item.is-incorrect+.inline-feedback:not(.answer-specific-general-feedback-label) {
   border-radius: 0px !important;
}

button.btn-text.btn__action.js-btn-action:hover {
    background-color: #cccccc !important;
}
button.trickle__btn.js-trickle-btn.btn-text:hover {
    background-color: #cccccc !important;
}

button.h5p-question-check-answer.h5p-joubelui-button {
    border-radius: 0px !important;
}

button.h5p-question-try-again.h5p-joubelui-button {
    border-radius: 0px !important;
}
button.h5p-question-iv-continue.h5p-joubelui-button {
    border-radius: 0px !important;
}