.zw-product-header,
.top-banner {
    background-color: #fffde2
}

.zw-template-inner .content-wrap {
    padding: 100px 0 0 0
}

.top-banner .content-wrap {
    padding: 0 0 100px 0
}

.top-banner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.top-banner-wrap .text-content,
.top-banner-wrap .img-content {
    width: 50%
}

.top-banner-wrap .img-content {
    width: 385px;
    margin: 0 auto
}

.top-banner-wrap .text-content-wrap {
    max-width: 600px
}

.top-banner-wrap h1 {
    font-size: 50px;
    margin-bottom: 20px;
    line-height: 1.1;
}

.top-banner-wrap .text-content-wrap p {
    max-width: 556px;
    font: 18px/32px var(--zf-primary-regular)
}

.cta-btn.act-btn {
    padding: 13px 30px
}

.reviews-heading {
    text-align: center;
    margin: 0 auto 50px
}

.rating-testi-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1060px;
    margin: 0 auto;
    max-width: 100%;
    align-items: center
}

.reviews-heading span {
    border-bottom: 2px solid #17494e;
    border-radius: 0;
    padding: 5px 0;
    margin-bottom: 20px;
    display: inline-block;
    line-height: normal;
    font-family: var(--primaryfont-bold)
}

.reviews-heading h2 {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 550px;
    font-family: var(--primaryfont-bold)
}

.rating-testi-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1060px;
    margin: 0 auto;
    max-width: 100%;
    align-items: center
}

.rating-wrap {
    width: 50%
}

.testimonial-section {
    width: 50%;
    padding-left: 5%;
    position: relative;
    border-left: 2px dashed #e8e8e8;
    margin-top: 20px
}

.single-rating {
    max-width: 100%;
    text-align: center
}

.single-rating p {
    font: 20px/normal var(--zf-primary-regular)
}

.rating-section ul {
    max-width: 510px;
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
}

.single-rating * {
    text-align: center
}

.single-rating div {
    padding: 5px 30px 0;
    position: relative;
    height: 100%;
}

.single-rating .svg-sprite-before::before,
.single-rating .svg-sprite-after::after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    background-position: -302px -90px;
    background-size: 470px auto;
    left: 0;
    top: 0;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/home-page/home-sprite-svg.svg)
}

.single-rating .svg-sprite-after::after {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.rating-logo {
    width: 100px;
    height: 25px;
    display: block;
    background-position: -248px -555px;
    background-size: 450px auto;
    z-index: 1;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/home-page/home-sprite.png);
    margin: 0 auto
}

.getapp {
    background-position: -350px -560px;
    width: 79px
}

.g2 {
    background-position: -871px -504px;
    width: 29px;
    height: 34px;
    margin-top: -9px
}

.stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 15px;
    letter-spacing: 5px;
    line-height: normal;
    width: 100px;
}

.stars-container::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #ebebeb;
    display: inline-block
}

.stars-container.done::after {
    width: 89%
}

.stars-container::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #ff6105;
    overflow: hidden;
    -webkit-transition: ease all 2.5s;
    -o-transition: ease all 2.5s;
    transition: ease all 2.5s;
    width: 0
}

.counter-star {
    display: inline-block;
    color: #000;
    margin-top: 3px;
    font-size: 13px
}

.counter-star>span {
    font-size: 18px;
    color: #000;
    line-height: normal;
    font-family: var(--secondaryfont-bold) !important
}

.testimonial-section {
    width: 50%;
    padding-left: 5%;
    position: relative;
    border-left: 2px dashed #e8e8e8;
    margin-top: 20px
}

.single-slider p {
    font: italic 26px/38px var(--zf-primary-regular);
    max-width: 500px
}

.name-design {
    display: inline-block;
    padding: 3px 0 5px 70px;
    position: relative
}

.name-design.sprite-before::before {
    content: "";
    position: absolute;
    background-position: -122px -76px;
    width: 60px;
    height: 60px;
    background-size: 350px auto;
    top: 0;
    left: 0;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/home-page/home-sprite.png)
}

