* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}
.mT0 {
    margin-top: 0;
}
.objct-list li:before, .objct-list-tick li:before {
    background-image: url(/sites/zweb/images/canvas/sprite.svg);
}
.tutorial-main {
    margin: 0px auto 0;
}
.main-container-wrapper #mini-panel-product_menu .content-wrap::after {
    content: "";
    display: block;
    clear: both;
}
.Ncrm_breadcrumb {
    text-align: left;
    list-style-type: none;
    max-width: 1280px;
    margin: 0 auto;
    width: 90%;
    padding: 0px 0 20px;
    display: none;
}
.Ncrm_bcLnk:before {
    content: ">";
    position: absolute;
    right: -15px;
    display: inline-block;
    color: #000;
}
.Ncrm_bcLnk:after {
    content: '';
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    bottom: -4px;
    height: 1px;
    width: 0;
    background: #000;
    transition: all .3s linear;
}
.Ncrm_bcLnk {
    color: #00000096;
    position: relative;
    display: inline-block;
    font: 12px/1.2 var(--zf-primary-semibold);
}
.Ncrm_breadcrumb li {
    display: inline-block;
    margin: 0 25px 0 0;
    font: 12px/1.2 var(--zf-primary-semibold);
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.Ncrm_bcLnk:hover {
    color: #000;
}
.objct-list-tick h3 {
    margin-top: 7px;
}
.txt-cnter {
    margin-top: 50px;
    border-top: 1px solid #d9e0eb;
    display: block;
}
.wht-lrnmain {
    border-bottom: 0;
    padding-bottom: 0;
}
.can-hd {
    background: #5431cd;
    padding: 70px;
    color: #fff;
    border: 1px solid #5431cd;
    border-radius: 15px;
    text-align: center;
}
.page_tab {
    margin: 0px auto 0;
    max-width: 520px;
    border-bottom: none;
    text-align: center;
    position: relative;
    top: initial;
    width: 100%;
}
.page_tab_head {
    border-bottom: 1px solid #eaeaea;
    margin: 20px 0 0;
    position: sticky;
    position: -webkit-sticky;
    top: 52px;
    background: #fff;
    z-index: 2;
}
.page_tab li.active {
    color: #693eff;
}
.selected-tab {
    border-color: #693eff;
    left: 50px;
}
.tutorial-navli.selected > a, .tutorial-main li.selected > a {
    color: #693eff;
}
.tut-list li:hover {
    border: 2px solid #693eff;
}
.tut-list li:hover a {
    color: #693eff;
}
.lts-bgn {
    border: 1px solid #693eff;
    background-color: #693eff;
    color: #fff;
}
.lts-bgn.overbtn {
    background: 0;
    color: #666;
    border-color: #666;
    float: left;
}
.tutorial-navli .prevarrow {
    text-transform: uppercase;
    font: 18px var(--zf-primary-semibold);
    color: rgb(102, 102, 102);
}
.txt-cnter.topline {
    display: none;
}
.page_tab li {
    padding: 13px 22px 15px 22px;
}
.tutorial-nav-list li:first-child {
    padding-top: 10px;
}
.tutorial-bottom .tut-list li:first-child {
    display: none;
}
#tab3 .objct-list-tick > li ul {
    padding-left: 20px;
    padding-top: 10px;
}
#tab3 .objct-list-tick > li ul ul {
    padding-left: 20px;
}
#tab3 .objct-list-tick > li ul li {
    list-style: disc;
    display: list-item;
}
#tab3 .objct-list-tick > li ul li::before {
    background-image: none;
}
#tab3 .objct-list-tick > li ul li {
    list-style: disc;
    display: list-item;
}
.tutorial_bgimg {
    border: 1px solid rgb(162, 177, 200);
    border-radius: 8px;
    background-color: rgb(162, 177, 200);
    box-shadow: 0px 12px 25px 0px rgb(0 0 0 / 15%);
    margin-top: 35px;
    background-color: #fff;
    max-width: 1000px;
    width: 100%;
}
.cnt-blk {
    display: inline-block;
}
@media(max-width:1140px) {
    br {
        display: none;
    }
    .page_tab_head {
        top: 0;
    }
}
@media(max-width:1024px) {
    .wht-lrnmain {
        padding: 0;
    }
    h1 {
        font: 32px/1.1 var(--zf-primary-extrabold);
    }
    .can-hd {
        padding: 40px;
    }
    .tutorial-nav {
        padding: 20px 45px;
    }
}
@media(max-width:834px) {
    .page_tab_head {
        display: none;
    }
    .txt-cnter.topline {
        display: block;
    }
    .tutorial-cont {
        padding: 30px 30px 70px;
    }
    .tab-hdr {
        color: #693eff;
    }
    .tutor-tab {
        display: inline-block !important;
    }
    .acc-content {
        margin-bottom: 0;
    }
}
@media(max-width:767px) {
    .can-hd {
        padding: 40px;
    }
    .Ncrm_breadcrumb {
        display: none;
    }
}
@media(max-width:540px) {
    h1 {
        font: 30px/1.1 var(--zf-primary-extrabold);
    }
    .can-hd {
        padding: 20px;
    }
    .bluebg-lst {
        padding: 20px;
    }
}