@font-face {
    font-family: AppFont;
    src: url('../fonts/IBMPlexSans-Regular-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontSemiBold;
    src: url('../fonts/IBMPlexSans-SemiBold-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontSemiBoldItalic;
    src: url('../fonts/IBMPlexSans-SemiBoldItalic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBold;
    src: url('../fonts/IBMPlexSans-Bold-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBoldItalic;
    src: url('../fonts/IBMPlexSans-BoldItalic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontItalic;
    src: url('../fonts/IBMPlexSans-Italic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontLight;
    src: url('../fonts/IBMPlexSans-Light-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontLightItalic;
    src: url('../fonts/IBMPlexSans-LightItalic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontMedium;
    src: url('../fonts/IBMPlexSans-Medium-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontMediumItalic;
    src: url('../fonts/IBMPlexSans-MediumItalic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBlack;
    src: url('../fonts/IBMPlexSans-Black-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBlackItalic;
    src: url('../fonts/IBMPlexSans-BlackItalic-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontThin;
    src: url('../fonts/IBMPlexSans-Thin-V01.1.ttf') format('truetype');
}
@font-face {
    font-family: AppFontThinItalic;
    src: url('../fonts/IBMPlexSans-ThinItalic-V01.1.ttf') format('truetype');
}



#body{
    color: #161616;
}

.blue_bar_1 {
    width: 18em;
}
.blue_bar_2 {
    width: 16.8em;
}
.blue_bar_3 {
    width: 16.4em;
}
.storage_options_width {
    width: 19.4em;
}
.cyber_resilience_options_width {
    width: 18.2em;
}
.flash_system_options_width {
    width: 17.8em;
}
/*.blue_bar_highlight {
    position: unset;
}
.blue_bar_1,
.blue_bar_2,
.blue_bar_3 {
    width: unset;
}*/

span.sup span.sup,
span.sup {
    vertical-align: inherit !important;
    position: relative !important;
    top: auto !important;
    font-size: inherit !important;
}

.info_box {
    opacity: 1;
    transition: 0.5s transform ease , opacity 0.5s ease;
    color: #161616;
    padding: 1em; 
    width: unset;
    height: unset;
    font-size: 0.75em;
}
.blue_bar_highlight.removed {
    opacity: 0;
    transition: 0.5s transform ease , opacity 0.5s ease;
    /* display: initial !important; */
}

.next_button {
    font-size: 0.3rem;
}

.hs_text,
.see_help {
/*    font-size: 0.12rem;*/
    font-size: 0.13rem;
}

.overview_box_horizontal,
.overview_box,
.overview_box_wide {
    /* height: unset; */
/*    padding-bottom: 0.75rem;*/
    padding-bottom: 0.5rem;
}

.overview_title {
    padding-bottom: 0;
    line-height: 1.3 !important;
    font-size: 0.2rem !important;
}
.overview_set_apart {
    padding-top: 0.25rem;
    font-family: AppFontMedium;
}
.overview_desc {
/*    padding-bottom: 0.75rem;*/
    padding-bottom: 0;
}
.overview_desc,
.right_panel_desc {
    font-size: 0.14rem;
    line-height: 1.5;
}

.panel_desc {
    font-size: 0.85em;
    line-height: 1.5;
}
.overview_desc .i18n a {
    color: #0f62fe;
    text-decoration-color: #0f62fe;
}
.link_button {
    font-size: 0.85em;
    line-height: 1.3;
}
.panel_section .see_help_wrapper {
    transition: 1s opacity ease;
}
.panel_section.panel_section_open .see_help_wrapper {
    transition: 0.5s opacity ease;
}

.hs4_circle {
    left: 50%;
}
.valuebox {
    height: 11vw;
    width: 11vw;
}

.valueimg {
    height: 45%;
    width: 45%;
}


@-webkit-keyframes security {
    0% {
        transform: scale(0) translate(0, 7vh);
        opacity: 0;
        transform-origin: bottom;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes security {
    0% {
        transform: scale(0) translate(0, 7vh);
        opacity: 0;
        transform-origin: bottom;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}

/*.goodData {
    animation-duration: 1.8s;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    top: 43%;
    left: 68%;
}*/
/*@keyframes goodData {
    0% {
        transform: scale(0);
        height: unset;
        opacity: 0;
    }
    25% {
        transform: unset; 
    }
    50% {
        transform: scale(1.5) translate(-10px, -30px);
        height: unset;
        opacity: 1;
    }
    75% {
         transform: unset; 
    }
    100% {
        transform: scale(1) translate(-190px,100px);
        height: unset;
        opacity: 0;
    }
}*/
/*@keyframes goodData {
    0% {
        transform: translate(73vw, 48vh);
        height: 1em;
        opacity: 0;
    }
    25% {
         transform: unset; 
        opacity: 0.25;
    }
    50% {
        transform: translate(62vw, 40vh);
        height: 4em;
        opacity: 1;
    }
    75% {
         transform: unset; 
    }
    100% {
        transform: translate(54vw, 54vh);
        height: 1em;
        opacity: 0;
    }
}*/

.right_panel {
    left: unset; 
    right: 0;
    transition: 0.5s transform cubic-bezier(0.39, 0.58, 0.57, 1);
    transform: translateX(0%);
}
.right_panel.removed {
    transition: 0.5s transform cubic-bezier(0.39, 0.58, 0.57, 1);
    transform: translateX(101%);
    display: unset !important;
/*    opacity: 0;
    right: -33%;*/
}
.exit_button {
    z-index: 8;
}
.flash_storage_panel {
    position: absolute;
    display: unset;
}
.nav_button {
    top: unset; 
    bottom: 1.25em;
}


/*.overview_desc .i18n div {
    padding-top: 0.3em;
}*/

/*<------------------Demo--------------------->*/
    .intro_card .card_body .i18n {
        font-size: 0.15em;
    }

    .side_menu .menu_title {
        border-left: 3px solid transparent;
    }
    .side_menu .menu_option.accordion .menu_title {
        border-left: 3px solid transparent;
        padding-left: 0.16em;
    }
    .side_menu .menu_option.view-show .menu_title {
        border-left: 3px solid #0F62FE !important;
    }
    .side_menu .menu_option.accordion .menu_content .menu_subtitle {
        margin: 0.18em 0.3em;
    }
    .side_menu .menu_option.accordion .menu_content .chapter_menu {
        margin: 0em 0.3em;
    }

    /* Side menu carats */
    .side_menu .menu_option.accordion .menu_title .carat {
        transform: rotate(-90deg);
    }
    .side_menu .menu_option.accordion.view-show .carat {
        transform: rotate(90deg)
    }
    .side_menu svg.svg-replace.replaced-svg {
        width: 0.1em;
    }
    .overview_box_lower {
        padding-bottom: 4em;
    }
    .start_demo_button {
/*        font-size: 0.8em;*/
        font-size: 0.85em;
        top: unset;
        bottom: 0;
        position: absolute;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 1em;
        box-sizing: border-box;
        height: 4em;
    }
    .start_demo_button .button_icon {
        padding-left: 0.8em;
        height: 1em;
    }

   .intro_card {
        font-size: 0.8rem;
   }

    .cta_dot.info .touchable_area {
        animation: none;
    }

    .side_menu .menu_option.accordion .menu_content .progress_bar {
        width: 2px;
    }
    .nav_button_demo {
        top: unset; 
        bottom: 1.25em;
        font-size: 0.15em;
    }
    .card_header .i18n {
        font-size: 1.2em;
    }
    .intro_card .card_title {
        padding-top: 0.05em;
    }

    .message_box {
        padding: 0.1em;
        width: 1.6em;
    }

    .message_box .i18n div {
        margin-top: 0.8em;
    }
    /*.message_box .i18n div:first-child {
        margin-top: 0;
    }*/

   /* .message_box.bottom {
        top: 50%;
        bottom: unset;
        left: calc(100% + 0.1em);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }*/
    .message_box.bottom:after {
        border-bottom: 0.05em solid #393939;
    }

    /* <--------------hotspot locations--------------> */
        .light {
            background-color: #F4F4F4;
            color:#000000;
        }
        .message_box.bottom.light:after {
            border-bottom: 0.05em solid #F4F4F4;
        }
        .message_box.right.light:after {
            border-right: 0.05em solid #F4F4F4;
        }
        .message_box.top.light:after {
            border-top: 0.05em solid #F4F4F4;
        }
        .message_box.left.light:after {
            border-left: 0.05em solid #F4F4F4;
        }

        .end_dot {
            top: unset;
            left: unset;
            right: 0.9em;
            bottom: 0.5em;
       }
       .nav_button_demo .message_box {
           width: 1.45em;
       }

       .w11 {
        width: 1.1em;
       }
       .w12 {
        width: 1.2em !important;
       }
       .w13 {
        width: 1.3em;
       }
       .w14 {
        width: 1.4em;
       }
       .w17 {
        width: 1.7em;
       }
       .w18 {
        width: 1.8em;
       }

       
       .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 {
           left: 46.75%;
           top: 51.3%;
       }
      .page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.info_1 {
          left: 21.75%;
          top: 5.7%;
      }
      .page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.dot_1 {
          top: 17.7%;
      }
      
      .page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
           width: 1.9em; 
      }
      .page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2] .cta_dot {
           transition-delay: unset; 
      }
      .end_dot.s143 {
            right: 1.15em;
      }
      .page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_4] .cta_dot.info_1 {
            top: 30%;
      }
      .page[data-view=chapter_4] .step[data-view=step_1] .darken_image[data-view=intro].show,
      .page[data-view=chapter_5] .step[data-view=step_1] .darken_image[data-view=intro].show,
      .page[data-view=chapter_6] .step[data-view=step_1] .darken_image[data-view=intro].show {
          opacity: 0.75 !important;
      }
      .page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_3][data-track-view~=intro] .darken_image {
        opacity: 0;
      }




    /* <--------------tweaks to boxes--------------> */

    /* <-----ch 1------> */
    /* <--s1--> */
        .page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
             width: 1.3em; 
        }
        .page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.info_1 .message_box {
            width: 1.5em;
        }
        .page[data-view=chapter_1] .step[data-view=step_1] .nav_button_demo .message_box {
             width: 1em; 
        } 

    /* <--s2--> */
        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
            width: 1.1em; 
        }

        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 .message_box {
            width: 1.9em;
        }
        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
            width: 1.4em;
        }
        
        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_3] .cta_dot.info_1 .message_box {
            width: 1.8em;
        }
        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_3] .cta_dot.dot_1 .message_box {
            width: 2.2em;
        }

        .page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_4] .cta_dot.info_1 .message_box {
            width: 1.9em;
        }
        
        .page[data-view=chapter_1] .step[data-view=step_2] .nav_button_demo .message_box {
             width: 1.7em; 
        }

    /* <--s3--> */
        .page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
            width: 1.7em;
        }
        
        .page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.info_1 .message_box {
            width: 2.4em;
        }
        .page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
            width: 1.15em;
        }

        .page[data-view=chapter_1] .step[data-view=step_3] .nav_button_demo .message_box {
             width: 1.2em; 
        }

    /* <--s4--> */
        .page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2].show .cta_dot .message_box {
            width: 2.1em;
        }

        .page[data-view=chapter_1] .step[data-view=step_4] .nav_button_demo .message_box {
             width: 1.8em; 
             margin-left: 0.25em;
        }

    /* <--s5--> */
        .page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
            width: 1.1em;
        }
        
        .page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_2] .cta_dot.dot_1 {
            left: 66%;
            top: 69.8%;
        }

        .page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_4] .cta_dot.info_1 .message_box {
            width: 1.3em;
        }

        .page[data-view=chapter_1] .step[data-view=step_5] .nav_button_demo .message_box {
             width: 1.2em; 
             margin-left: 0.25em;
        }


    /* <-----ch 2------> */
    /* <--s1--> */
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 {
            left: 4%;
            top: 4%;
        }
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box {
            left: 0.48em;
            width: 1.25em;
        }
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box::after {
            left: 0.35em;
        }
        
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 {
            left: 20.7%;
            top: 0.5%;
        }
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
            left: 0.95em;
            width: 1.75em;
        }
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 .message_box::after {
            left: 0.15em;
        }

        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
            left: 0.5em;
            width: 1.2em;
        }
        
        .page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.dot_1 .message_box {
            width: 1.1em;
        }
        
        .page[data-view=chapter_2] .step[data-view=step_1] .nav_button_demo .message_box {
             width: 1.85em;
        }

    /* <--s2--> */
        .page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 {
            top: 8%;
        }
        .page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
            width: 1.3em;
        }
        
        .page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
            width: 1.95em;
        }
        .page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 {
            top: 62%;
        }

        .page[data-view=chapter_2] .step[data-view=step_2] .nav_button_demo .message_box {
             width: 1.95em;
             margin-left: 0.25em;
        }
    
    
    /* <-----ch 3------> */
    /* <--s1--> */
        .page[data-view=chapter_3] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box {
            left: 0.6em;
            width: 1.5em;
        }
        
        .page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
            top: 22.3%;
        }
        .page[data-view=chapter_3] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.info_1 .message_box {
            width: 1.8em;
        }

        .page[data-view=chapter_3] .step[data-view=step_1] .nav_button_demo .message_box {
             width: 1.95em;
             margin-left: 0.3em;
        }
    
    /* <--s2--> */
        .page[data-view=chapter_3] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 .message_box {
            width: 3em;
            left: 1.5em;
        }
        .page[data-view=chapter_3] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 .message_box::after {
            left: 0.2em;
        }
        .page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
            width: 2em;
        }

        .page[data-view=chapter_3] .step[data-view=step_2] .nav_button_demo .message_box {
             width: 1.85em;
             margin-left: 0.25em;
        }
    

    /* <-----ch 4------> */
    /* <--s1--> */
        .page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