.name-design .bld {
    font-family: var(--zf-primary-semibold)
}

.name-design span {
    width: 100%;
    display: inline-block
}

.name-design span:not(.bld) {
    font-size: 16px
}

.testimonial-wrap:before {
    content: '';
    position: absolute;
    left: 7%;
    background-size: 580px auto;
    background-repeat: no-repeat;
    display: block;
    height: 74px;
    width: 97px;
    top: -18%;
    background-position: -485px -27px;
    z-index: -1;
    opacity: .2;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/home-page/home-sprite-svg.svg)
}

.stars-container.getapp-star {
    display: block;
}

.remote-access-work-sec .content-wrap {
    background: #fff7d6;
    margin: 100px auto 0;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding: 40px 0 0 0
}

.zinner-float {
    max-width: 1040px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.zinner-float>div {
    width: 40%
}

.zinner-float>div.zcont-right {
    width: 46%
}

.zcont-left img {
    width: 100%;
    position: relative;
    left: -20px;
    bottom: -20px
}

.remote-access-work-sec h2 {
    font-family: var(--primaryfont-bold);
    font-size: 40px
}

.remotely-access {
    position: relative
}

.remotely-access .content-wrap {
    padding: 100px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
}

/* .remotely-access:nth-child(1) .content-wrap{
    margin-top: 120px
} */
.remotely-access .remotely-access-left {
    padding-right: 10%
}

.remotely-access .content-wrap>div {
    width: 46%;
    text-align: left
}

.remotely-access-left h2 {
    max-width: 350px
}

.remotely-access h2 {
    font-size: 35px;
    max-width: 550px;
    margin: 0 0 20px;
    line-height: 1.3;
    font-family: var(--primaryfont-bold)
}

.zpoints li {
    position: relative;
    max-width: 470px;
    padding: 50px 0 45px 70px
}

.zpoints li:before {
    content: "";
    width: 37px;
    height: 37px;
    position: absolute;
    background-position: 0 0;
    background-size: 470px auto;
    left: 70px;
    top: 7px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/remote-access-computer/remotely-access-sprite.png);
    background-repeat: no-repeat
}

.zpoints li.step-two:before {
    background-position: -37px 0;
    width: 31px
}

.zpoints li.step-three:before {
    background-position: -68px -5px;
    width: 31px;
    height: 26px;
    top: 15px
}

.zpoints li.step-four:before {
    background-position: -100px 0
}

.zpoints li h4, .zpoints li h3 {
    position: absolute;
    left: 0;
    font-size: 18px
}

.zhigh {
    position: absolute;
    font-family: var(--secondaryfont-semibold);
    left: 0
}

.zpoints li>p:last-child {
    margin-bottom: 0
}

.features-cont {
    position: relative;
    width: 100%;
    margin: 0 auto 55px;
    max-width: 594px;
    text-align: center
}

.features-cont h2 {
    font-family: var(--primaryfont-bold);
    font-size: 40px
}

.features-wrap .main-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1175px;
    margin: 0 auto
}

.sub-heading {
    width: 100%;
    display: inline-block
}

.features-wrap .yellow-light {
    background: #fce6be
}

.features-wrap .half-box {
    width: 48%;
    padding: 50px 40px 60px 40px;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px 0
}

.left.half-box .img-part {
    width: 298px;
    max-width: 100%;
    margin-bottom: 30px
}

.features-wrap h4, .features-wrap h3 {
    font: 28px/40px var(--zf-secondary-bold)
}

.features-wrap .half-box p {
    width: 460px;
    max-width: 100%;
    line-height: 1.9;
    margin: 0 0 30px 0
}

.yellow-light {
    background: #fce6be
}

.green-light {
    background: #e2f7ea
}

.right.half-box .img-part {
    width: 295px;
    max-width: 100%;
    margin-bottom: 40px
}

ul.left-box-ul {
    display: block;
    list-style: disc
}

.left-box-ul li {
    display: inline-block;
    width: 40%;
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 30px
}

ul.right-box-ul {
    display: block;
    width: 100%
}

