* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}
.content-wrap {
    max-width: 1170px;
}
.zw-product-header{background-color: #fafafa;}
.act-btn {
    padding: 15px 30px;
}
h1,h2,h3 {
    font-family: var(--zf-primary-bold);
}
.desktop-view {
    display: block;
}
.mobile-view {
    display: none;
}
.zwc-section {
    position: relative;
    padding: 100px 0 100px;
}
.flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* Hero Section */
.hero-section{
    position: relative;
    background-color: #FAFAFA;
    padding: 50px 0 0;
}
.hero-section .content-wrap{max-width: 1280px;}
.hero-left,.hero-right{
    position: relative;
    width: 50%;
    max-width: 640px;
}
.hero-left{
    padding-bottom: 170px;
}
.hero-right{
    max-width: 600px;
    position: absolute;
    bottom: -6px;
    right: 0;
}
.zassist-trusted-brands-common-append h2{
    margin-bottom: 30px;
}
/* Hero Section */
/* Block1 Section */
.block1-section{
    position: relative;
    border-radius: 48px;
    background-color: #FFF7EB;
    width: 100%;
    max-width: 1647px;
    margin: 0 auto;
    padding: 40px 0 40px;
}
.block1-inner{
    position: relative;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
}
.block1-left,.block1-right{
    width: 40%;
    position: relative;
    max-width: 380px;
}
.block1-right{
    max-width: 640px;
    width: 58%;
}
/* Block1 Section */
/* Block2 Section */
.block2-section{
    position: relative;
    background-color: #fff;
}
.block2-section .content-wrap{max-width: 1280px;}
.box-wrap{position: relative;}
.box{
    background-color: #DBECFE;
    border-radius: 39px;
    position: sticky;
    padding: 100px 100px;
    margin: 0 auto 0px;
    top: 80px;
}
.box-left,.box-right{
    position: relative;
    width: 100%;
    max-width: 475px;
}
.box-right{
    max-width: 400px;
}
.box:nth-child(1) .box-left{max-width: 375px;z-index: 1;}
.box:nth-child(1) .box-right{max-width: 650px;width: 60%;}
.box:nth-child(2),.box:nth-child(3){justify-content: space-evenly;}
.box:nth-child(2){background-color: #FEE2EB;z-index: 2;}
.box:nth-child(3){background-color: #DBFFF6;z-index: 3;}
/* Block2 Section */
/* FAQ Section */
.faq-section{
    position: relative;
    background-color: #F8F8F8;
}
.faq-cont{
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}
.faq-cont::before{
    position: relative;
    content: '';
    width: 88px;
    height: 52px;
    display: block;
    background: url(/sites/zweb/images/assist/faq-icon.svg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 20px;
}
.faq-accordian {
    max-width: 900px;
    margin: 0 auto;
    counter-reset: number
}
.faq-accordian li {
    border-top: 1px solid #ccc;
    padding: 40px 50px;
    /* cursor: pointer */
}
.faq-accordian li:first-child{
    border-top: 0px solid #ccc;
    padding-top: 0;
}
.faq-accordian li:last-child {
    border-bottom: 1px solid #ccc
}
.faq-accordian h5 {
    position: relative;
    color: #000;
    margin: 0;
    padding-right: 30px;
    font-size: 20px;
    cursor: pointer;
}
.faq-accordian h5:before {
    counter-increment: number;
    content: counter(number) ". "
}
.faq-accordian h5:after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 28px;
}
.faq-accordian h5.active:after {
    content: '-'
}
.faq-accordian .faq-ans {
    margin: 0;
    padding: 10px 30px 0 0;
    display: none;
}
.faq-accordian .faq-ans.active {
    display: block
}
.bold-txt{
    font-family: var(--zf-secondary-medium);
}
/* FAQ Section */
/* Rating Section */
.ratingsection{
    position: relative;
    text-align: center;
}
.rating-txt::before{
    content: '';
    width: 196px;
    height: 72px;
    display: block;
    position: relative;
    background: url(/sites/zweb/images/productlogos/assist.svg) no-repeat;
    margin: 0 auto 20px;
}
.rating-txt{
    margin: 0 auto 20px;
}
.rating-section ul {
    max-width: 630px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.stars-container {
    position: relative;
    display: block;
    color: transparent;
    font-size: 20px;
    letter-spacing: 5px;
    line-height: normal
}
.stars-container::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #d0d0d0;
    display: inline-block
}
.stars-container::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #f9a826;
    overflow: hidden;
    -webkit-transition: ease all 2.5s;
    -o-transition: ease all 2.5s;
    transition: ease all 2.5s;
    width: 0
}
.stars-container.done::after {
    width: 89%
}
.rating-logo {
    width: 100px;
    height: 25px;
    display: block;
    background-image: url(/sites/zweb/images/otherbrandlogos/capterra.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    margin: 0 auto 5px;
}

.getapp {
    background-image: url(/sites/zweb/images/otherbrandlogos/getapp.svg);
}
.g2 {
    background-image: url(/sites/zweb/images/otherbrandlogos/g2.svg);
    width: 25px;
}
.single-rating div {
    padding: 5px 30px 0;
    position: relative
}
.single-rating .svg-sprite-before::before,.single-rating .svg-sprite-after::after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    background: url(/sites/zweb/images/assist/left-awards.svg) no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0
}
.single-rating .svg-sprite-after::after {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}
.counter-star{
    font-size: 18px;
    color: #838383;
}
.current-value{
    font-family: var(--zf-secondary-medium);
    font-size: 25px;
    color: #000;
}
/* Rating Section */
/* Bottom Section */
.bottom-section{
    position: relative;
    padding: 20px 0 80px;
    text-align: center;
}
/* Bottom Section */

@media only screen and (min-width: 1200px) {
    h1{
        font-size: 52px;
        margin: 0 0 22px;
        letter-spacing: -1.68px;
    }
    h2{
        font-size: 44px;
        margin: 0 0 25px;
        letter-spacing: -0.88px;
    }
    .block2-section h2{
        font-size: 50px;
        letter-spacing: -1.68px;
        margin-bottom: 75px;
    }
    h3{
        font-size: 40px;
        letter-spacing: -0.8px;
        margin: 0 0 18px;
        line-height: 32px;
    }
    .hero-left p,.rating-txt{font-size: 20px;}
    .block1-right p{font-size: 18px;max-width: 95%;line-height: 34px;}
    .box-left p{font-size: 18px;}
    /* .box{
        height: 665px;
    } */
}
@media only screen and (max-width: 1600px) {
    .block1-section{
        border-radius: 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    h1{
        font-size: 46px;
    }
    h2,.block2-section h2{
        font-size: 40px;
    }
    h3{font-size: 36px;}
    .hero-left{padding-bottom: 100px;}
    .box:nth-child(1) .box-right{width: 57%;}
}
@media only screen and (max-width: 1199px) {
    .zwc-section{padding: 80px 0 80px;}
    .hero-section{padding: 30px 0 0;}
    .bottom-section{padding: 20px 0 80px;}
    .block1-section{padding: 30px 0 30px;}
    h1{font-size: 38px;}
    h2{font-size: 34px;}
    h3{
        font-size: 30px;
    }
    .hero-left{padding-bottom: 100px;}
    .block2-section h2{margin-bottom: 70px;}
    .box{
        position: relative;
        margin: 0 auto 70px;
        top: 0;
        padding: 60px 80px;

    }
    .box:last-child{margin-bottom: 0;}
    .box-left, .box-right,.box:nth-child(1) .box-right{
        width: 48%;
    }
}
@media only screen and (max-width: 1080px) {
    .box{padding: 60px 60px;justify-content: space-evenly;}
}
@media only screen and (max-width: 991px) {
    .hero-inner,.box{
        flex-direction: column;
    }
    .hero-left{
        text-align: center;
        padding-bottom: 40px;
        width: 100%;
    }
    .hero-right{
        position: relative;
        width: 100%;
    }
    .block1-inner{flex-direction: column-reverse;}
    .block1-section{padding: 80px 0 80px;}
    .block1-right{text-align: center;max-width: 610px;width: 100%;}
    .block2-section h2{
        text-align: center;
        margin: 0 auto 60px;
    }
    .box-left, .box-right,.box:nth-child(1) .box-right{
        width: 100%;
        text-align: center;
        max-width: 485px;
    }
    .box-left{
        margin-bottom: 20px;
    }
    .box:nth-child(1) .box-right{
        max-width: 500px;
    }
}
@media only screen and (max-width: 767px) {
    h1{font-size: 30px;}
    h2{font-size: 28px;}
    h3{
        font-size: 26px;
    }
    .zassist-trusted-brands-common-append h2{font-size: 18px;}
    .block1-left, .block1-right{width: 100%;}
    .rating-txt::before{
        width: 155px;
        height: 58px;
        margin: 0 auto 10px;
    }
}
@media only screen and (max-width: 767px) {
    .rating-section ul{
        flex-direction: column;
    }
    .rating-section ul li{
        max-width: 185px;
        margin: 0 auto 20px;
    }
    .box:nth-child(2) .box-right{
        max-width: 350px;
    }
    .faq-accordian li{
        padding: 25px 35px;
    }
    .current-value{
        font-size: 20px;
    }
    .counter-star{
        font-size: 16px;
    }
}
@media only screen and (max-width: 480px) {
    .box{
        padding: 40px 30px;
        margin: 0 auto 50px;
    }
    .faq-accordian li{
        padding: 25px 15px;
    }
    .faq-accordian h5{
        font-size: 17px;
    }
}