#scroll,
      .heading-menu,
      #backToTop,
      #elacutomerlogos {
        display: none !important;
      }
      .main-page *,
      .main-page ::before,
      .main-page ::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        font-weight: 300;
      }
      .m-container {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        max-width: 1400px;
        padding: 0 40px;
        margin: 0 auto;
        position: relative;
      }
      .main-page {
        font-family: "ZohoPuvi", sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 1;
      }
      .main-page h2 {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.2;
        color: #000;
        margin-bottom: 24px;
      }
      .main-page strong {
        font-weight: 600;
      }
      .main-page a {
        text-decoration: none;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .main-page ul {
        list-style: none;
      }
      .main-page img {
        width: 100%;
        height: auto;
      }
      .main-page .mb-0 {
        margin-bottom: 0 !important;
      }
      .main-page .main-cta {
        font-family: "ZohoPuvi", sans-serif;
        display: inline-block;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.3;
        padding: 12px 36px;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      body .Country_based_cta .CB_CTA_wrap,
      body .CS_CTAContainer .double-btn {
        margin-bottom: 0;
      }
      body .Country_based_cta .CB_CTA_wrap .bg-cta,
      .main-page .bg-cta {
        background: #f0371e;
        border-color: #f0371e;
        color: #fff;
      }
      body .Country_based_cta .CB_CTA_wrap .br-cta,
      .main-page .br-cta {
        background: transparent;
        border-color: #000;
        color: #000;
      }
      body .Country_based_cta .CB_CTA_wrap .bg-cta:hover,
      .main-page .bg-cta:hover {
        background: #ff2d12;
        -webkit-box-shadow: 4px 6px 15px rgba(240, 54, 30, 0.4);
        box-shadow: 4px 6px 15px rgba(240, 54, 30, 0.4);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
      }
      body .Country_based_cta .CB_CTA_wrap .br-cta:hover,
      .main-page .br-cta:hover {
        color: #fff;
        background: #000;
        -webkit-box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.4);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
      }
      .lr-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
      .lr-container .m-rhs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
      .ban-sec {
        text-align: center;
        background: #ffefce;
        position: relative;
        padding: 60px 0;
      }
      .ban-sec::before {
        content: "";
        width: 100%;
        height: calc(100% + 600px);
        background: #ffefce;
        background: -o-linear-gradient(top, #ffefce, #fff);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffefce), to(#fff));
        background: linear-gradient(to bottom, #ffefce, #fff);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
      }
      .ban-sec h1 {
        font-size: 50px;
        font-weight: 600;
        line-height: 1.2;
        color: #000;
        max-width: 800px;
        margin: auto;
        margin-bottom: 30px;
      }
      body .Country_based_cta .CB_CTA_wrap .CS_CTA_signup:before,
      body .Country_based_cta .CB_CTA_wrap .CS_CTA_download:before {
        display: none;
      }
      body .Country_based_cta .CB_CTA_wrap .CS_CTA_signup {
        margin-right: 0;
      }
      body .Country_based_cta .CB_CTA_wrap a {
        font-family: "ZohoPuvi", sans-serif;
        display: inline-block;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.3;
        padding: 12px 36px;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .ban-sec .ban-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .ban-sec .ban-cta a:not(:last-child) {
        margin-right: 14px;
      }
      .ban-sec .ban-cta a {
        padding: 16px 36px;
      }
      .lhs-content .lhs-title::before,
      .log-box::before,
      .com-list::before,
      .benf-box i::before,
      .card-box .card-content a::before,
      .tab-video-sec .play-bg::before,
      .plan-list ul li::before,
      .log-best::before,
      .log-best .best-list h5::before,
      .log-best .best-list ul li::before,
      .top-box h4::before {
        display: inline-block;
        background: url(https://www.manageengine.com/products/eventlog/images/log-monitoring-tools-icons-sprite-24.png) no-repeat;
        background-size: 265px;
      }
      .main-sec .lr-container {
        background: #fff;
        border-radius: 15px 15px 0 0;
        padding: 50px;
      }
      .main-sec .lr-container .m-lhs {
        width: 240px;
        position: sticky;
        top: 90px;
      }
      .main-sec .lr-container .m-rhs {
        width: calc(100% - 240px);
      }
      .m-rhs .body-content {
        width: calc(100% - 220px);
        padding: 0 56px;
      }
      .m-rhs .related-sec {
        width: 220px;
        position: sticky;
        top: 90px;
      }
      .lhs-content .lhs-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-transform: uppercase;
        color: #f77910;
        position: relative;
        padding-left: 30px;
      }
      .lhs-content .lhs-title::before {
        content: "";
        background-position: -30px -4px;
        width: 13px;
        height: 12px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
      }
      .scroll-tab {
        position: relative;
        margin: 30px 0;
      }
      .scroll-tab .lhs-highlight {
        width: 3px;
        height: 44px;
        background: #f77910;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: 0.3s linear;
        -o-transition: 0.3s linear;
        transition: 0.3s linear;
        z-index: 1;
      }
      .scroll-tab-list {
        border-left: 3px solid #eaeaea;
      }
      .scroll-tab-list li {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.3;
        color: #000;
        position: relative;
        padding: 8px 0 8px 20px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .scroll-tab-list li:not(:last-child) {
        margin-bottom: 10px;
      }
      .scroll-tab-list li:hover,
      .scroll-tab-list li.scroll-act {
        font-weight: 500;
      }
      .scroll-tab-list li.scroll-act {
        font-weight: 500;
      }
      .related-content {
        background: #f8fafc;
        border-radius: 5px;
        padding: 30px;
      }
      .related-content .rhs-title {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        text-transform: uppercase;
        color: #22282e;
        border-bottom: 1px solid #dde3e9;
        position: relative;
        padding-bottom: 16px;
        margin-bottom: 20px;
      }
      .rl-list a {
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.3;
        color: #49525c;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .rl-list a:not(:last-child) {
        margin-bottom: 14px;
      }
      .rl-list a:hover {
        color: #f77910;
      }
      .body-breadcrumb {
        margin-bottom: 20px;
      }
      .body-breadcrumb ul li {
        display: inline-block;
        position: relative;
        padding-right: 16px;
        margin-right: 8px;
        margin-bottom: 6px;
      }
      .body-breadcrumb ul li:not(:last-child)::before {
        content: ">";
        font-size: 14px;
        font-weight: 400;
        line-height: 0;
        color: #4c4639;
        height: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
      }
      .body-breadcrumb ul li a {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        color: #1f7dec;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .body-breadcrumb ul li:hover a {
        text-decoration: underline;
      }
      .body-breadcrumb ul li span {
        display: inline-block;
        font-size: 14px;
        color: #4c4639;
      }
      .body-content p {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6;
        color: #333;
        position: relative;
        margin-bottom: 24px;
      }
      .body-content p a {
        color: #2e79d5;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .body-content p a:hover {
        text-decoration: underline;
      }
      .body-content .div-sec {
        display: block;
        border-bottom: 1px solid #dde3e5;
        padding-bottom: 60px;
        margin-bottom: 60px;
      }
      .body-content .div-sec:last-child {
        border: none;
        padding-bottom: 0;
      }
      .body-content .div-sec picture {
        display: block;
        padding: 30px 0;
      }
      .body-content .div-sec .bg-box {
        background: #fffaf0;
        background: -webkit-gradient(linear, left top, left bottom, from(#fffaf0), to(#fffaf0));
        background: -o-linear-gradient(top, #fffaf0, #fffaf0);
        background: linear-gradient(to bottom, #fffaf0, #fffaf0);
        border: 1px solid #faf4e7;
        border-radius: 10px;
        padding: 30px;
      }
      .body-content .div-sec .bg-box p {
        margin-bottom: 0;
      }
      .body-content .div-sec .bg-box .main-cta.bg-cta {
        font-size: 15px;
        margin-top: 30px;
      }
      .body-content .ban-box {
        background: #fffaf0;
        background: -webkit-gradient(linear, left top, left bottom, from(#fffaf0), to(#fffff1));
        background: -o-linear-gradient(top, #fffaf0, #fffff1);
        background: linear-gradient(to bottom, #fffaf0, #fffff1);
        border: 1px solid #faf4e7;
        border-radius: 10px;
        padding: 26px;
        margin-top: 50px;
        padding-left: 180px;
        position: relative;
        overflow: hidden;
      }
      .body-content .ban-box2 {
        padding-left: 196px;
      }
      .body-content .ban-box3 {
        padding: 40px;
        margin-top: 60px;
      }
      .ban-box h6 {
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        color: #6c511c;
        background: #f1dcab;
        border-radius: 5px;
        padding: 4px 10px;
        margin-bottom: 12px;
      }
      .ban-box span {
        display: block;
        background: #ffe1a1;
        height: 100%;
        border-radius: 6px;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
      }
      .ban-box1 span {
        width: 144px;
      }
      .ban-box2 span {
        width: 164px;
      }
      .ban-box span::after {
        content: "";
        background: url(https://www.manageengine.com/products/eventlog/images/log-monitoring-tools-ban-box-sprite-24.png) no-repeat;
        background-size: 325px;
        position: absolute;
        right: 0;
        bottom: 0;
      }
      .ban-box1 span::after {
        background-position: -7px -10px;
        width: 127px;
        height: 124px;
      }
      .ban-box2 span::after {
        background-position: -155px -6px;
        width: 162px;
        height: 196px;
      }
      .body-content .ban-box h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 26px;
      }
      .body-content .ban-box .bg-cta,
      .body-content .ban-box .br-cta {
        font-size: 15px;
        padding: 10px 18px;
      }
      .body-content .ban-box .ban-box-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 14px 10px;
      }
      .ban-box .ban-box-cta .main-cta {
        font-weight: 400;
        padding: 10px 30px;
        position: relative;
      }
      .body-content .l-cta {
        display: inline-block;
        font-size: 16px;
        font-weight: 300;
        color: #1f7dec;
        line-height: 1.4;
      }
      .body-content .l-cta:hover {
        text-decoration: underline;
      }
      .body-content .l-cta .l-arrow {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #1f7dec;
        position: relative;
        margin-left: 4px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .body-content .l-cta:hover .l-arrow {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
      }
      .log-box {
        position: relative;
        padding-left: 90px;
        margin: 30px 0;
      }
      .log-box::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
      }
      .log-box1::before {
        background-position: -3px -48px;
        width: 60px;
        height: 53px;
      }
      .log-box2::before {
        background-position: -77px -47px;
        width: 71px;
        height: 55px;
      }
      .log-box3::before {
        background-position: -168px -43px;
        width: 69px;
        height: 64px;
      }
      .log-box4::before {
        background-position: -4px -113px;
        width: 60px;
        height: 61px;
      }
      .log-box5::before {
        background-position: -77px -118px;
        width: 52px;
        height: 52px;
      }
      .log-box h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.3;
        color: #333;
        margin-bottom: 12px;
      }
      .key-tool h3 {
        font-size: 28px;
        font-weight: 600;
        line-height: 1.3;
        color: #333;
        margin: 30px 0 12px;
      }
      .benefit-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
      }
      .benefit-list .benf-col {
        width: calc(100% / 2 - 10px);
      }
      .benf-box {
        background: #fff;
        border: 1px solid #e6e2d9;
        border-radius: 10px;
        padding: 40px 30px;
        margin-bottom: 20px;
      }
      .benf-box h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
        color: #000;
        position: relative;
        margin-bottom: 12px;
      }
      .benf-box i {
        display: block;
        height: 42px;
        position: relative;
        margin-bottom: 20px;
      }
      .benf-box i::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
      }
      .benf-box1 i::before {
        background-position: -5px -196px;
        width: 46px;
        height: 42px;
      }
      .benf-box2 i::before {
        background-position: -65px -197px;
        width: 50px;
        height: 40px;
      }
      .benf-box3 i::before {
        background-position: -132px -193px;
        width: 57px;
        height: 48px;
      }
      .benf-box4 i::before {
        background-position: -201px -201px;
        width: 61px;
        height: 37px;
      }
      .benf-box5 i::before {
        background-position: -5px -267px;
        width: 41px;
        height: 39px;
      }
      .benf-box6 i::before {
        background-position: -67px -267px;
        width: 33px;
        height: 39px;
      }
      .benf-box7 i::before {
        background-position: -120px -260px;
        width: 46px;
        height: 53px;
      }
      .benefit-list .benf-box p {
        margin-bottom: 0;
      }
      .com-list {
        border-bottom: 1px solid #dde3e5;
        padding-bottom: 30px;
        margin: 0 0 36px 60px;
        position: relative;
      }
      .best-practice .com-list {
        border-bottom: 0;
        padding-bottom: 0;
      }
      .com-list:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .com-list::before,
      .best-practice .com-list::before {
        content: "";
        position: absolute;
        left: -60px;
        top: 4px;
      }
      .com-list::before {
        background-position: -91px -4px;
        width: 41px;
        height: 34px;
      }
      .best-practice .com-list::before {
        background-position: -53px -3px;
        width: 28px;
        height: 28px;
      }
      .com-list h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
        color: #000;
        position: relative;
        margin-bottom: 10px;
      }
      .com-list h3 + p {
        margin-bottom: 0;
      }
      .how-log h3 {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.3;
        color: #000;
        margin-bottom: 18px;
      }
      .how-log ul li {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5;
        position: relative;
        padding-left: 30px;
      }
      .how-log ul li:not(:last-child) {
        margin-bottom: 16px;
      }
      .how-log ul li::before {
        content: "";
        background: url(https://www.manageengine.com/products/eventlog/images/log-monitoring-tools-icons-sprite-24.png) no-repeat -3px -3px;
        background-size: 265px;
        width: 16px;
        height: 15px;
        position: absolute;
        left: 0;
        top: 4px;
      }
      .log-best {
        position: relative;
        margin-left: 50px;
      }
      .log-best1 {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #dde3e5;
      }
      .log-best::before {
        content: "";
        position: absolute;
        left: -50px;
        top: 6px;
      }
      .log-best1::before {
        background-position: -5px -371px;
        width: 30px;
        height: 37px;
      }
      .log-best2::before {
        background-position: -51px -374px;
        width: 29px;
        height: 31px;
      }
      .log-best h4 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        color: #000;
        margin-bottom: 12px;
      }
      .log-best h4 + p {
        margin-bottom: 0;
      }
      .log-best .best-list {
        padding-left: 20px;
        position: relative;
      }
      .log-best .best-list h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #000;
        margin-bottom: 10px;
        position: relative;
      }
      .log-best .best-list h5::before {
        content: "";
        background-position: -203px -1px;
        width: 10px;
        height: 11px;
        position: absolute;
        top: 5px;
        left: -20px;
      }
      .log-best .best-list ul li {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5;
        color: #000;
        padding-left: 20px;
        margin-bottom: 20px;
        position: relative;
      }
      .log-best .best-list ul li:not(:last-child) {
        margin-bottom: 10px;
      }
      .log-best .best-list ul li::before {
        content: "";
        background-position: -32px -15px;
        width: 10px;
        height: 9px;
        position: absolute;
        top: 6px;
        left: 0;
      }
      .bp-sec .best-box {
        border: 1px solid #f77910;
        border-radius: 6px;
        padding: 20px;
        margin-top: 30px;
      }
      .bp-sec .best-box p {
        margin-bottom: 0;
      }
      .card-sec {
        margin-bottom: 80px;
      }
      .card-sec .m-container {
        max-width: 970px;
      }
      .card-sec h2 {
        text-align: center;
        max-width: 700px;
        margin: auto;
      }
      .card-list {
        display: inline-block;
        font-size: 0;
      }
      .card-list .card-box {
        display: inline-block;
        vertical-align: top;
        width: calc(100% / 3 - 20px);
        background: #fff;
        border: 1px solid #dedfe5;
        border-radius: 6px;
        padding: 22px;
        margin: 10px;
      }
      .card-box .card-img {
        overflow: hidden;
      }
      .card-box .card-img img {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .card-box:hover .card-img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }
      .card-box .card-content {
        margin-top: 24px;
      }
      .card-box .card-content span {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: #b17700;
        margin-bottom: 10px;
      }
      .card-box .card-content h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #000;
        position: relative;
        min-height: 72px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 20px;
      }
      .card-box .card-content a {
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        color: #3189ef;
        position: relative;
        padding-right: 20px;
      }
      .card-box .card-content a::before {
        content: "";
        background-position: -180px -12px;
        width: 14px;
        height: 9px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .card-box .card-content a:hover::before {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
      }
      .plan-sec {
        margin-bottom: 80px;
      }
      .plan-sec .plan-title {
        text-align: center;
        max-width: 720px;
        margin: auto;
        margin-bottom: 40px;
      }
      .plan-sec .plan-title p {
        font-size: 22px;
        font-weight: 400;
        line-height: 1.3;
        color: #000;
      }
      .plan-content {
        max-width: 1060px;
        background: #171515;
        border-radius: 10px;
        padding: 60px;
        margin: auto;
        overflow: hidden;
      }
      .plan-content .lr-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
      }
      .plan-content .lr-container .m-lhs {
        width: calc(100% - 380px);
        padding-right: 120px;
        position: relative;
      }
      .plan-content .lr-container .m-lhs::before {
        content: "";
        width: 1px;
        height: 100%;
        background: #5d5854;
        position: absolute;
        right: 60px;
      }
      .plan-content .lr-container .m-rhs {
        width: 380px;
      }
      .plan-content .m-lhs h3 {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.2;
        color: #fff;
        max-width: 320px;
        margin-bottom: 20px;
      }
      .plan-content .m-lhs h3 strong {
        font-weight: inherit;
        color: #ffc388;
      }
      .plan-content .m-lhs span {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
        color: #ffefca;
      }
      .plan-content .m-lhs span strong {
        display: block;
        font-size: 86px;
        font-weight: 600;
        color: #f77910;
      }
      .plan-list {
        background: #2d2a27;
        border: 1px solid #4c4844;
        border-radius: 10px;
        padding: 40px;
        margin-top: 40px;
      }
      .plan-list h5 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 16px;
      }
      .plan-list ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3;
        color: #fff;
        padding-left: 28px;
        position: relative;
      }
      .plan-list ul li:not(:last-child) {
        margin-bottom: 14px;
      }
      .plan-list ul li::before {
        content: "";
        background-position: -203px -6px;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 2px;
        left: 0;
        margin: auto;
      }
      form > ul li input::-webkit-input-placeholder {
        color: #444;
        font-weight: 300;
      }
      form > ul li input::-moz-placeholder {
        color: #444;
        font-weight: 300;
      }
      form > ul li input:-ms-input-placeholder {
        color: #444;
        font-weight: 300;
      }
      form > ul li input::-ms-input-placeholder {
        font-weight: 300;
        color: #444;
      }
      form > ul li input::placeholder {
        color: #444;
        font-weight: 300;
      }
      .form-type-box {
        position: relative;
      }
      .ffw-form-container h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        color: #fff;
        margin-bottom: 20px;
      }
      .ffw-form-container h3 strong {
        display: block;
        font: inherit;
        color: #ffc388;
      }
      .ffw-form form ul li {
        margin-bottom: 10px;
        position: relative;
      }
      .ffw-form form ul li.ffw-submit {
        margin-top: 25px;
      }
      .ffw-form form ul li:last-child {
        margin-bottom: 0;
      }
      .ffw-form form ul li input,
      .ffw-form form ul li select,
      .ffw-form form ul li textarea {
        display: block;
        font-family: "ZohoPuvi", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
        background-color: #fff;
        width: 100%;
        height: 50px;
        border: none;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        outline: 0;
        padding: 6px 10px 6px 42px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .ffw-form form ul li input:focus,
      .ffw-form form ul li select :focus {
        border-color: #1e66c2;
      }
      .ffw-form form ul .ffw-text-field textarea {
        resize: none;
        padding: 6px 10px;
        padding-top: 14px;
        width: 100% !important;
      }
      .ffw-form form .misc-field .ffw-additional-data {
        display: none;
      }
      .ffw-form form ul li input[type="submit"] {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #e61b32;
        height: 54px;
        border: none;
        border-radius: 4px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
      }
      .ffw-form form ul li input[type="submit"]:hover {
        background: #f3361d;
        -webkit-box-shadow: 4px 4px 15px rgba(188, 32, 11, 0.6);
        box-shadow: 4px 4px 15px rgba(188, 32, 11, 0.6);
      }
      .ffw-form.showing-state form ul li select {
        width: 49%;
        display: inline-block;
        padding-right: 20px;
      }
      .ffw-form.showing-state form ul li .commonselect {
        padding-left: 12px;
        margin-left: 2%;
      }
      .ffw-form form ul li .form-tip {
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: #898989;
        margin-top: 3px;
      }
      .ffw-form .ffw-errmsg {
        display: none;
        position: relative;
        background: red;
        color: #fff;
        padding: 4px 3px;
        font-size: 11px;
        top: -1px;
        left: 0;
        line-height: 11px;
      }
      .ffw-form #meGDPRMessage,
      .ffw-form .ffw-privacy {
        font-weight: 300;
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        width: 100%;
      }
      .ffw-form #meGDPRMessage label {
        cursor: pointer;
      }
      .ffw-form .ffw-privacy a,
      .ffw-form .ffw-privacy strong {
        font-size: 12px;
        font-weight: 300;
        color: #fff;
      }
      .ffw-form .ffw-privacy a {
        text-decoration: underline;
        color: #fff;
      }
      .ffw-form .ffw-privacy strong {
        font-weight: 500;
      }
      #meGDPRMessage span.checkmarkgdpr.enableCheckgdpr:before {
        width: 3px;
        height: 6px;
        border-width: 0 1.5px 1.5px 0 !important;
        top: 0.5px;
        left: 2.5px;
      }
      #meGDPRMessage .checkmarkgdpr {
        top: 1px;
      }
      .ffw-form form ul li.ffw-ic::before {
        content: "";
        background: url(https://www.manageengine.com/log-management/images/ela-compliance-trust-company-form-icons-24.png) no-repeat;
        background-size: 66px;
        position: absolute;
        left: 14px;
      }
      .ffw-form #meGDPRMessage a {
        font-size: inherit;
        color: inherit;
        text-decoration: underline;
      }
      .ffw-form form ul li.ffw-ic-name::before {
        background-position: 0 -1px;
        width: 16px;
        height: 18px;
        top: 16px;
      }
      .ffw-form form ul li.ffw-ic-mail::before {
        background-position: -23px -3px;
        width: 18px;
        height: 15px;
        top: 18px;
      }
      .ffw-form form ul li.ffw-ic-phone::before {
        background-position: -45px -3px;
        width: 16px;
        height: 16px;
        top: 17px;
      }
      .ffw-form form ul li.ffw-ic-date::before {
        background-position: -1px -24px;
        width: 15px;
        height: 17px;
        top: 16.5px;
      }
      .ffw-form form ul li.ffw-ic-count::before {
        background-position: -21px -25px;
        width: 17px;
        height: 17px;
        top: 16px;
      }
      .ffw-form form ul li.ffw-ic-company::before {
        background-position: -43px -24px;
        width: 16px;
        height: 17px;
        top: 15px;
      }
      .ffw-form form ul li.ffw-ic-submit.act input {
        padding: 0;
      }
      .ffw-form form ul li.ffw-ic-submit.act::before {
        display: none;
      }
      .ffw-form select {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        background-image:
          -o-linear-gradient(45deg, transparent 50%, #5a5a5a 50%),
          -o-linear-gradient(315deg, #5a5a5a 50%, transparent 50%),
          -o-linear-gradient(left, #fff0, #fff0);
        background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
        background-position:
          calc(100% - 12px) calc(1em + 9px),
          calc(100% - 7px) calc(1em + 9px),
          calc(100% - 2.5em) 0.5em;
        background-size:
          6px 5px,
          5px 5px,
          1px 1.5em;
        background-repeat: no-repeat;
      }
      input::-webkit-inner-spin-button,
      input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      .ui-state-default,
      .ui-widget-content .ui-state-default,
      .ui-widget-header .ui-state-default,
      .ui-button,
      html .ui-button.ui-state-disabled:hover,
      html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c500 !important;
        background: #f1f9ff !important;
        font-weight: 400 !important;
        color: #454545 !important;
      }
      .ui-datepicker td span,
      .ui-datepicker td a {
        width: 25px;
        height: 25px;
        border-radius: 50px;
        line-height: 1.8;
        text-align: center !important;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
      .ui-widget.ui-widget-content {
        border: 0 solid #c5c5c5 !important;
        -webkit-box-shadow: 0 1px 23px -9px #3333339c;
        box-shadow: 0 1px 23px -9px #3333339c;
        padding: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 280px;
      }
      .ui-state-highlight,
      .ui-widget-content .ui-state-highlight,
      .ui-widget-header .ui-state-highlight {
        border: 1px solid #eafff8 !important;
        background: #eafff8 !important;
        color: #000 !important;
      }
      .ui-datepicker td span,
      .ui-datepicker td a:hover {
        border: 1px solid #90eecf !important;
        background: #90eecf !important;
        color: #000 !important;
      }
      .ui-widget-header {
        border: 0 solid #f1f9ff !important;
        border-bottom: 1px solid #e2e2e2 !important;
        background: none !important;
        color: #333;
        font-weight: 700;
        border-radius: 0 !important;
      }
      .ui-datepicker th {
        font-weight: 600;
        font-size: 13px;
        color: #7b90a0;
      }
      .ui-state-default.ui-state-active {
        background: #ffc388 !important;
      }
      .form-type-box .thanks-msg {
        display: none;
      }
      .form-type-box .thanks-msg p {
        text-align: center;
        font-weight: 300;
        font-size: 15px;
        line-height: 24px;
        margin-top: 0;
        color: #fff;
      }
      .form-type-box .thanks-msg p a {
        text-decoration: underline;
      }
      .form-type-box .thanks-msg h3 {
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        margin-bottom: 10px;
      }
      @media (max-width: 992px) {
        .ffw-form-container h3 {
          font-size: 18px;
        }
      }
      @media (max-width: 767px) {
        .ffw-form-container h3 {
          font-size: 20px;
        }
        .ffw-form.showing-state form ul li select {
          width: 100%;
        }
        .ffw-form.showing-state form ul li .commonselect {
          margin-left: 0;
          margin-top: 10px;
        }
      }
      .video-content {
        max-width: 740px;
        margin: auto;
        text-align: center;
        padding: 0 24px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
      }
      .video-content h3 {
        font-size: 28px;
        font-weight: 300;
        line-height: 1.3;
        color: #000;
        margin-bottom: 20px;
      }
      .video-content h3 strong {
        display: block;
        font-size: 32px;
        font-weight: 600;
        color: #f77910;
      }
      .video-box {
        display: inline-block;
        position: relative;
        cursor: pointer;
      }
      .video-trigger {
        position: relative;
        z-index: 1;
      }
      .video-trigger img {
        border-radius: 20px;
      }
      .video-trigger::before {
        content: "";
        background: #fff;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        border-radius: 20px;
        position: absolute;
        left: -10px;
        right: 0;
        top: -10px;
        bottom: 0;
        margin: auto;
        z-index: -1;
      }
      .tab-video-sec .play-bg {
        background: #fff;
        width: 74px;
        height: 74px;
        border-radius: 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-animation: playCTA 1s linear infinite both;
        animation: playCTA 1s linear infinite both;
      }
      .tab-video-sec .play-bg::before {
        content: "";
        background-position: -146px -4px;
        width: 19px;
        height: 24px;
        position: absolute;
        left: 5px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-animation: playCTA 1s 0.1s linear infinite both;
        animation: playCTA 1s 0.1s linear infinite both;
      }
      @-webkit-keyframes playCTA {
        from,
        to {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        50% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
        }
      }
      @keyframes playCTA {
        from,
        to {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        50% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
        }
      }
      .tab-video-sec iframe {
        display: none;
        border-radius: 20px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: -4px;
        z-index: 2;
      }
      .video-box.play-video iframe {
        display: block;
      }
      .video-box.play-video .play-bg {
        display: none;
      }
      @-webkit-keyframes pulse {
        0%,
        100% {
          -webkit-box-shadow: 0;
          box-shadow: 0;
        }
        50% {
          -webkit-box-shadow: 0 0 0 10px rgba(247, 247, 247, 0.2);
          box-shadow: 0 0 0 10px rgba(247, 247, 247, 0.2);
        }
      }
      @keyframes pulse {
        0%,
        100% {
          -webkit-box-shadow: 0;
          box-shadow: 0;
        }
        50% {
          -webkit-box-shadow: 0 0 0 10px rgba(247, 247, 247, 0.2);
          box-shadow: 0 0 0 10px rgba(247, 247, 247, 0.2);
        }
      }
      .dark-box {
        text-align: center;
        background: #252321;
        padding: 50px 100px;
        padding-top: 210px;
        margin-top: -160px;
        margin-bottom: 40px;
      }
      .dark-box .m-container {
        max-width: 980px;
      }
      .dark-box p {
        font-size: 16px;
        line-height: 1.6;
        color: #fff;
      }
      .dark-box p:not(:last-child) {
        margin-bottom: 20px;
      }
      @media (max-width: 1400px) {
        .m-rhs .body-content {
          width: 100%;
          padding: 0;
          padding-left: 30px;
        }
        .m-rhs .related-sec {
          display: block;
          width: 100%;
          position: relative;
          top: 0;
          padding-left: 30px;
        }
        .rl-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 20px 40px;
        }
        .rl-list a:not(:last-child) {
          margin-bottom: 0;
        }
      }
      @media (max-width: 1200px) {
        .m-container {
          padding: 0 24px;
        }
        .ban-sec h1 {
          font-size: 38px;
        }
        .main-sec .lr-container {
          padding: 30px;
          margin-bottom: 40px;
        }
        .main-sec .lr-container .m-lhs {
          width: 240px;
        }
        .main-sec .lr-container .m-rhs {
          width: calc(100% - 240px);
        }
      }
      @media (max-width: 1025px) {
        .main-sec .lr-container .m-lhs {
          top: 120px;
        }
      }
      @media (max-width: 992px) {
        .main-sec .m-container {
          padding: 0;
        }
        .main-page h2 {
          font-size: 26px;
          line-height: 1.3;
          margin-bottom: 18px;
        }
        .main-sec .lr-container {
          padding: 30px 24px;
        }
        .main-sec .lr-container .m-lhs {
          width: 220px;
        }
        .main-sec .lr-container .m-rhs {
          width: calc(100% - 220px);
        }
        .scroll-tab-list li {
          font-size: 14px;
        }
        .scroll-tab-list li:not(:last-child) {
          margin-bottom: 4px;
        }
        .body-content p {
          font-size: 15px;
          margin-bottom: 20px;
        }
        .body-content .div-sec {
          padding-bottom: 34px;
          margin-bottom: 34px;
        }
        .body-content .l-cta {
          font-size: 15px;
        }
        .body-content .ban-box .bg-cta,
        .body-content .ban-box .br-cta {
          font-size: 14px;
          width: 100%;
          max-width: 270px;
        }
        .body-content .ban-box {
          text-align: center;
          padding: 30px;
        }
        .ban-box span {
          display: none;
        }
        .body-content .ban-box .ban-box-cta {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
        .log-box h3,
        .key-tool h3 {
          font-size: 20px;
        }
        .benf-box {
          width: 100%;
          padding: 30px;
        }
        .log-best {
          margin-left: 40px;
        }
        .log-best::before {
          left: -40px;
          top: 0;
        }
        .log-best h4 {
          font-size: 18px;
          margin-bottom: 10px;
        }
        .benefit-list .benf-col {
          width: 100%;
        }
        .benf-col .benf-box:last-child {
          margin-bottom: 0;
        }
        .card-list .card-box {
          padding: 14px;
        }
        .plan-content {
          padding: 30px;
        }
        .plan-content .lr-container .m-lhs {
          width: calc(100% - 300px);
          padding-right: 80px;
        }
        .plan-content .lr-container .m-lhs::before {
          right: 40px;
        }
        .plan-content .lr-container .m-rhs {
          width: 300px;
        }
        .plan-content .m-lhs h3 {
          font-size: 26px;
        }
        .plan-content .m-lhs span strong {
          font-size: 50px;
        }
        .plan-list {
          padding: 24px;
        }
        .plan-list h5,
        .plan-list ul li {
          font-size: 15px;
        }
      }
      @media (max-width: 767px) {
        .main-page h2 {
          font-size: 22px;
        }
        .main-page .main-cta {
          font-size: 15px;
        }
        .ban-sec h1 {
          font-size: 26px;
        }
        .ban-sec .ban-cta {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 14px;
        }
        body .Country_based_cta .CB_CTA_wrap a,
        .ban-sec .ban-cta a {
          font-size: 15px;
          padding: 16px;
        }
        .ban-sec .ban-cta a:not(:last-child) {
          margin-right: 0;
        }
        body .Country_based_cta .CB_CTA_wrap.CB_CTA_US a {
          margin-right: 10px;
        }
        .main-sec .lr-container {
          margin-bottom: 30px;
        }
        .main-sec .lr-container .m-lhs {
          display: none;
        }
        .main-sec .lr-container .m-rhs {
          width: 100%;
        }
        .m-rhs .body-content {
          padding: 0;
        }
        .body-content .ban-box {
          padding: 30px 20px;
        }
        .body-content .ban-box h4 {
          font-size: 18px;
        }
        .m-rhs .related-sec {
          padding: 0;
        }
        .card-sec {
          margin-bottom: 60px;
        }
        .card-list {
          display: block;
          max-width: 400px;
          margin: auto;
          padding: 0;
        }
        .card-list .card-box {
          display: block;
          width: 100%;
          padding: 20px;
          margin: 0;
          margin-bottom: 20px;
        }
        .card-box .card-content h3 {
          font-size: 15px;
          min-height: auto;
        }
        .plan-sec {
          margin-bottom: 60px;
        }
        .plan-content .lr-container .m-lhs,
        .plan-content .lr-container .m-rhs {
          width: 100%;
          padding: 0;
        }
        .plan-content .lr-container .m-lhs::before {
          display: none;
        }
        .plan-content .lr-container .m-lhs {
          text-align: center;
        }
        .plan-content .lr-container .m-rhs {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 40px;
        }
        .plan-content {
          padding: 30px 24px;
        }
        .plan-sec .plan-title {
          margin-bottom: 20px;
        }
        .plan-sec .plan-title p {
          font-size: 16px;
        }
        .plan-content .m-lhs h3 {
          font-size: 22px;
          margin: auto;
          margin-bottom: 20px;
        }
        .plan-content .m-lhs span strong {
          font-size: 40px;
        }
        .plan-list {
          padding: 20px;
          margin-top: 30px;
        }
        .plan-list ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: flex-start;
          -ms-flex-pack: flex-start;
          justify-content: flex-start;
          gap: 10px 20px;
          max-width: 240px;
          margin: auto;
        }
        .plan-list ul li {
          display: inline-block;
          font-size: 14px;
        }
        .plan-list ul li:not(:last-child) {
          margin-bottom: 0;
        }
        .video-content {
          padding: 0;
        }
        .video-content h3 {
          font-size: 18px;
        }
        .video-content h3 strong {
          font-size: 20px;
          line-height: 1.2;
        }
        .video-trigger img {
          border-radius: 10px;
        }
        .tab-video-sec .play-bg {
          width: 50px;
          height: 50px;
        }
        .dark-box {
          padding: 30px 0;
          margin-top: 20px;
        }
        .dark-box p {
          font-size: 15px;
        }
      }
      @media (max-width: 580px) {
        .ban-sec .ban-cta {
          max-width: 253px;
          margin: auto;
        }
        body .Country_based_cta .CB_CTA_wrap a,
        .ban-sec .ban-cta a {
          width: 100%;
          font-size: 14px;
          padding: 16px 10px;
        }
        body .Country_based_cta .CB_CTA_US .bg-cta {
          margin-bottom: 10px;
        }
        .body-breadcrumb ul li {
          margin-right: 6px;
          padding-right: 14px;
        }
        .body-breadcrumb ul li a,
        .body-breadcrumb ul li span {
          font-size: 12px;
        }
        .body-content .ban-box .bg-cta,
        .body-content .ban-box .br-cta {
          font-size: 13px;
          padding: 10px 11px;
        }
        .rl-list a {
          width: 100%;
        }
      }
      @media (max-width: 425px) {
        .body-content .l-cta {
          font-size: 14px;
        }
        .log-box {
          padding-left: 0;
        }
        .log-box::before {
          display: none;
        }
        .plan-list ul {
          text-align: left;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          gap: 20px;
        }
      }
    
      /* 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}
      .fea-nav-list #allFeaDiv5 ul{width:23%}
     footer#commonFooter .clearfix { display:flex}