ul.right-box-ul li {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 30px
}

.left-box-ul li:before,
ul.right-box-ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    height: 10px;
    width: 10px;
    background: #000;
    border-radius: 50%
}

.sub-heading {
    width: 100%;
    display: inline-block
}

.sub-heading h2 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    font: 36px/50px var(--zf-secondary-bold);
    margin-bottom: 15px;
    text-align: center
}

.available-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.available-features>div {
    width: 44%;
    margin: 70px 0 70px 0;
    border-radius: 0;
    max-width: 50%;
    position: relative
}

.available-features h4, .available-features h3 {
    font: 22px/30px var(--zf-primary-bold);
    margin: 20px 0 0 0
}

.outstanding-support .content-wrap {
    max-width: 1070px
}

.single-rating ul li a {
    font-size: 0;
}

.outstanding-support h2 {
    width: 100%;
    display: block;
    max-width: 100%;
    font-size: 40px;
    font-family: var(--zf-primary-bold);
    margin-bottom: 80px
}

.outstanding-support {
    background: #fff7f0;
    margin: 100px 0 0 0;
    padding: 20px 0 30px 0
}

.available-features h4:after, .available-features h3:after {
    content: "";
    width: 44px;
    height: 50px;
    position: absolute;
    background-position: -186px -3px;
    background-size: 640px auto;
    left: 8px;
    top: -50px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/assist/remote-access-computer/remotely-access-sprite.png);
    background-repeat: no-repeat
}

.available-features h4:before, .available-features h3:before {
    width: 60px;
    height: 60px;
    position: absolute;
    content: "";
    background: #000;
    left: 0;
    top: -60px;
    border-radius: 10px
}

.available-features p {
    max-width: 100%;
    margin: 10px 0 0
}

.available-features-head {
    width: 758px;
    display: block;
    max-width: 100%;
    font-family: var(--zf-secondary-bold);
    margin-bottom: 35px
}

.available-features h4.session-record:before, .available-features h3.session-record:before {
    background: #4ebbef
}

.available-features h4.service-queue:before, .available-features h3.service-queue:before {
    background: #41d57a
}

.available-features h4.instant-chat:before, .available-features h3.instant-chat:before {
    background: #fc647b
}

.available-features h4.file-transfer:before, .available-features h3.file-transfer:before {
    background: #f4b354
}

.available-features h4.diagnostic-tools:before, .available-features h3.diagnostic-tools:before {
    background: #7086fd
}

.available-features h4.invite-technician:before, .available-features h3.invite-technician:before {
    background: #54dbf4
}

.available-features h4.annotation:before, .available-features h3.annotation:before {
    background: #50d380
}

.available-features h4.remote-power:before, .available-features h3.remote-power:before {
    background: #fa667d
}

.available-features h4.user-management:before, .available-features h3.user-management:before {
    background: #f3b25c
}

.available-features h4.mobile-device:before, .available-features h3.mobile-device:before {
    background: #7189fa
}

.available-features h4.screen-share:before, .available-features h3.screen-share:before {
    background: #4ebbef
}

.available-features h4.in-app-integration:before, .available-features h3.in-app-integration:before {
    background: #fd7085
}

.available-features h4.service-queue:after, .available-features h3.service-queue:after {
    background-position: -229px -4px;
    width: 42px
}

.available-features h4.instant-chat:after, .available-features h3.instant-chat:after {
    background-position: -269px -4px;
    width: 36px;
    left: 12px
}

.available-features h4.file-transfer:after, .available-features h3.file-transfer:after {
    background-position: -303px 0;
    width: 38px;
    left: 11px
}

.available-features h4.diagnostic-tools:after, .available-features h3.diagnostic-tools:after {
    background-position: -340px -3px;
    width: 41px
}

.available-features h4.invite-technician:after, .available-features h3.invite-technician:after {
    background-position: -379px -3px
}

.available-features h4.annotation:after, .available-features h3.annotation:after {
    background-position: -423px 0
}

