.btm-img-capps,.btm-img-nm-apps{
        position: absolute;
        top: -40px;
        width: 200px;
        height: 200px;
        z-index: 1;
    }
    .btm-img-capps {
        right: 0;
    }
    .btm-img-nm-apps{
        left: 0;
    }
    .btm-img-mrapps{
        position: absolute;
        top: 100px;
        left: -25%;
        width: 150%;
        height: 120px;
        z-index: 1;
        -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
                transform: scale(0.6);
        -webkit-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;
        -webkit-box-shadow: 0 30px 60px #ccc;
                box-shadow: 0 30px 60px #ccc;
    }
    .btm-img-smart{
        position: absolute;
        top: -40px;
        left: 0;
        width: 230px;
        height: 440px;
        z-index: 1;
       display:none;
    }
.zcr-banner .zcr-btn-brd{color: #fff;
    margin-left: 9px;
    border-color: #fff;}
    .btm-server-one img,.btm-server-two img,.btm-server-three img{
        border-radius: 50%;
    }
    .btm-server-one,.btm-server-two,.btm-server-three{
    position: absolute;
        width: 80px;
        height: 80px;
        z-index: 1;
        border-radius: 50%;
        -webkit-box-shadow: 0 20px 40px #e2e2e2;
                box-shadow: 0 20px 40px #e2e2e2;
    -webkit-transform:scale(0.5);
        -ms-transform:scale(0.5);
            transform:scale(0.5);
    -webkit-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    }
    .btm-server-one {
            top: 50%;
        left: 40%;
    }
    .in-view .btm-img-mrapps,.in-view .btm-server-one,.in-view .btm-server-two,.in-view .btm-server-three {
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
    }
    .btm-server-two {
        top: 0%;
        left: 15%;
    }
    .btm-server-three {
        top: 3%;
        left: 62%;
    }
    .in-view .btm-server-one{
        -webkit-transition-delay: 0.8s;
             -o-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }
    .in-view .btm-server-two{
        -webkit-transition-delay: 1s;
             -o-transition-delay: 1s;
                transition-delay: 1s;
    }
    .in-view .btm-server-three{
        -webkit-transition-delay: 1.2s;
             -o-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }
    @-webkit-keyframes updown{
        0%{-webkit-transform:translateY(0);transform:translateY(0)}
        50%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}
        100%{-webkit-transform:translateY(0);transform:translateY(0)}
    }
    @keyframes updown{
        0%{-webkit-transform:translateY(0);transform:translateY(0)}
        50%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}
        100%{-webkit-transform:translateY(0);transform:translateY(0)}
    }
.features-video{
   position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #000;
    border-radius: 25px;
    color: #fff;
    padding: 12px 20px 10px 53px;
    display: inline-block;
    z-index: 9;
    cursor: pointer;
    user-select: none;
    font-family: var(--zf-primary-semibold);
    font-size: 15px;
    width: auto;
    height: auto;
    white-space: nowrap;
    border: 1px solid #ffffff45;
    box-shadow: 0 0 20px rgb(33 33 33 / 53%);
}
.features-video:before,.features-video:after{
content: "";
    position: absolute;
}
.features-video:before{
    left: 15px;
    top: 10px;
    width: 26px;
    height: 26px;
    border: 1px solid #21a174;
    box-sizing: border-box;
    border-radius: 100%;
    background: #21a174;
}
.features-video:after{
    left: 26px;
    top: 18px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
}
    .fr-section3  .zcr-cnt-img {
        max-width: 60%;
    }
.zcr-bnr-left h1{
    max-width: 460px;
}
.fr-section1 h2{
    max-width: 400px;
}
.fr-section5  h2{
    max-width: 820px;
}
.fr-section4 .zcr-cnt-img,.fr-section8 .zcr-cnt-img{
margin: 0 auto;
}
.fr-section4 .zcr-cnt-img{
    max-width: 80%;
}
.fr-section8 .zcr-cnt-img{
    max-width: 75%;
}
    @media(min-width:1200px){
    .btm-img-capps,.btm-img-nm-apps,.btm-img-smart,.btm-img-mrapps{
    -webkit-animation: updown 10s linear infinite;
            animation: updown 10s linear infinite;
    }
    .mbl-img{
    display:none;
    }
    }
    @media(max-width:1199px){
    .mbl-img{
    display:block;
    }
    .web-img,.btm-img-mrapps{
    display:none;
    }
    }
@media(min-width:768px) and (max-width:1016px){
.zcr-banner .zcr-btn-brd{
    margin: 20px 0 0;
    display: block;
    max-width: 180px;
}
}
    @media(max-width:991px){
    .btm-img-capps{
        top: -10px;
        width: 50%;
        height: 100%;
    }
    .btm-img-capps img{
    height:100%;
    }
    .btm-img-nm-apps{
        top: -20px;
        left: 0;
        width: 40%;
        height: 60%;
    }
    .fr-section3 .zcr-cnt-img{
        max-width: 75%;
    }
    .btm-img-mrapps{
        top: 70px;
        left: 0px;
        width: 100%;
        height: 70px;
    }
    .btm-img-smart{
        top: -20px;
        left: 0;
        width: 40%;
        height: 100%;
    }
    .in-view .btm-server-one, .in-view .btm-server-two, .in-view .btm-server-three {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
    }
    }
    @media(max-width:767px){
    .fr-section3 .zcr-cnt-img{
    max-width: 400px;
    }
.fr-section4 .zcr-cnt-img,.fr-section8 .zcr-cnt-img{
    margin: 30px 0 0;
}
.zcr-banner .zcr-btn-brd{
max-width:162px;
display:block;
margin:20px 0 0;
}
    }