/*            width: 3.2em;*/
            width: 1.9em;
            top: 0.8em;
        }
        .page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box::after {
            top: 13%;
        }

        .page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
            top: 26.5%;
        }
        .page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
            width: 1.3em;
        }

        .page[data-view=chapter_4] .step[data-view=step_1] .nav_button_demo .message_box {
             width: 2.7em;
             margin-left: 0.25em;
        }
        
    
    /* <-----ch 5------> */
    /* <--s1--> */
        .page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
            top: 0.6em;
            width: 2.35em;
        }
        .page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 {
            top: 18.3%;
        }
        .page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
            width: 1.5em;
        }

        .page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
            left: 22.6%;
            top: 59.2%;
        }
        .page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
            width: 1.4em;
        }

    /* <--s2--> */
        .page[data-view=chapter_5] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
            width: 2.5em;
        }
        
        .page[data-view=chapter_5] .step[data-view=step_2] .nav_button_demo .message_box {
             width: 2.45em;
             margin-left: -0.05em;
        }
        .page[data-view=chapter_5] .step[data-view=step_2] .nav_button_demo .message_box::after {
            top: 100%;
        }

    /* <--s3--> */
        .page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 {
            left: 21.9%;
            top: 17%;
        }
        .page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
            width: 1.2em;
            top: 0.5em;
        }   
        .page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 .message_box::after {
            top: 10%;
        }   
        
        .page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.info_1 {
            top: 11.5%;
        }
        .page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
            width: 2.7em;
        }

        .page[data-view=chapter_5] .step[data-view=step_3] .nav_button_demo .message_box {
             width: 1.65em;
             margin-left: 0.25em;
        }


    /* <-----ch 6------> */
    /* <--s1--> */
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 {
            left: 12.2%;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
            width: 2.1em;
            left: 0.8em;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 .message_box::after {
            left: 0.45em;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
            width: 3.4em;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 .message_box { 
            width: 1em;
            top: 0;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 .message_box::after {
            top: 65%;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
            left: 37.6%;
            top: 32.5%;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
            width: 1.2em;
            top: 0.3em;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 .message_box::after {
            top:25%;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_2 {
            left: 81.9%;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_2 .message_box {
            width: 1.3em;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_3] .cta_dot.dot_1 {
            top: 82%;
        }
        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_3] .cta_dot.dot_1 .message_box {
            width: 2.15em;
        }

        .page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_4] .cta_dot.dot_1 .message_box {
            width: 1.4em;
        }
        
        .page[data-view=chapter_6] .step[data-view=step_1] .nav_button_demo .message_box {
             width: 1.75em;
             margin-left: 0.25em;
        }

    /* <--s2--> */
        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
            width: 1.9em;
            top: 1%;
        }
        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 .message_box::after {
            top:65%;
        }
        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
            width: 1.9em;
        }
        
        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
            width: 2.15em;
            left: 1.1em;
        }
        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.info_1 .message_box::after {
            left: 0.18em;
        }

        .page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
            width: 1.3em;
        }

        .page[data-view=chapter_6] .step[data-view=step_2] .nav_button_demo .message_box {
             width: 1.65em;
             margin-left: 0.25em;
        }

    /* <--s3--> */
        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 {
            left: 18.9%;
        }

        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.info_1 {
            left: 37.9%;
            top: 23.3%;
        }
        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
            width: 1.85em;
        }
        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
            width: 1.05em;
        }

        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_3] .cta_dot.info_1 .message_box {
            width: 1.8em;
        }
        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_3] .cta_dot.dot_1 .message_box {
            width: 1.4em;
        }

        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_4] .cta_dot.info_1 {
            left: 63.9%;
        }
        .page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_4] .cta_dot.info_1 .message_box {
            width: 1.7em;
        }
        .page[data-view=chapter_6] .step[data-view=step_3] .nav_button_demo .message_box {
             width: 1em;
             margin-left: 0.25em;
        }