.available-features h4.remote-power:after, .available-features h3.remote-power:after {
    background-position: -466px -4px;
    width: 27px;
    left: 17px
}

.available-features h4.user-management:after, .available-features h3.user-management:after {
    background-position: -491px -3px;
    left: 10px
}

.available-features h4.mobile-device:after, .available-features h3.mobile-device:after {
    background-position: -533px -3px;
    left: 12px;
    width: 37px
}

.available-features h4.screen-share:after, .available-features h3.screen-share:after {
    background-position: -570px -4px;
    width: 36px;
    left: 13px
}

.available-features h4.in-app-integration:after, .available-features h3.in-app-integration:after {
    background-position: -606px 0;
    left: 14px
}

.faq-section {
    text-align: center
}

.zfaq-section div {
    width: 970px;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 100%
}

.zfaq_wrapper .zfaq-wrap:first-child {
    border-top: 0
}

.zfaq_wrapper .zfaq-wrap {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff
}
.zfaq_wrapper button{
    background: none;
    border: none;
}

.zfaq_wrapper h2:not(.faq-heading),  .zfaq_wrapper button:not(.faq-heading) {
    color: #000;
    font-size: 19px;
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    padding: 20px 35px 20px 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-family: var(--zf-secondary-semibold);
    text-align: left;
    margin-top: 0
}

.zfaq_wrapper .zfaq-wrap p {
    display: none;
    padding: 0;
    text-align: left
}

.zfaq_wrapper .zfaq-wrap .arrow {
    position: absolute;
    right: 22px;
    top: 34px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    font-size: 16px
}

.zfaq-wrap.active .arrow:before {
    transform: rotate(315deg);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    top: 1px;
    -ms-transform: rotate(135deg)
}

.zfaq_wrapper .zfaq-wrap .arrow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    -ms-transform: rotate(45deg)
}

.zfaq_wrapper {
    width: 970px;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 100%
}

.zfaq-wrap.active .arrow:before {
    transform: rotate(315deg);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    top: 1px;
    -ms-transform: rotate(135deg)
}

.zbottom-sec {
    text-align: center;
    margin-bottom: 100px
}

.zbottom-sec h2 {
    max-width: 800px;
    margin: 0 auto 20px;
    font-size: 40px;
    font-family: var(--zf-primary-bold)
}

h2.faq-heading {
    font-family: var(--zf-primary-bold);
    font-size: 40px;
    margin: 0 0 40px 0
}
.rating-testimonial{display:none;}

@media only screen and (min-width:1366px) {
    .top-banner-wrap {
        padding: 40px 0 0 0
    }
}

@media only screen and (max-width:1366px) {
    .remotely-access .content-wrap>div {
        width: 49%;
    }

    .top-banner-wrap h1 {
        font-size: 47px;
    }

    .remotely-access h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width:1280px) {
    .top-banner-wrap img {
        max-width: 370px
    }

    .top-banner-wrap .img-wrap {
        text-align: center
    }
}

@media only screen and (max-width:1199px) {
    .top-banner {
        padding-bottom: 50px
    }

    .zw-template-inner .content-wrap {
        padding: 80px 0 0 0;
    }

    .top-banner .content-wrap {
        padding: 40px 0;
    }

    .top-banner-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .top-banner-wrap .text-content,
    .top-banner-wrap .img-content {
        width: 100%;
        text-align: center
    }

    .top-banner-wrap .img-content {
        max-width: 500px;
    }

    .top-banner-wrap .text-content-wrap {
        max-width: 690px;
        margin: 0 auto
    }

    .top-banner h1 {
        font-size: 34px
    }

    .top-banner-wrap .text-content-wrap p {
        max-width: 100%;
        margin: 0 auto 30px
    }

    .btn-wrap {
        margin-bottom: 50px
    }

    .img-wrap {
        width: 650px;
        max-width: 69%;
        margin: 0 auto
    }

    .reviews-heading {
        margin-bottom: 30px
    }

    .rating-wrap {
        width: 100%
    }

    .rating-section ul {
        margin: 30px auto 30px
    }

    .testimonial-section {
        border-left: 0;
        margin: 80px auto 0;
        width: 500px;
        max-width: 100%
    }

    .zinner-float {
        padding: 20px 40px
    }

    .remote-access-work-sec h2,
    .remotely-access h2,
    .features-cont h2,
    .outstanding-support h2,
    h2.faq-heading,
    .zbottom-sec h2 {
        font-size: 30px
    }

    .remote-access-work-sec .content-wrap {
        border-radius: 0
    }

    .remotely-access .content-wrap {
        margin-top: 0
    }

    .reviews-heading h2 {
        max-width: 450px;
    }

    .zbottom-sec h2 {
        max-width: 600px;
    }
}

