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

    #header-mainsec {
        top: 40px;
    }

    section#elacutomerlogos + #allFea, #elacutomerlogos, .heading-menu, #scroll {
        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
    }

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

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

    .fea-nav-link {
        background: 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;
        margin-top: 20px;
        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
    }

    .fea-nav-list div a strong {
        font-weight: 600;
    }

    .fea-nav-list div a:hover {
        color: #1c69c7;
    }

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

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

    .fea-nav-link span {
        float: none;
        background: 0;
        font-size: 15px;
        font-weight: 300;
        color: #676767;
        padding: 9px 16px;
        line-height: 20px !important;
        width: calc(100% / 5);
        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: 992px) {
        .ac {
            padding: 0
        }

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

    .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: 40px 0 30px;
        background-size: cover;
        display: table;
        background: rgb(255, 217, 208);
        background: -o-linear-gradient(10deg, #f1dcff 20%, #97d6ec 100%);
        background: linear-gradient(80deg, #f1dcff 20%, #97d6ec 100%);
        margin-bottom: 60px;
    }

    .ban .ac {
        max-width: 1100px;
        font-size: 0;
    }

    .ban .lhs {
        display: inline-block;
        width: calc(100% - 440px);
        vertical-align: middle;
        position: relative;
        z-index: 1;
        padding: 0 40px 0 0;
    }

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

    .ban .rhs {
        display: inline-block;
        vertical-align: middle;
        width: 440px;
        height: 380px;
        position: relative;
    }

    .ban .rhs span {
        display: inline-block;
        background: url('https://www.manageengine.com/products/eventlog/images/database-auditing-ban-sprite-24.png') no-repeat;
        background-size: 442px;
        position: absolute;
    }

    .ban .rhs .ban-app {
        background-position: 0 0;
        width: 440px;
        height: 380px;
        top: -14px;
        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 {
            padding: 75px 0 60px;
        }

        .ban .lhs {
            padding: 0;
        }

        .ban .lhs h1 {
            font-size: 30px !important;
            line-height: 1.4;
            max-width: 530px;
            margin: auto;
        }

        .ban .rhs span {
            -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
            transform: scale(.9);
            left: 60px;
        }
    }

    @media screen and (max-width: 1100px) {
        .ban .lhs {
            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 .lhs {
            width: 100%;
            padding: 0
        }

        .ban .lhs h1 br {
            display: block;
        }

        .ban .rhs {
            display: none
        }

        .ban .lhs h1 {
            font-size: 28px !important;
            line-height: 1.4;
            text-align: center;
        }

        .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 .lhs h1 {
            font-size: 22px !important;
            margin-bottom: 10px !important;
            line-height: 1.4;
        }

        .ban .lhs h1 br {
            display: none;
        }

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

    .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)
        }
    }

    .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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -211px -26px;
        background-size: 477px;
    }

    .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.down-icon::before {
        content: '';
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -127px -5px;
        background-size: 477px;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .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: 16px 30px 16px 50px;
        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 14px;
        -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[name='Country'] + select {
        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 {
        margin: 5px 0 0 !important;
        width: 100%;
        cursor: pointer;
    }

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

    .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: #1281bd;
        text-decoration: underline
    }

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

    .one-line-form > .success-message h2 {
        margin-bottom: 10px;
        color: #6a3998;
        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 select[name='Country'] + select {
        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: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #1e0437;
        position: absolute;
        right: 6px;
        top: 24px;
        z-index: 12;
    }

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

        .one-line-form.success .success-message {
            text-align: center;
        }
    }

    @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[name='Country'] + select {
            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
        }

        .one-line-form.with-state .ffw-country-list:after {
            display: none;
        }

        .one-line-form > .success-message h2 {
            font-size: 22px;
            line-height: 1.3;
        }
    }

    .sec1 .ac {
        max-width: 1100px;
        margin: auto;
        width: 90%
    }

    .sec1 .inn-text {
        background-color: #fff;
        border-radius: 20px;
        position: relative;
        max-width: 900px;
        margin: auto;
        margin-bottom: 60px;
    }

    .sec1 h2 {
        font-size: 32px;
        line-height: 1.5;
        font-weight: 600;
        color: #000;
        text-align: center;
        margin-bottom: 16px;
    }

    .sec1 p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #333;
        max-width: 1000px;
        margin: auto;
    }

    .sec1 p strong {
        font-weight: 600;
    }

    .sec1 p:first-child {
        margin-bottom: 30px;
    }

    @media (max-width: 992px) {
        .sec1 .inn-text {
            padding: 30px;
        }

        .sec1 p {
            font-size: 14px;
            line-height: 24px;
        }
    }

    @media (max-width: 767px) {
        .sec1 .inn-text {
            padding: 20px;
        }

        .sec1 p {
            font-size: 13px;
        }
    }

    .tab-carousel-section {
        overflow: hidden;
        text-align: center;
    }

    .tab-carousel-section span {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: #000;
        background: #f1dcff;
        border-radius: 50px;
        padding: 10px 20px;
        display: inline-block;
        margin: auto;
        margin-bottom: 10px;
    }

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

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

    .tabs ul {
        display: table;
        width: 100%;
        text-align: center;
    }

    .tabs li {
        width: calc(96% / 5);
        display: inline-block;
        vertical-align: middle;
        padding: 7px;
        text-align: center;
        cursor: pointer;
        position: relative
    }

    .tabs li.active-slide:before {
        content: "";
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        position: absolute;
        background: #fcefed;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #e6dbfd), to(#a7d7ef));
        background: -o-linear-gradient(left, #e6dbfd 0, #a7d7ef 100%);
        background: linear-gradient(90deg, #e6dbfd 0, #a7d7ef 100%);
        left: 3px;
        top: 3px;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .tabs li div {
        background: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #333;
        padding: 70px 8px 20px;
        border: 2px solid #f6f6f6;
        height: 160px;
        -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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -5px -44px;
        background-size: 477px;
        width: 26px;
        height: 25px;
        position: absolute;
        left: 0;
        right: 0;
        display: inline-block;
        margin: auto;
        top: 27px
    }

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

    .tabs li:nth-of-type(3) div:before {
        background-position: -68px -43px;
        width: 28px;
        height: 29px;
    }

    .tabs li:nth-of-type(4) div:before {
        background-position: -100px -43px;
        width: 32px;
        height: 27px;
    }

    .tabs li:nth-of-type(5) div:before {
        background-position: -136px -45px;
        width: 29px;
        height: 24px;
    }

    .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
    }

    .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 {
        margin-top: 50px;
        margin-bottom: 90px;
        text-align: left;
    }

    .tab-carousel-container {
        width: 700%;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
        margin-left: calc(-100% - 76px);
        border-collapse: separate;
        border-spacing: 35px 0;
    }

    .carousel-item {
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
        position: relative;
        max-width: 1200px;
        width: 100%;
        padding: 40px 10px;
        display: table-cell;
        vertical-align: middle;
        margin-right: 35px;
        background: #dcf6ff;
        min-height: 602px;
    }

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

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

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

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

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

    .carousel-right h3 a:hover {
        color: #0e63cb;
    }

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

    .carousel-right p a {
        color: #2866c9
    }

    .carousel-right p a:hover {
        color: #184ea4;
        text-decoration: underline;
    }

    .carousel-right ul {
        margin-top: 20px;
    }

    .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: #c2770f;
        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: -60px;
        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: -20px;
    }

    .arrow .arrow-right {
        right: -20px;
    }

    .arrow .arrow-left::after, .arrow .arrow-right::before {
        content: '';
        background: url('https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png') no-repeat -170px -5px;
        background-size: 477px;
        width: 9px;
        height: 17px;
        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: #fff7f7;
    }

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

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

    @media screen and (max-width: 1350px) {
        .tab-carousel-section .ac {
            width: 80%;
        }

        .tab-carousel-section .tabs {
            width: calc(100% + 100px);
            margin-left: -50px;
        }
    }

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

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

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

        .tabs li div {
            font-size: 12px
        }
    }

    @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: 0px;
            min-height: auto
        }

        .carousel-item {
            border-radius: 10px;
            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: 0
        }

        .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[data-carousel-tab]:first-child, .carousel-item[data-carousel-tab]:last-child {
            display: none;
        }

        .carousel-item {
            /* background:#FAEBE6;*/
            margin: 0;
            margin-bottom: 20px
        }

        .tab-carousel {
            margin-top: 30px;
            margin-bottom: 70px;
        }

        .carousel-right h3, .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;
            gap: 20px;
        }

        .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 .tab-carousel-container .carousel-item {
            padding: 24px
        }
    }

    .solutions-section {
        text-align: center;
    }

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

    .solutions-section h2 strong {
        font-weight: 600;
    }

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

    .solutions-section .solutions .card-list {
        display: table;
        width: 100%;
        font-size: 0;
        margin: auto;
        margin-top: 30px;
        text-align: center;
        -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: calc(100% / 4);
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .solutions-section .card-list li::before {
        content: "";
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        position: absolute;
        background: #ddeafb;
        background: -o-linear-gradient(left, #ebfdfc 0, #ddeafb 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #ebfdfc), to(#ddeafb));
        background: linear-gradient(90deg, #ebfdfc 0, #ddeafb 100%);
        left: 10px;
        top: 10px;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        opacity: 0;
        -webkit-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
    }

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

    .solutions-section .solutions .card {
        text-align: left;
        background: #fff;
        padding: 84px 30px 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;
    }

    .solutions-section .solutions .card h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 16px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .solutions-section .solutions .card:hover h3 {
        text-decoration: underline;
        color: #0E63CB;
    }

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

    .solutions-section .solutions .card p a {
        position: relative;
    }

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

    .solutions-section .solutions .card-list li div:before {
        content: "";
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -6px -88px;
        ;
        background-size: 477px;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 38px;
        left: 36px
    }

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

    .solutions-section .solutions .card-list li:nth-of-type(3) div:before {
        background-position: -93px -87px;
        width: 34px;
        height: 33px;
    }

    .solutions-section .solutions .card-list li:nth-of-type(4) div:before {
        background-position: -133px -86px;
        width: 31px;
        height: 35px;
    }

    .solutions-section .solutions .card-list li .card {
        min-height: 480px;
    }

    .solutions-section .solutions .card span {
        display: inline-block;
        font-size: 16px;
        font-weight: 300;
        color: #0E63CB;
        margin-top: 20px;
        padding-right: 20px;
        position: absolute;
        bottom: 26px;
        cursor: pointer;
    }

    .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);
    }

    .fea-all a {
        display: inline-block;
        color: #0E63CB;
        font-size: 15px;
        border: 1px solid #0E63CB;
        padding: 12px 55px 12px 35px;
        border-radius: 40px;
        position: relative;
        margin-top: 30px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .fea-all a::before {
        content: '';
        position: absolute;
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -188px -10px;
        background-size: 477px;
        width: 17px;
        height: 9px;
        right: 32px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

    .fea-all:hover a {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    .fea-all:hover a::before {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }

    @media screen and (max-width: 1300px) {
        .solutions-section .solutions .card {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .solutions-section .solutions .card-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px;
        }

        .solutions-section .solutions .card-list li {
            width: calc(100% / 2 - 15px);
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.071);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.071);
            padding: 0;
        }

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

    @media screen and (max-width: 1067px) {
        .solutions-section .solutions .card p {
            font-size: 15px;
            line-height: 25px;
        }
    }

    @media screen and (max-width: 992px) {
        .solutions-section {
            padding-bottom: 50px
        }

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

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

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

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

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

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

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

    .reasons-section {
        padding: 60px 0;
        position: relative;
        margin-top: 100px
    }

    .reasons-section:before {
        content: "";
        width: 44%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-left-radius: 100px;
        background-size: 100% 100%;
        background: #f1dcff;
        background: -o-linear-gradient(330deg, #f1dcff 20%, #8fd5ea 100%);
        background: linear-gradient(120deg, #f1dcff 20%, #8fd5ea 100%);
    }

    .reasons {
        display: table;
        width: 100%
    }

    .res-image {
        position: relative
    }

    .res-image {
        margin-bottom: 10px;
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -7px -148px;
        background-size: 477px;
        width: 463px;
        height: 200px;
    }

    .reason-5 {
        font-size: 38px;
        font-weight: 600;
        color: #000;
        float: left;
        line-height: 55px;
        margin-top: -90px
    }

    .reason-5 span {
        font-size: 38px;
        font-weight: 200;
        line-height: 55px;
        display: block
    }

    .reason-5 strong {
        font-size: 26px;
        line-height: 24px;
        font-weight: 600;
    }

    .reason-cards {
        float: right
    }

    .two-card .reason-cards {
        width: calc(100% - 486px);
        margin-top: 40px
    }

    .reason-card {
        width: 302px;
        float: left;
        margin-left: 54px;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(193, 186, 186, 0.251);
        box-shadow: 0 0 20px rgba(193, 186, 186, 0.4);
        border-radius: 30px;
        overflow: hidden;
        position: relative;
        padding: 35px;
        padding-right: 10px;
        margin-bottom: 50px;
        vertical-align: top;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .three-card .reason-card {
        min-height: 354px;
    }

    .reason-card span {
        display: inline-block;
        font-size: 60px;
        color: #fff;
        font-weight: 600;
        width: 68px;
        height: 84px;
        position: absolute;
        left: 0;
        top: -1px;
        padding: 33px 0 0;
        text-align: center;
        background-color: #F8C4B4;
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -244px -4px;
        background-size: 477px;
    }

    .reason-card h3 {
        max-width: 280px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        color: #000;
        padding-left: 52px;
        margin-bottom: 25px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .reason-card h3 a {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
    }

    .reason-card:hover h3 a {
        text-decoration: underline;
        color: #1281bd;
    }

    .reason-card p {
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
        color: #010101;
    }

    .reason-card a {
        color: #1281bd;
    }

    .reason-card a:hover {
        color: #1572e3;
        text-decoration: underline;
    }

    .reason-card:hover {
        -webkit-box-shadow: 0 0 20px rgba(193, 186, 186, 0.7);
        box-shadow: 0 0 20px rgba(193, 186, 186, 0.7);
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    @media screen and (max-width: 1350px) {
        .reason-card {
            margin-left: 18px
        }
    }

    @media screen and (max-width: 1280px) {
        .reason-card {
            width: 284px;
            margin-left: 12px;
            min-height: 320px;
        }
    }

    @media screen and (max-width: 1250px) {
        .reason-card h3 {
            font-size: 16px;
            line-height: 20px;
        }

        .two-card .reason-card {
            width: calc(48% - 30px);
            margin-left: 30px;
            float: none;
            display: inline-block
        }

        .three-card .reason-card {
            width: calc(33% - 30px);
            margin-left: 30px;
            float: left;
        }
    }

    @media screen and (max-width: 1150px) {
        .two-card .reason-cards {
            width: 100%;
            text-align: center;
            display: table
        }

        .two-card .reason-card {
            width: calc(33%);
            margin-left: 30px;
            float: none;
            display: inline-block;
            min-height: 266px;
        }

        .reason-5 {
            font-size: 34px;
            line-height: 46px;
            margin: auto;
            display: table;
            float: none;
            width: 50%;
            text-align: center
        }

        .reason-5 span {
            line-height: 60px
        }

        .reason-5 br {
            display: none
        }

        .res-image {
            margin: auto;
            margin-bottom: 14px
        }

        .reasons-section:before {
            display: none
        }

        .reasons-section {
            margin-top: 0
        }

        .two-card .reason-card {
            text-align: left
        }

        .reason-card {
            padding: 30px;
        }

        .reasons-section {
            padding-bottom: 0
        }
    }

    @media screen and (max-width: 1100px) {
        .two-card .reason-card {
            min-height: 290px;
        }
    }

    @media screen and (max-width: 992px) {
        .reasons {
            max-width: 600px;
            margin: auto;
        }

        .two-card .reason-card, .three-card .reason-card {
            width: 100%;
            min-height: auto;
            margin: 0;
            margin-bottom: 30px
        }

        .reasons-section {
            margin-top: 0;
            padding-top: 0;
            padding-bottom: 0
        }

        .reasons-section:after {
            display: none
        }
    }

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

        .reason-5 span {
            font-size: 30px;
            line-height: 40px;
        }
    }

    @media screen and (max-width: 600px) {
        .reason-5 {
            width: 100%;
            font-size: 25px;
            line-height: 35px;
            text-align: center
        }

        .res-image {
            zoom: .6
        }

        .reason-5 {
            font-size: 25px;
            line-height: 35px;
            text-align: center
        }
    }

    @media screen and (max-width: 586px) {
        .two-card .reason-card:nth-child(1) h3 {
            margin-bottom: 25px;
        }
    }

    @media screen and (max-width: 506px) {
        .two-card .reason-card:nth-child(2) h3, .three-card .reason-card:nth-child(1) h3 {
            margin-bottom: 25px;
        }
    }

    @media screen and (max-width: 410px) {
        .three-card .reason-card:nth-child(2) h3 {
            margin-bottom: 25px;
        }
    }

    .faq-section {
        padding-top: 90px;
        display: table;
        width: 100%;
        margin-bottom: 60px;
    }

    .faq-section .faq ul {
        padding-left: 24px;
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
    }

    .faq-section .faq ul li strong {
        font-weight: 600;
        color: #000;
    }

    .faq-section .faq ul li {
        font-size: 15px;
        line-height: 1.4;
        color: #333;
        list-style: none;
        margin-bottom: 10px;
        position: relative;
        padding-left: 14px;
    }

    .faq-section .faq ul li::before {
        content: '';
        background: #000;
        width: 6px;
        height: 6px;
        border-radius: 50px;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .faq .inn {
        margin-top: 0;
        padding-top: 0
    }

    .faq {
        max-width: 935px;
        margin: auto
    }

    .faq h2 {
        font-size: 30px;
        line-height: 44px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 40px
    }

    .accordion {
        padding: 0 25px 0 20px;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
        background: #fff;
        border-bottom: 1px solid #dbdbdb;
        position: relative
    }

    .accordion:last-child {
        border-bottom: none;
    }

    .accordion h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #000;
        padding: 22px 0;
        position: relative;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
        cursor: pointer
    }

    .accordion p strong {
        font-weight: 600;
    }

    .accordion h4:hover {
        color: #5faeca;
    }

    .panel {
        font-size: 15px;
        line-height: 30px;
        width: 100%;
        display: none;
        padding-bottom: 18px;
        font-weight: 300;
    }

    .opened .panel {
        display: block;
        margin-left: 20px;
    }

    .panel p {
        line-height: 1.6;
    }

    .panel p:first-child {
        margin-bottom: 10px;
    }

    .accordion .panel a {
        color: #0f63cb;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .accordion .panel:hover a {
        text-decoration: underline;
    }

    .accordion h4:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #3539ac00;
        border-bottom: 1.5px solid #000;
        border-right: 1.5px solid #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 8px 0 0 7px;
        right: -10px;
        top: 19px;
        left: auto;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 1;
        bottom: auto;
    }

    .accordion.opened {
        display: block;
        background: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .accordion.opened h4 {
        padding-bottom: 6px;
        color: #5faeca;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .accordion:nth-of-type(1) {
        border-top: 1px solid #dbdbdb
    }

    .accordion.opened h4:before {
        -webkit-transform: rotate(224deg);
        -ms-transform: rotate(224deg);
        transform: rotate(224deg);
        right: -10px;
        top: 19px
    }

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

        .accordion h4 {
            font-size: 16px;
            line-height: 24px
        }

        .panel {
            font-size: 14px;
            line-height: 24px;
        }

        .faq h2 {
            font-size: 22px;
            line-height: 32px;
            margin-bottom: 24px
        }

        .faq-section {
            padding: 40px 0;
            margin-bottom: 0;
        }
    }

    .hom-reso {
        margin-bottom: 80px
    }

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

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

    .hom-reso .lhs {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 400px;
        background: #eff4fa;
        border-bottom: 8px solid #02b1f1;
        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.com/products/eventlog/images/database-auditing-solution-brief-24.png) no-repeat 0 0;
        background-size: 276px;
        width: 276px;
        height: 202px;
        display: table;
        margin: 0 auto;
        position: relative;
        top: 5px
    }

    .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: #fff;
        background: #f6342a;
        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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -180px -28px;
        background-size: 477px;
        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: #f6342a;
        border-color: #fff;
        -webkit-box-shadow: 0 4px 14px -1px rgba(240, 72, 63, 0.5);
        box-shadow: 0 4px 14px -1px rgba(240, 72, 63, 0.5)
    }

    .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% - 400px);
        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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -124px -370px;
        background-size: 477px;
        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: -70px -368px;
        width: 43px;
        height: 56px
    }

    .hom-reso .rhs li:nth-child(3) div::before {
        background-position: -13px -368px;
        width: 45px;
        height: 56px
    }

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

    .hom-reso .rhs li div:hover {
        background: #eff4fa;
        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: 30px
        }

        .hom-reso .rhs li div {
            padding: 30px 10px 30px 80px
        }

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

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

    .reviews-section {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #fefaec;
        position: relative;
        padding-top: 70px;
    }

    .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: #fefaec;
        -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, .comp:before {
        background: url(https://www.manageengine.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat;
        background-size: 477px;
    }

    .slider {
        width: 100%;
        display: block;
        overflow-x: hidden;
        margin: auto;
        padding: 70px 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-position: -364px -365px;
        width: 77px;
        height: 67px;
        position: absolute;
        right: 35px;
        top: 25px;
    }

    .current-slide .comp:before {
        background-position: -267px -365px;
    }

    .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: -18px -589px;
        width: 46px;
        height: 48px;
        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: -273px -604px;
        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: -7px -448px;
        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: -258px -460px;
        width: 192px;
        height: 35px;
    }

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

    .sa .comp-logo {
        background-position: -267px -523px;
        width: 158px;
        height: 19px;
    }

    .slider-dots li {
        float: left;
        width: 12px;
        height: 12px;
        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: -273px -569px;
    }

    .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;
            margin-top: 30px;
        }

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

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

        .reviews-section span.lov-glo:before, .reviews-section span.lov-glo:after {
            display: none;
        }
    }

    @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;
        }
    }

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

    .lhs-menu {
        background-color: #000;
        width: 54px;
        overflow: hidden;
        display: inline-block;
        height: calc(100vh - 97px);
        -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: 100px
    }

    .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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -5px -3px;
        background-size: 477px;
        width: 23px;
        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: -35px -3px;
    }

    .main-menu-links .icon-3 {
        background-position: -65px -3px;
    }

    .main-menu-links .icon-4 {
        background-position: -95px -3px;
    }

    .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: 0;
        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;
        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.com/products/eventlog/images/database-auditing-sprite-24.png) no-repeat -215px -7px;
        background-size: 477px;
        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;
        color: #f53639;
        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;
    }

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

    .free-edition:hover i {
        -webkit-filter: brightness(10);
        filter: brightness(10)
    }

    .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;
    }

    .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) {
        .lhs-menu {
            height: calc(100vh - 80px)
        }

        .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
        }
    }

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

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

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

    @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)
    }
    
    /* 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/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/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.com/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
    }