* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.zflex {
    display: flex;
    flex: auto
}

.zflex-wrap {
    flex-wrap: wrap
}

.zflex-align-center {
    align-items: center
}

.zflex-justify-space-between {
    justify-content: space-between
}

.zflex-justtify-center {
    justify-content: center
}

.zflex-two-col {
    width: 100%
}

.zflex-two-col:first-child {
    margin-bottom: 15px
}

.block-content .section-title h2, .secured-sec h2 {
    font-family: var(--zf-primary-bold)
}
.inline-block{display:inline-block;}

.sec-seperator-line {
    border: 1px dashed #9b9b9b
}

.zw-product-header {background-color: #e5fff4;}

.banner-sec {
    background: #e5fff4
}

.banner-sec .banner-left .cta-btn {
    margin-top: 5px;
    margin-bottom: 15px
}

.banner-sec .banner-right .banner-content-wrap h1 {
    max-width: 616px
}

.banner-sec .banner-right .banner-content-wrap p {
    max-width: 585px
}

.banner-sec .banner-right .banner-img-wrap {
    position: relative;
    margin-left: auto;
    left: 5%
}

.banner-sec .banner-right .banner-subimg1 {
    max-width: 76px;
    position: absolute;
    top: 47%;
    left: -5%;
    width: 12%
}

.banner-sec .banner-right .banner-subimg2 {
    max-width: 240px;
    position: absolute;
    bottom: 10%;
    left: -12%;
    width: 38%
}

.banner-sec .banner-right .banner-subimg3 {
    max-width: 110px;
    position: absolute;
    bottom: -10%;
    left: 30%;
    width: 15%
}

.feature-sec .block-content {
    position: relative
}

.feature-sec .block-content .section-title h2 {
    max-width: 624px
}

.feature-sec .block-content .section-title p {
    max-width: 664px
}

.feature-sec .block-content .slidercontent {
    display: flex;
    justify-content: space-between
}

.feature-sec .block-content .slider-content-left,.feature-sec .block-content .slider-content-right {
    width: 47%;
    max-width: 520px
}

.feature-sec .block-content .slider-content-box {
    padding-left: 140px;
    margin-top: 20px;
    min-height: 130px
}

.feature-sec .block-content .slider-content-box h3 {
    position: relative;
    margin-bottom: 0;
    font-family: var(--zf-primary-bold)
}

.feature-sec .block-content .slider-content-box h3::before {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1390px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: -140px;
    top: 0;
    width: 110px;
    height: 110px;
    z-index: 9;
}

.feature-sec .block-content .sbox1 h3::before {
    background-position: -3px -10px
}

.feature-sec .block-content .sbox2 h3::before {
    background-position: -117px -10px
}

.feature-sec .block-content .sbox3 h3::before {
    background-position: -225px -10px
}

.feature-sec .block-content .sbox4 h3::before {
    background-position: -335px -10px;
    width: 120px
}

.feature-sec .block-content .sbox5 h3::before {
    background-position: -905px -10px;
    width: 105px
}

.feature-sec .block-content .sbox6 h3::before {
    background-position: -872px 0;
    width: 124px;
    background-size: 1200px auto
}

.feature-sec .block-content .sbox7 h3::before {
    background-position: -1150px -10px;
    width: 118px
}

.feature-sec .block-content .sbox8 h3::before {
    background-position: -1267px 0;
    width: 125px;
    height: 130px
}

.feature-sec .block-content .feature-slider-wrap .slick-dots {
    text-align: center
}

.feature-sec .block-content .feature-slider-wrap .slick-dots li {
    width: 30px;
    height: 2px;
    border-radius: 15px;
    position: relative;
    background: #dedede;
    border: 1px solid #dedede
}

.feature-sec .block-content .slick-dotted.slick-slider {
    margin-bottom: 0
}

.feature-sec .block-content .feature-slider-wrap .slick-dots li.slick-active {
    background: #dedede;
    width: 30px;
    height: 2px;
    border: 1px solid #dedede
}

.feature-sec .block-content .feature-slider-wrap .slick-dots li:before {
    content: "";
    width: 0;
    transition: 7s width ease;
    opacity: 0;
    position: absolute;
    left: 0;
    height: 2px;
    background: #079948;
    border-radius: 12px;
    border: 1px solid #079948
}

.feature-sec .block-content .feature-slider-wrap .slick-dots li.slick-active:before {
    width: 100%;
    opacity: 1
}

.feature-sec .block-content .custom-arrow .carousel-nav {
    display: inline-block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1080px auto;
    background-repeat: no-repeat;
    top: 0;
    width: 45px;
    height: 45px;
    margin: 5px
}

.feature-sec .block-content .custom-arrow .carousel-nav {
    background-position: -611px -28px
}

.feature-sec .block-content .custom-arrow .carousel-nav.carousel-prev {
    transform: rotateY(180deg)
}

.feature-sec .block-content .custom-arrow .carousel-nav:hover,.feature-sec .block-content .custom-arrow .carousel-nav:focus {
    background-position: -656px -28px;
    transform: scale(1.2)
}

.feature-sec .block-content .custom-arrow .carousel-nav.carousel-prev:hover,.feature-sec .block-content .custom-arrow .carousel-nav.carousel-prev:focus {
    transform: rotateY(180deg) scale(1.2)
}

.feature-sec .block-content .custom-arrow {
    position: absolute;
    right: 0;
    z-index: 9
}

.feature-sec .block-content .feature-slider-wrap .slick-arrow {
    top: -10%
}

.feature-sec .block-content .feature-slider-wrap .slick-prev {
    left: unset;
    right: 30px
}

/*.steps-sec .content-wrap {
    border-top: 1px dashed #9b9b9b
}*/

.steps-sec .block-content .section-title {
    display: flex;
    align-items: center
}

.steps-sec .block-content .section-title .title-icon {
    max-width: 131px;
    min-height: 131px;
    display: block;
    position: relative
}

.steps-sec .block-content .section-title .title-icon::before {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1390px auto;
    background-position: -450px 0;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 131px;
    height: 131px;
    z-index: 89;
}

.steps-sec .block-content .section-title h2 {
    max-width: 687px;
    padding-left: 131px
}

.steps-sec .block-content .steps-block>div {
    margin-top: 100px
}

.steps-sec .block-content .steps-block .steps-count,.steps-sec .block-content .steps-block .steps-content {
    position: relative
}

.steps-sec .block-content .steps-block .steps-count {
    height: 0
}

.steps-sec .block-content .steps-block .steps-count:before {
    position: absolute;
    top: 0;
    left: -14%;
    width: 58px;
    height: 58px;
    font-family: var(--zf-primary-regular);
    font-size: 22px;
    line-height: 58px;
    background: #fff;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    border-radius: 10px
}

.steps-sec .block-content .steps-block .inup1 .steps-count:before {
    content: "01"
}

.steps-sec .block-content .steps-block .inup2 .steps-count:before {
    content: "02"
}

.steps-sec .block-content .steps-block .inup3 .steps-count:before {
    content: "03"
}

.steps-sec .block-content .steps-block>div:last-child .steps-content:before {
    height: 0
}

.steps-sec .block-content .steps-block .steps-content h5 {
    color: #17ac74;
    margin-bottom: 0
}

.steps-sec .block-content .steps-block .steps-content h3 {
    color: #000;
    font-family: var(--zf-primary-bold);
    margin-bottom: 5px
}

.steps-sec .block-content .steps-block .steps-content p {
    margin-bottom: 0
}

.steps-sec {
    margin-bottom: 50px
}

.steps-block .zflex-wrap {
    display: flex;
    align-items: center
}

.steps-block .zflex-wrap>div {
    width: 50%
}

.steps-content {
    width: 460px;
    max-width: 90%
}

.steps-block .zflex-wrap>div {
    padding-left: 7%;
    position: relative
}

.sub-img {
    position: absolute;
    left: -19.3%;
    top: 15%;
    width: 16.3%
}

.inup3+.img-part img:first-child {
    box-shadow: 0 43px 36px #0000001F
}

.zflex-wrap .img-part>div {
    position: relative
}

.zflex-wrap.step1 .img-part>div {
    width: 66%;
    position: relative
}

.zflex-wrap.step2 .img-part>div {
    width: 85%
}

.zflex-wrap.step3 .img-part>div {
    width: 78%;
    max-width: 100%;
    z-index: 1
}

.sprite-svg {
    background-image: url('//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/za-remote-connection-desktop-sprite.svg');
    background-size: 482% auto;
    position: absolute
}

.hand {
    background-position: 2% 23%;
    width: 20%;
    height: 21.8%;
    display: inline-block;
    left: 89%;
    top: 22%
}

.arrow {
    background-position: 59% 93%;
    width: 18%;
    height: 18%;
    display: inline-block;
    left: 91%;
    top: 48%;
    background-size: 481% auto
}

.globe {
    background-position: -0.5% 87%;
    width: 14.6%;
    height: 23.8%;
    display: inline-block;
    left: 70%;
    top: 85%;
    background-size: 413% auto
}

.outline {
    background-position: 30.5% 20%;
    width: 15.6%;
    height: 33.8%;
    display: inline-block;
    left: -15.6%;
    top: 50%;
    background-size: 413% auto;
    z-index: -1
}

.cloud {
    background-position: 100.4% -3%;
    width: 19.8%;
    height: 33.8%;
    display: inline-block;
    left: 99.5%;
    top: 50%;
    background-size: 303% auto;
    z-index: -1
}

.sheild {
    background-position: 30.6% 102%;
    width: 16.3%;
    height: 18.6%;
    display: inline-block;
    left: 24%;
    top: 88%;
    background-size: 413% auto
}

.testimonial-sec {
    position: relative;
    display:none;
}

.testimonial-sec:before {
    background: #ebf6ff;
    height: 50%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.testimonial-sec .content-wrap {
    padding-bottom: 40px
}

.testimonial-sec .block-content {
    position: relative;
    background: #151f38;
    color: #fff;
    box-shadow: 0 33px 56px #00000029;
    border-radius: 40px;
    padding: 50px 30px 30px;
    max-width: 1096px;
    margin: 0 auto
}

.testimonial-sec .block-content:before,.testimonial-sec .block-content:after {
    content: '';
    background-color: #3e4e74;
    opacity: .3;
    position: absolute
}

.testimonial-sec .block-content:after {
    width: 160px;
    height: 160px;
    border-top-left-radius: 160px;
    border-bottom-right-radius: 40px;
    right: 0;
    bottom: 0
}

.testimonial-sec .block-content:before {
    width: 70px;
    height: 138px;
    border-bottom-right-radius: 70px;
    border-top-right-radius: 70px;
    left: 0;
    top: 40px
}

.testimonial-sec .block-content-inner::before {
    content: '';
    background-color: #3e4e74;
    opacity: .3;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    left: 15%;
    top: 5px
}

.testimonial-sec .block-content .section-title {
    margin-bottom: 40px;
    position: relative
}

.testimonial-sec .block-content .section-title h2 {
    max-width: 500px
}

.testimonial-sec .block-content .slidercontent {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.testimonial-sec .block-content .slidercontent .zrating-box {
    width: 100%;
    max-width: 220px;
    height: 170px;
    padding: 30px 0;
    border-radius: 10px;
    text-align: center
}

.testimonial-sec .block-content .slidercontent .zrating-box.box1 {
    background: #ffeeeb
}

.testimonial-sec .block-content .slidercontent .zrating-box.box2 {
    background: #fffbea
}

.testimonial-sec .block-content .slidercontent .zrating-box.box3 {
    background: #eaf6ff
}

.testimonial-sec .block-content .slidercontent .zrating-box .img-leads {
    display: inline-block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1390px auto;
    background-repeat: no-repeat
}

.testimonial-sec .block-content .slidercontent .zrating-box .img-leads.g2 {
    background-position: 0 -135px;
    width: 35px;
    height: 36px
}

.testimonial-sec .block-content .slidercontent .zrating-box .img-leads.peer-insights {
    background-position: -34px -120px;
    width: 170px;
    height: 45px;
    background-size: 1280px auto
}

.testimonial-sec .block-content .slidercontent .zrating-box .img-leads.capterra {
    background-position: -220px -132px;
    width: 165px;
    height: 40px
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 21px;
    letter-spacing: 2px
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2605\2605\2605\2605\2605";
    color: #f8ddbc
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2605\2605\2605\2605\2605';
    color: #faa829;
    overflow: hidden;
    transition: ease all 5s;
    width: 0
}

.testimonial-sec .block-content .slidercontent .zrating-box .counter-star {
    display: block;
    font-weight: 300;
    color: #838383;
    font-size: 17px
}

.testimonial-sec .block-content .slidercontent .zrating-box .counter-star .current-value {
    font-size: 24px;
    color: #000
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container.stars-95:after {
    animation: starRateOne .5s ease-out .6s forwards
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container.stars-90:after {
    animation: starRateTwo .5s ease-out .6s forwards
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container.stars-80:after {
    animation: starRateThree .5s ease-out .6s forwards
}

.testimonial-sec .block-content .slidercontent .zrating-box .stars-container.stars-75:after {
    animation: starRateFour .5s ease-out .6s forwards
}

.testimonial-sec .block-content .slidercontent .testi-content-box {
    width: 100%;
    max-width: 610px
}

.testimonial-sec .block-content .slidercontent .testi-content-box p {
    font-style: italic;
    margin-bottom: 5px
}

.testimonial-sec .block-content .slidercontent .testi-content-box .bld {
    font-family: var(--zf-primary-semibold)
}

.testimonial-sec .block-content .testimonial-slider-wrap .slick-dots {
    text-align: center
}

.testimonial-sec .block-content .slick-dotted.slick-slider {
    margin-bottom: 0
}

.testimonial-sec .block-content .testimonial-slider-wrap .slick-dots li {
    background: transparent;
    border-color: #6af7a9
}

.testimonial-sec .block-content .testimonial-slider-wrap .slick-dots li.slick-active {
    background: #6af7a9;
    border-color: #6af7a9
}

.testimonial-sec .block-content .custom-arrow .carousel-nav {
    display: inline-block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1080px auto;
    background-repeat: no-repeat;
    top: 0;
    width: 45px;
    height: 45px;
    margin: 5px
}

.testimonial-sec .block-content .custom-arrow .carousel-nav {
    background-position: -521px -28px
}

.testimonial-sec .block-content .custom-arrow .carousel-nav.carousel-prev {
    transform: rotateY(180deg)
}

.testimonial-sec .block-content .custom-arrow .carousel-nav:hover,.testimonial-sec .block-content .custom-arrow .carousel-nav:focus {
    background-position: -566px -28px;
    transform: scale(1.2)
}

.testimonial-sec .block-content .custom-arrow .carousel-nav.carousel-prev:hover,.testimonial-sec .block-content .custom-arrow .carousel-nav.carousel-prev:focus {
    transform: rotateY(180deg) scale(1.2)
}

.testimonial-sec .block-content .custom-arrow {
    position: absolute;
    top: 50px;
    right: 40px;
    z-index: 9
}

.testimonial-sec .block-content .testimonial-slider-wrap .slick-arrow {
    top: -10%
}

.testimonial-sec .block-content .testimonial-slider-wrap .slick-prev {
    left: unset;
    right: 30px
}

@keyframes starRateOne {
    0% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 91%;
        opacity: 1
    }
}

@keyframes starRateTwo {
    0% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 90%;
        opacity: 1
    }
}

@keyframes starRateThree {
    0% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 88%;
        opacity: 1
    }
}

@keyframes starRateFour {
    0% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 80%;
        opacity: 1
    }
}

.bottom-cta-sec {
    background: #ebf6ff
}

.bottom-cta-sec .content-wrap {
    padding-top: 40px;
    padding-bottom: 50px
}

.faq-sec {
    background: #ebf6ff
}

.faq-sec .content-wrap {
    padding-top: 40px;
    padding-bottom: 80px;
    border-top: 1px dashed #9cc0e0
}

.faq-sec .block-content {
    max-width: 880px;
    margin: auto
}

.faq-sec .block-content .section-title h2 {
    text-align: center;
    margin-bottom: 60px
}

.faq-sec .block-content .section-title h2:before {
    display: block;
    content: '';
    width: 90px;
    height: 80px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/assist/connect-remote-desktop/sprite.png);
    background-size: 1390px auto;
    background-repeat: no-repeat;
    background-position: -580px -28px;
    margin: auto
}

.faq-sec .block-content .faq-wrap {
    padding-bottom: 20px
}

.faq-sec .block-content .faq-item {
    border-bottom: 1px solid #b0c6db
}

.faq-sec .block-content .faq-item:first-child .faq-ans {
    display: block
}

.faq-sec .block-content .faq-ans {
    display: none;
    padding-bottom: 10px;
    padding-right: 40px
}

.faq-sec .block-content .faq-item h2 {
    margin-bottom: 0;
    padding: 20px 40px 20px 0;
    cursor: pointer;
    position: relative;
    color: #000
}

.faq-sec .block-content .faq-item h2:hover {
    color: #555
}

.faq-sec .block-content .faq-item h2:hover:after {
    border-color: #555
}

.faq-sec .block-content .faq-item h2:after {
    content: '';
    position: absolute;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    width: 10px;
    height: 10px;
    right: 5px;
    top: 25px
}

.faq-sec .block-content .faq-item h2:after {
    transform: rotate(225deg)
}

.faq-sec .block-content .faq-item.active h3:after {
    transform: rotate(45deg)
}
.steps-sec .block-content .steps-block>div:first-child {
    margin-top: 30px;
}
.secured-sec .steps-block .zflex-wrap>div {
    padding-left: 0;
    width: auto;
}

section.secured-sec .img-part {
    width: 40%;
}
.secure-content-part p {
    margin-bottom: 0;
}
.secured-sec-wrap {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
}

.secure-img-part {
    width: 45%;
}

.secure-content-part {
    width: 55%;
    padding: 120px 5%;
}

.secure-img-part img {
    position: relative;
    left: -9%;
    margin-bottom: -9%;
    /* margin-top: 50px; */
}
.secured-sec .content-wrap {
    width: 1170px;
    max-width: 90%;
    /* margin: 0px auto; */
    background: #FFF8ED;
    border-radius: 30px;
    padding-top: 0;
}
.bottom-cta-sec .block-content {
    width: 730px;
    max-width: 98%;
    margin: 0px auto;
}
.faq-sec .block-content .faq-item h2 {font-size:20px;}
.bottom-cta-sec .block-content{margin-top:80px;}

@media only screen and (max-width: 1199px) {
    .steps-sec .block-content .steps-block .steps-count:before {
        left:-21%
    }
    .secure-content-part{
        padding-top:50px;
        padding-bottom:50px;
    }
    .secure-img-part img{
        margin-top:50px;
    }
    .secured-sec-wrap{
        align-items:center;
    }
}

@media only screen and (max-width: 480px) {
    .feature-sec .block-content .custom-arrow {
        display:none
    }

    .feature-sec .block-content .slider-content-box {
        padding-left: unset;
        padding-top: 80px
    }

    .feature-sec .block-content .slider-content-box h3::before {
        background-size: 900px auto;
        width: 70px;
        height: 70px;
        bottom: 30px;
        top: unset;
        left: unset !important
    }

    .feature-sec .block-content .sbox1 h3::before {
        background-position: -3px -8px
    }

    .feature-sec .block-content .sbox2 h3::before {
        background-position: -77px -10px
    }

    .feature-sec .block-content .sbox3 h3::before {
        background-position: -147px -8px
    }

    .feature-sec .block-content .sbox4 h3::before {
        background-position: -216px -10px;
        width: 75px
    }

    .feature-sec .block-content .sbox5 h3::before {
        background-position: -585px -10px
    }

    .feature-sec .block-content .sbox6 h3::before {
        background-position: -538px 0;
        width: 75px;
        background-size: 740px auto
    }

    .feature-sec .block-content .sbox7 h3::before {
        background-position: -697px -10px;
        background-size: 840px auto
    }

    .feature-sec .block-content .sbox8 h3::before {
        background-position: -730px 0;
        height: 75px;
        background-size: 800px auto
    }

    .steps-sec .block-content .section-title {
        display: block
    }

    .steps-sec .block-content .section-title .title-icon {
        margin: auto
    }

    .steps-sec .block-content .section-title h2 {
        padding-left: unset;
        padding-top: 20px;
        text-align: center
    }

    .steps-block .zflex-wrap>div {
        padding-left: 15%
    }

    .steps-sec .block-content .steps-block .steps-content::before {
        top: 65px;
        left: -45px
    }

    .testimonial-sec .block-content .custom-arrow {
        display: none
    }

    .zflex-wrap.step1 .img-part>div {
        width: 90%
    }
}

@media only screen and (min-width: 481px) {
    .feature-sec .block-content .section-title {
        padding-right:120px
    }

    .feature-sec .block-content .custom-arrow {
        top: 20px
    }

    .testimonial-sec .block-content .section-title {
        padding-right: 120px
    }
}

@media only screen and (max-width: 767px) {
    .haspadd .content-wrap {
        padding:40px 0
    }

    .banner-sec .banner-right .banner-img-wrap {
        margin-bottom: 30px
    }

    .feature-sec .block-content .slidercontent {
        display: block
    }

    .feature-sec .block-content .slider-content-box {
        margin-right: 0
    }

    .feature-sec .block-content .slider-content-left,.feature-sec .block-content .slider-content-right {
        width: 100%;
        max-width: 100%
    }

    .testimonial-sec .block-content .slidercontent {
        display: block
    }

    .testimonial-sec .block-content .testi-content-box {
        margin-top: 20px
    }

    .steps-block .zflex-wrap>div {
        width: 80%;
        padding-left: 0;
        margin: 0 auto 50px
    }

    .steps-sec .block-content .steps-block .steps-count {
        top: 0;
        position: absolute;
        left: 0
    }

    .zflex-wrap .img-part>div {
        margin: 0 auto
    }

    .steps-block .zflex-wrap>div[class^="inup"] {
        padding-top: 80px
    }

    .steps-sec .block-content .steps-block>div {
        text-align: left;
        margin-top: 0
    }

    .zflex-wrap.step2 {
        flex-direction: column-reverse
    }

    .zflex-wrap.step1 .img-part>div {
        max-width: 85%
    }

    .zflex-wrap.step2 .img-part>div {
        width: 90%
    }

    .zflex-wrap.step3 .img-part>div {
        width: 80%
    }

    .steps-content {
        width: 100%;
        max-width: 100%
    }
    .secured-sec-wrap>div{
        width: 100%;
    }
    .secure-content-part{
        max-width: 610px;
        margin: 0px auto;
        padding: 20px 0 30px 0;
    }
    .secure-img-part img{
        left: 0;
        margin-bottom: 0;
        width: 300px;
    }
    .secured-sec-wrap{
        padding: 20px;
        align-content: center;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .haspadd .content-wrap {
        padding:80px 0
    }

    .zflex-two-col {
        width: 50%
    }

    .zflex-row-reverse-lg {
        flex-direction: row-reverse
    }

    .testimonial-sec .block-content .slidercontent .testi-content-box {
        padding-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .banner-sec .banner-inner {
        display:block
    }

    .banner-sec .banner-inner .banner-left,.banner-sec .banner-inner .banner-right {
        margin: auto;
        max-width: 630px
    }

    .banner-content-wrap {
        text-align: center
    }
}

@media only screen and (min-width: 992px) {
    .haspadd .content-wrap {
        padding:140px 0
    }

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

    .banner-sec .banner-inner .banner-left {
        width: 45%;
        padding-right: 20px
    }

    .banner-sec .banner-inner .banner-right {
        width: 55%
    }

    .testimonial-sec .block-content {
        padding: 70px 120px 60px
    }

    .testimonial-sec .block-content .section-title {
        margin-bottom: 60px
    }

    .testimonial-sec .block-content .custom-arrow {
        top: 62px;
        right: 120px
    }
}

@media screen and (min-width: 1200px) {
    .banner-sec .banner-left h1 {
        font-size:34px
    }

    .banner-sec .banner-right .banner-img-wrap {
        left: 9.8%
    }
    
    h3 {
        font-size:23px;
    }

    .testimonial-sec .block-content .slidercontent .testi-content-box p,.faq-sec .block-content .faq-item h2 {
        font-size: 20px
    }
}

@media all and (min-width: 1200px) {
    .fadeinup {
        opacity:0;
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)
    }

    .fadeindown {
        opacity: 0;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)
    }

    .fadeinleft {
        opacity: 0;
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px);
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)
    }

    .fadeinright {
        opacity: 0;
        -webkit-transform: translateX(70px);
        transform: translateX(70px);
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        -moz-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        -ms-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);
        -o-transition: all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)
    }

    .in-view .fadeinup,.in-view .fadeindown {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-filter: "alpha(opacity=100)"
    }

    .in-view .fadeinleft,.in-view .fadeinright,.in-view.fadeinleft,.in-view.fadeinright {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-filter: "alpha(opacity=100)"
    }

    .delay1 {
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .delay2 {
        -webkit-transition-delay: 400ms;
        transition-delay: 400ms
    }

    .delay3 {
        -webkit-transition-delay: 600ms;
        transition-delay: 600ms
    }

    .delay4 {
        -webkit-transition-delay: 800ms;
        transition-delay: 800ms
    }

    .delay5 {
        -webkit-transition-delay: 1000ms;
        transition-delay: 1000ms
    }

    .delay6 {
        -webkit-transition-delay: 1200ms;
        transition-delay: 1200ms
    }

    .delay7 {
        -webkit-transition-delay: 1400ms;
        transition-delay: 1400ms
    }

    .delay8 {
        -webkit-transition-delay: 1600ms;
        transition-delay: 1600ms
    }

    .delay9 {
        -webkit-transition-delay: 1800ms;
        transition-delay: 1800ms
    }

    .delay10 {
        -webkit-transition-delay: 2000ms;
        transition-delay: 2000ms
    }
}