@media only screen and (max-width: 1080px) {

    .remote-access-work-sec h2,
    .remotely-access h2,
    .features-cont h2,
    .outstanding-support h2,
    h2.faq-heading,
    .zbottom-sec h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width:991px) {
    .remote-access-work-sec h2 {
        font-size: 32px
    }

    .remotely-access .remotely-access-left {
        padding-right: 0
    }

    .remotely-access .content-wrap div {
        width: 550px;
        /* width: 100%; */
    }

    .remotely-access-left h2 {
        width: 100%;
        max-width: 480px
    }

    .remotely-access .remotely-access-right {
        padding-top: 2%
    }

    .zpoints li {
        padding-bottom: 30px
    }

    .remotely-access .content-wrap {
        padding: 0;
        margin-top: 40px
    }

    .sub-heading h2 {
        font-size: 30px
    }

    .zfaq-section {
        padding: 80px 0 40px;
        margin: 40px 0
    }

    .zbottom-sec h2 {
        font-size: 32px
    }

    .remote-access-work-sec .content-wrap {
        width: 100%
    }

    .left-box-ul li {
        width: 100%
    }

    .zw-template-inner .features-wrap .content-wrap {
        padding: 60px 0 0 0
    }

    .outstanding-support {
        margin: 60px 0 0 0
    }

    .outstanding-support .content-wrap {
        padding: 60px 0 0 0
    }

    .outstanding-support h2 {
        margin-bottom: 50px
    }

    .available-features>div {
        width: 48%
    }

    .available-features>div {
        margin: 50px 0 50px 0
    }

    .features-cont {
        margin: 0 auto 15px
    }

    .zw-template-inner .content-wrap {
        padding: 60px 0 0 0
    }

    .zinner-float {
        padding: 0 40px
    }

    .available-features-head {
        width: 100%;
        max-width: 600px
    }

    .top-banner .content-wrap {
        padding: 35px 0
    }

    .remotely-access {
        padding: 0 50px
    }

    .features-wrap h4, .features-wrap h3 {
        font: 22px/40px var(--zf-secondary-bold);
        line-height: 1.3
    }
}

@media only screen and (max-width:767px) {

    .remote-access-work-sec h2,
    .remotely-access h2,
    .features-cont h2,
    .outstanding-support h2,
    h2.faq-heading,
    .zbottom-sec h2 {
        font-size: 28px
    }

    .available-features>div {
        width: 100%;
        max-width: 100%
    }

    .half-box:not(:last-child) {
        margin-bottom: 50px
    }

    .features-wrap h4, .features-wrap h3 {
        font-size: 20px
    }

    .half-box {
        width: 100%
    }

    .top-banner .content-wrap {
        padding: 50px 0 20px
    }

    .top-banner h1 {
        font-size: 32px;
        margin-bottom: 15px;
        /* line-height: normal */
    }

    .rating-section ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
        max-width: 100%
    }

    .rating-section ul li {
        margin: 10px
    }

    .remotely-access {
        padding: 20px 30px
    }

    .half-box:not(:last-child) {
        margin-bottom: 50px
    }

    .half-box {
        width: 100%
    }

    .half-box h4 {
        font-size: 22px
    }

    .zbottom-sec {
        margin-top: 40px
    }

    .img-wrap {
        max-width: 100%
    }

    .top-banner-wrap img {
        max-width: 250px
    }

    .single-slider p {
        font-size: 18px;
        line-height: 30px
    }

    .zinner-float {
        padding: 0 40px 50px
    }

    .remotely-access .content-wrap {
        margin-top: 0
    }

    .zinner-float>div {
        width: 40%;
        margin: 0 auto 60px auto
    }

    .zinner-float>div.zcont-right {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .features-wrap .half-box {
        width: 100%
    }

    .outstanding-support h2 {
        margin-bottom: 50px
    }

    h2.faq-heading {
        margin: 0 0 20px 0
    }

    .zw-template-inner .zbottom-sec .content-wrap {
        padding: 40px 0 0 0
    }
}

