.static-section.quiz-view{
    /* transition: opacity 0.6s linear; */
    opacity: 0;
    height: 0;
    visibility: hidden;
    transform: translateY(0.5em);
    transition: visibility .5s ease,transform .5s ease;
}
.static-section.quiz-view.highlighted{
    height: auto; 
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .5s ease,visibility .5s ease,transform .5s ease;
}
.section-progress-bar {
    margin: 16px 20px;
    width: 100%;
}

.progress-bar-wrapper {
    position: relative;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1;
    width: 100%;
    z-index: 1
}

.segmented {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-and-label-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem
}

.progress-bar-container {
    height: 10px;
    position: relative;
    left: 0;
    top: 0;
    background-color: #80DAD7;
    z-index: 1;
    border-radius: 10px
}

.progress-bar-container.segment {
    margin: 0 2px
}

.progress-bar-container.segment .partial-progress {
    width: 100%
}

.progress-bar {
    position: fixed;
    height: inherit;
    opacity: .4;
    z-index: 1;
    background-color: inherit
}

.partial-progress {
    position: absolute;
    height: 100%;
    width: 33%;
    z-index: 2;
    opacity: .67;
    background-color: #138EA4;
    border-radius: 10px;
    transition: .3s linear width
}

.progress-bar-icon-container {
    position: relative;
    z-index: 10
}

.progress-bar-icon-container .progress-bar-icon {
    height: 4rem;
    position: absolute;
    top: 5px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 10;
    opacity: 1
}

.progress-bar-label {
    padding-top: 5px;
    padding-bottom: 5px
}

.label-numerical {
    text-align: center
}

.section-progress-bar .progress-bar-container {
    background: rgba(10,16,158,0.433);
}
.section-progress-bar .partial-progress {
    background-color: #0a109e;
}
.heading-wrapper{
    margin-top: 16px;
    margin-bottom: 22px;
}

.scroll-wrapper .inner-content-wrapper-scrollable {
    overflow-y: scroll;
    display: -ms-flexbox;
    display: flex;
    width: 100%!important;
    height: 100%;
}
.inner-content-wrapper-scrollable .content-block-inner{margin: 0 auto;}
.quick-back-sc, .quick-back-sc *{
    font-size: 1.3rem;
    font-weight: 400;
    cursor: pointer;
}

.grp-basicbtn .btn{width: var(--btn-width, auto);margin-bottom: 10px;}

.text-style-body {
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 1.4rem;
}
.text.style-heading h1{text-transform: capitalize;}
@media (min-width: 420px) {
    .content-piece-wrapper {
        margin:16px 20px 0;
        width: auto
    }
}

.form-field-wrapper .select-all-that-apply-wrapper{
    display: grid;
    grid-template-columns: 50% 50%;
    padding:0;
}

.select-all-that-apply-wrapper .list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    box-sizing: border-box;
    padding-right: 5px;
    padding-left: 5px;
}

.quiz-view .select-all-that-apply-wrapper .list-item{
    flex-basis: 70%;
    max-width: 100%;
    min-width: 0%;
}
.quiz-view .select-all-that-apply-wrapper .list-item .checkbox-control{
    color: #000000;
    font-weight: 400;
    font-size: 1.4rem;
}

.content-piece-wrapper .image-button-wrapper .quiz-img-section {
    min-height: 160px;
    width: 100%;
}

.content-piece-wrapper .quiz-img-section {
    width: 50%;
}

@media (min-width: 801px){
    .content-piece-wrapper .quiz-img-section {
        width: 32%;
    }
}

.quiz-img-section {
    margin: 0 auto;
}
.image-button-wrapper .zk-button {
    height: auto;
    padding: 5px 20px;
    width: 100%;
    line-height: initial;
    position: relative;
}

.zk-button.btn-link {
    background: transparent;
    color: #000;
    border: 0;
    text-decoration: underline;
    font-size: 1.35rem;
}

.zk-button.btn-link:hover{
    font-size: 1.45rem;
    border: 1px solid #0a0f9e;
}

.quiz-view form.em_wfe_form>div.wfe_component{width: initial;}

.btn-outline.rfo-selected{
    background-color: #0a0f9e;
    border-color: #0a0f9e;
    color: #fff;
}
.quiz-img-section .quiz-form-field.rfo-selected:before {
    content: "\f00c";
    display: block;
    font: normal normal normal 20px/1 FontAwesome;
    text-align: center;
    position: absolute;
    top: -150px;
    right: 0;
    color: #0a0f9e;
}

@media (min-width: 800px) {
    .content-block-inner {
        margin:auto;
        width: 500px
    }
    .section-results .content-block-inner{
        width: 600px
    }
    .content-block-inner.scrollable.quizbot-screen {
        min-width: 50%
    }

    .content-piece-wrapper .basic-button:not(.image-button,.image-button-text-below) {
        max-width: 400px
    }
}
.product-catalog-categories .b-banner{
    flex-wrap: wrap;
}

.product-catalog-column .product-feed-category {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px;
    margin-bottom: 30px;
}
.pr-desc h4 {
    margin: 5px 0;
}

.pr-thumb-wrap.product{width: 100%;}

/* Slider hightlight */
/* .section-results .zkslider-slick {
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
}
.section-results .zkslider-slick .b-carousel-item {
    opacity: 0.4;
    flex: 1 1 0px;
    z-index: 8;
}
.section-results .zkslider-slick .b-carousel-item.active {
    opacity: 1;
    z-index: 10;
}

.section-results .zkslider-slick .b-carousel-item .pr-desc{display: none;}
.section-results .zkslider-slick .b-carousel-item.active .pr-desc{display: block;}
.section-results .zkslider-slick .product .product-thumb {
    height: 250px;
}

.slider-wraper{position: relative;}
.slider-wraper .slnav {
    position: absolute;
    top: 20%;
    width: 100%;
}
.slnav .slnav-item  {
    position: absolute;    
    font-size: 30px;
    top: -20%;
    z-index: 10;
    cursor: pointer;
}
.slnav .slnav-prev{
    left: 150px;
}
.slnav .slnav-next{
    right: 150px;
}
@media (max-width: 480px) {
    .slnav .slnav-prev{
        left: 0;
    }
    .slnav .slnav-next{
        right: 0;
    }
} */
/* .section-results .zkslider-slick{
    width: 50%;
    margin: 0 auto;
}
.section-results .zkslider-slick .product .product-thumb {
    height: 250px;
} */

.zkslider-slick.b-carousel-track{padding: 0 40px;}
.section-results .zkslider-slick .product .product-thumb {
    height: 250px;
} 
.slick-arrow {
    position: absolute;
    top: 30%;
    border: 0;
    font-size: 30px;
    cursor: pointer;
}

.slick-next.slick-arrow{right: 20px;}
.slick-prev.slick-arrow{left: 20px;}