.nav-clo {
        display: block !important;
    }

    .nav-dwn-icon {
        display: none
    }

    .nav-dwn a, .prd-nav .btm-dwn a {
        background: #dd002c !important;
        border-radius: 3px !important;
        font-size: 20px !important;
        padding: 4px 0 !important;
    }

    body {
        margin: 0;
        padding: 0;
        line-height: 1;
        overflow-x: hidden
    }

    #header-mainsec {
        top: 40px
    }

    section#elacutomerlogos + #allFea, #elacutomerlogos, .heading-menu {
        display: none
    }

    .zsiq_theme1 .zsiq_flt_rel {
        border-radius: 48px 0 0 0 !important
    }

    @media screen and (max-width: 1080px) {
        nav ul.header-nav > li:first-child {
            padding: 0
        }

        nav ul.header-nav > li {
            padding: 0 0 0 16px
        }
    }

    .af *, .af {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 300
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block
    }

    .fea-nav-link span {
        width: 16%
    }

    #allFea .sec-pTB {
        padding: 0;
        margin-bottom: 53px
    }

    .sec-pTB {
        width: 100%;
        padding: 0 25px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .bred-arr {
        display: flex;
    }

    .bred-arr ul li {
        float: left;
        margin: 0 15px
    }

    .bred-arr ul li:first-child {
        margin-left: 0
    }

    .bred-arr ul li:after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        border: 1px solid #333;
        border-left: 0;
        border-bottom: 0;
        transform: rotate(45deg);
        margin: 10px 0 0 8px
    }

    .bred-arr ul li:last-child:after {
        opacity: 0
    }

    .bred-arr * {
        font-size: 14px;
        font-weight: 400;
        line-height: 27px
    }

    .bred-arr ul li a {
        color: $03A9F4;
    }

    .bred-arr ul li a:hover {
        color: #03A9F4;
    }

    .bred-arr ul li span {
        color: #000;
    }

    .fea-nav.container {
        max-width: 1300px
    }

    #allFea h2 {
        text-align: center;
        font-size: 28px;
        line-height: 32px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 48px;
        color: #000
    }

    .fea-nav-link {
        background: 0 0;
        border-bottom: 1px solid #efefef;
        padding: 0;
        margin-top: 0;
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .fea-nav-list {
        background: 0 0;
        margin-top: 47px;
        padding-left: 80px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .fea-list-cont > ul li {
        padding: 0;
        position: relative;
        margin-bottom: 20px
    }

    .fea-list-cont > ul li:before {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: -3px;
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: #959595
    }

    .fea-nav-list a {
        font-size: 14px;
        color: #333;
        padding-left: 14px;
        vertical-align: middle;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        line-height: 22px;
        display: block
    }

    .log-analyser-base li {
        list-style: none
    }

    .fea-nav-link span.act {
        background: 0 0;
        color: #26797f;
        font-weight: 500;
        font-size: 14px;
        width: calc(100% / 6)
    }

    .fea-nav-link span {
        float: none;
        background: 0 0;
        font-size: 15px;
        font-weight: 300;
        color: #676767;
        padding: 9px 16px;
        line-height: 20px !important;
        width: calc(100% / 6);
        min-height: 50px;
        display: table-cell;
        vertical-align: middle
    }

    .fea-nav-link span.act:after {
        position: absolute;
        left: 5px;
        border: none;
        width: 100%;
        height: 2px;
        background: #26797f;
        bottom: -1px
    }

    .fea-nav-link span.act:before {
        display: none
    }

    ol, ul {
        list-style: none
    }

    blockquote, q {
        quotes: none
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .af {
        font-family: "ZohoPuvi";
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        margin: 0;
        padding: 0
    }

    .af h1, .af h2, .af h3, .af h4, .af h5, .af h6 {
        margin: 0;
        color: #000
    }

    .af ul {
        padding-left: 0;
        margin: 0
    }

    .af li {
        list-style-type: none
    }

    .af a {
        text-decoration: none;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .af a:hover {
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .af div, .af a, .af ul, .af li, .af input, .af p, .af h1, .af h2, .af span {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .af div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .af {
        width: 100%;
        display: block;
        position: relative
    }

    .ac {
        margin: 0 auto;
        position: relative;
        max-width: 1200px;
        width: 90%
    }

    @media screen and (max-width: 1350px) {
        .ac {
            padding-left: 35px
        }
    }

    @media screen and (max-width: 992px) {
        .ac {
            padding: 0
        }

        .fea-nav-link, .fea-nav-list {
            display: none
        }
    }

    .lhs, .rhs {
        float: left
    }

    .ani {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 0
    }

    .ani.act {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }

    .top {
        float: left;
        padding: 12.5px 0;
        position: absolute;
        top: 0;
        width: 100%;
        padding-bottom: 110px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .mmenu, .mob-spri {
        display: none
    }

    .ban {
        padding: 60px 0 80px;
        background-size: cover;
        display: table;
        background: #faebe6;
        background: -o-linear-gradient(left, #ffd9d7 20%, #faefc4 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ffd9d7), to(#faefc4));
        background: linear-gradient(to right, #ffd9d7 20%, #faefc4 100%)
    }

    .ban .lhs {
        width: calc(100% - 482px);
        position: relative;
        z-index: 1;
        padding: 0 84px 0 0;
        margin-top: 40px
    }

    .ban .lhs h1 {
        font-size: 40px;
        line-height: 54px;
        font-weight: 600;
        padding-bottom: 8px;
        color: #000;
        text-align: left
    }

    .ban .lhs h1 br {
        display: none
    }

    .ban .lhs h1 strong {
        font-weight: 300
    }

    .ban .lhs p {
        font-size: 25px;
        line-height: 1.6;
        color: #000;
        margin-bottom: 30px
    }

    .ban .rhs .bg, .ban .rhs .bg span, .ban .rhs .bg .icons::after, .ban .rhs .bg .icons::before {
        display: inline-block;
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-banner-2022.png) no-repeat;
        background-size: 491px;
        position: absolute
    }

    .ban .rhs {
        width: 482px;
        position: relative;
        float: right;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .ban .rhs .bg {
        background-position: -3px -5px;
        width: 482px;
        height: 279px
    }

    .ban .rhs .bg .gear {
        background-position: -216px -304px;
        width: 259px;
        height: 259px;
        top: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-animation: gear 20s linear infinite;
        animation: gear 20s linear infinite
    }

    @-webkit-keyframes gear {
        to {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }
    }

    @keyframes gear {
        to {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }
    }

    .ban .rhs .bg .icons {
        background-position: -19px -326px;
        width: 168px;
        height: 66px;
        top: 20px;
        bottom: 0;
        left: 40px;
        margin: auto;
        -webkit-animation: bannerIcons .4s .6s linear both, bannerIcons3 5s 2s linear infinite;
        animation: bannerIcons .4s .6s linear both, bannerIcons3 5s 2s linear infinite;
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right
    }

    @-webkit-keyframes bannerIcons {
        from {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes bannerIcons {
        from {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    .ban .rhs .bg .icons::after {
        content: '';
        background-position: -19px -417px;
        width: 57px;
        height: 57px;
        right: -130px;
        top: -58px;
        -webkit-animation: bannerIcons2 .6s 1s linear both;
        animation: bannerIcons2 .6s 1s linear both
    }

    .ban .rhs .bg .icons::before {
        content: '';
        background-position: -88px -417px;
        width: 56px;
        height: 56px;
        right: -158px;
        bottom: -16px;
        -webkit-animation: bannerIcons2 .6s 1.4s linear both;
        animation: bannerIcons2 .6s 1.4s linear both
    }

    @-webkit-keyframes bannerIcons2 {
        from {
            right: -60px;
            top: 40px
        }
    }

    @keyframes bannerIcons2 {
        from {
            right: -60px;
            top: 40px
        }
    }

    @-webkit-keyframes bannerIcons3 {
        from, to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }
    }

    @keyframes bannerIcons3 {
        from, to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }
    }

    .ban .rhs .bg .man-laptop {
        background-position: -34px -584px;
        width: 383px;
        height: 369px;
        bottom: -172px;
        left: 0;
        right: 0;
        margin: auto
    }

    .top.sticky {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        padding: 10px 0;
        right: 0;
        -webkit-box-shadow: 0 1px 12px 2px rgba(65, 38, 209, 0.122);
        box-shadow: 0 1px 12px 2px rgba(65, 38, 209, 0.122);
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-animation: menuani .5s linear 1s both;
        animation: menuani .5s linear 1s both;
        z-index: 9
    }

    @-webkit-keyframes menuani {
        from {
            -webkit-transform: translateY(-150px);
            transform: translateY(-150px)
        }

        to {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    @keyframes menuani {
        from {
            -webkit-transform: translateY(-150px);
            transform: translateY(-150px)
        }

        to {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    @media screen and (max-width: 1240px) {
        .ban .lhs h1 {
            font-size: 32px !important;
            line-height: 1.3
        }

        .ban .lhs p {
            font-size: 22px;
            line-height: 1.4
        }
    }

    @media screen and (max-width: 1100px) {
        .ban .rhs {
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            transform: scale(0.8);
            width: 430px
        }

        .ban .lhs {
            width: calc(100% - 430px);
            padding: 0
        }

        .top {
            padding-right: 5%
        }
    }

    @media screen and (max-width: 992px) {
        .mob-hide, .fea-tab-top, .cred .inn:before, .cred .inn .rhs ul li:before {
            display: none
        }

        .top {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            padding: 8px 1%;
            -webkit-box-shadow: 0 2px 22px -7px rgba(0, 0, 0, 0.259);
            box-shadow: 0 2px 22px -7px rgba(0, 0, 0, 0.259);
            z-index: 9;
            background: #fff
        }

        .mob-hide, .log .inn:before {
            display: none
        }

        .ban-cli {
            padding: 50px 0 0
        }

        .top ul {
            position: fixed;
            width: 270px;
            background: #fff;
            right: -100%;
            height: 100%;
            top: 0;
            -webkit-box-shadow: 0 2px 22px -7px rgba(0, 0, 0, 0.078);
            box-shadow: 0 2px 22px -7px rgba(0, 0, 0, 0.078);
            -webkit-transition: all ease .5s;
            -o-transition: all ease .5s;
            transition: all ease .5s;
            padding-top: 60px
        }

        .top ul li {
            width: 100%;
            border-bottom: 0 solid #d0d0e0
        }

        .top ul li a {
            display: block;
            padding: 10px 25px 10px 35px
        }

        .top ul li:last-child {
            margin-left: 0;
            margin-top: 18px;
            text-align: center
        }

        .top ul li:last-child a {
            width: 70%;
            margin: auto;
            padding: 6px 8px 6px 35px
        }

        .top ul.act {
            right: 0
        }

        .mmenu {
            top: 25px;
            display: block;
            position: fixed;
            right: 20px;
            font-size: 25px;
            text-align: center;
            line-height: 26px !important;
            border-radius: 2px;
            z-index: 9;
            font-weight: 300;
            width: 25px;
            height: 28px;
            cursor: pointer
        }

        .mmenu i {
            width: 100%;
            height: 2px;
            background: #000;
            display: inline-block;
            float: left;
            top: 0;
            left: 0;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            position: absolute;
            cursor: pointer
        }

        .mmenu i:nth-child(2) {
            top: 8px;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .mmenu i:nth-child(3) {
            top: 16px
        }

        .mmenu.act i {
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .mmenu.act i:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 10px
        }

        .mmenu.act i:nth-child(2) {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0)
        }

        .mmenu.act i:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 10px
        }

        .ban {
            padding: 80px 0
        }

        .ban .lhs {
            width: 100%;
            padding: 0
        }

        .ban .lhs h1 br {
            display: block
        }

        .ban .rhs {
            display: none
        }

        .ban .lhs h1 {
            font-size: 30px;
            text-align: center
        }

        .ban .lhs p {
            text-align: center;
            width: 80%;
            margin: 0 auto;
            margin-bottom: 30px
        }

        .top ul li a:before {
            left: 0
        }

        .top ul li:nth-child(4) a:before {
            background-position: -305px -10px;
            width: 14px;
            height: 14px;
            left: 48px;
            top: 11px
        }

        .top.sticky {
            -webkit-animation: none;
            animation: none
        }

        .ban .lhs {
            margin-top: 0
        }
    }

    @media screen and (max-width: 600px) {
        .ban {
            padding: 60px 0
        }

        .ban .lhs h1 {
            font-size: 22px !important;
            margin-bottom: 10px !important;
            line-height: 1.3
        }

        .ban .lhs h1 br {
            display: none
        }

        .ban .lhs p {
            font-size: 18px;
            width: 100%;
            margin-bottom: 22px
        }
    }

    .one-line-form {
        width: 528px;
        margin-top: 15px
    }

    .one-line-form * {
        font-size: 14px;
        outline: 0;
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .one-line-form > form > ul {
        margin: 0;
        padding: 0;
        background: #fff;
        display: table;
        padding: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.188);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.188);
        position: relative
    }

    .one-line-form > form > ul li {
        list-style-type: none;
        float: left;
        border: none
    }

    .one-line-form > form > ul li:nth-child(1) {
        width: 270px;
        position: relative;
        border-radius: 3px 0 0 3px;
        border-right-width: 0
    }

    .one-line-form > form > ul li:nth-child(1) .form-icn {
        background: transparent;
        width: 38px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px 0 0 3px
    }

    .one-line-form > form > ul li:nth-child(1) .form-icn .icn-mail {
        width: 17px;
        height: 12px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -67px -8px;
        background-size: 284px
    }

    .one-line-form > form > ul li:nth-child(1) input {
        font-size: 14px;
        padding-left: 40px
    }

    .one-line-form > form > ul li:nth-child(1) input::-webkit-input-placeholder {
        color: #b3b3b3
    }

    .one-line-form > form > ul li:nth-child(1) input::-moz-placeholder {
        color: #b3b3b3
    }

    .one-line-form > form > ul li:nth-child(1) input:-ms-input-placeholder {
        color: #b3b3b3
    }

    .one-line-form > form > ul li:nth-child(1) input::-ms-input-placeholder {
        color: #b3b3b3
    }

    .one-line-form > form > ul li:nth-child(1) input::placeholder {
        color: #b3b3b3
    }

    .one-line-form > form > ul li:nth-child(2) {
        width: 50px;
        border-left: 0;
        border-right: 0;
        position: relative
    }

    .one-line-form > form > ul li:nth-child(3) {
        padding-left: 0;
        border-color: #d63327;
        border-radius: 0 3px 3px 0;
        position: relative
    }

    .one-line-form > form > ul li .ffw-errmsg {
        display: none;
        color: #fff;
        font-size: 12px;
        margin-top: -27px;
        position: absolute;
        font-weight: 300;
        white-space: nowrap;
        background: #de5547;
        border-radius: 2px;
        left: -3px;
        padding: 0 8px;
        line-height: 20px
    }

    .one-line-form > form > ul li input {
        width: 100%;
        height: 50px;
        border: 0;
        padding: 0 10px;
        font-size: 14px;
        color: #000;
        font-weight: 400
    }

    .one-line-form > form > ul li .selectedCountry {
        text-align: left;
        width: 50px;
        height: 33px;
        top: 4px;
        position: absolute;
        color: #000;
        font-size: 14px;
        margin: 5px 0 0;
        line-height: 33px;
        left: 0;
        padding-left: 8px;
        border-left: 1px solid #e5e5e5;
        font-weight: 300
    }

    .one-line-form > form > ul li .selectedCountry:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #1e0437;
        z-index: 0;
        right: 10px;
        top: 15px
    }

    .one-line-form > form > ul li .selectedCountry:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 33px;
        top: 0;
        right: 0;
        background-color: #e6e6e6;
        display: none
    }

    .one-line-form > form > ul li input[type="submit"] {
        font-size: 16px;
        background: #de5547;
        color: #fff;
        padding: 0 26px;
        cursor: pointer;
        font-weight: 500;
        height: 50px;
        border: 0;
        border-radius: 0 3px 3px 0;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .one-line-form > form > ul li input[type="submit"]:hover {
        background: #fe4834;
        -webkit-box-shadow: 0 0 15px rgba(222, 86, 71, 0.4);
        box-shadow: 0 0 15px rgba(222, 86, 71, 0.4)
    }

    .one-line-form > form > ul li select {
        font-weight: 300;
        width: 50px;
        height: 47px;
        border: 0;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        margin: 0;
        z-index: 9;
        position: relative;
        color: #000;
        font-size: 12px;
        opacity: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
        float: left
    }

    .one-line-form > form > ul li select.commonselect {
        position: relative;
        font-size: 14px;
        opacity: 1;
        width: 70px;
        float: left;
        padding-left: 0;
        line-height: 22px;
        top: 2px
    }

    .one-line-form > form > .misc-field .dwn-priv {
        margin-top: 0;
        line-height: 18px;
        font-weight: 300;
        padding-top: 5px
    }

    .one-line-form > form > .misc-field .dwn-priv, .one-line-form > form > .misc-field .dwn-priv * {
        font-size: 11px;
        color: rgba(0, 0, 0, 0.7);
        line-height: 18px
    }

    .one-line-form > form > .misc-field .dwn-priv strong {
        font-weight: 600
    }

    .one-line-form > form > .misc-field .dwn-priv a {
        font-size: 11px;
        text-decoration: underline
    }

    .one-line-form > form > .misc-field #meGDPRMessage {
        line-height: 16px;
        margin: 5px 0 0 !important;
        width: 100%
    }

    .one-line-form > form > .misc-field #meGDPRMessage label {
        font-size: 11px;
        line-height: 18px;
        color: #000;
        font-weight: 300;
        opacity: .8
    }

    .one-line-form > form > .misc-field #meGDPRMessage .checkmarkgdpr {
        margin-bottom: 0
    }

    #meGDPRMessage span.checkmarkgdpr {
        width: 12px;
        height: 12px;
        top: 1px
    }

    #meGDPRMessage span.checkmarkgdpr.enableCheckgdpr::before {
        top: 1px;
        left: 3px
    }

    .one-line-form > form > .misc-field::before {
        content: " ";
        display: table;
        clear: both
    }

    .one-line-form > form > .misc-field * {
        color: #a6a6a6;
        font-weight: 300
    }

    .one-line-form > form > .misc-field strong {
        font-weight: 600
    }

    .one-line-form > form > .misc-field a {
        color: rgba(0, 0, 0, 0.7);
        text-decoration: underline;
        font-size: 11px;
    }

    .one-line-form > .success-message {
        display: none
    }

    .one-line-form > .success-message h2 {
        margin-bottom: 10px;
        color: #793623;
        font-size: 30px;
        font-weight: 500
    }

    .one-line-form > .success-message p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        color: #000
    }

    .one-line-form.success ul {
        display: none
    }

    .one-line-form.success form {
        display: none
    }

    .one-line-form.success .success-message {
        display: block
    }

    .one-line-form.success .misc-field {
        display: none
    }

    .one-line-form.with-state {
        width: 578px
    }

    .one-line-form.with-state ul li #headerCountryListItem:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #1e0437;
        z-index: 0;
        right: 7px;
        top: 23px
    }

    .one-line-form.with-state ul li:nth-child(1) {
        margin-left: 0;
        width: 225px
    }

    .one-line-form.with-state ul li .commonselect {
        margin-left: 8px
    }

    .one-line-form.with-state ul li .selectedCountry:after {
        display: block
    }

    .one-line-form.with-state ul li:nth-child(2) {
        width: 130px
    }

    .one-line-form.with-state .ffw-country-list {
        position: relative
    }

    .one-line-form.with-state .ffw-country-list:after {
        content: "";
        position: absolute;
        right: 4px;
        top: 19px;
        width: 13px;
        height: 13px;
        z-index: 1;
        zoom: .95
    }

    @media screen and (max-width: 992px) {
        .one-line-form {
            margin: auto;
            margin-top: 15px
        }
    }

    @media screen and (max-width: 680px) {
        .one-line-form {
            width: 100%
        }

        .one-line-form ul li {
            width: 100% !important
        }

        .one-line-form ul li select {
            width: 100% !important
        }

        .one-line-form ul li:first-child {
            border: 1px solid #8ca2ba !important;
            margin-top: 5px !important;
            width: 100% !important;
            display: block
        }

        .one-line-form > form > ul li:nth-child(1) {
            border-radius: 0
        }

        .one-line-form ul li:nth-child(2) select {
            border: 1px solid #8ca2ba !important;
            margin-top: 5px !important;
            width: 100% !important;
            display: block;
            opacity: 1;
            -webkit-appearance: listbox
        }

        .one-line-form ul li .selectedCountry {
            display: none;
            width: 100% !important
        }

        .one-line-form ul li:nth-child(3) {
            margin-top: 5px
        }

        .one-line-form.with-state {
            width: 100% !important
        }

        .one-line-form.with-state ul li select.commonselect {
            margin-left: 0;
            padding: 0 10px;
            font-size: 12px
        }

        .one-line-form > form > ul {
            background: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .one-line-form > form > ul li input[type="submit"] {
            border-radius: 0
        }
    }

    .tab-carousel {
        min-height: 730px
    }

    .tab-carousel-section {
        padding-top: 75px;
        overflow: hidden
    }

    .tab-carousel-section h2 {
        font-size: 32px;
        font-weight: 500;
        line-height: 48px;
        text-align: center;
        margin-bottom: 24px;
        position: relative
    }

    .tab-carousel-section h2 strong {
        font-weight: 200
    }

    .tab-carousel-section h2 + p {
        font-size: 17px;
        line-height: 1.5;
        color: #333;
        text-align: center;
        margin-bottom: 40px
    }

    .tabs ul {
        display: table;
        width: 100%
    }

    .tabs li {
        width: calc(100% / 6);
        float: left;
        padding: 7px;
        text-align: center;
        cursor: pointer;
        position: relative
    }

    .tabs li.active-slide:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #f2fad4;
        background: -o-linear-gradient(left, #f2fad4 0%, #f2d4e2 50%, #f3d8d0 100%);
        background: -webkit-gradient(linear, left top, right top, from(#f2fad4), color-stop(50%, #f2d4e2), to(#f3d8d0));
        background: linear-gradient(90deg, #f2fad4 0%, #f2d4e2 50%, #f3d8d0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f2d4e2", endColorstr="#f3d8d0", GradientType=1);
        left: 0;
        top: 0;
        -webkit-filter: blur(12px);
        filter: blur(12px)
    }

    .tabs li div {
        background: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #333;
        padding: 70px 20px 20px;
        -webkit-box-shadow: 0 0 6px rgba(128, 128, 128, 0.078);
        box-shadow: 0 0 6px rgba(128, 128, 128, 0.078);
        position: relative;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in
    }

    .tabs li div:before {
        content: "";
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -2px -40px;
        background-size: 284px;
        width: 29px;
        height: 29px;
        position: absolute;
        left: 0;
        right: 0;
        display: inline-block;
        margin: auto;
        top: 27px
    }

    .tabs li:nth-of-type(2) div:before {
        width: 39px;
        height: 28px;
        background-position: -42px -41px
    }

    .tabs li:nth-of-type(3) div:before {
        width: 40px;
        height: 31px;
        background-position: -91px -39px
    }

    .tabs li:nth-of-type(4) div:before {
        width: 28px;
        height: 29px;
        background-position: -140px -40px
    }

    .tabs li:nth-of-type(5) div:before {
        width: 28px;
        height: 34px;
        background-position: -176px -38px
    }

    .tabs li:nth-of-type(6) div:before {
        width: 27px;
        height: 26px;
        background-position: -215px -41px
    }

    .tabs li.active-slide div {
        position: relative
    }

    .tabs li.active-slide div:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #fff;
        bottom: -8px
    }

    .tab-carousel {
        margin-top: 50px
    }

    .tabs li:hover div {
        -webkit-box-shadow: 0 0 15px rgba(128, 128, 128, 0.149);
        box-shadow: 0 0 15px rgba(128, 128, 128, 0.149)
    }

    .tab-carousel-container {
        width: 700%;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
        margin-left: calc(-100% - 25px)
    }

    .carousel-item {
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
        position: relative;
        max-width: 1200px;
        width: 100%;
        float: left;
        padding: 40px 45px;
        display: table;
        margin-right: 35px;
        background: -o-linear-gradient(rgba(249, 236, 191, 0.4), rgba(252, 232, 202, 0.4));
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 236, 191, 0.4)), to(rgba(252, 232, 202, 0.4)));
        background: linear-gradient(rgba(249, 236, 191, 0.4), rgba(252, 232, 202, 0.4));
        min-height: 670px
    }

    .carousel-left {
        width: calc(100% - 430px);
        display: table-cell;
        vertical-align: middle;
        padding-right: 40px
    }

    .carousel-left img {
        width: 100%;
        height: auto
    }

    .carousel-right {
        width: 430px;
        position: relative;
        display: table-cell;
        vertical-align: middle
    }

    .carousel-right h3 a {
        display: block;
        font-size: 26px;
        line-height: 34px;
        font-weight: 500;
        margin-bottom: 16px;
        color: #0f63cb
    }

    .carousel-right h3 a:hover {
        text-decoration: underline
    }

    .carousel-right p {
        font-size: 15px;
        line-height: 25px;
        font-weight: 300;
        color: #333;
        margin: 0
    }

    .carousel-right p:not(:first-child) {
        margin-bottom: 16px
    }

    .carousel-right p a {
        color: #455bfb
    }

    .carousel-right ul li {
        font-size: 14px;
        line-height: 1.6;
        font-weight: 300;
        color: #333;
        padding-left: 15px;
        position: relative
    }

    .carousel-right ul li::before {
        content: '';
        width: 6px;
        height: 6px;
        background: #7ab6f6;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 8px
    }

    .carousel-right ul li:not(:last-child) {
        margin-bottom: 14px
    }

    .dots {
        text-align: center;
        position: relative;
        top: -25px;
        z-index: 1
    }

    .dot {
        display: inline-block;
        width: 9px;
        height: 9px;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        cursor: pointer
    }

    .dot:not(:last-child) {
        margin-right: 8px
    }

    .dots .dot.active {
        background-color: #368df9
    }

    .arrow span {
        background: #fff;
        width: 50px;
        height: 50px;
        display: inline-block;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .arrow .arrow-left, .arrow .arrow-right {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .arrow .arrow-left {
        left: -10px
    }

    .arrow .arrow-right {
        right: -26px
    }

    .arrow .arrow-left::after, .arrow .arrow-right::before {
        content: '';
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -23px -5px;
        background-size: 284px;
        width: 12px;
        height: 21px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .arrow .arrow-left::after {
        left: 16px
    }

    .arrow .arrow-right::before {
        right: 18px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .arrow span:hover {
        background: #fdf7dd
    }

    .arrow .disable {
        pointer-events: none;
        opacity: .6
    }

    .arrow .disable::after, .arrow .disable::before {
        opacity: .4
    }

    @media screen and (max-width: 1300px) {
        .tabs li div {
            font-size: 13px
        }
    }

    @media screen and (max-width: 1153px) {
        .tabs li div {
            padding: 70px 8px 20px
        }
    }

    @media screen and (max-width: 1100px) {
        .carousel-right {
            margin-top: 3%
        }

        .carousel-item {
            margin-right: 27px
        }
    }

    @media screen and (max-width: 992px) {
        .arrow {
            display: none
        }

        .tab-carousel-section h2 {
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 30px
        }

        .tab-carousel-section {
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 50px;
            height: auto
        }

        .tabs li div {
            min-height: 162px
        }

        .carousel-left {
            width: 100%;
            padding: 0
        }

        .carousel-right {
            width: 100%;
            margin-top: 10px;
            min-height: auto
        }

        .carousel-item {
            margin-right: 35px;
            min-height: auto;
            padding: 40px 30px
        }

        .tab-carousel-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .tab-carousel .tab-carousel-container .carousel-item {
            padding: 40px
        }
    }

    @media screen and (max-width: 992px) {
        .carousel-left {
            width: 100%;
            padding: 0;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            margin-top: 30px
        }

        .carousel-right {
            width: 100%;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .carousel-item {
            float: none
        }

        .tab-carousel-section h2 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 10px
        }

        .tabs, .dots {
            display: none
        }

        .tab-carousel-container {
            width: 100%;
            margin: 0 !important
        }

        .carousel-item.prev-item {
            display: none
        }

        .carousel-item {
            margin: 0;
            margin-bottom: 20px
        }

        .tab-carousel {
            margin-top: 30px
        }

        .carousel-right h3 a {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 10px
        }

        .carousel-right p {
            font-size: 14px
        }

        .carousel-item {
            padding: 40px;
            display: -ms-grid;
            display: grid
        }

        .tab-carousel-section h2 br {
            display: none
        }

        .tab-carousel {
            min-height: auto
        }

        .tab-carousel-container {
            display: block
        }
    }

    @media screen and (max-width: 600px) {
        .tab-carousel-section h2 {
            font-size: 18px;
            line-height: 26px
        }

        .tab-carousel-section h2 + p {
            font-size: 15px;
            margin-bottom: 24px
        }

        .tab-carousel .tab-carousel-container .carousel-item {
            padding: 24px
        }
    }

    .sec3 {
        max-width: 1350px;
        width: 100%;
        margin: 80px auto;
        background: #effbff;
        border: 1px solid #d2ecf5;
        border-radius: 10px;
        padding: 50px 60px
    }

    .sec3 h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 30px
    }

    .sec3 h2 strong {
        font-weight: 200
    }

    .sec3 .lr-container {
        display: table;
        width: 100%
    }

    .sec3 .lhs {
        display: inline-block;
        width: calc(100% - 510px);
        border-right: 1px solid rgba(136, 185, 203, 0.20)
    }

    .sec3 .rhs {
        display: inline-block;
        width: 510px
    }

    .sec3 div h3 {
        margin-bottom: 20px;
        padding-left: 40px;
        position: relative
    }

    .sec3 div h3, .sec3 div h3 a {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3
    }

    .sec3 div h3::before {
        content: '';
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -215px -88px;
        background-size: 284px;
        width: 23px;
        height: 26px;
        position: absolute;
        left: 0;
        top: 0
    }

    .sec3 .list-2 h3::before {
        background-position: -250px -90px;
        width: 23px;
        height: 23px;
    }

    .sec3 .row2 .list-3 h3::before {
        background-position: -161px -130px;
        width: 26px;
        height: 26px;
    }

    .sec3 .row2 .list-4 h3::before {
        background-position: -198px -137px;
        width: 26px;
        height: 22px;
    }

    .sec3 .row3 .list-3 h3::before {
        background-position: -165px -166px;
        width: 25px;
        height: 29px;
    }

    .sec3 .row3 .list-4 h3::before {
        background-position: -193px -171px;
        width: 26px;
        height: 22px;
    }

    .sec3 .list-5 h3::before {
        background-position: -236px -131px;
        width: 26px;
        height: 25px;
    }

    .sec3 .list-6 h3::before {
        background-position: -235px -171px;
        width: 24px;
        height: 27px;
    }

    .sec3 div ul {
        margin-left: 40px
    }

    .sec3 div ul li, .sec3 div ul li a {
        font-size: 14px;
        line-height: 1.2;
        color: #000
    }

    .sec3 div ul li a {
        text-decoration: underline
    }

    .sec3 div ul li a:hover {
        color: #3a74bb
    }

    .sec3 div ul li {
        padding-left: 20px;
        position: relative
    }

    .sec3 div ul li::before {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #27acdd;
        position: absolute;
        left: 0;
        top: 3px
    }

    .sec3 .row ul li {
        margin-bottom: 16px
    }

    .sec3 .lr-container .row {
        display: table;
        width: 100%
    }

    .sec3 .lr-container .row:not(:last-child) {
        padding-bottom: 10px;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(136, 185, 203, 0.20)
    }

    .sec3 .lhs .row div:first-child {
        padding-right: 10px
    }

    .sec3 .lhs .row div {
        display: table-cell;
        width: 55%
    }

    .sec3 .lhs .row .list-3 ul {
        display: inline-block
    }

    .sec3 .lhs .row .list-4 ul, .sec3 .rhs .row .list-5 ul, .sec3 .rhs .row .list-6 ul {
        display: inline-block;
        vertical-align: top
    }

    .sec3 .lhs .row {
        padding-left: 25px;
        padding-right: 30px
    }

    .sec3 .rhs .row {
        padding-left: 40px
    }

    @media screen and (max-width: 1200px) {
        .sec3 {
            padding: 50px 0
        }

        .sec3 .ac {
            width: 95%
        }
    }

    @media screen and (max-width: 992px) {
        .sec3 {
            border-radius: 0
        }

        .sec3 .lr-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 75%;
            margin: auto
        }

        .sec3 .lhs {
            border: none
        }

        .sec3 .lhs, .sec3 .rhs {
            width: 100%
        }

        .sec3 .lr-container .row:not(:last-child) {
            border-bottom: none
        }

        .sec3 .lhs .row {
            padding-left: 0;
            padding-right: 0
        }

        .sec3 .rhs .row {
            padding-left: 0
        }
    }

    @media screen and (max-width: 767px) {
        .sec3 {
            padding: 24px 0
        }

        .sec3 h2 {
            font-size: 24px;
            line-height: 1.3
        }

        .sec3 div h3, .sec3 div h3 a {
            font-size: 14px
        }

        .sec3 .lr-container .row:not(:last-child) {
            margin-bottom: 20px
        }

        .sec3 div ul li, .sec3 div ul li a {
            font-size: 12px;
            line-height: 1.2
        }

        .sec3 .row ul li {
            margin-bottom: 10px
        }
    }

    @media screen and (max-width: 600px) {
        .sec3 {
            margin: 40px auto
        }

        .sec3 .lr-container {
            width: 90%;
            margin: auto;
        }

        .sec3 h2 {
            font-size: 18px
        }

        .sec3 h2 br {
            display: none
        }

        .sec3 div ul li {
            padding-left: 14px
        }

        .sec3 .rhs .row .m-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .sec3 .rhs .row .list-5 ul li
        .sec3 .rhs .row .list-5 ul:not(:first-child) li {
            margin-left: 16px
        }
    }

    @media screen and (max-width: 425px) {
        .sec3 .lr-container {
            width: 100%
        }

        .sec3 .rhs .row1 .list-5 .m-list ul:not(:first-child) {
            margin-left: 15px
        }
    }

    .solutions-section {
        margin-top: 60px;
        text-align: center
    }

    .solutions-section h2 {
        font-size: 32px;
        font-weight: 200;
        line-height: 36px;
        text-align: center
    }

    .solutions-section h2 span {
        font-size: inherit;
        font-weight: 600;
        display: block;
        margin-top: 10px
    }

    .solutions-section .solutions {
        margin-top: 50px
    }

    .solutions-section .solutions .card-list {
        display: table;
        width: 100%;
        max-width: 1150px;
        margin: auto;
        margin-top: 30px;
        text-align: left;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .solutions-section .solutions .card:hover {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01)
    }

    .solutions-section .solutions .card-list li {
        width: 33%;
        padding: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .solutions-section .solutions .card-list li:last-child {
        text-align: center
    }

    .solutions-section .card-list li::before {
        content: "";
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        position: absolute;
        background: #f2fad4;
        background: -o-linear-gradient(left, #f2fad4 0%, #f2d4e2 50%, #f3d8d0 100%);
        background: -webkit-gradient(linear, left top, right top, from(#f2fad4), color-stop(50%, #f2d4e2), to(#f3d8d0));
        background: linear-gradient(90deg, #f2fad4 0%, #f2d4e2 50%, #f3d8d0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f2d4e2", endColorstr="#f3d8d0", GradientType=1);
        left: 10px;
        top: 10px;
        -webkit-filter: blur(6px);
        filter: blur(6px);
        opacity: 0;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .solutions-section .card-list li:last-child::before {
        display: none
    }

    .solutions-section .card-list li:hover::before {
        opacity: 1
    }

    .solutions-section .solutions .card {
        background: #fff;
        padding: 75px 35px 35px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.071);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.071);
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        min-height: 328px
    }

    .solutions-section .solutions .card h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 16px;
        color: #0f63cb
    }

    .solutions-section .solutions .card p {
        margin: 0;
        font-size: 17px;
        color: #333;
        font-weight: 300;
        line-height: 28px
    }

    .solutions-section .solutions .card > a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1
    }

    .solutions-section .solutions .card:hover a {
        color: #1281bd
    }

    .solutions-section .solutions .card-list li div:before {
        content: "";
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -2px -86px;
        background-size: 284px;
        width: 28px;
        height: 33px;
        position: absolute;
        top: 35px;
        left: 36px
    }

    .solutions-section .solutions .card-list li:nth-of-type(2) div:before {
        background-position: -38px -87px;
        height: 29px
    }

    .solutions-section .solutions .card-list li:nth-of-type(3) div:before {
        background-position: -73px -89px;
        width: 36px
    }

    .solutions-section .solutions .card-list li:nth-of-type(4) div:before {
        background-position: -117px -87px;
        width: 39px;
        height: 30px
    }

    .solutions-section .solutions .card-list li:nth-of-type(5) div:before {
        background-position: -163px -88px;
        width: 38px;
        height: 29px
    }

    .solutions-section .feature-btn {
        display: inline-block;
        font-size: 17px;
        font-weight: 400;
        color: #0f63cb;
        border: 1px solid #0f63cb;
        border-radius: 50px;
        padding: 10px 50px 10px 25px;
        text-align: center;
        margin: 30px 0;
        position: relative
    }

    .solutions-section .feature-btn:hover::before {
        -webkit-transform: translateX(6px);
        -ms-transform: translateX(6px);
        transform: translateX(6px)
    }

    .solutions-section .feature-btn::before {
        content: '';
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -42px -4px;
        background-size: 284px;
        width: 15px;
        height: 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 25px;
        margin: auto 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    @media screen and (max-width: 1187px) {
        .solutions-section .solutions .card {
            min-height: 356px
        }
    }

    @media screen and (max-width: 1137px) {
        .solutions-section .solutions .card {
            min-height: 435px
        }
    }

    @media screen and (max-width: 1100px) {
        .solutions-section .solutions .card > span {
            display: initial;
            opacity: 1;
            top: 10px
        }
    }

    @media screen and (max-width: 992px) {
        div#allFea {
            display: none
        }

        .solutions-section {
            padding-bottom: 50px
        }

        .solutions-section .solutions {
            margin-top: 24px
        }

        .solutions-section .solutions .card-list li {
            width: 100%;
            min-height: auto
        }

        .solutions-section .solutions .card {
            min-height: auto;
            padding: 30px;
            padding-top: 71px
        }

        .solutions-section .solutions .card > span {
            position: relative
        }

        .solutions-section .feature-btn {
            margin: 0
        }
    }

    @media screen and (max-width: 600px) {
        .solutions-section h2 {
            font-size: 22px;
            line-height: 20px
        }
    }

    .faq {
        margin: 80px 0 20px 0
    }

    .hom-reso {
        margin: 80px 0
    }

    .hom-reso h2, .faq h2 {
        text-align: center;
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 50px;
        line-height: 42px
    }

    .hom-reso .inn {
        display: table;
        margin: 0 auto;
        width: 70%
    }

    .hom-reso .lhs {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 400px;
        background: #f9dabe;
        border: 1px solid #edbb8e;
        border-bottom-width: 8px;
        text-align: center;
        padding-top: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        position: relative
    }

    .hom-reso .lhs span {
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -2px -207px;
        background-size: 284px;
        width: 276px;
        height: 202px;
        display: table;
        margin: 0 auto;
        position: relative;
        top: 7px
    }

    .hom-reso .lhs h3 {
        margin: 0;
        font-size: 36px;
        font-weight: 500;
        line-height: 44px;
        margin: 15px 0 20px 0
    }

    .hom-reso .lhs a {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        border: 1px solid #000;
        display: inline-block;
        padding: 12px 60px 12px 40px;
        margin-bottom: 20px;
        position: relative;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .hom-reso .lhs a:before {
        content: '';
        position: absolute;
        top: 16px;
        right: 36px;
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -42px -18px;
        background-size: 284px;
        width: 18px;
        height: 10px;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .hom-reso .lhs a:hover, .hom-reso .lhs:hover a {
        background: #fff;
        border-color: #fff;
        -webkit-box-shadow: 0 4px 14px -1px #f0bc8f;
        box-shadow: 0 4px 14px -1px #f0bc8f
    }

    .hom-reso .lhs a:hover:before, .hom-reso .lhs:hover a:before {
        right: 28px
    }

    .hom-reso .rhs {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 404px);
        padding-left: 44px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .hom-reso .rhs li div {
        border-bottom: 1px solid #dbdbdb;
        padding: 30px 0 30px 100px;
        position: relative;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .hom-reso .rhs li div::before {
        content: "";
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -3px -135px;
        background-size: 284px;
        width: 41px;
        height: 55px;
        position: absolute;
        left: 30px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .hom-reso .rhs li:nth-child(2) div::before {
        background-position: -99px -135px;
        width: 43px;
        height: 55px
    }

    .hom-reso .rhs li:nth-child(3) div::before {
        background-position: -51px -134px;
        width: 42px;
        height: 56px
    }

    .hom-reso .rhs li:last-child div {
        border-bottom: 0
    }

    .hom-reso .rhs li div:hover {
        background: #fbecd9;
        border-radius: 8px;
        padding: 30px 0 30px 110px
    }

    .hom-reso .rhs li div:hover::before {
        left: 40px
    }

    .hom-reso .rhs li div h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0;
        margin-bottom: 14px
    }

    .hom-reso .rhs li div a {
        font-size: 14px;
        color: #0f63cb;
        text-decoration: underline
    }

    @media (max-width: 1224px) {
        .hom-reso .inn {
            width: 90%
        }
    }

    @media (max-width: 1024px) {
        .hom-reso .inn {
            width: 100%
        }
    }

    @media (max-width: 992px) {
        .hom-reso .lhs {
            width: 340px
        }

        .hom-reso .rhs {
            width: calc(100% - 340px)
        }

        .hom-reso .rhs li div h4 {
            font-size: 18px;
            margin-bottom: 10px
        }
    }

    @media (max-width: 767px) {
        .hom-reso {
            margin: 0;
            margin-bottom: 40px
        }

        .hom-reso h2 {
            font-size: 24px;
            margin-bottom: 30px;
            line-height: 34px
        }

        .hom-reso .lhs, .hom-reso .rhs {
            display: block;
            width: 80%;
            margin: auto
        }

        .hom-reso .rhs {
            padding-left: 0;
            margin-top: 20px
        }

        .hom-reso .lhs {
            padding-top: 30px
        }

        .hom-reso .lhs h3 {
            font-size: 30px
        }

        .hom-reso .rhs li div {
            padding: 30px 20px 30px 100px
        }

        .hom-reso .rhs li div h4 {
            font-size: 16px
        }
    }

    @media (max-width: 467px) {
        .hom-reso .lhs, .hom-reso .rhs {
            width: 100%
        }

        .hom-reso h2 {
            font-size: 22px;
            line-height: 28px
        }
    }

    .reviews-section {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        padding-top: 70px;
        margin-top: 70px;
        background: rgba(193, 193, 193, 0.10)
    }

    .reviews-section h2 {
        font-size: 32px;
        text-align: center;
        font-weight: 500;
        margin-bottom: 15px;
        color: #000
    }

    .reviews-section span.lov-glo {
        background: #c6fad5;
        color: #000;
        font-size: 22px;
        display: table;
        margin: 0 auto;
        padding: 12px 50px;
        border-radius: 0;
        position: relative
    }

    .reviews-section span.lov-glo:before, .reviews-section span.lov-glo:after {
        content: "";
        position: absolute;
        width: 37px;
        height: 37px;
        background: #f9f9f9;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 6px
    }

    .reviews-section span.lov-glo:before {
        left: -18px
    }

    .reviews-section span.lov-glo:after {
        right: -18px
    }

    .reviews-section div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comp-logo, .stars {
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat;
        background-size: 284px
    }

    .slider {
        width: 100%;
        display: block;
        overflow-x: hidden;
        margin: auto;
        padding: 50px 0;
        padding-top: 0
    }

    .slider-wrapper {
        display: table;
        width: 100%;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
        padding-top: 100px
    }

    .slide-items {
        width: 33.3%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .comp {
        background: #fff;
        border-radius: 20px;
        -webkit-box-shadow: 0 0 10px rgba(128, 128, 128, 0.11);
        box-shadow: 0 0 10px rgba(128, 128, 128, 0.11);
        text-align: center;
        padding: 55px;
        min-height: 394px;
        position: relative;
        border: 1px solid #f0ede2
    }

    .comp:before {
        content: "";
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat;
        background-position: -102px -648px;
        background-size: 284px;
        width: 77px;
        height: 67px;
        position: absolute;
        right: 35px;
        top: 25px
    }

    .current-slide .comp:before {
        background-position: -5px -648px
    }

    .slider span.by {
        font-size: 14px;
        font-weight: 400
    }

    .slider .rating-no {
        font-size: 19px;
        line-height: 26px;
        font-weight: 400;
        color: #514201;
        position: absolute;
        padding: 10px 20px;
        background: #f0f0f0;
        padding-right: 25px;
        left: -1px;
        top: 20px
    }

    .slider .rating-no:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 24px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 25px solid transparent;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0
    }

    .comp-logo {
        background-position: -13px -572px;
        width: 46px;
        height: 47px;
        display: inline-block
    }

    .comp p {
        font-weight: 300;
        font-size: 16px;
        line-height: 28px
    }

    .comp .name {
        font-size: 18px;
        line-height: 28px;
        display: block;
        margin-top: 20px;
        font-weight: 500
    }

    .comp .desg {
        font-size: 16px;
        color: #616161
    }

    .slide-items.prev-slide {
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
        display: block
    }

    .slide-items.next-slide {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
        display: block
    }

    .slide-items.current-slide {
        display: block;
        -webkit-transform: translateY(-51px);
        -ms-transform: translateY(-51px);
        transform: translateY(-51px)
    }

    .stars {
        background-position: -2px -769px;
        width: 151px;
        height: 23px;
        display: table;
        margin: 15px auto
    }

    .slide-items.current-slide .comp {
        background: #fbe994;
        border: 1px solid #fbe994
    }

    .capterra .comp-logo {
        background-position: -2px -431px;
        width: 222px;
        height: 50px
    }

    .slider .current-slide .rating-no {
        background: #fdda44
    }

    .slider .current-slide .rating-no:before {
        border-right-color: #ffe6b8
    }

    .getap .comp-logo {
        background-position: -69px -563px;
        width: 192px;
        height: 35px
    }

    .gartner .comp-logo {
        background-position: -12px -500px;
        width: 211px;
        height: 48px
    }

    .sa .comp-logo {
        background-position: -81px -612px;
        width: 158px;
        height: 18px
    }

    .slider-dots li {
        float: left;
        width: 14px;
        height: 14px;
        background: #7f7d76;
        border-radius: 50%;
        display: inline-block;
        margin: 5px 10px;
        color: transparent;
        cursor: pointer
    }

    .slider-dots {
        display: table;
        margin: auto !important;
        float: none;
        position: relative;
        margin-top: 20px
    }

    .comp h4 {
        font-size: 16px;
        line-height: 28px;
        font-weight: 600
    }

    .current-slide .stars {
        background-position: -2px -734px
    }

    .slider-dots li.active-slide {
        background: #cdae2d;
        -webkit-box-shadow: 0 0 0 7px #eee2ab;
        box-shadow: 0 0 0 7px #eee2ab
    }

    @media screen and (max-width: 992px) {
        .slide-items {
            width: 100%;
            padding: 20px
        }

        .slider {
            overflow: hidden;
            padding-top: 50px;
            width: 100%
        }

        .reviews-section {
            overflow: hidden
        }

        .slide-items.current-slide {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .slider-dots {
            top: 20px
        }

        .slide-items.prev-slide {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

        .slider-wrapper {
            margin-left: -20px;
            padding-top: 20px
        }

        .reviews-section {
            padding-top: 70px;
            padding-bottom: 0
        }

        .slider {
            padding-top: 0
        }
    }

    @media screen and (max-width: 767px) {
        .slider {
            padding-top: 0
        }

        .reviews-section h2 {
            margin-bottom: 20px;
            font-size: 22px
        }

        .reviews-section {
            padding-top: 25px
        }

        .slider-wrapper {
            padding-top: 0
        }
    }

    @media screen and (max-width: 650px) {
        .reviews-section span.lov-glo {
            font-size: 16px;
            padding: 6px 25px
        }
    }

    @media screen and (max-width: 400px) {
        .comp {
            padding: 20px
        }
    }

    @media screen and (min-width: 650px) and(max-width: 992px) {
        .slide-items.current-slide .comp {
            background: #fff
        }
    }

    @media screen and (max-width: 510px) {
        .slider .rating-no {
            position: relative;
            background: none;
            top: 0;
            left: 0
        }

        .slider .rating-no:before {
            display: none
        }

        .capterra .comp-logo {
            position: relative;
            z-index: 1
        }

        .slide-items.current-slide .comp {
            background: #fff
        }
    }

    @media screen and (max-width: 1050px) and(min-width: 993px) {
        .slider {
            max-width: 800px;
            padding-top: 0
        }

        .slide-items {
            width: 100%;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            padding: 20px
        }

        .slide-items.current-slide .comp {
            background: #fff
        }
    }

    .foot-form .inn {
        text-align: center;
        padding: 90px 0;
        margin: auto
    }

    .foot-form .inn h2 {
        font-size: 30px;
        font-weight: 300;
        padding-bottom: 10px;
        line-height: 44px;
        color: #333
    }

    .foot-form .inn p {
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 40px;
        color: #333;
        line-height: 38px
    }

    .foot-form .inn h2 span {
        font-size: 28px;
        font-weight: 500
    }

    .foot-form .inn span {
        background: #ea3824;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        padding: 12px 30px;
        font-size: 17px;
        font-weight: 400;
        position: relative;
        cursor: pointer;
        transition: .3s;
    }

    .foot-form .inn span:hover {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        text-decoration: none;
        background: #ff3720;
        cursor: pointer;
        -webkit-box-shadow: 4px 8px 15px rgba(234, 56, 36, 0.4);
        box-shadow: 4px 8px 15px rgba(234, 56, 36, 0.4)
    }

    @media screen and (max-width: 767px) {
        .foot-form .inn {
            padding: 40px 0
        }

        .foot-form .inn h2 {
            font-size: 26px;
            line-height: 36px
        }

        .foot-form .inn p {
            font-size: 26px;
            padding-bottom: 20px
        }
    }

    @media screen and (max-width: 600px) {
        .foot-form .inn h2 {
            font-size: 20px;
            line-height: 26px
        }

        .foot-form .inn p {
            font-size: 18px;
            line-height: 24px;
            padding-bottom: 20px
        }
    }

    .main-menu-lhs {
        position: absolute;
        top: 0;
        z-index: 10
    }

    .lhs-menu {
        background-color: #000;
        width: 54px;
        overflow: hidden;
        display: inline-block;
        height: calc(100vh - 50px);
        -webkit-box-shadow: 0 1px 14px 12px rgba(0, 0, 0, 0.078);
        box-shadow: 0 1px 14px 12px rgba(0, 0, 0, 0.078);
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .lhs-menu.act {
        width: 240px
    }

    .main-menu-lhs.fix {
        position: fixed;
        top: 50px
    }

    .home {
        border-bottom: 1px solid rgba(96, 96, 96, 0.2);
        width: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 28px 0 40px 19px
    }

    .home span {
        position: relative;
        line-height: 60px;
        padding-left: 40px;
        font-family: "Zoho_Puvi_SemiBold", sans-serif;
        font-weight: 600;
        white-space: nowrap;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .home a {
        position: relative
    }

    .home a i {
        width: 18px;
        height: 1.5px;
        background: #fff;
        display: inline-block;
        float: left;
        top: 0;
        left: 0;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        position: absolute;
        cursor: pointer
    }

    .home a i:nth-child(2) {
        top: 6px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .home a i:nth-child(3) {
        top: 12px
    }

    .open-lhs .home a i {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }

    .open-lhs .home a i:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px
    }

    .open-lhs .home a i:nth-child(2) {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .open-lhs .home a i:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 7px
    }

    .links a {
        color: #000;
        width: 100%
    }

    .links .main-menu-links {
        padding-left: 15px;
        position: absolute;
        left: 0;
        width: 100%;
        top: 94px;
        bottom: 0;
        height: 100%;
        padding-bottom: 150px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .main-menu-links .icon {
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -92px -2px;
        background-size: 284px;
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative;
        top: -4px;
        margin-right: 20px;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in
    }

    .main-menu-links .icon-2 {
        background-position: -121px -2px
    }

    .main-menu-links .icon-3 {
        background-position: -149px -2px
    }

    .main-menu-links .icon-4 {
        background-position: -178px -2px
    }

    .main-menu-links a {
        color: #fff;
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 7px 0
    }

    .main-menu-links a.hav-sub {
        text-decoration: none
    }

    .main-menu-links .sub-menu {
        padding-left: 31px;
        display: none
    }

    .sub-sub {
        padding: 8px 0 10px;
        font-size: 13px;
        font-weight: 300
    }

    .sub-child {
        display: block;
        font-size: 13px;
        font-weight: 300;
        color: #fff
    }

    .sub-child-menu {
        padding: 10px 0 0 20px
    }

    .main-menu-links .sub-menu .sub-child-menu li a {
        position: relative;
        padding: 10px 0 10px 15px
    }

    .sub-child-menu li a:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 50px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    .main-menu-links > li {
        margin-bottom: 10px;
        cursor: pointer
    }

    .main-menu-links .sub-menu li a {
        font-size: 13px;
        font-weight: 300;
        padding: 10px 0
    }

    .main-menu-links > li > a:hover {
        text-decoration: none
    }

    .main-menu-links .icon {
        margin-right: 30px
    }

    .main-menu-links > li > a {
        white-space: nowrap
    }

    .sub-child {
        position: relative
    }

    .main-menu-links > li > a:before, .sub-child:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background: rgba(53, 57, 172, 0);
        border-bottom: 1.5px solid #fff;
        border-right: 1.5px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 8px 0 0 7px;
        right: 20px;
        top: 4px;
        left: auto;
        bottom: auto;
        opacity: 1;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .main-menu-links .sub-child:before {
        top: -7px
    }

    .dwn-cta {
        text-align: center;
        position: absolute;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
        background: #000;
        padding: 15px 10px 20px
    }

    .free-edition {
        display: inline-block;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #ce3833;
        background: #e02327;
        font-size: 15px;
        font-weight: 300;
        padding: 5px 10px;
        border: 1px solid #ce3833;
        border-radius: 3px;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .free-edition i {
        background: url(https://www.manageengine.cn/products/eventlog/images/log-management-sprite-2022.png) no-repeat -7px -8px;
        background-size: 284px;
        width: 10px;
        height: 13px;
        display: inline-block;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
        top: -1px;
        position: relative
    }

    .free-edition span {
        display: inline-block;
        padding-left: 0;
        white-space: nowrap;
        width: 0;
        overflow: hidden;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in
    }

    .free-edition:hover {
        background: #e02327;
        color: #fff
    }

    .lhs-menu:hover {
        border-radius: 0 4px 0 0;
        width: 280px
    }

    .lhs-menu:hover .home span {
        padding-left: 27px
    }

    .lhs-menu:hover .main-menu-links .icon {
        margin-right: 8px
    }

    .lhs-menu:hover .free-edition span {
        width: 100px;
        padding-left: 10px;
        padding-top: 5px;
        color: #fff
    }

    .lhs-menu:hover .free-edition {
        padding: 6px 20px
    }

    .lhs-menu .free-edition:hover {
        background: #f12c2f;
        -webkit-box-shadow: 2px 6px 15px rgba(241, 44, 47, 0.4);
        box-shadow: 2px 6px 15px rgba(241, 44, 47, 0.4)
    }

    .lhs-menu:hover .main-menu-links > li > a:before {
        opacity: 1
    }

    .main-menu-links li.act a:before {
        -webkit-transform: rotate(-136deg);
        -ms-transform: rotate(-136deg);
        transform: rotate(-136deg)
    }

    @media screen and (max-width: 1024px) {
        .main-menu-lhs {
            top: 0
        }

        .lhs-menu {
            height: calc(100vh - 50px)
        }

        .main-menu-lhs.fix {
            top: 84px
        }
    }

    @media screen and (max-width: 992px) {
        .main-menu-lhs {
            display: none
        }
    }

    @media screen and (max-width: 1300px) and(min-width: 992px) {
        .bg-d-grey {
            padding-left: 77px !important
        }
    }

    .animate {
        -webkit-transition: .4s ease-in;
        -o-transition: .4s ease-in;
        transition: .4s ease-in;
        opacity: 0
    }

    .zoomOut {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    .zoomIn {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .backInDown {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    .backInUp {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .backInLeft {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    .backInRight {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }

    .delay-1 {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }

    .delay-2 {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .delay-3 {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }

    .delay-4 {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s
    }

    .delay-5 {
        -webkit-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .delay-6 {
        -webkit-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .delay-7 {
        -webkit-transition-delay: 1.8s;
        -o-transition-delay: 1.8s;
        transition-delay: 1.8s
    }

    .delay-8 {
        -webkit-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s
    }

    .delay-9 {
        -webkit-transition-delay: 2.1s;
        -o-transition-delay: 2.1s;
        transition-delay: 2.1s
    }

    .delay-10 {
        -webkit-transition-delay: 2.4s;
        -o-transition-delay: 2.4s;
        transition-delay: 2.4s
    }

    .animated.zoomOut, .animated.zoomIn, .animated.backInDown, .animated.backInUp, .animated.backInLeft, .animated.backInRigh {
        -webkit-transform: scale(1) translate(0);
        -ms-transform: scale(1) translate(0);
        transform: scale(1) translate(0);
        opacity: 1
    }

    @media screen and (max-width: 992px) {
        .animate.zoomOut, .animate.zoomIn, .animate.backInDown, .animate.backInUp, .animate.backInLeft, .animate.backInRigh {
            -webkit-transform: scale(1) translate(0);
            -ms-transform: scale(1) translate(0);
            transform: scale(1) translate(0);
            opacity: 1
        }
    }

    .shake {
        -webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    @-webkit-keyframes shake {
        10%, 90% {
            -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0)
        }

        20%, 80% {
            -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0)
        }

        30%, 50%, 70% {
            -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0)
        }

        40%, 60% {
            -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0)
        }
    }

    @keyframes shake {
        10%, 90% {
            -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0)
        }

        20%, 80% {
            -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0)
        }

        30%, 50%, 70% {
            -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0)
        }

        40%, 60% {
            -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0)
        }
    }

    @media screen and (max-width: 1350px) and(min-width: 1100px) {
        .reasons-section .ac {
            padding-left: 0
        }

        .reason-card {
            margin-left: 20px
        }
    }

    @media screen and (max-width: 767px) {
        #btmscroll {
            display: none
        }
    }

    .example {
        display: -ms-grid;
        display: grid;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: -o-linear-gradient(top, white, black);
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
        background: linear-gradient(to bottom, white, black)
    }

    body .hide-form {
        display: none !important;
    }

    body .banner-buttons {
        display: block;
        margin-bottom: 30px
    }

    body .banner-buttons a {
        padding: 10px 30px 10px 48px;
        position: relative;
        transition: .3s ease-in;
        display: inline-block;
        font-size: 17px;
        font-weight: 500;
        border-radius: 3px;
        border: 1px solid #dd002c;
        text-decoration: none;
        line-height: 27px;
        box-sizing: border-box
    }

    body .cta-style-1 a {
        background: #DD002C;
        color: #fff
    }

    body .cta-style-1 a:hover {
        box-shadow: 0 5px 10px rgb(221 0 44 / 50%);
        transform: translateY(-3px);
        text-decoration: none
    }

    body .banner-buttons .bnr-signup {
        margin-right: 15px
    }

    body .cta-style-1 .bnr-signup:before {
        content: "";
        width: 15px;
        height: 15px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAgxJREFUSEvtl+FRwzAMhZsJ6AaUCYAJKBMAExAmACagnQCYgG4AnYB0AugEpBvQCcL7cjLn5hLbabn+Qne+JrGkZz9ZkpsNEqWqqlyqZxonNgr9lhrzLMveEt0MspiigEbSedEYB3QBvBHwd8xfENDAPuRkGHNkuz2NgcYAoQ0anUz18Cann1oMO77UuPXmnzV3F1pcJ6DFDCqRNZQC1HQmPUBfve9XoZiGAP3d3cvJU9fKBTrT3LXNT6U76dINAZYyOjTDIznhvVWM3nebXEgXulslBFg5CzmIxXok3S/TX0md996Ae98huXVhy9xLDHOBuVNKQp8nnlL0it6UYqDDgKGfhxO9U8pcHsKAn3fb56EBEnxy76Brxd73pZ7J1WB5S62ls8ZOm/hzfchjYBhFAZ1nqzxjvdMtjjUWGqUGpe7vukUClb1UknfYy2tAuRVQ9NGOoA0K+0ohg2VXPDcABUR8yD1+dxVON015o8P8AgqMfHrcFaXFfiJQ+mgtNWBLT6P/sTLo6SuEAYb83GWnsxrQ4kWld9cIjjs5VfZFcvrmEwBXiykGXD9KACd6eTDlFatLSeCUxcg3LHH4kLrsAQhtrl4GrwcpIL5OI1R1YwYQ6pI6e19A9OV/o5EDmNzZ/wHbGGij1MUwePnZhk6LoTupax2aITEkSbnM1jfqbR132dnfhVzzBVePH+P58h9IaxXvAAAAAElFTkSuQmCC) no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: calc(50% - 42px);
        top: 48%;
        transform: translateY(-50%)
    }

    body .banner-buttons .bnr-download:before {
        content: "";
        width: 15px;
        height: 15px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAVFJREFUSEvtlv0RgjAMxekGOomO4gbKBLqBOIITCBs4ikwiG9QXrsW29CPh+BPuvJM2yY/3WkJVtfDSWjdIveLXKaVu0jJKmmDjAdbm/wDwXlpnDXAFsLiOOCGieAOzlnuzmmUTBTmv07a5WK5lNxfspFao0R+eYbWS1blcqpUEI/GC+ZcBtoDXLjwHxlyL2LOJr5FL997FBVOSB0+BAyjlycBm57pP7sFj4AiUvlzk3OwqNpBIsVF5CJZAs2scrOdMOeZdJZ2zppSaVGrrFhXbwIiimIMs6KhYcpJgwLNKPZb0JJGBF+31WKVGEPNTupGc5bLHpdHq/43gCOPAi0pXBad2Vm7cE7lU8QYuOQBnd4j5Tg0EAx/cHMwAfQZpswylQtJ58w7fTV5vG4gdkNZbGv8YW2agemkxbl4PR49TrzZWnBzbuYW4cT0C34A2lPAD7xbxyo7GxG4AAAAASUVORK5CYII=) no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: calc(50% - 53px);
        top: 48%;
        transform: translateY(-50%)
    }

    body .cta-style-2 a {
        color: #fff;
        background: #CB2B35
    }

    body .cta-style-2 .bnr-signup {
        background: #fff;
        color: #CB2B35
    }

    body .cta-style-2 .bnr-signup:before {
        content: "";
        width: 15px;
        height: 15px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAn9JREFUSEvlVk1u01AQnnFsCcGC3ICwa9NFHWF3S3oCwgmanoByAtITACdoboBzAtxtHRR30Z8d7g3KggrJiYcZx7Ziq89/QUgIS968n+97b2a++R5Cze+ib4956Wv+TUQwAcglwkCjaGbdfHNqwgBWLVzsmL1lRz8DwKFyLZGjPyyPB4F/X4VXSpiQLZisWwVEBIHxEA6qSEsJvb7lAqKEcf0RnRKgc3Dt+d6ONaQOjhjgXTYN8PngyjspO5ySUHLGueJQxkQ/mGgoREWw+e6rEWnal3Qco+htWU6VhLnbRfTevpl/Up38Ys+eMtBRGgX7ej5RrS0jDDicL2SjvgpfDm79QAUi4YUOfk0Iz5lQWWBqwj2bUgL7yqtRXMb3hPCOCXv/wA37lsMhfROf9G/kMFelQPfcVQ7rVCms6NC+nbuNQyobHtHhhOUxS3UIHeAIYKY7Tnp7HQph3Gk03efQPi8TcyxVgEvjZzjcqtNskE5zHafITjTjXjquIpNtlc07xY7dAkH0ZfKmfe4+54TsFlHk/FG3qApl0/naN2wK3KhKFz2zGz4x9lEjZYtSAVKErvErvFTlM3dDzhM7OZytHX27j/1RnOW4qN2M0Nu1TkDDj9vRPLKbaMK99TSdiQmLnib+x8NyQrfFAeJK3tQu31ZuOo1lIflaPtO50yfPCC53PWJNldhR1SFizKe6aHfdi7k16qvlQDCR29eEJz6sx+mOBWzWEXAVqcyzMfuxZgU6aXtCmL1bqp4HdUg21+RSxZETYxbC2s7elFDWewUjx+JAG9CyPf8jYZpDrtCyx0/bUGeVytpm/C5KO0OgUfqibgus2peY+BgicOXp8RvDn2MuRpAi4gAAAABJRU5ErkJggg==) no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: calc(50% - 42px);
        top: 48%;
        transform: translateY(-50%)
    }

    body .cta-style-2 a:hover {
        box-shadow: 0 5px 10px rgb(221 0 44 / 50%);
        transform: translateY(-3px);
        text-decoration: none
    }

    .nav-dwn a, .prd-nav .btm-dwn a {
        background: #dd002c;
        border-radius: 3px;
        font-size: 20px;
        padding: 4px 0px
    }

    @media screen and (max-width: 992px) {
        body .banner-buttons {
            text-align: center;
        }

        body .banner-buttons {
            margin-bottom: 0
        }
    }

    @media screen and (max-width: 400px) {
        body .banner-buttons a {
            font-size: 14px;
            width: 100%;
            margin: 0;
            box-sizing: border-box;
            text-align: center
        }

        body .banner-buttons .bnr-signup {
            margin: 0;
            margin-bottom: 8px;
            text-align: center;
            width: 100%
        }
    }

    .nav-dwn a {
        font-size: 20px
    }

    .nav-clo {
        background: #1F96E5;
        border-radius: 3px;
        box-shadow: 0px 5px 6px #0026ef30;
        cursor: pointer;
        height: 39px;
        margin: 4px 0 0 10px;
        position: relative;
        transition: all .5s;
        width: 45px
    }

    .nav-clo:before {
        background: url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-size: 183px;
        content: "";
        height: 30px;
        left: 7px;
        position: absolute;
        top: 10px;
        width: 30px;
    }

    .nav-clo:hover {
        background: #1C6190;
        box-shadow: box-shadow: 0px 5px 6px #0026ef5c;
        transition: all .5s;
    }

    .nav-clo ul {
        background: #fbfeff;
        border: solid 1px #c0ddff;
        box-shadow: 0 13px 11px #00000042;
        display: none;
        padding: 30px;
        position: absolute;
        right: 0;
        top: 55px;
        width: 570px;
    }

    .nav-clo ul:after {
        background: #fff;
        content: "";
        border: solid #c0ddff;
        border-width: 0 1px 1px 0;
        height: 0px;
        padding: 5px;
        position: absolute;
        right: 14px;
        top: -6px;
        transform: rotate(222deg);
        width: 1px
    }

    .nav-clo ul li {
        cursor: default;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .nav-clo ul li:nth-child(1) {
        width: 30%
    }

    .nav-clo ul li:nth-child(1):after {
        background: url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-position: -29px -5px;
        background-size: 170px;
        content: "";
        height: 141px;
        left: 0;
        position: absolute;
        top: 0;
        width: 140px
    }

    .nav-clo ul li:nth-child(2) {
        width: 69%
    }

    .nav-clo ul li h3 {
        font-size: 20px;
        font-weight: 500;
        margin: 0
    }

    .nav-clo ul li p {
        margin: 5px 0 30px 0
    }

    .nav-clo ul li a {
        background: none;
        border: solid 1px #168eff;
        border-radius: 20px;
        color: #168eff;
        display: inline-block;
        font-size: 14px;
        padding: 7px 25px;
        position: relative;
        transition: all .3s ease
    }

    .nav-clo ul li a:hover {
        background: #168eff;
        color: #fff;
        text-decoration: none;
        transition: all .3s ease
    }

    .nav-clo span {
        background: url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-position: 0 -55px;
        background-size: 200px;
        height: 17px;
        position: absolute;
        right: 12px;
        top: 11px;
        width: 15px;
        z-index: 9
    }

    .faq {
        padding: 30px 0 80px
    }

    .faq .tit {
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 5px;
    }

    .faq .inn {
        padding: 0 100px
    }

    .accordion {
        border-bottom: 1px solid #e8e8e8
    }

    .accordion h4 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        padding: 25px 0;
        position: relative;
        color: #000;
        transition: all .4s ease
    }

    .panel {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        display: none;
        padding-bottom: 22px
    }

    .accordion h4:before {
        content: '';
        position: absolute;
        right: 0;
        color: #333;
        font-weight: 300;
        width: 13px;
        height: 13px;
        border-bottom: 3px solid #333;
        border-right: 3px solid #333;
        transform: rotate(45deg);
        transition: all .4s ease
    }

    .accordion h4:hover {
        color: #0d96d8
    }

    .accordion h4:hover:before {
        border-bottom: 3px solid #0d96d8;
        border-right: 3px solid #0d96d8
    }

    .accordion .panel-open {
        display: block
    }

    .accordion.opened h4:before {
        content: '';
        transform: rotate(224deg)
    }

    .accordion.opened h4 {
        padding-bottom: 20px
    }

    .panel p {
        padding-bottom: 15px;
        margin-bottom: 0;
        margin-top: 10px;
        font-size: 15px
    }

    @media screen and (max-width: 992px) {
        .faq .inn {
            padding: 0 40px
        }
    }

    @media screen and (max-width: 769px) {
        .accordion h4 {
            padding-right: 30px;
            font-size: 16px
        }
    }
    
    /* Cloud button */
    .nav-dwn a {
        font-size: 20px
    }

    .nav-clo {
        background: #1F96E5;
        border-radius: 3px;
        box-shadow: 0px 5px 6px #0026ef30;
        cursor: pointer;
        height: 39px;
        margin: 4px 0 0 10px;
        position: relative;
        transition: all .5s;
        width: 45px
    }

    .nav-clo:before {
        background: url(https://www.manageengine.com/products/eventlog/https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-size: 183px;
        content: "";
        height: 30px;
        left: 7px;
        position: absolute;
        top: 10px;
        width: 30px;
    }

    .nav-clo:hover {
        background: #1C6190;
        box-shadow: box-shadow: 0px 5px 6px #0026ef5c;
        transition: all .5s;
    }

    .nav-clo ul {
        background: #fbfeff;
        border: solid 1px #c0ddff;
        box-shadow: 0 13px 11px #00000042;
        display: none;
        padding: 30px;
        position: absolute;
        right: 0;
        top: 55px;
        width: 570px;
    }

    .nav-clo ul:after {
        background: #fff;
        content: "";
        border: solid #c0ddff;
        border-width: 0 1px 1px 0;
        height: 0px;
        padding: 5px;
        position: absolute;
        right: 14px;
        top: -6px;
        transform: rotate(222deg);
        width: 1px
    }

    .nav-clo ul:before {
        content: "";
        height: 10px;
        left: 0;
        top: 0;
        width: 100%
    }

    .nav-clo ul li {
        cursor: default;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .nav-clo ul li:nth-child(1) {
        width: 30%
    }

    .nav-clo ul li:nth-child(1):after {
        background: url(https://www.manageengine.com/products/eventlog/https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-position: -29px -5px;
        background-size: 170px;
        content: "";
        height: 141px;
        left: 0;
        position: absolute;
        top: 0;
        width: 140px
    }

    .nav-clo ul li:nth-child(2) {
        width: 69%
    }

    .nav-clo ul li h3 {
        font-size: 20px;
        font-weight: 500;
        margin: 0
    }

    .nav-clo ul li p {
        margin: 5px 0 30px 0
    }

    .nav-clo ul li a {
        background: none;
        border: solid 1px #168eff;
        border-radius: 20px;
        color: #168eff;
        display: inline-block;
        font-size: 14px;
        padding: 7px 25px;
        position: relative;
        transition: all .3s ease
    }

    .nav-clo ul li a:hover {
        background: #168eff;
        color: #fff;
        text-decoration: none;
        transition: all .3s ease
    }

    .nav-clo span {
        background: url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;
        background-position: 0 -55px;
        background-size: 200px;
        height: 17px;
        position: absolute;
        right: 12px;
        top: 11px;
        width: 15px;
        z-index: 9
    }

    .nav-clo {
        display: none
    }