@media only screen and (max-width: 610px) {

    .remote-access-work-sec h2,
    .remotely-access h2,
    .features-cont h2,
    .outstanding-support h2,
    h2.faq-heading,
    .zbottom-sec h2 {
        font-size: 25px;
    }
}

@media only screen and (max-width:480px) {
    .zinner-float {
        padding: 0 20px 40px
    }

    .top-banner-wrap .img-content {
        width: 100%
    }

    .zcont-left {
        display: none
    }

    .remote-access-work-sec h2 {
        font-size: 26px
    }

    .half-box {
        width: 100%
    }

    .zbottom-sec h2 {
        font-size: 26px
    }

    .top-banner .content-wrap {
        padding: 40px 0 10px
    }
}


/* other lang css start */


.other-lang .testimonial-section {
    display: none;
}

.other-lang .rating-wrap {
    margin: 0 auto;
}

.other-lang .zpoints li {
    padding: 50px 0 45px 100px;
}

.i18n-ar .reviews-heading,
.i18n-ar .faq-section h2.faq-heading,
.i18n-ar .zbottom-sec .content-wrap,
.i18n-ar .zbottom-sec .content-wrap h2,
.i18n-ar .single-rating p,
.i18n-ar span.counter-star,
.i18n-ar .reviews-heading h2,
.i18n-ar .features-cont h2 {
    text-align: center;
}
.i18n-ar .rating-section ul, .i18n-ar .rating-section ul * {
    text-align: center;
}

.i18n-ar .zpoints li {
    padding: 50px 70px 45px 0;
}

.i18n-ar .zpoints li:before {
    right: 70px;
    left: unset;
}

.i18n-ar .zpoints li h4, .i18n-ar .zpoints li h3 {
    right: 0;
    left: unset;
}

.i18n-ar .remotely-access .remotely-access-left {
    padding-left: 10%;
    padding-right: unset;
}

.i18n-ar ul.right-box-ul li,
.i18n-ar .left-box-ul li {
    padding-left: unset;
    padding-right: 30px;
}

.i18n-ar .left-box-ul li:before,
.i18n-ar .right-box-ul li:before {
    right: 0;
    left: unset;
}

.i18n-ar .available-features h4:after, .i18n-ar .available-features h3:after {
    right: 8px;
    left: unset;
}

.i18n-ar .available-features h4:before, .i18n-ar .available-features h3:before {
    right: 0;
    left: unset;
}

.i18n-ar .zfaq_wrapper h2:not(.faq-heading), .i18n-ar .zfaq_wrapper button:not(.faq-heading) {
    padding: 20px 0 20px 35px;
    text-align: right;
}

.i18n-ar .zfaq_wrapper .zfaq-wrap .arrow {
    left: 22px;
    right: unset;
}

.i18n-ar .stars-container::after {
    right: 0;
    left: unset;
}

@media only screen and (max-width: 1199px) {

    .i18n-ar .top-banner-wrap h1,
    .i18n-ar .top-banner-wrap p,
    .i18n-ar .btn-wrap {
        text-align: center;
    }
}

@media (max-width: 767px) {

    .i18n-ar .remote-access-work-sec .zcont-right h2,
    .i18n-ar .remote-access-work-sec .zcont-right p {
        text-align: center;

    }
}

.i18n-ar .zfaq_wrapper .zfaq-wrap p {
    text-align: right;
}

/* other lang css end */