#scroll, .heading-menu {display:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;margin-bottom:16px;line-height:1.2;} h3 {font-size:25px;}
p, li, span {font-size:16px;line-height:1.8;margin:0;padding:0;}
.container {max-width: 1170px;}
.banner {background:#e7f2fe;padding:80px 0;}
.banner-row {display: -webkit-box;display: -ms-flexbox;-ms-flex-wrap: wrap;display: flex;gap: 50px;flex-wrap:wrap;align-items:center;}
.banner-row > .cell:nth-child(1) {width:60%;} .banner-row > .cell:nth-child(2) {width:calc(40% - 50px);}
.banner-row > .cell h1 {font-size: 48px;line-height: 1.3;font-weight: 600;color:#000;}
.banner-row > .cell a {display:inline-block;padding:12px 24px;font-size:18px;font-weight:400;transition: all .3s;margin-top:16px;background:#f60014;color:#fff;position:relative;padding-right:40px;}
.banner-row > .cell a:after {content:"";position:absolute;width: 4px;height: 4px;right: 24px;top: 50%;border: 2px solid #fff;border-left: 2px solid transparent;border-top: 2px solid transparent;transform: rotate(-45deg) translateY(-50%);}
.banner-row > .cell a:hover {text-decoration:none;background:#ff4453;color:#fff;}
.body-wrapper * {color:#000;}
.body-wrapper img {border:1px solid #bbb;}
.body-wrapper {position:relative;}
.body-wrapper > .sec {padding:80px 0;}
/*.body-wrapper > .sec:nth-child(even) {background:#f9f9f9;}*/
.sec-hglt {background:#f9f9f9;}
.inner-wrapper > .inner-sec {padding:40px 0;}
.inner-row {display: none;gap: 40px;align-items:center;padding: 50px 0;flex-wrap:wrap;}
.inner-row > .inner-cell:nth-child(1){width:40%;}
.inner-row > .inner-cell:nth-child(2){width:calc(60% - 40px);}
.inner-wrapper > .inner-row:nth-child(even){flex-direction:row-reverse;}
.inner-row.active {display:flex;}
.no-brdr {border:0 !important;}

.inner-wrapper > .container {margin-top: -50px;}
.inner-wrapper > .container > .inner-row {background: #fff;margin-bottom: 70px;}

.d-flx {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-wrap: wrap;}
.align-both-center {align-items: center;justify-content: center;}
.items-center {align-items: center;}
.content-center {justify-content: center;}


.sec-title {margin-bottom:16px;}
.sec-title > h2 {font-size:35px; font-weight:600;}
.bg1 {background:#1c64de;}
.align-center {text-align:center;}
.fea-img {text-align:center;}
.fea-img > img {width:90%;}
.top-fea-img {text-align:center;}
.top-fea-img > img {width:95%;}
.top-fea {display:flex;justify-content:center;flex-direction:column;margin-top:16px;}
.top-fea > li {padding-bottom:10px;padding-left:30px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5;}
.top-fea > li:last-child{padding-bottom:0;}
/*.top-fea > li:before {content: counter(item);position:absolute;width: 32px;height: 32px;background: #e9f0ff;border-radius: 50%;left:0;text-align: center;font-weight: 400;line-height: 2;margin-left: 24px;color:#2c3e7a;}*/
 .top-fea > li::before {
                position: absolute;
                content: "";
                left: 7px;
                top: 10px;
                width: 4px;
                height: 8px;
                border-right: 1.25px solid #fff;
                border-bottom: 1.25px solid #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                z-index: 1;
            }

            .top-fea > li::after {
                position: absolute;
                content: "";
                left: 0;
                top:6px;
                width: 18px;
                height: 18px;
                border-radius: 100px;
                background: #5b84ff;
            }

.bg1 h2, .bg1 ul li {color:#fff;}
.bg1 ul > li::before {border-color:#fff !important;}
.bg1 ul > li::after {border-color:#fff !important;}
.bg-dashboard {position:relative;}
.bg-dashboard::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: url("https://www.manageengine.com/network-monitoring/images/npm-wave-1940.svg") no-repeat scroll center bottom;
            background-size: 100%;
            z-index: -1;
        }

.main-screen {margin-top:24px;padding:16px;border:1px solid #d0d0d0;background:#fff;border-radius:8px;} .main-screen > img {border-radius:8px;}
.main-screen > img {/*-webkit-box-shadow: 0 0 30px 0 rgb(165 160 160 / 50%);box-shadow: 0 0 30px 0 rgb(165 160 160 / 50%);*/}
.steps {margin-top:24px;}
.d-flx.gap1 {gap:32px;}
.d-flx > .steps-cell {width:calc(50% - 32px);display:flex;flex-direction:column;background:#fff;padding:24px;box-sizing:border-box;gap:32px;}

.simple-steps-content {margin-top: 50px;} .simple-steps-content  img {margin-top:24px;}
.simple-steps-sticky {position:sticky;top:120px;}
.body-wrapper img {/*-webkit-box-shadow: 0 0 20px 0 rgb(214 214 214 / 60%);box-shadow: 0 0 20px 0 rgb(214 214 214 / 60%);border:1px solid #ccc;*/border-radius:8px;}
.no-shadow{-webkit-box-shadow: none !important;box-shadow:none !important;}

.sec > .container > .sec-row {margin-bottom:60px;}
.sec > .container > .sec-row:last-child {margin-bottom:0}
.hglt1 {background: #f3f9ff;}


.d-flx > .cell {flex:1;}
.benefit-img {text-align:center;}
.benefit-img > img {max-width:400px;}
.ct-wid {width:90%;margin:0 auto;}

.contents {position:relative;}
.contents ul {margin-top:24px;} .contents img {margin-top:32px;}
/*.top-fea-sec {background: #f6faff;}*/
.top-fea-sec h2 {color:#000;}
.top-fea-nav {display:flex;justify-content:center;flex-wrap:wrap;}
.top-fea-nav > a {padding:8px 16px;transition:all .3s ease-in-out;background:#fff;color:#0b5fb2;border-bottom:1px solid #ccc;position:relative;}
.top-fea-nav > a:hover {text-decoration:none;background:#e7f0ff;}
.top-fea-nav > a:before {content:"";position:absolute;width:0%;height:1px;left:0;bottom:0;transition:all .3s;}
.top-fea-nav > a.active:before {background:#037bf2;height:3px;border-radius:12px;bottom:-1px;width:100%;}
.pb0 {padding-bottom:0 !important;}
.ml0 {margin-left:0;} .mt1 {margin-top:24px;}
#VideosAndLogos {background:#fff;}

.zoom-icon {top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s;opacity:0;}
.zoomicon:hover .zoom-icon {opacity:1;}
.zoomicon {transition:all .3s ease-in-out;}
.zoomicon:hover:before {content:"";position:absolute;background:#000;z-index:1;width:100%;height:100%;top:0;left:0;opacity:.2;transition:all .3s ease-in-out;}

@media screen and (max-width:1200px) {
.container {max-width:95%;}
}
@media screen and (max-width:1024px) {
.container {max-width:90%;}
}
@media screen and (max-width:880px) {
.banner {padding-bottom:0;}
.banner-row > .cell {width:100% !important;text-align:center;} 
.ct-wid {width:100%;}
.inner-row {flex-direction:column-reverse !important;}
.simple-steps-sticky {position:relative;top:0;}
.d-flx > .cell {flex:auto;} .top-fea > li, .inner-row > .inner-cell, .d-flx > .cell, .d-flx > .steps-cell {width:100% !important;}


}
@media screen and (max-width:768px) {

}
@media screen and (max-width:600px) {
.top-fea-nav > a {width:100%;}
}